/*
	
	BAU WESCHPFENNIG
	Baugeschäft Christian von Weschpfennig
	
	css by TAB GmbH
	
	TAB-GmbH
	Dorstraße 42
	15827 Blankenfelde
	
	www.tab-gmbh.de
	
*/

body, html { margin: 0; height: 100%; width: 100%; }

body, #skinBottomBody .skinDistance {
	margin: 0;
	padding: 0;
	background: #003161;
	background-image: url('../grafx/background.png');
	background-position: bottom;
	background-repeat: repeat-x;
	overflow: hidden;
	}
	
#tabDesignerLink { z-index: 100; position: absolute; bottom: -40px; left: 55px; }
.hideDescription { display: none; }
	
#contentBody {
	z-index: 10;
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: auto;
	}
	
#contentInner {
	position: relative;
	/*
	margin: 0 10%;
	*/
	width: 80%;
	left: 50%;
	margin-left: -40%;
	/*border: 1px solid red;*/
	}
	
#contentInnerBody {
	position: relative;
	margin: 220px 30px 0 280px;
	/*
	height: 800px;
	border: 1px solid #efefef;
	*/
	}
	
.contentBottomDistance { position: relative; height: 100px; }
	
/* -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+- */

#mainMenuBody {
	z-index: 90;
	position: absolute;
	top: 205px;
	left: 10%;
	margin-left: 12px;
	/*border: 1px solid red;*/
	}
	
#mainMenuInner, #mainMenuBottom {
	position: relative;
	width: 240px;
	/*border: 1px solid green;*/
	
	background-position: top right;
	}
	
#mainMenuInner {
	background-image: url('../grafx/menuback.png');
	background-repeat: repeat-y;
	}
	
#mainMenuBottom {
	height: 60px;
	background-image: url('../grafx/menubottom.png');
	background-repeat: no-repeat;
	}

/* -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+- */

#metaMenuBody { position: absolute; top: 20px; right: 10px; }

#metaMenuBody ul { list-style-type: none; margin: 0; padding: 0; }
#metaMenuBody ul li { float: left; margin: 0 10px }

#metaMenuBody A { font-size: 10px; color: #ffffff; text-decoration: none; }

/* -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+- */

.skinInner { position: relative; /*border: 1px solid blue;*/ }
.skinDistance { position: relative; height: 50px; background: #003161; /**/ }

#skinTopBody, #skinBottomBody, #skinBackBody {
	z-index: 100;
	position: absolute;
	width: 80%;
	left: 50%;
	margin-left: -40%;
	}
	
#skinBackBody { z-index: 5; height: 100%; }

#whiteBack { z-index: 5; position: absolute; width: 96%; margin: 0 2%; height: 100%; background: #ffffff; }

#leftBack, #rightBack {
	z-index: 10;
	position: absolute;
	width: 30px;
	height: 100%;
	background-repeat: repeat-y;
	}
	
#leftBack {
	left: 0px;
	background-image: url('../grafx/backleft.png');
	background-position: left;
	}
	
#rightBack {
	right: 0px;
	background-image: url('../grafx/backright.png');
	background-position: right;
	}
	
#skinTopBody {
	top: 0px;
	}
	
#skinBottomBody {
	bottom: 0px;
	}
	

	
#skinTop, #skinBottom {
	position: relative;
	}
	
#skinTop {
	height: 155px;
	background-image: url('../grafx/topback.jpg');
	background-position: top;
	background-repeat: repeat-x;
	}

#topLeft, #topRight {
	z-index: 5;
	position: absolute;
	height: 155px;
	background-position: top;
	background-repeat: no-repeat;
	}
	
#topLeft {
	left: 0px;
	width: 30px;
	background-image: url('../grafx/topleft.jpg');
	}
	
#topRight {
	right: 0px;
	width: 429px;
	background-image: url('../grafx/topright.jpg');
	}
	
#topImageLeft, #topImageRight {
	position: absolute;
	height: 150px;
	margin: 5px 11px 0 11px;
	background-position: top;
	background-repeat: no-repeat;
	}
	
#topImageLeft {
	z-index: 15;
	left: 0px;
	width: 482px;
	background-image: url('../grafx/topimageleft.png');
	}
	
#topImageRight {
	z-index: 10;
	right: 0px;
	width: 482px;
	background-image: url('../grafx/topimageright.png');
	}

#skinBottom { height: 30px; }