/* --------------------------------------------
Author: Nadja Macht
Version: (1) 26. November 2007
----------------------------------------------- */


/* --------------------------------------------*/
/*  Layout */
/*---------------------------------------------- */


div#container {
	position:relative;
	width:945px;
	padding:0;
	text-align:left;	
	margin:0 auto; 
}

div#header {	
	width:945px;
	padding:20px 0 20px 196px;;
}

div#header_img {
	position:relative;
	z-index:1;	
	width:590px;
	border:4px solid #dddddd;
	padding:1px;
}

div#header_img img {
	width:590px;
	border:1px solid #dddddd;
}

div#left_img {
	position:absolute;
	z-index:10;
	width:190px;
	height:200px;
	top:0;
	left:-18px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='http://www.chrisoeser.com/s/img/left.png');
}
html>body div#left_img{ background:url('http://www.chrisoeser.com/s/img/left.png') no-repeat 0 0; }	

div#right_img {
	position:absolute;
	z-index:10;
	width:201px;
	height:238px;
	top:5px;
	left:743px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='http://www.chrisoeser.com/s/img/right.png');
}
html>body div#right_img{ background:url('http://www.chrisoeser.com/s/img/right.png') no-repeat 0 0; }	

div.wrapper {	
	width:945px;
	padding:0;
}

div#navigation {
	width:170px;
	float:left;
	margin:0 0 40px 0;
	padding:10px 0 0 0;
}

div#content {
	width:580px;
	float:left;
	margin:0 0 40px 0;
}

div#sidebar {
	width:190px;
	float:right;
	margin:0 0 40px 0;
	}


/* ---------------------------------------------- */
/* FOOTER */
/* ---------------------------------------------- */

div#footer {
	width:945px;
	padding:36px 0 0 0;
	height:102px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='http://www.chrisoeser.com/s/img/footer.png');
}
html>body div#footer{ background:url('http://www.chrisoeser.com/s/img/footer.png') no-repeat 0 0; }	


div#contentfooter a, 
div#contentfooter {	text-decoration:none;
}

div#container div#contentfooter {	
	width:0px;
	width:80%;
	float:right;
}


/* Gutter zum Ausrichten */
div#content .gutter { position:relative; padding:20px 10px 20px 20px; } 
div#sidebar .gutter { position:relative; padding:30px 0 20px 0; } 



 



/*  Navigation
----------------------------------------------- */
ul.mainNav1 {
	margin:0;
	padding:0;
	list-style-type:none;
	line-height:100%;
}

ul.mainNav1 li,
ul.mainNav2 li,
ul.mainNav3 li {
	padding:0;
	margin:0;
	list-style-type:none;
	display:inline;
}

ul.mainNav1 li a {
	display:block;
	padding:16px 5px 5px 5px; 
	border-bottom:4px solid #dddddd;	
	margin:0;
	text-decoration:none;
	font-size:12px;
	font-weight:normal;
}

ul.mainNav1 li a.current {
	padding:8px 5px 8px 22px; 
	background:url('http://www.chrisoeser.com/s/img/pfeil.gif') no-repeat 0 5px;	
	font-weight:bold;
}



ul.mainNav2,
ul.mainNav3 {
	margin:0;
	padding:0;
	list-style-type:none;
	line-height:100%;
	border:none;
}


ul.mainNav2 li a,
ul.mainNav3 li a  {
	display:block;
	font-weight:normal;
	margin:0;
	border:none;
}


ul.mainNav2 li a { 
	padding:6px 0 8px 20px; 
}


ul.mainNav3 li a { 
	padding:4px 0 8px 20px; 
}


ul.mainNav2 li a.current,
ul.mainNav3 li a.current {
		font-weight:bold;
}