@charset "utf-8";
/* CSS Document */
html { overflow-x:hidden; overflow-y:scroll;}
body { font-size:0.8em; color:#535353; font-family: Arial, Helvetica, sans-serif; padding:0px; margin:0px; background-color:#F5F5F5; text-align:center; }

h1 { color:#535353; font-size:1.1em; font-family: Arial, Helvetica, sans-serif; font-weight:bold; margin:0px; margin-bottom:5px; margin-bottom:5px;}
h2 { color:#535353; font-size:1.1em; font-family: Arial, Helvetica, sans-serif; font-weight:bold; margin:0px; margin-bottom:10px;}
h3 { color:#535353; font-size:1.1em; font-family: Arial, Helvetica, sans-serif; font-weight:bold; margin-top:5px; padding-left:10px; float:left; }

h2.unternehmen { padding-top:8px;}

.grey { color:#999999; }
.orange { color:#FF6600;}

a { color:#FF6600; text-decoration:none }
a:hover { color:#FF6600; text-decoration:underline; }
a:active { color:#ffffff !important; text-decoration:none; background-color: #FF6600; }
a:focus { color:#ffffff !important; text-decoration:none; background-color: #FF6600; }

p { margin:0px; margin-bottom:5px; }
li { list-style: none; float: left; margin:1em; }
img { float:left; behavior: url(iepngfix.htc);}

/* Navi 1.Ebene} #############################################################################*/
#mainnav { margin-top:127px; padding:0px; float:none; font-weight:bold; }
#mainnav a { color:#535353; text-decoration:none; }
#mainnav a:active { color:#ffffff !important; text-decoration:none; background-color: #FF6600; }
#mainnav a:focus { color:#ffffff !important; text-decoration:none; background-color: #FF6600; }
#mainnav a:hover { color:#535353; text-decoration:underline;}
#mainnav a.active { color:#FF6600;}
#mainnav ul { margin-top:0px;}
.active { color:#FF6600;}


/* Keyvisuals ##################################################################################*/
#header { background-image:url(../img/header_plain.jpg); background-repeat:no-repeat; width:970px; height:180px; float:left; }
#headernews { background-image:url(../img/header/low/1.jpg); background-repeat:no-repeat; width:970px; height:180px; float:left; }
#headerunternehmen { background-image:url(../img/header/low/2.jpg); background-repeat:no-repeat; width:970px; height:180px; float:left; }
#headerkunden { background-image:url(../img/header/low/4.jpg); background-repeat:no-repeat; width:970px; height:180px; float:left; }
#headershowcase { background-image:url(../img/header/low/5.jpg); background-repeat:no-repeat; width:970px; height:180px; float:left; }
#headerkontakt { background-image:url(../img/header/low/6.jpg); background-repeat:no-repeat; width:970px; height:180px; float:left; }
#headerleistungen { background-image:url(../img/header/low/3.jpg); background-repeat:no-repeat; width:970px; height:180px; float:left; }
#headerimpress { background-image:url(../img/header/low/impressum_header.png); background-repeat:no-repeat; width:970px; height:180px; float:left; }

/* Navi 2.Ebene} #############################################################################*/
ul.navright { padding-left:0px; }
.navright li { clear:left; margin:10px; }
.navright a { color:#535353; font-weight:bold; }

ul.navright_big { padding:0px; margin:0px;}
.navright_big li { clear:left; padding:0px; margin:0px; }

.nav { width: 287px; min-height:80px; height:auto !important; height:80px; background-image:url(../img/bg_showcase.png); background-repeat:no-repeat; background-position:left bottom;  padding-top:10px; padding-left:30px; padding-right:40px; margin-top:10px; } 

.nav_on { width:287px; min-height:80px; height:auto !important; height:80px; background-image:url(../img/bg_news_over.jpg); background-repeat:no-repeat; background-position:left bottom;  padding-top:10px; padding-left:30px; padding-right:40px; margin-top:10px; }

/* Content ###################################################################################################################*/
#center { width:970px; text-align:left; margin:0 auto; background-color:#FFFFFF; }
#breadcrumb { font-size:0.8em; margin-bottom:20px; color:#999999; }
#footer { width:970px; float:left; font-size:0.8em; text-align:center; background-color:#F5F5F5;  padding-top:10px; padding-bottom:10px; }
#content { float:left; background-color:#FFFFFF; } /* Hintergrund für die Inhalte */

#left { width:483px; float:left; padding-left:40px; padding-top:30px; padding-right:40px; }
#left p { margin-bottom:15px;}
#right { float:right; border-left: 1px solid #ababab; }
#right img { margin-right:15px; margin-left:15px; margin-top:5px; margin-bottom:5px; }

#gal_left {  width:532px;  float:left; padding-left:40px; padding-top:30px; padding-right:40px;}
#gal_left p { margin-bottom:15px;}
#gal_right {  float:right; border-left: 1px solid #ababab;}
#gal_right img { margin-right:30px; margin-left:0px; margin-top:7px; margin-bottom:5px; }

#cont_left { width:532px;  float:left; padding-left:40px; padding-top:30px; padding-right:40px; padding-bottom:40px; border-right: 1px solid #ababab; }
.img_left { margin-left:0px; margin-right:20px; margin-top:10px; margin-bottom:10px; }
#cont_left p { margin-bottom:15px;}

#cont_right{ float:right;  }
#cont_right img { margin-right:30px; margin-left:0px; margin-top:7px; margin-bottom:5px; }

#fullwidth { width:970px; text-align:center; min-height:488px; height:auto !important; height:488px; /*padding-top:60px;*/ top:-30px; left:12px; }
#fullwidth img { float:none; }
#fullwidth p { margin:0px; }

.projects { width:406px; min-height:127px; height:auto !important; height:127px; background-image:url(../img/bg_news.png); background-repeat:no-repeat; background-position:bottom;  padding-top:20px; }
.projects_on { width:406px; min-height:127px; height:auto !important; height:127px; background-image:url(../img/bg_news_over.jpg); background-repeat:no-repeat; background-position:bottom;  padding-top:20px; }
.projects p {padding-right:10px; }
.projectshead { width:406px; min-height:40px; height:auto !important; height:40px; background-image:url(../img/bg_news.png); background-repeat:no-repeat; background-position:bottom;  padding-top:20px; }}


.news_on { width:406px; min-height:132px; height:auto !important; height:132px; background-image:url(../img/bg_news_over.jpg); background-repeat:no-repeat; background-position:bottom;  padding-top:15px; }

.infos { width: 276px; min-height:488px; height:auto !important; height:488px; background-image:url(../img/bg_kunden.png); background-repeat:no-repeat; background-position:top;  padding-top:40px; padding-left:40px; padding-right:40px}
.infos p { clear:left; padding-top:10px; }

/* Kunden Icons########################################################################################################*/
.kdIcon { float:left; width:180px;   } 

<!--- ab hier ist jan schuld --->

#purepixels { width:970px;}
#floatleft {float:left;, width: 430px;}
#floatright {margin-left: 95px; float:right; width: 440px;}
.kundenliste { display:block}
.kundenliste ul { padding-left:27px; margin-left:0px; }
.kundenliste li { display:compact; float: none; margin-top: 1px; padding:0px;}
.kundenliste li:hover {color:#999900; }
 


.divider { margin-left:-40px; margin-top:10px; margin-bottom:10px; float:none; }

.textpics_left { margin-right:10px; margin-bottom:10px;}

.textpics_right { float:right; margin-right:10px;  margin-bottom:10px;}
