
/*
Template 1367
Author: Y. Kollega
*/



/*  Layout
----------------------------------------------- */

.body { background-color:#2C2C2C; }


div#top {
	position:relative;
	z-index:10;
	width:100%;
	background:#010101 url(http://www.detektei-menge.info/s/img/top_bg.gif) repeat-x left bottom;
}


div#emotion { width:269px; }


div#main-nav {
	position:absolute;
	left:269px;
	bottom:0;
	width:730px;
}


div#main {
	position:relative;
	z-index:5;
	width:100%;
	background:#F3F2F1 url(http://www.detektei-menge.info/s/img/main_bg.gif) repeat-y left top;
}


div#wrapper { width:1000px; }


div#left {
	width:269px;
	float:left;
}


div#content {
	width:700px;
	float:left;
}


div#sidebar {
	width:100%;
	float:left;
}


div#footer {
	width:100%;
	height:60px;
	background:url(http://www.detektei-menge.info/s/img/footer_bg.png) repeat-x top left;
}

* html div#footer {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='http://www.detektei-menge.info/s/img/footer_bg.png');
}


div#footer-gutter {
	position:relative;
	width:680px;
	padding:25px 10px 10px 300px; 
}






/*  Innenabstaende
----------------------------------------------- */

div#content .gutter { padding:30px 10px 50px 30px; }
div#sidebar .gutter { padding:40px 20px; }







/*  Schrift
----------------------------------------------- */

div#footer,
div#footer p,
div#footer td,
div#footer a, div#footer a:visited {
	color:#666;
}



div#sidebar,
div#sidebar p,
div#sidebar td,
div#sidebar a, div#sidebar a:visited {
	color:#333;
}







/*  Navi
----------------------------------------------- */

ul.mainNav1 {
	text-align: left;
	padding:0;
	margin:0;
}


ul.mainNav2,
ul.mainNav3 {	
	text-align:left;
	margin:0;
	padding:0;
	list-style-type:none;
}


ul.mainNav2 {
	border:3px #898989 solid;
	margin:30px 18px 10px 15px;
}

ul.mainNav3 {
	padding:5px 0 15px 0;
	background:#333;
	border-bottom:1px #666 solid;
	border-top:1px #666 solid;
}


ul.mainNav1 li,
ul.mainNav2 li,
ul.mainNav3 li {
	display:inline;
	margin:0;	
	padding:0;
	text-decoration:none;
}





ul.mainNav1 li a, ul.mainNav1 li a:visited {
	display:block;
	float:left;
	margin-right:2px;
	border:1px solid #555;
	background-color:#555;
	-moz-border-radius-topleft:5px;	
	-moz-border-radius-topright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	font-size:14px;
	text-decoration:none;
	white-space:nowrap;
	color:white;
	outline:none;
	text-transform:uppercase;
}


ul.mainNav2 li a, ul.mainNav2 li a:visited {
	display:block;
	border-bottom:1px #4A4A4A solid;
	background-color:#202020;
	font-size:12px;
	color:white;
	text-decoration:none;
	outline:none;
}




ul.mainNav3 li a, ul.mainNav3 li a:visited {
	display:block;
	text-decoration:none;
	border:0;
	background:#333;
	color:#999;
	font-size:11px;
	font-weight:normal;
	outline:none;
}



ul.mainNav1 li a, ul.mainNav1 li a:visited { padding:6px 13px 6px 13px; }
ul.mainNav2 li a, ul.mainNav2 li a:visited { padding:5px 10px 5px 28px; }
ul.mainNav3 li a, ul.mainNav3 li a:visited { padding:2px 5px  2px 29px; }



ul.mainNav1 li a:hover {
	border:1px #777 solid;
	background-color:#777;
	text-decoration:none;
	color:white;
}


ul.mainNav1 li a.current, ul.mainNav1 li a.current:visited,
ul.mainNav1 li a.parent,  ul.mainNav1 li a.parent:visited {
	background-color:#F3F2F1;
	border-color:#F3F2F1;
	color:#333;
}


ul.mainNav2 li a:hover {
	background-color:#333;
	text-decoration:none;
	color:#FFF;
}


ul.mainNav2 li a.current, ul.mainNav2 li a.current:visited,
ul.mainNav2 li a.parent,  ul.mainNav2 li a.parent:visited {
	background-image:url(http://www.detektei-menge.info/s/img/sub_nav_li_bg.gif);
	background-repeat:no-repeat;
	background-position:10px center;
}


ul.mainNav3 li a:hover {
	background:none;
	color:#CCC;
	text-decoration:none;
}





/*  Fix fuer richtige Positionierung des Navi Admin Panel
----------------------------------------------- */

ul.mainNav1,
ul.mainNav2,
ul.mainNav3 { overflow:hidden; } 


* html ul.mainNav1,
* html ul.mainNav2,
* html ul.mainNav3 { height:1%; overflow:visible; } 


