/* ############################## */
/* # effectlab.de - Grundlayout # */
/* ############################## */

/* ########## IMPORTS ########## */
/* ---------- CONTENTVERWALTUNG ---------- */
@import url("normalize.css"); 
@import url("content-main.css");
@import url("content-left.css");
@import url("content-right.css");
@import url("layout_portfolioPreview.css");
/* ------------- Sämtliche Formulare, ehemals kontakt.css --------- */
@import url("formulare.css");

/* ---------- NAVIGATION ----------- */
@import url("navigation.css");

/* ########### BOX-POSITIONING ########## */
/* ---------- HTML-TAG ---------- */
body { 
	background: url(../bilder/back.jpg) repeat-x;
	margin:0;
	}

/* ---------- BODY-TAG ---------- */

.wrapper-outer {
	background:url(../bilder/back_sub.jpg) repeat-x bottom;
	margin:0;
	padding:0 0 70px 0;
	}
	
/* --- IE 6 Hack : Wrap-Ausrichtung: Center --- */
* html .wrapper-outer {
	text-align: center;
	}

/* ---------- WRAPPER ---------- */
.wrapper-inner {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	}
	
/* --- IE 6 Hack : Wrap-Ausrichtung: Center --- */
* html .wrapper-inner {
	text-align: center;
	}

/* ########## KOPFBEREICH-BOX ########## */
/* ---------- UMSCHLIESST DEN GESAMTEN KOPFBEREICH ---------- */
.headContainer {
/*	background: url(../bilder/branding.jpg) no-repeat; */
	position: relative;
	top: 0px;
	left: 0px;
	width: 1000px;
	height: 150px;
	z-index: 10;
	}

/* --- IE 6 Hack : Wrap-Ausrichtung: wieder Left --- */
* html .headContainer {
	text-align: left;
	}
	
/* ---------- UMSCHLIESST NAVIGATIONSBEREICH, UNTERELEMENT VON HEAD-CONTAINER ---------- */
.naviContainer {
	position: absolute;
	top: 94px;
	height: 30px;
	left: 450px;
	}

/* ########## CONTENT-BOXEN ########## */
/* ---------- MAIN-WRAPPER ---------- */
#main {
	position: relative;
	clear: both;
	width: auto;
	}
	
/* --- IE 6 Hack : Wrap-Ausrichtung: wieder Left --- */
* html #main {
	text-align: left;
	}

/* ---------- CONTENT-MAIN ---------- */
.contentMain {
	position: relative;
	display:block;
	top: 0px;
	left: 250px;
	width: 500px;
	min-height: 600px;
	padding-right: 15px;
	border-right: 1px solid #DDDDDD;
	}

/* ---------- CONTENT-LEFT ---------- */
.contentLeft {
	position: absolute;
	top: 0px;
	left: 20px;
	width: 220px;
	height: auto;
	}

/* ---------- CONTENT-RIGHT ---------- */
.contentRight {
	position: absolute;
	top: 0px;
	left: 775px;
	width: 220px;
	height: auto;
	}

/* ########### FOOTER-BOXEN ########### */
/* ---------- UMSCHLIESST FOOTER BEREICH ---------- */
.footer {
	width: 960px;
	position:relative;
	height:160px;
	
	font-size: 10px;
	color: #666666;
	font-family: Verdana, sans-serif;
	
	bottom:-40px;
	left:0px;
	margin:auto;
	clear: both;
	}
	
* html .footer {
	text-align: left;
	}
	
/* ---------- FOOTER BEREICH BEIDE ---------- */
.footerCol-1, .footerCol-2 {
	position:absolute;
			
	width:425px;
	height:140px;
	}

/* ---------- FOOTER BEREICH LINKS ---------- */
.footerCol-1 {
	border-right: 1px solid #999;
	padding: 10px 25px 10px 0;
	top: 0;
	left: 0;
	}
	
/* ---------- FOOTER BEREICH RECHTS ---------- */
.footerCol-2 {
	top: 0;
	left:425px;
	padding: 10px 0 0 50px;
	}

/* ########## BILDER ########## */
.float { 
	float:left;
 	margin: 0 5px 5px 0;
 	}
 	
 	
/* ---------- DON'T SHOW ----------- */
.dontShow {
	display: none;
	}