
/*
Template 1361
CDU, Annette Widmann Mauz
Author: Y. Kollega
*/



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

.body
{
	background:white url(http://www.widmann-mauz.de/img/body_bg.gif) repeat-x left 80px;
	text-align:center;
}


div#container
{
	width:950px;
	margin:0 auto;
	text-align:left;
}


div#top
{
	width:150px;
	height:80px;
	background-color:#F90;
}


div#head
{
	position:relative;
	width:100%;
	height:210px;
}


div#portraet
{
	position:absolute;
	top:0;
	left:0;
	width:150px;
	overflow:visible;
}


div#emotion
{
	position:absolute;
	top:0;
	left:150px;
	z-index:2;
	width:800px;
}

div#emotion .n {padding:0px;}

div#slogan
{
	position:absolute;
	top:20px;
	left:180px;
	z-index:3;
	width:200px;
}


div#cdu-logo
{
	position:absolute;
	top:20px;
	right:0;
	z-index:5;
	width:252px;
}


div#cdu-logo div.n,
div#slogan div.n,
div#portraet div.n
{
	padding:0;
}


div#main
{
	margin:10px 0 0 0;
	width:100%;
	background:url(http://www.widmann-mauz.de/img/navi_bg.gif) repeat-y left top;
}


div#main-inner
{
	width:100%;
	background:url(http://www.widmann-mauz.de/img/sidebar_bg.gif) repeat-y right top;
}


div#navigation
{
	width:150px;
	height:100%;
	float:left;
	background-color:#F90;	
}


div#content
{
	width:600px;
	height:100%;
	float:left;
}


div#sidebar
{
	width:200px;
	height:100%;
	float:left;
	background-color:#FFE5C0;
}


div#btm
{
	width:100%;
	text-align:center;
	margin:1px 0 0 0;
	border-top:1px #DDD solid;
}


div#footer
{
	width:950px;
	margin:0 auto;
}




/*  Schrift
----------------------------------------------- */

div#sidebar,
div#sidebar p,
div#sidebar td,
div#sidebar a,
div#sidebar a:visited
{
	color:#333;
}



div#footer,
div#footer p,
div#footer td,
div#footer a,
div#footer a:visited
{
color:#BEBEBE;
}



/*  Innenabstaende
----------------------------------------------- */

div#content .gutter { padding: 25px 35px 20px 35px; }
div#navigation .gutter { padding: 30px  5px 20px  5px; }
div#sidebar .gutter { padding: 30px  5px 20px  5px; }
div#footer .gutter  { padding:15px 240px 50px 190px; }






/*  Navi
----------------------------------------------- */

ul.mainNav1,
ul.mainNav2,
ul.mainNav3
{
	padding:0;
	margin:0;
	text-align: left;
	list-style-type:none;
	line-height:120%;
}


ul.mainNav1 li,
ul.mainNav2 li,
ul.mainNav3 li
{
	display:inline;
	margin:0;	
	padding:0;
	text-decoration:none;
}


ul.mainNav2
{
	padding:4px 0 12px 0;
}



ul.mainNav1 li a,
ul.mainNav1 li a:visited
{
	display:block;
	border-bottom:1px #FFAD33 solid;	
	font-size:12px;
	text-decoration:none;
	text-transform:uppercase;
	color:#FFEBCC;
}


ul.mainNav2 li a,
ul.mainNav2 li a:visited
{
	display:block;
	border:0;
	font-size:10px;
	text-decoration:none;
	text-transform:none;
	color:#FFD699;
}


ul.mainNav3 li a,
ul.mainNav3 li a:visited
{
	display:block;
	border:0;
	font-size:8px;
	text-decoration:none;
	color:#FFC266;
}



ul.mainNav1 li a, ul.mainNav1 li a:visited { padding:3px 10px 3px 20px; }
ul.mainNav2 li a, ul.mainNav2 li a:visited { padding:2px 10px 2px 27px; }
ul.mainNav3 li a, ul.mainNav3 li a:visited { padding:0px 10px 0px 35px; }


ul.mainNav1 li a:hover,
ul.mainNav2 li a:hover,
ul.mainNav3 li a:hover
{
	color:white;
}


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