@charset "UTF-8";

/* GRUNDFORMATIERUNG ********************************************************************** */		
* { padding:0; margin:0; border:0; }
body { font:normal 62.5% Arial, Arial, Helvetica, sans-serif; background:#fff; color:#fff; }


/* TEXT-STANDARDS ************************************************************************* */		
h1, h2 { font: normal 62.5% Helvetica, Arial, sans-serif; }
p { font: normal 14px Helvetica, Arial, sans-serif; line-height:20px; margin-bottom:20px; } 			/* Textabsatz Paragraph */

.footer { font-size:10px; }
.type01 { font-size:20px; line-height:25px; margin-bottom:20px; text-transform:uppercase; }	/* Headlines */
.type02 { font-size:13px; line-height:25px; margin-bottom:20px; text-transform:uppercase; font-weight:bold;}	/* LINK */
.type03 { font-size:16px; line-height:25px; margin-bottom:20px; }	/* CTA */
.type04 { font-size:10px; }	/* Date */
.bold { font-weight:bold; }

/* CONTAINER *************************************************************************** */
div.brand { height:150px; width:350px; position:absolute; padding-left:40px; background: url(../basic/Brand.jpg) no-repeat;}
div.wrapper { height:100%; margin-right:auto; margin-left:auto; width:960px; }
div.fullsize { width:100%; height:auto; background:#f90; position:relative; float:left; margin-bottom:2px; }

div.header { height:150px; position:relative; background:#fff; color:#000; text-align:left;}

div.con1 { width:960px; position:relative; float:left; background:#f90 url(../basic/Banner.jpg) no-repeat;}	
div.txt { width:400px; position:relative; float:left; margin-bottom:10px; margin-right:50px; padding:40px 10px 10px 40px; }
div.img { width:450px; height:250px; position:relative; float:left; background:#fff; border-left:2px solid #fff; border-right:2px solid #fff; overflow:hidden;}
div.img.auto { height:auto; }
div.img.break { border-bottom:2px solid #fff;}

div.footer { width:900px; position:relative; float:left; margin-bottom:10px; padding:10px 10px 10px 40px; background:#fff; color:#666; text-align:right;}
span.txtleft {float:left; text-align:left;}


/* MAIN-LINKS ******************************************************************************* */
ul.modul { position:relative; list-style-type:none; margin-bottom:15px; float:right;}

ul.modul li.mainlink { 	position:relative; float:left; list-style-type:none; text-decoration: none; margin-bottom:10px; margin-right:10px; }
ul.modul li.mainlink a { position:relative; float:left; list-style-type:none; text-decoration: none;
						width:88px; height:25px; color:#fff; text-decoration:none; background:#444; padding:15px 8px;}
ul.modul li.mainlink a:hover { height:60px; color:#fff; text-decoration:none; background:#f90; }
ul.modul li.mainlink a.active  { height:25px; color:#fff; text-decoration:none; background:#f90; padding-top:50px; }


/* MENUE ***************************************************************************** */
ul.MenuBarHorizontal { right:0; position:absolute; list-style-type:none; }
ul.MenuBarHorizontal li { height:20px; position:relative; float:left; list-style-type:none; }
ul.MenuBarHorizontal a { height:15px; display:block; margin-right:20px; color:#333; text-decoration: none; background:#FFF url(../basic/call-pos.gif) no-repeat; padding:0px 8px 10px 25px; }
ul.MenuBarHorizontal a.active, ul.MenuBarHorizontal a:hover { background:#666 url(../basic/call-neg.gif) no-repeat; color:#fff; }

/* TEXT-LINKS ************************************************************************** */
a:link { color: #000; text-decoration: none; }
a:visited { color: #000; text-decoration: none; }
a:hover, a.active { color: #666; text-decoration: underline; }
a:active { color: #000; text-decoration: none; }

a.neg:link { color: #fff; text-decoration: none; }
a.neg:visited { color: #fff; text-decoration: none; }
a.neg:hover, a.neg.active { color: #fff; text-decoration: underline; }
a.neg:active { color: #fff; text-decoration: none; }

a.grey:link { color: #666; text-decoration: none; }
a.grey:visited { color: #666; text-decoration: none; }
a.grey:hover, a.grey.active { color: #666; text-decoration: underline; }
a.grey:active { color: #666; text-decoration: none; }


/* BASICS ************************************************************************ */		
.hide { left:-1000em; position:absolute; top:-1000em;}
/* CLEAR FIX EIGENSCHAFT  von:  http://www.jassesnee.de/easyclear/ ******************* */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac */
* html .clearfix { height: 1%; } 
.clearfix { display: block; }
/* End hide from IE-mac */