html     {
margin: 0;
padding: 0;
}

body {
color: #333366;
background-color: #ffffff;
background: url(english/ec_images/images_head/ec_head_background.jpg) repeat-x;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
line-height: 145%;
text-align: left;
margin: 0;
padding: 0
}


img {
border: 0;
padding: 0;
margin: 0;
}

p  {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #333366;
}


h1 {
font-size: 13px;
color: #cc0033;
font-weight: bold;
padding:0;
margin:0;
line-height: 145%;
}

h2 {
font-size: 13px;
color: #669999;
font-weight: bold;
padding:0;
margin:0;
line-height: 220%;
margin-bottom: 5px;
}

h3 {
font-size: 19px;
color: #778899;
font-weight: 100;
padding-left:0;
margin:0;
line-height: 150%;
}

h4 {
font-size: 13px;
color: #cc0033;
font-weight: 100;
padding:0;
margin:0;
line-height: 145%;
padding-bottom: 5px;
}

h5 {
font-size: 13px;
color: #cc0033;
padding:0;
margin:0;
line-height: 145%;
padding-bottom: 5px;
}

A:link, A:visited {
color: #778899;
font-weight: normal;
font-style: normal;
text-decoration: none;
}

A:hover, A:active  {
color: #669999;
font-style: normal;
font-weight: normal;
text-decoration: none;
}

#logo       {
background: url("english/ec_images/images_head/ecc_logo_head_claim.gif") no-repeat;
visibility: visible;
position: absolute;
top: 34px;
left: 300px;
width: 450px;
height: 60px;
}

#headimage {
margin: 0;
padding: 0;
width: 100%;
height: 134px;
/*position: absolute;
top: 0px;
left: 0px;*/
}

/*#language {
margin: 0;
padding: 0;
text-align: right;
position:absolute;
top:90px;
right:40px;
height: 13px;
}*/

#menu  {
margin: 0;
padding: 0;
position: absolute;
top: 190px;
left: 0px;
width: 200px;
}

#menu ul {
padding: 0;
margin: 0;
list-style-type: none;
font-size: 100%;
}

#menu ul li {
padding: 0;
margin: 0;
display: block;
border-bottom: 1px solid #778899;
background-image:url(english/ec_images/images_menu/ec_menu_fond_dark_off.gif);
}

#menu li a:link, #menu li a:visited {
color: #fff;
display: block;
background: url(english/ec_images/images_menu/ec_menu_fond_dark_off.gif);
padding-top: 1.2em;
padding-bottom: 1.2em;
padding-left: 30px;
}

#menu li a:hover, #menu li a:active {
color: #fff;
background: url(english/ec_images/images_menu/ec_menu_fond_dark_on.gif);
padding:0;
padding-top: 1.2em;
padding-bottom: 1.2em;
padding-left: 30px;
}

#menu ul li ul{
padding: 0;
margin: 0;
list-style-type: none;
font-size: 100%;
}

#menu ul li ul li {
padding: 0;
margin: 0;
display: block;
border-bottom: 1px solid #778899;
background-image:url(english/ec_images/images_menu/ec_menu_fond_hell_off.gif);
}

#menu li ul li a:link, #menu li ul li a:visited {
color: #669999;
display: block;
background: url(english/ec_images/images_menu/ec_menu_fond_hell_off.gif);
padding-top: 0.6em;
padding-bottom: 0.6em;
padding-left: 40px;
}

#menu li ul li a:hover, #menu li ul li a:active {
color: #669999;
background: url(english/ec_images/images_menu/ec_menu_fond_hell_on.gif);
padding:0;
padding-top: 0.6em;
padding-bottom: 0.6em;
padding-left: 40px;
}

#content   {
margin: 0;
margin-right: 40px;
padding: 0;
margin-top:55px;
/*margin-top: 190px;*/
margin-left: 300px;
height: auto;
}


#contentausbildung {
padding: 0;
margin: 0;
margin-top: 170px;
margin-right: 220px;
width: 450px;
height: auto;
}

#content #submenu {
margin: 0;
padding: 0;
position: absolute;
top: 190px;
right:20px;
width: 160px;
}

#content #submenu ul {
padding: 0;
margin: 0;
list-style-type: none;
font-size: 95%;
}

#content #submenu ul li {
padding: 0;
margin: 0;
display: block;
border-bottom: 1px solid #778899;
background-color:f0f8ff;
}

#content #submenu li a:link, #content #submenu li a:visited {
color: #669999;
display: block;
background-color:#f0f8ff;
padding-top: 0.8em;
padding-bottom: 1em;
padding-left: 15px;
}

#content #submenu li a:hover, #content #submenu li a:active {
color: #669999;
background: url(german/ec_images/images_menu/ec_menu_fond_extrahell_on.gif);
padding:0;
padding-top: 0.8em;
padding-bottom: 1em;
padding-left: 15px;
}



#content #listing {
margin: 0;
padding: 0;
}

#content #listing ul {
padding: 0;
margin: 0;
list-style-image: url(english/ec_images/images_content/ec_listing.gif);
list-style-position: inside;
margin: 0;
padding-bottom: 10px;
}

.hauptmenuaktiv {
color: #ffffff;
background: url(english/ec_images/images_menu/ec_menu_fond_dark_on.gif);
display:block;
padding:0;
padding-top: 1.2em;
padding-bottom: 1.2em;
padding-left: 30px;
}

.menuaktiv {
color: #669999;
background-image: url(english/ec_images/images_menu/ec_menu_fond_hell_on.gif);
display: block;
padding:0;
padding-top: 0.6em;
padding-bottom: 0.6em;
padding-left: 40px;
}

.submenuaktiv {
color: #669999;
background-image: url(english/ec_images/images_menu/ec_menu_fond_extrahell_on.gif);
display: block;
padding:0;
padding-top: 0.8em;
padding-bottom: 1em;
padding-left: 15px;
}

.listing  {
list-style-image: url(english/ec_images/images_content/ec_listing.gif);
margin: 0;
padding: 0;
padding-left: 20px;
padding-bottom: 10px;
}

.listing2  {
list-style-image: url(english/ec_images/images_content/ec_listing.gif);
margin: 0;
padding: 0;
padding-left: 0px;
padding-left: 20px;
}

.dekotype {
font-size: 16px;
color: #778899;
font-weight: 100;
padding-left:0;
margin:0;
line-height: 150%;
}

.fond {
background-color: #EEEEEE;
margin-left: 0px;
padding-left: 20px;
padding-top: 10px;
padding-bottom: 12px;
padding-right: 20px;
line-height: 190%;
}

/*---------Startseite------------*/

#start {
margin-right:220px;
margin-bottom: 30px;}

#start h2 {
font-size: 19px;
color: #778899;
font-weight: 100;
padding-left:0;
margin:0;
line-height: 150%;
}


#start h3 {
font-size: 13px;
color: #333366;
font-weight: bold;
padding-left: 15px;
padding-bottom:1em;
margin:0;
line-height: 145%;
}

#start h4 {
font-size: 13px;
color: #fff;
background-color: #cc0047;
font-weight: normal;
padding-left: 15px;
padding-top: 6px;
padding-bottom: 6px;
padding-right: 6px;
margin-left:15em;
margin-bottom: 0;
margin-top: 0;
line-height: 140%;
display: block;
width: 14em;
}

#start .listing2  {
list-style-image: url(../german/ec_images/images_content/ec_listing.gif);
margin: 0;
padding-left: 20px;
line-height: 180%;
}


#start .fond {
background-color: #EEEEEE;
margin-left: 0px;
margin-top: 12px;
padding-left: 0px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 20px;
height: 12em;
margin-bottom: 2.4em;
}

#start .fond a:link,#start .fond a:visited {
font-size: 13px;
color: #cc0033;
font-weight: bold;
padding-left: 12px;
padding-top: 0;
margin: 0;
line-height: 100%;
}

#start .fond a:hover, #start .fond a:active {
font-size: 13px;
color: #778899;
font-weight: bold;
margin: 0;
padding-left: 12px;
padding-top: 0;
line-height: 100%;
}


start .fond img {
float: right;
width: 200px;
height: 134px;
padding-top: 15px;
}


#start .unternehmen  { background-color: #eeeeee; background-image: url("../german/ec_images/images_content/ec_visual_unternehmen.jpg"); background-repeat: no-repeat; background-position: right center; margin-top: 12px; margin-bottom: 2.4em; margin-left: 0; padding: 10px 0 10px 0; width: 42em; height: 11em }

#start .unternehmen a:link,#start .unternehmen a:visited {
font-size: 13px;
color: #cc0033;
font-weight: bold;
padding-left: 12px;
padding-top: 0;
margin: 0;
line-height: 100%;
}

#start .unternehmen a:hover, #start .unternehmen a:active {
font-size: 13px;
color: #778899;
font-weight: bold;
margin: 0;
padding-left: 12px;
padding-top: 0;
line-height: 100%;
}

#start .selbsstaendige {
margin-left: 0px;
margin-top: 12px;
padding-left: 0px;
padding-right: 0;
padding-top: 10px;
padding-bottom: 10px;
height: 11em;
width: 42em;
margin-bottom: 2.4em;
background-image: url("../german/ec_images/images_content/ec_visual_selbsstaendige.jpg"); 
background-color: #EEEEEE;
background-position: center right;
background-repeat: no-repeat;
}

#start .selbsstaendige a:link,#start .selbsstaendige a:visited {
font-size: 13px;
color: #cc0033;
font-weight: bold;
padding-left: 12px;
padding-top: 0;
margin: 0;
line-height: 100%;
}

#start .selbsstaendige a:hover, #start .selbsstaendige a:active {
font-size: 13px;
color: #778899;
font-weight: bold;
margin: 0;
padding-left: 12px;
padding-top: 0;
line-height: 100%;
}

#start .teaser {
clear:both;
color: #333366;
font-weight: bold;
font-size: 15px;
letter-spacing:.1em;
}


/*---------Wir über uns ------------*/


#content #gfs {
margin: 0;
padding: 0;
position: absolute;
top: 190px;
right:40px;
width: 13em;
background-color: #EEEEEE;
}
 
#content #gfs img {
/*display: block;*/
font-size: 62,5%;
width: 8em;
height: auto;
padding-bottom: .1em;
padding-top: 2em;
}

#content #gfs p {
font-size: 85%;
line-height: 130%;
color: #778899;
padding-left: 2em;
padding-top: 0;
}

 

#gflist {
list-style-type: none;
margin: 0;
padding: 0;
display: inline;

}

#gflist li {
list-style-type: none;
float: left;
margin-bottom: 1.5em; 
color: #778899;
background-color: #EEEEEE;
display: block;
width:19em;
padding-left: 2em;
padding-right: 1.5em;
padding-bottom: 1.2em;
padding-top: 0;
font-size: 85%;
line-height: 140%;


}

#gflist img {
/*display: block;*/
font-size: 62,5%;
width: 10em;
height: auto;
padding-bottom: .8em;
}

#gruender {
width: 25%;
}

#gruender .left {
float: left;}

#gruender .center {
float: }

#gruender p {
font-size: 95%;
line-height: 130%;
color: #778899;
}

#gruender img {
font-size: 62,5%;
width: 15em;}




/*---------ECC Zertifizierte Coaches :: Übersicht ------------*/


#coachdata {
margin: 0;
padding: 0;
}


#coachdata h1 {
display: block;
font-size: 19px;
font-weight: normal;
color: #ffffff;
background: #BE003C;
padding: 4px 15px;
}



#coachdata .overview {
background-color: #EEEEEE;
height: auto;
margin-top: 20px;
margin-left: 0px;
padding-left: 20px;
padding-top: 20px;
padding-bottom: 12px;
padding-right: 20px;
}

#coachdata .portrait{ 
float: left;
width: 150px;
height: auto;
margin-right: 40px;
height: 100%;
clear: both;}

#coachdata .logo {
margin-left: 190px;
background: #ffffff;
padding-left: 20px;
padding-top: 20px;
height: 64px;
width: auto;
}

#coachdata .adress {
float: left;
margin-right: 5%;
margin-top: 24px;
margin-bottom: 10px;
width:250px;
height: auto;
}

#coachdata .contact {
padding:0;
margin-top:24px;
margin-right:24px;
}

#coachdata .more {
text-align: right;
padding-bottom: 10px;
}

#coachdata .more a {
color: #cc0033;
/*color: #669999;*/
}

#coachdata .more a:hover {
font-weight: bold;
}

#coachdata.clearer {
clear: both;
}

/*---------ECC Zertifizierte Coaches :: Detailseite ------------*/

#coachdetails {
margin: 0;
padding: 0;
}

#coachdetails h1 {
display: block;
font-size: 15px;
font-weight: normal;
color: #ffffff;
background: #BE003C;
padding: 2px 10px;
}


#coachdetails h2 {
color: #669999; 
font-weight: bold;
line-height: 145%;
}

#coachdetails #fond {
background-color: #EEEEEE;
height: auto;
margin-top: 20px;
margin-left: 0px;
padding-left: 20px;
padding-top: 20px;
padding-bottom: 24px;
padding-right: 20px;
}



#coachdetails span.since {
color: #669999; 
font-weight: normal;
}


#coachdetails .left {
float:left;
margin-top:24px;
padding:0;
width: 50%;
height: auto;
margin-right: 10%;
}


#coachdetails .right {
padding:0;
margin-top:24px;
margin-right:24px;
width: auto;
height:auto;
}


#coachdetails .clearer {
clear: both;
}


#coachdetails .mail {
float: right;
margin-right: 0;
margin-top: 50px;
}

.backlink {
text-align: right;
margin-top: 15px;
}

.backlink a {
color: #cc0033;
/*color: #669999;*/
}

.backlink a:hover {
font-weight: bold;
}


/*---------Klinke Beratung ------------*/

#woman  { 
background: url("english/ec_images/images_content/ec_klinke_consultation.jpg"); 
margin-top: 36px; 
margin-right:60px; 
margin-bottom:0;
margin-left:40px; 
padding: 0; 
width: 267px; 
height: 134px; 
float: right; 
}

#woman p {
font-size: 13px;
color: #cc0033;
font-weight: bold;
margin: 0;
padding-left:17px;
padding-top:50px;
line-height: 110%;
} 

#woman a:link, #woman a:visited {
font-size: 13px;
color: #cc0033;
font-weight: bold;
margin: 0;
line-height: 110%;
}

#woman a:hover, #woman a:active {
font-size: 13px;
color: #778899;
font-weight: bold;
margin: 0;
line-height: 110%;
}


/*---------Formdesign allgemein für alle ------------*/

form {
margin: 0;
padding: 0;
}

form p{
/*clear: both;*/
margin-bottom: 12px;
}

form br {
clear: both;
margin-bottom: 10px;
} 

label { 
text-align: left; 
margin: 0;
padding: 0;
}

label.left {
float: left; 
margin-right: 20px; 
margin-bottom: 12px;
line-height: 150%;
width: 20%; 
}

label.top {
margin-bottom: 12px;
line-height: 100%;
}

input[type=text],
select   { 
line-height: 100%; 
background-color: #f8f8ff; 
width: 50%; 
float: left; 
border-style: outset; 
border-width: 2px 1px 1px 2px; 
border-color: #778899;
}

textarea {
line-height: 100%; 
background-color: #f8f8ff; 
width: 50%; 
float: left; 
border-style: outset; 
border-width: 2px 1px 1px 2px; 
border-color: #778899;
}



input.right {
float:left;
width:auto;
clear:both;
margin-left: 5.3em;
margin-right: 0.3em;
}

input[type=checkbox].right,
input[type=radio].right,
input[type=submit].right {
margin-left: 6.3em;
}


label,
select, 
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit] {
cursor: pointer;
}


.city {
font-weight:bold;
color: #CC0033;
float: left; 
margin-right: 20px; 
margin-bottom: 12px;
line-height: 150%;
width: 20%;
}


/*---------Formdesign Infoabend-Anmeldung------------*/


#eccformleft {
margin:0;
padding:0;
width: 230px;
height:auto;
float:left;
margin-right:15px;
}

#eccformleft label {
display: block;
width: 230px;
margin-top:12px;
margin-bottom:2px;
}

#eccformleft input,#eccformleft select,#eccformleft textarea {
display: block;
width: 230px;
}

#eccformright {
left:600px;
padding:0;
width: 250px;
height:auto;
position:absolute;
}

#eccformright label {
display: block;
width: 230px;
margin-top:12px;
margin-bottom:2px;
}

#eccformright input,#eccformright select,#eccformright textarea {
display: block;
width: 230px;
}


/*------Styling Ausbildungs-Checkbogen-------*/


.datatable {
font-family: Arial, Helvetica, san-serif;
font-size: 13px;
border-collapse: collapse;
width: 100%;
}

.datatable th {
color: #333366;
font-weight: bold;
background-color: #EEEEEE;
text-align: center;
/*width: 70px;*/
width: 12%;
padding: 13px 10px 13px 10px;
}

.datatable th.start {
color: #333366;
font-weight: bold;
font-size: 15px;
text-align: left;
background-color: #EEEEEE;
/*width: auto;*/
width: 40%;
border:  1px solid #EEEEEE;
padding: 0 30px 0 20px;
}

.datatable th.alt {
color: #333366;
background-color: #ffffff;
font-weight: normal;
text-align: left;
/*width: auto;*/
width: 40%;
border:  1px solid #EEEEEE;
padding: 0 50px 0 20px;
}

.datatable td {
border:  1px solid #EEEEEE;
text-align: center;
padding: 10px 0px 10px 0px;
width: 12%;
border-collapse: collapse;
}

datatable input.btn {
padding-top: 40px;
margin-left: 20px;
width: auto;
}


/*------Fond Kontaktdaten Ausbildungscheck-------*/

#kontaktfond {
background-color: #EEEEEE;
width: 100%;
height: 150px;
margin:0;
padding-left:20px;
padding-top: 20px;
padding-bottom: 24px;
padding-left: 20px;
display:block;
}