@charset "UTF-8";

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


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

.footer { font-size:10px; }
.type01 { font-size:20px; font-weight:bold; line-height:25px; margin-bottom:20px; color:#000; text-transform:uppercase; }	/* Headlines */
.bold { font-weight:bold; }

/* CONTAINER *************************************************************************** */
div.wrapper { height:100%; margin-right:auto; margin-left:auto; width:960px; }
div.header { height:50px; position:relative; padding-top:30px; margin-bottom:10px; background:#fff; color:#000; text-align:right;}
div.con01 { width:960px; position:relative; float:left; margin-bottom:10px; background:#666; }	
div.con02 { width:960px; height:auto; position:relative; float:left; margin-bottom:10px;}
div.imgCon { width:300px; height:auto; position:relative; float:left; margin-right:10px;}
div.txtCon { width:530px; height:auto; position:relative; padding:20px 100px 20px 20px; float:left; background:#ddd; }
div.txtCon.A01 { height:310px; }
div.txtCon.A02 { height:250px; }

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


/* 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; }


/* 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 */