html, body { height:100%; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #FFFFFF;
	background-color: #e3e3e3;
	background-image: url(../images/backstrip.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	text-align: center;
}


a  {
	color: #b2b2b2;
}


td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #FFFFFF;
}

p {
padding-top:0px;
margin-top:0px;
}



li {
	list-style-type: square;	
}
.spacer {
	height: 16px;
}



#wrapper {
	width: 1008px;

}

#left {
	width: 828px;
	float: left;
	text-align: left;
	background-image: url(../images/left_back.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;

}

#innerwrapper {
	width: 832px;
	background-image: url(../images/left_footer.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 64px;
	padding-left: 0px;
	
}


#header {
	width: 736px;
	margin-top: 32px;
	margin-right: 48px;
	margin-left: 48px;
	height: 32px;
}


#servicenav{
	width: 736px;
	color: #b2b2b2;
	margin-bottom: 16px;
}

#servicenav a {
	width: 736px;
	color: #b2b2b2;
	text-decoration: none;
	font-size: 12px;
	padding-right: 4px;
	padding-left: 4px;
}

#servicenav a:hover {
	color: #FFFFFF;
}


#headerimage{
	width: 800px;
	background-color: #8D919C;
	margin-right: 8px;
	margin-left: 16px;

}

div.illustration{

border-top-width: 5px;
	border-bottom-width: 5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #939598;
	border-bottom-color: #939598;


}	

#kopfhome{
	width: 736px;
	background-image: url(../upload/bilder/kopfgrfafiken/Gecma_home.jpg);
	padding-top: 0px;
	padding-right: 32px;
	padding-left: 32px;
	background-repeat: no-repeat;
	background-color: #000000;
	height:260px;
}


#kopfhome div{
	display: block;
	float: right;
	width: 258px;
	height:120px;
	margin-right: 2px;
	margin-bottom: 16px;
margin-top: 120px;
	text-decoration: none;
	font-weight: normal;
	/*filter:alpha(opacity=85);

	-moz-opacity:.85;	opacity:.85;*/
	border:solid 1px #777777;
	
}

#kopfhome a:hover{
	text-decoration: underline;
	filter:alpha(opacity=100);
	-moz-opacity:.65;opacity:1;	
	
}

#kopfhome div.boxhome {
	color: #FFFFFF;
	background-image: url(../images/back_box_home.jpg);
	background-repeat: no-repeat;
}


#kopfhome .heading {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;	
}

#kopfhome .subheading {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;	
}



#breadcrump {
	width: 512px;
	margin-left: 272px;
	font-size: 0.8em;
	color: #C4C7CC;
	margin-top: 16px;
	margin-bottom: 20px;
}

#breadcrump a {
	width: 736px;
	color: #C4C7CC;
	text-decoration: none;
}

#breadcrump a:hover {
	color: #FFFFFF;
}

/* Content Hauptnav  ***********************/
	
*html #HauptNav  {
	margin-left: 8px;
}


#HauptNav {
	width: 224px;
	margin-right: 32px;
	margin-left: 16px;
	float: left;
	line-height: 20px;
	font-size: 12px;
	}
	
div#HauptNav a {
	text-decoration: none;
	color: #C4C7CC;
	font-size: 12px;
	}
	
div#HauptNav a:hover {
	color:#FFFFFF;
	}
	

div#HauptNav div.NavFirstOff a,
div#HauptNav div.NavFirstOn a,
div#HauptNav div.NavFirstOpen a {
	font-weight: normal;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 32px;
	display: block;
	font-size: 14px;
	line-height: 22px;
	background-image: url(../images/navtrenner.gif);
	background-repeat: no-repeat;
	background-position: 30px top;
}

div#HauptNav div.NavFirstOn a,
div#HauptNav div.NavFirstOpen a {
	color:#FFFFFF;
	background-image: none;
	background-color: #51555e;
	
}
		
div#HauptNav div.NavFirstOff a:hover,
div#HauptNav div.NavFirstOn a:hover,
div#HauptNav div.NavFirstOpen a:hover{
	color:#FFFFFF;
		}
		
div#HauptNav div.NavSecondOff a,
div#HauptNav div.NavSecondOn a,
div#HauptNav div.NavSecondOpen a{
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 40px;
	display:block;
	font-weight: normal;
	font-size: 12px;
	background-image: url(../images/navi_pfeil.gif);
	background-repeat: no-repeat;
	background-position: 32px 8px;
}
		
div#HauptNav div.NavSecondOff a:hover,
div#HauptNav div.NavSecondOn a:hover,
div#HauptNav div.NavSecondOpen a:hover {
	color:#FFFFFF;
	
}	
			
div#HauptNav div.NavSecondOn a,
div#HauptNav div.NavSecondOpen a{
	color:#FFFFFF;
	background-image: url(../images/navi_pfeil-on.gif);
}
		

		
div#HauptNav div.NavThirdOff a,
div#HauptNav div.NavThirdOn a,
div#HauptNav div.NavThirdOpen a {
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 50px;
	display: block;
	white-space:normal;
	display: block;
	background-image: url(../images/navi_pfeil.gif);
	background-repeat: no-repeat;
	background-position: 42px 8px;
}


div#HauptNav div.NavThirdOn a,
div#HauptNav div.NavThirdOpen a {
	font-weight:normal;
	color:#FFFFFF;
	background-image: url(../images/navi_pfeil-on.gif);
}


div#HauptNav div.NavFourthOff a,
div#HauptNav div.NavFourthOn a,
div#HauptNav div.NavFourthOpen a {
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 58px;
	display: block;
	white-space:normal;
	display: block;
	background-image: url(../images/navline-on.gif);
	background-repeat: no-repeat;
	background-position: 48px;
	color: #FFFFFF;
}


div#HauptNav div.NavFourthOn a,
div#HauptNav div.NavFourthOpen a {
	font-weight:normal;
	color:#FFFFFF;
	background-image: url(../images/navline-on.gif);
	background-repeat: no-repeat;
	background-position: 48px;
}

/* Content  */


#content{
	width: 512px;
	float: left;
}

#content h1{
	padding: 0px;
	font-size: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 16px;
	margin-left: 0px;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 20px;
}

#content h3{
	padding: 0px;
	font-size: 14px;
	margin: 0px;
	font-weight: bold;
	margin-bottom:8px;
	color: #FFFFFF;
}


#content .headline{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	font-weight: bold;
	display:block;
}



#content .productimg   	 {
	float: right;
	margin-left: 16px;
	margin-bottom: 16px;
		margin-top: 4px:
	display: block;	

}


#content .subheadline   	 {
	font-style: normal;
	padding-bottom:16px;
	display:block;

}



/* Produktliste */

#content .listblock{
	float: left;
	display: block;
	width: 220px;
	background-color: #51555E;
	margin-bottom: 8px;
	padding: 8px;
	margin-top: 0px;
	margin-right: 8px;
}


#content .listblock a{
	float: left;
	display:block;
	width: 100px;
}

#content .listheadline{
	font-weight: bold;
	float: left;
	display:block;
	width: 130px;
	
	
}


#content .listimage{
	float: left;
	padding-right: 8px;
	display:block;
	
}


/* Newsliste*/

#content #news .listblock{
	display: block;
	margin-bottom: 16px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	width: 500px;
	background-color: #000000;
	float: none;
	line-height: normal;
	font-size: 12px;
}


#content #news .listblock a{
	display:block;
	float: none;
}

#content #news .listheadline{
	font-weight: bold;
	float: none;
	width: auto;
	color: #C4C7CC;
	font-size: 12px;
	
	
}


#content #news .listimage{
	float: left;
	padding-right: 10px;
	display:block;
	width: 60px;
	
}



#content td {
	text-align: left;
	vertical-align: top;
	margin: 1px;
	padding: 3px;
	
}

#features {

}

#features  ul {
	list-style-type: square;
	margin-top: 0px;
	margin-bottom: 0px;

}

#features li {
	list-style-type: square;

}






/* Datatable Styles */

#data {
	padding-top: 4px;
	padding-bottom: 16px;

}


#data table {
	width: 512px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#data td {
	background-color: #51555E;
	text-align: left;
	vertical-align: top;
	font-size: 10px;
	line-height: normal;
	margin: 1px;
	padding: 3px;
	
}

#data th {
	background-color: #383A41;
	text-align: left;
	vertical-align: top;
	font-size: 10px;
	line-height: normal;
	margin: 1px;
	padding: 3px;
	color: #FFFFFF;
	
}


#data  .dunkel{
	background-color: #333333;
	
}

#data  ul {
	list-style-type: square;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 20px;


}

#data li {
	list-style-type: square;

}


/* Code Styles*/

/* Datatable Styles */

#code {
	padding-top: 4px;
	padding-bottom: 16px;

}


#code table {
	width: 512px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#code td {
	background-color: #51555E;
	text-align: left;
	vertical-align: top;
	font-size: 10px;
	line-height: normal;
	margin: 1px;
	padding: 3px;
	text-align:center;
	
}

#code th {
	background-color: #383A41;
	text-align: left;
	vertical-align: top;
	font-size: 10px;
	line-height: normal;
	margin: 1px;
	padding: 3px;
	color: #FFFFFF;
	text-align:center;
	
}

#code  .ex{
	background-color: #FFFF00;
	color: #000000;
	
}



#footer {
	width: 736px;
	margin-top: 16px;
	margin-right: 48px;
	margin-left: 48px;
	font-size: 0.8em;
	color: #b2b2b2;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #8c8c8c;
	padding-top: 8px;
}
a.exlink {
	background-color: #FFFF00;
	display: block;
	color: #000000;
	text-decoration: none;
	padding: 4px;
	
}

a.indlink {
	background-color: #E3E3E3;
	display: block;
	color: #000000;
	text-decoration: none;
	padding: 4px;
	
}

table #productoverview {
	
}

table #productoverview TD {
	padding:0px;
	margin:1px;
}

#footer a {
	width: 736px;
	color: #b2b2b2;
	text-decoration: none;
}

#footer a:hover {
	color: #FFFFFF;
}


/* rechter Inhalte */

#rigth {
	float: left;
	width: 176px;
	text-align: left;
	margin-top: 224px;
	color: #444444;
	line-height: 16px;
	font-size: 11px;
}

#rigth .headline {
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 8px;
	display: block;
}


#rigth a.blaulink  {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #666666;
}

#rigth .blaulinko  {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #666666;
}




#rigth a  {
	text-decoration: none;
	color: #444444;
}

#rigth a:hover  {
	text-decoration: none;
	color: #FFFFFF;
}

#rigth .module {
	background-color: #b2b2b2;
	text-align: left;
	padding: 8px;
	margin-bottom: 4px;

}

#rigth .forms {
	background-color: #8c8c8c;
	border: 1px solid #EFEFEF;
	color: #EFEFEF;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
	margin:0px;
}



#rigth form {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}



/*---------------------------------------------*/ 
/*               Terminein/ausgabe             */ 
/*---------------------------------------------*/ 

#mod_te h1 {font-size:100%; color:#000000; margin-bottom:5px;}
#mod_te h2 {font-size:100%; font-weight:bold; color:#000000; margin-bottom:5px;}
#mod_te p {font-size:100%; color:#222222; }

/*---------------------------------------------*/ 

/*---------------------------------------------*/ 
/*                 Terminliste                 */ 
/*---------------------------------------------*/ 

#mod_tlh {
   text-align:left;
}

#mod_tlf {
   text-align:left;
}

#mod_tl table {
   background-color:#000000;
   border-style:none;
}

#mod_tl th {
   text-align: left;
   vertical-align: top;

   /*margin-top:5px;
   margin-bottom:5px;
   padding-left:5px;*/ 
}

#mod_tl td {

   text-align: left;
   vertical-align: top;
}

#mod_tl .border {
	border-top:20px solid #000000;
	border-bottom:1px solid #444444;
}
#mod_tl .hell { background-color:#333333; }
#mod_tl .dunkel { background-color:#222222; }
#mod_tl .sp0 { width:30px; }
#mod_tl .sp1 { width:100px; }
#mod_tl .sp2 { width:25px; }
#mod_tl .sp3 { width:250px; }
#mod_tl .sp4 { width:180px; }
#mod_tl .einrueck { padding-left:15px; }

/*---------------------------------------------*/ 

/*---------------------------------------------*/ 
/*                 Terminteaser                */ 
/*---------------------------------------------*/ 

#mod_ttl table {
   background-color:#ffffff;
   border-collapse:collapse;
}

#mod_ttl th {
   width:100%;
   border-top:1px solid #000000;
   border-bottom:1px solid #000000;
   text-align: left;
   vertical-align: top;
   line-height: 200%;
   background-color:#cacaca;
}

#mod_ttl td {
   text-align: left;
   vertical-align: top;
}

#mod_ttl .hell { background-color:#ffffff; }
#mod_ttl .dunkel { background-color:#dfdfdf; }
#mod_ttl .sp1 { width:150px; }
#mod_ttl .sp2 { width:190px; }


/*---------------------------------------------*/ 

#content  table.distrilist td {
	font-size: 10px;
}

#content  table.distrilist2 td{
padding:0px;
margin:0px;
}

#content table.distrilist2 tr{
padding:0px;
margin:0px;
}


/* Suchausgabe */

p.suche {

}


img.rechts {
	float: right;
	padding-bottom: 8px;
	padding-left: 16px;
}

img.links {
	float: left;
	padding-bottom: 8px;
	padding-right: 16px;
}

/* tabele grau */

#grau table {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#grau td {
	background-color: #51555E;
	text-align: left;
	vertical-align: top;
	font-size: 12px;
	line-height: normal;
	margin: 1px;
	padding: 3px;
	text-align:left;
	
}

#grau th {
	background-color: #383A41;
	text-align: left;
	vertical-align: top;
	font-size: 12px;
	line-height: normal;
	margin: 1px;
	padding: 3px;
	color: #FFFFFF;
	text-align:left;
	
}



/* Download neue Styles */

.dl_tbl { 
    margin-bottom: 20px; 
} 
.dl_head { 
    padding: 1px; 
    color: black; 
    background-color: #94cd5e; 
} 
.dl_anzeigen { 
    background: #fff url(../images/dl_plus.gif) no-repeat left center; 
    padding-left: 20px; 
    margin-left: 4px; 
} 
.dl_verbergen { 
    background: #fff url(../images/dl_minus.gif) no-repeat left center; 
    padding-left: 20px; 
    margin-left: 4px; 
} 
.lastmodified {
	text-align: right;
	font-size: 10px;
	display: block;
	float: none;
	margin-top: -22px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#content .butback {
	background-image: url(../images/back_but.jpg);
	display: block;
	padding: 8px;
	margin-bottom: 8px;
	width: 400px;
	height: 45px;
	overflow: hidden;
	font-weight: normal;
}
#content .but {
	float: right;
	display: block;
	padding: 8px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.butback a {
	color: #FFFFFF;
}