@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 12px Helvetica, Arial, sans-serif; line-height:18px; margin-bottom:20px; } 			/* Textabsatz Paragraph */

.footer { font-size:10px; }
.type01 { font-size:20px; line-height:25px; margin-bottom:20px; 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; background:#fff; color:#000; text-align:right;}
div.con1 { width:960px; height:380px; position:relative; float:left; margin-bottom:10px; background:#ccc url(../basic/Banner-mid.jpg);}	
div.con1.auto { height:auto; }
div.con3 { left:418px; width:450px; position:relative; margin-bottom:10px; margin-right:10px; padding-top:40px; }
div.BannerTop {width:960px; height:125px; position:absolute; background:#ccc url(../basic/Banner-top.jpg) no-repeat;}
div.BannerBottom {width:960px; height:140px; bottom:0px; position:absolute; background:#ccc url(../basic/Banner-bottom.jpg) no-repeat;}
div.image {top:50px; left:50px; position:absolute; width:313px; height:313px;}

div.con4 { width:636px; position:relative; float:left; margin-bottom:10px; background:#ccc url(../basic/BannerSmall-mid.jpg);}
div.con4txt { left:20px; width:450px; position:relative; margin-bottom:10px; margin-right:10px; padding-top:40px; }
div.BannerTop.small {width:636px; height:166px; position:absolute; background:#ccc url(../basic/BannerSmall-top.jpg) no-repeat;}
div.BannerBottom.small {width:636px; height:161px; bottom:0px; position:absolute; background:#ccc url(../basic/BannerSmall-bottom.jpg) no-repeat;}

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


/* MAIN-LINKS ******************************************************************************* */
/*
	div.con2 { width:313px; height:180px; position:relative; float:left; margin-bottom:10px; margin-right:10px; background:#ccc url(../basic/link.jpg) no-repeat;}
	div.con2.nomargin { margin-right:0px;}
*/
ul.modul { position:relative; list-style-type:none; margin-bottom:15px; float:left;}
ul.modul.vert { float:right;}

ul.modul li.mainlink { 	position:relative; float:left; list-style-type:none; text-decoration: none;
						width:313px; height:180px;
						margin-bottom:10px; margin-right:10px;
						background:#ccc url(../images/LuziferBlog.jpg) no-repeat;}
ul.modul li.mainlink.vert { float:none;}
ul.modul li.mainlink.nomargin { margin-right:0px;}
ul.modul li.mainlink a { position:relative; float:left; list-style-type:none; text-decoration: none;
						width:313px; height:180px; color:#000; text-decoration:none; background:#fff url(../basic/link.jpg) no-repeat; }
ul.modul li.mainlink a:hover, ul.modul li.mainlink a.active  { color:#fff; text-decoration:none; background:#fff url(../basic/link_hover.jpg) no-repeat; }
div.text { width:210px; padding:20px 10px 0px 93px;}

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