/******************************************************************/
/* Layout																													*/
/* TOBIASPIERSCHEL.COM																						*/
/* Last Update: 27.06.2007																				*/
/******************************************************************/

/******************************************************************/
/* Body																														*/
/******************************************************************/
body {
	margin: 35px 0px 20px 0px;
	padding: 0px;


	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color:#FFFFFF;

	background-color: #666666;
	background-image:url(/fileadmin/media/img/bg_grad.jpg);
	background-repeat:repeat-x;
	background-attachment: fixed;
}
/******************************************************************/


/******************************************************************/
/* Root Container																									*/
/******************************************************************/
#rootcontainer{
	width:980px;
	
	margin: 0px auto;
	margin-top:20px;
	margin-bottom:20px;
}
/******************************************************************/


/******************************************************************/
/* Page Head Container																						*/
/******************************************************************/
#headnavcontainer{
	height:30px;
	width:980px;
	
	background-color:#B8BEBF;
}


#pageheadcontainer{
	width:970px;
	height:120px;

	border-bottom:5px solid white;
}

#mediaheadcontainer{
	float:left;

	width:820px;
	height:120px;
}

#logocontainer{
		float:left;
		width:150px;
		height:120px;

		background-color:white;
	}

		#logo{
		}
/******************************************************************/


/******************************************************************/
/* Page Container Start																						*/
/******************************************************************/
#pagecontainer{
	width:970px;
	height:auto;

	background-color:#979797;	
	border:5px solid white;
}
/******************************************************************/


/******************************************************************/
/* Spalten  Start																									*/
/******************************************************************/

/** eine Spalte **/
#content-1sp-container{
	width:970px;
	padding-top:12px;
}

#content-1sp-container #columncontent{
	width:970px;
	height:auto;
}


/** Zwei Spalten **/
#content-2sp-backgroundcontainer{
	width:970px;
	height:auto;
	
	background-image:url(/fileadmin/media/gfx/bg-content-root-container.gif);
	background-repeat:repeat-y;
}

#content-2sp-container{
	width:970px;
	height:auto;
	
	/*background-image:url(/fileadmin/media/gfx/bg-subnavcontainer.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;*/
}

#content-2sp-container #columnleft{
	float:left;
	
	width:200px;
	height:400px;
	
	background-color:#6B7576;
	
	border-right:5px solid white;
}

#content-2sp-container #columnleft .content{
	padding-top:12px;
}

#content-2sp-container #columncontent{
	float:left;
	width:765px;
	height:auto;

	padding-top:12px;
}

/**************/

/** Drei Spalten **/
#content-3sp-container{
	width:970px;
	height:auto;
	
	background-image:url(/fileadmin/media/gfx/bg-content-root-container.gif);
	background-repeat:repeat-y;
}

#content-3sp-container #columnleft{
	float:left;
	
	width:200px;
	height:400px;
	
	background-image:url(/fileadmin/media/gfx/bg-subnavcontainer.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	
	border-right:5px solid white;
}

#content-3sp-container #columnleft .content{
	padding-top:12px;
}


#content-3sp-container #columncontent {
	float:left;
	width:560px;
	height:auto;

	padding-top:12px;
}

#content-3sp-container #columnright{
	float:left;
	
	width:200px;
	height:400px;
	
	background-image:url(/fileadmin/media/gfx/bg-subnavcontainer.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	
	border-left:5px solid white;
}


#content-3sp-container #columnright .content{
	padding-top:12px;
}
/******************************************************************/


/******************************************************************/
/* PageFootContainer																							*/
/******************************************************************/
#pagefooter{
	width:970px;
	height:25px;

	color:white;
	text-align:center;
	line-height:25px;
}
/******************************************************************/


/******************************************************************/
/* Navigationen																										*/
/******************************************************************/
#catnavcontainer{
	float:left;
	width:510px;
	height:30px;
}


#servicenavcontainer{
	float:left;
	width:470px;
	height:30px;
}

#mainnavcontainer{
	width:970px;
	height:30px;

	border-bottom:5px solid white;
	background-image:url(/fileadmin/media/gfx/bg-mainnav.jpg);
	background-repeat:repeat-x;
}
/******************************************************************/