#start{
width:895px;
height:450px;
padding:30px;

background-image:url(../img/start-back.png);
background-repeat:no-repeat;}

#start-inhalt{
width:626px;
height:337px;
float:left;}

#flash{
position:absolute;
margin-top:142px;
margin-left:30px;
}

#start-inhalt .content h2 {
color:#c2c2c2;
font-size:1.3em;
font-weight:bold;
padding-bottom:5px;
}


#start-menu{ 
width:231px;
height:336px;
float:right;
}


#start-text{
width:220px;
float:right;
}

#start-1{
width:220px;
height:350px;
background-image:url(../img/index/ziele-bild.jpg);
padding-left:383px;
padding-right:16px;
padding-top:16px;
}

#start-2{
width:220px;
height:350px;
background-image:url(../img/index/kompetenzen.jpg);
padding-left:383px;
padding-right:16px;
padding-top:16px;
}

#start-3{
width:220px;
height:350px;
background-image:url(../img/index/besser.jpg);
padding-left:383px;
padding-right:16px;
padding-top:16px;
}


#start-4{
width:220px;
height:350px;
background-image:url(../img/index/qualitaet.jpg);
padding-left:383px;
padding-right:16px;
padding-top:16px;
}

#start-4en{
width:220px;
height:350px;
background-image:url(../img/index/qualitaet_en.jpg);
padding-left:383px;
padding-right:16px;
padding-top:16px;
}

#start-5{
width:220px;
height:350px;
background-image:url(../img/index/erfahrung-innovation.jpg);
padding-left:383px;
padding-right:16px;
padding-top:16px;
}

#start-6{
width:220px;
height:350px;
background-image:url(../img/index/sicherheit.jpg);
padding-left:383px;
padding-right:16px;
padding-top:16px;
}

.section-controls{
filter:alpha(opacity=75);
-moz-opacity:.75;
opacity:.75;
}



/* BODY */
/* 		*/

body{
margin:0px;
background-image:url(../img/back.jpg);
background-repeat:repeat-x;
background-position:top center;
background-color:#a8d7ea;
text-align:center;
height: 100%; }

* { 
 margin:0; 
} 

html{ 
height: 100%; 
}

#clear{
clear:both;}

.bug{
position:relative;}


/* HEAD	*/
/* 					*/

#logo1{
width:954px;
height:31px;}

#logo2{
width:954px;
height:53px;}


/* Bilderoptionen 	*/
/* 					*/

.kontur{
margin-left:20px;
margin-bottom:20px;}

.abstand{
margin-top:32px;}

.ish{
margin-top:20px;}


/* Typographie	 	*/
/* 					*/

.blau{
color:#028bc1;
font-weight:bold;}

li, ul{
padding:0px;
margin:0px;
list-style-image:url(../img/pfeil.gif);

}

ul{
margin-left:20px;
list-style-type:disc;
}

li{
margin-bottom:10px;
}


a:link{
color:#0079ad;}

a:visited{
color:#0079ad;}

a:hover{
color:#00b3ff;}

h1{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#028bc1;
font-size:24px;
margin:0px;
padding:0px;}

h2{
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:20px;
font-weight:bold;
}

h3{
color:#ffffff;
margin:0px;
padding:0px;
}

h4{
/*font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#000000;
font-size:20px;
margin-bottom:20px;*/
color:#515151;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:20px;
margin-bottom:20px;
padding:0px;}

h5{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#028bc1;
font-size:18px;
}

#accordion ul,#accordion li,#accordion2 ul,#accordion2 li{
margin-left:20px;
list-style-image:url(../img/pfeil.gif);
}

.fett-blau{
font-weight:bold;
color:#0288c0;}

.inst-font{
color:#0288c0;}

.fett-weiss{
font-weight:bold;
color:#ffffff;}

/* Tabelle	 	*/
/* 					*/

#table1 td{
padding-left:10px;}


/* SUBMENU		 	*/
/* 					*/

#submenu{
width:231px;
float:right;}

#submenu .dokument a{
width:186px;
height:30px;
background-image:url(../img/submenu-dokument.png);
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
padding-left:45px;
padding-top:14px;
display:block;
text-decoration:none;}

#submenu .info a{
width:186px;
height:30px;
background-image:url(../img/submenu-info.png);
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
padding-left:45px;
padding-top:14px;
display:block;
text-decoration:none;}

#submenu .callback a{
width:186px;
height:30px;
background-image:url(../img/submenu-callback.png);
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
padding-left:45px;
padding-top:14px;
display:block;
text-decoration:none;}

#submenu .message a{
width:186px;
height:30px;
background-image:url(../img/submenu-message.png);
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
padding-left:45px;
padding-top:14px;
display:block;
text-decoration:none;}

#submenu .text33 a{
width:186px;
height:30px;
background-image:url(../img/submenu-text.png);
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
padding-left:45px;
padding-top:14px;
display:block;
text-decoration:none;}


/* Main Content		*/
/* 					*/


#main-box{
width:954px;
text-align:left;
}

#default{
width:890px;
padding:32px;
background-image:url(../img/start-back.png);
}

#weiss{
width:826px;
padding:32px;
background-image:url(../img/weiss.png);}


/* Template Technologie		*/
/* 							*/

#bild{
width:368px;

float:right;}

#ww{
width:304px;
padding:32px;
background-image:url(../img/weiss.png);
}



#technologie{
width:426px;
padding:32px;
background-image:url(../img/weiss.png);
}
#technologie2{
width:858px;
padding:32px;
}
#technologie-l{
float:left;
width:362px;
padding:32px;
margin-right:32px;
background-image:url(../img/weiss.png);
}
#technologie-r{
float:left;
width:362px;
padding:32px;
background-image:url(../img/weiss.png);
}
#technologie-r  #accordion{
width:357px;
}
#technologie-r  .productstoggler{
width:318px;
}
#technologie-r  .productinfo{
width:327px;
}
#technologie-footer{
width:858px;
}


/* Template Startseite		*/
/* 							*/



#start-referenz{
margin-top:33px;
width:890px;
height:339px;
padding:32px;
background-image:url(../img/start-back.png);}






/* Template Systemlsungen	*/
/* 							*/

#weiss-systemloesungen{
width:562px;
padding:32px;
background-image:url(../img/weiss.png);
float:left;}

#weiss-systemloesungen img{
	position:relative;
	z-index:555;
}


#weiss-systemloesungen h2 {
color:#515151;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:20px;
}

#weiss h2 {
color:#515151;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:20px;
}

#weiss-systemloesungen ul {
padding:4px;
}

#weiss-systemloesungen .introduction {
padding-top:20px;
color:#3b687a;
padding-bottom:20px;
}

#weiss-systemloesungen .introduction h3 {
font-weight:bold;
color:#028bc1;
padding-top:5px;
padding-bottom:5px;
}

#weiss-systemloesungen hr {
margin-top:20px; 
margin-bottom:20px;
border-color:#a1aaac;
}

#weiss-systemloesungen #case {
width:562px; 
}

#weiss-systemloesungen #case h3 {
font-weight:bold;
color:#028bc1;
padding-top:5px;
padding-bottom:5px;
}

#weiss-systemloesungen #case #menu {
background-image:url(../img/case/bg.png); 
background-repeat:repeat-x; 
width:562px;
height:34px;
}


/* Carussel Startseite	*/
/* 						*/



/* Accordion		*/
/* 					*/

#accordion{
	width:562px;
	background-image:url(../img/accordion-back.png);
}
#accordion2{
	width:562px;
	background-image:url(../img/accordion-back.png);
}
 


.productstoggler {
	width:523px;
	height:26px;
	margin:  0px;
	padding-left:39px; 
	padding-top:10px;
	font-size: 1em;
	cursor:pointer;
	font-weight:normal;
	background-position:left;
	background-repeat:no-repeat;
	background-image:url(../img/right.gif);
	background-color:#058cc2;
	border-bottom: 1px solid #FFFFFF;
}


.technik .productstoggler {
	width:785px;
}

.technik .productinfo {
	width:794px;
	background-color:#FFFFFF;
	padding-left:15px;
	padding-right:15px;
}

div.element p, div.element h1, div.element ul {
	padding-top:15px;
	margin:0;
	
}

div.element li {
padding:0;
padding-bottom:10px;
margin:0; 
}

/* Shadowbox 		*/




#smart_comparison, #smart_comparison2{
background-color:#FFFFFF;
height:458; 
width:562;
}


/* Menu				*/
/* 					*/

#menu{
width:954px;
height:46px;}

#dropmenudiv{
position:absolute;
border-bottom-width: 0;
z-index:100;
}


#dropmenudiv a{
display: block;
height:30px;
line-height:30px;
padding-left:12px;
text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-align:left;
color:#e8f4f9;
}

#dropmenudiv a:hover{ /*hover background color*/
color:#ffffff;
background-image:url(../img/menu/submenu2.gif);
/*width:138px;*/
}


/* FOOTER		 	*/
/* 					*/

.wrapper { 
min-height: 100%; 
height: auto !important; 
height: 100%; 
margin: 0 auto -172px; 
z-index:1;
} 

.wrapper a {
position:relative;
}

.push { 
height: 172px;
z-index:0;
width:1px;
} 

#footer{
width:100%;
height:136px;
background-image:url(../img/footer-back.png);
background-repeat:repeat-x;
background-position:center;
padding-top:36px;
}
/*

#footer{
width:100%;
background-image:url(../img/footer-back.png);
background-repeat:repeat-x;
background-position:center;
padding-top:36px;
position:relative;
top:-95px;
}


*/
#logo-footer{
width:143px;
height:59px;
background-image:url(../img/footer-logo.png)}

.pic{
padding-top:4px;
padding-bottom:4px;
padding-left:4px;
padding-right:4px;
}

.tooltip {
position: absolute;
display: none;
padding:4px;
background-color: #e6f2f8;
border:2px solid #058cc2;
filter:alpha(opacity=90);
-moz-opacity:0.9;
}

#menu ul {
margin:0; 
padding:0; 
}


#menu ul li {
margin:0; 
padding:0; 
}

.menupic2 {
margin-top:0px;
}

#shadowbox_body {
  position: relative;
  margin: 0;
  padding: 0;
  border:0;
  overflow: hidden;
}

