/*-------------------------------------------------------
	
	layout.css
	
	- Formatierungen von DIVs, die für das 
	  Layout/Raster verwendet werden
	- Positionierung, Breite, Rahmen, Farben usw.
	- nicht: Schriftgrößen, -farben, Formatierungen
	  sonstiger HTML-Elemente, diese befinden sich
	  in der Datei styles.css

-------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------
	CONTAINER
--------------------------------------------------------------------------------------------------------------*/
div#layerContainer {
	width: 1000px;
	position: relative;
	margin-left: -500px;
	left: 50%;
	padding-top: 50px;
}
/*--------------------------------------------------------------------------------------------------------------
	HEADER
--------------------------------------------------------------------------------------------------------------*/
div#layerLogo {
	text-align: center;
}
div#layerHeaderImage {
	height: 180px;
	background: url(../_img/stage/stage001.png) center center no-repeat;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
}
/*--------------------------------------------------------------------------------------------------------------
	CONTENT
--------------------------------------------------------------------------------------------------------------*/
div#layerBody {
	padding-top: 50px;
}
/*-------------------------------------------------------
	COLLEFT
-------------------------------------------------------*/
div#layerBody div#layerColLeft {
	float: left;
	width: 315px;
}
/*-------------------------------------------------------
	COLMAIN
-------------------------------------------------------*/
div#layerBody div#layerColMain {
	float: left;
	width: 685px;
}
/*-------------------------------------------------------
	CONTENT
-------------------------------------------------------*/
div#layerContent {
	padding: 0 0 0 30px;
}
div#layerContent div#layerContentHeader {
	border-bottom: 1px solid #CCC;
	height: 60px;
}
div#layerContent div#layerContentHeader h1 {
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	
	line-height: 120%;
	padding: 0 0 0 10px;
}
div#layerContent div#layerContentBody h2 {
	font-size: 15px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	
	margin: 20px 0 10px;
}
div#layerContent div#layerContentBody {
	padding: 20px 10px;
}
div#layerContent div#layerContentBody p {
	margin: 0 0 10px;
}


/*--------------------------------------------------------------------------------------------------------------
	FOOTER
--------------------------------------------------------------------------------------------------------------*/
div#layerFooter {
	border-top: 1px solid #CCC;
	padding: 10px 20px 50px;
}
div#layerFooter p, div#layerFooter p a {
	text-align: center;
}
/*--------------------------------------------------------------------------------------------------------------
	SONSTIGES
--------------------------------------------------------------------------------------------------------------*/