body { font: normal 12px Arial, Helvetica, Verdana, sans-serif; height:100%; }
.clear {clear: both;}

#chromepagewrapper { width: 100%; height:100%; font: normal 12px Arial, Helevtica; line-height: 20px; top: 0px; }

#chromeheader { position: fixed; height: 169px; width: 100%; top: 0px; left: 1px; z-index: 100; }
#headercontent { position:relative;  height: 169px; margin: 0 auto;  z-index: 100; }

body.bright #mainwhitesection { width: 100%; margin-top: 169px; position: relative; z-index: 80; }
body.bright #whitecontentwrapper { margin: 0 auto; z-index: 80; }

body.bright #mainblacksection  { width: 100%; float:left; clear:both; z-index: 50; position: relative; }
body.bright #blackcontentwrapper {  margin: 0 auto; }


body.dark #mainblacksection { width: 100%; margin-top: 169px; }
body.dark #blackcontentwrapper { margin: 0 auto; }

body.dark #mainwhitesection { width: 100%; float:left; clear:both; }
body.dark #whitecontentwrapper {  margin: 0 auto; }


.section { margin-top: -169px; padding-top: 169px; padding-bottom: 20px; position: relative; }
.sectionheader, .sub_sectionheader { width: 100%; height: 32px;  padding-top: 0px; }
.sectionheadertitle, .sub_sectionheadertitle { float:left; padding-top: 10px; width: 500px; }
.sectioncontent { width: 100%; padding: 20px 0 10px 0; position: relative; z-index: 40; }

.sectionheadertitle img { margin-top: 0px; float: left; }


h1 { font: bold 12px  Arial, Helvetica; }
h2 { font: normal 32px  Georgia, Arial, Helvetica; line-height: 35px; padding: 0 0 5px 0; }
h3 { font: normal 16px  Georgia, Arial, Helvetica; line-height: 24px;  padding: 5px 0 5px 0; }

/* Settings for different page backgrounds and sizes */

body.medium #headercontent { width: 980px; }
body.medium #blackcontentwrapper { width: 980px; }
body.medium #whitecontentwrapper { width: 980px; }

body.bright #chromeheader { background-color: #ffffff; }
body.bright #headercontent { border-bottom: 1px solid black; }
body.bright #mainwhitesection { background-color: white; color: #878787; }
body.bright #mainblacksection { background-color: #585858; color: #bebebe;}

body.bright #mainwhitesection  h1 { color:#878787; }
body.bright #mainblacksection  h1 { color:#ffffff; }

body.bright #mainwhitesection  h2 { color:#585858; }
body.bright #mainblacksection  h2 { color:#ffffff; }

body.bright #mainwhitesection  h3 { color:#878787; }
body.bright #mainblacksection  h3 { color:#ffffff; }

body.bright #mainwhitesection .sectionheader, body.bright #mainwhitesection .sub_sectionheader { border-bottom: 1px dashed black; }
body.bright #mainblacksection .sectionheader, body.bright #mainblacksection .sub_sectionheader { border-bottom: 1px dashed white; }

body.bright #headercontent a { color: #585858; text-decoration: none; }

body.bright #headercontent .servicemenu, body.bright #headercontent .menu { color: #585858;}

body.bright #mainwhitesection .fontmedium, body.bright #headercontent .fontmedium, body.bright #mainwhitesection .fontsmall { color: #585858; }
body.bright #mainblacksection .fontmedium, body.bright #mainblacksection .fontsmall { color: #bebebe; }


body.bright .referenzes_title_wrapper { float:left; clear:both; height: 35px; background-color:Black; border-top: 1px dashed white; width: 100%; }


body.bright #mainwhitesection .referenzes_title {float:left; color: white; padding: 5px 5px 0 5px; }
body.bright #mainwhitesection .referenzes_text {float:left; text-align: justify; margin-top: 20px; }

body.bright #mainwhitesection .fadeLink { text-decoration: none; color:#585858; }
body.bright #mainwhitesection .fadeLink:hover { color: red; }

body.bright #mainblacksection .fadeLink, body.bright #mainblacksection .link { text-decoration: none; color:#ffffff; }
body.bright #mainblacksection .fadeLink:hover, body.bright #mainblacksection .link:hover { color: red; }


/*DARK SETTINGS */

.dark { background-color: #585858; }

body.dark #chromeheader { background-color: #585858; }
body.dark #headercontent { border-bottom: 1px solid white; }
body.dark #mainwhitesection { background-color: white; color: #878787; }
body.dark #mainblacksection { background-color: #585858; color: #bebebe;}

body.dark #mainwhitesection  h1 { color:#878787; }
body.dark #mainblacksection  h1 { color:#ffffff; }

body.dark #mainwhitesection  h2 { color:#585858; }
body.dark #mainblacksection  h2 { color:#ffffff; }

body.dark #mainwhitesection  h3 { color:#878787; }
body.dark #mainblacksection  h3 { color:#bebebe; }

body.dark #mainwhitesection .sectionheader { border-bottom: 1px dashed black; }
body.dark #mainblacksection .sectionheader { border-bottom: 1px dashed white; }

body.dark #headercontent a { color: #bebebe; text-decoration: none; }

body.dark #headercontent .servicemenu, body.dark #headercontent .menu { color: #bebebe;}

body.dark #mainwhitesection .fontmedium, body.dark #headercontent .fontmedium, body.dark #mainwhitesection .fontsmall { color: #ffffff; }
body.dark #mainblacksection .fontmedium, body.dark #mainblacksection .fontsmall { color: #ffffff; }


body.dark .referenzes_title_wrapper { float:left; clear:both; height: 35px; background-color:Black; border-top: 1px dashed white; width: 100%; }


body.dark #mainwhitesection .referenzes_title { color: white; padding: 5px 5px 0 5px; }
body.dark #mainwhitesection .referenzes_text { text-align: justify; }

body.dark .fadeLink { text-decoration: none; color:#585858; }
body.dark .fadeLink:hover { color: red; }





/* Settings for different page backgrounds and sizes */

#headercontent #menu {position:absolute; z-index:20; left: 610px; top: 52px;}
/* #headercontent #servicemenu {position:absolute; z-index:20; left: 800px; top: 25px; } */
#headercontent #logo {position:absolute; top: 40px;}
#headercontent #claim {position:absolute;  left: 63px;  bottom: 20px;}


.servicemenu { font: normal 10px Arial; line-height: 12px; }
.menu { font: normal 16px Georgia; line-height: 24px; }

.menu ul, .servicemenu ul { margin: 0; padding: 0;  }
.menu ul li, .servicemenu ul li { }
body.bright .menu ul li a:hover, body.bright .menu ul li a.active { text-decoration: none; color: red !important; }
body.dark .menu ul li a:hover, body.dark .menu ul li a.active { text-decoration: none; color: white !important; }

.servicemenu ul li a:hover, .menu ul li a.active { text-decoration: none; color: red; }
body.bright .active { color: red!important; }
body.dark .active { color: white!important; }


/* font-section */ 
.fontmedium { font: normal 16px Georgia; line-height: 24px; }
.fontsmall { font: normal 12px Georgia; line-height: 20px; }



.one-half-col{ width:45%;  margin: 0 25px 0 0; float: left; }
.one-third-col{ width:31.5%;  margin: 0 19px 0 0; float: left; min-width:314px; }
.one-fourth-col{ width:22%;  margin: 0 20px 0 0; float: left;  min-width:150px; }

.one-sixth-col{ width:15%;  margin: 0 14px 0 0; float: left; min-width:150px; }


.nomargin { margin: 0 !important;}


.contacterImage { float:left; width: 50px; height: 55px; }
.contacterText { float:left; width: 250px; margin-left: 5px; }
.news { padding-top: 20px; }

#about { z-index: 24; }
#references { z-index: 23; }
#businessactivites { z-index: 22; }
#numbers { z-index: 21; }
#subsidiaries { z-index: 20; }
#contact { z-index: 19; }
#contact_direct { z-index: 18; }
#footer_sitemap { z-index: 17; }


.email { text-decoration: none; color: #bebebe; }
.email:hover { color: white;  }

.impemail { text-decoration: none; color: #bebebe; }
.impemail:hover { color: black;  }

#footer_sitemap a { font: normal 12px Arial; text-decoration: none; color: #BEBEBE; }
#footer_sitemap a:hover { color: #FFF; }