/*

 Projekt:		Wiesenbach

 copyright:		°° zweikreis.de :: mediendesign

*/


/* ### undo ######################################################## */

:link,:visited { text-decoration:none; }
ul,ol { list-style:none }
ul,ol,li,h1,h2,h3,h4,h5,h6,body,html { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; }

/* ################################################################  */


.clear {clear:both;}

body {
	font-family:Verdana, Arial, Helvetica, sans;
	font-size:x-small;
	height:100%; 
	background:url(./pics/hint.gif) fixed left top;
}

#left {
	width:280px;
	display:block; 
	top:0px; 
	left:0px;
	position:fixed;
}
* html #left {position:absolute;}

#content {
	display:block;
	position:relative;
	width:350px;
	left:330px; 
	font-size:1.2em;
	color:#707070;
	padding:50px 0px 50px 0px;
}

#content_team {
	display:block;
	position:relative;
	width:455px;
	left:340px; 
	font-size:1.2em;
	color:#707070;
	padding:50px 0px 50px 0px;
}

#content p,
#content_team p {
		padding-right:30px;
		margin:0 0 20px 0;
		line-height:1.6em;
}

.klein {
	display:block;
	margin-right:30px;
	font-size:0.9em;
	line-height:1.4em;
	text-align:right;
}

#mitarb {
	float:right;
}

#mitarb .bild {
	width:68px;
	text-align:right;
	padding-right:5px;
	background:url(./pics/mitarb_hint.gif) no-repeat right top;
}

#mitarb .text{
	text-align:right;
	padding-right:15px;
	padding-top:10px;
	width:300px;
	vertical-align:top;
	border-top:1px solid #cccccc;
}

#content_team #mitarb h2 {
	font-size:15px;
}

#content_team #mitarb h4 {
	font-weight:bold;
	color:#707070;
	margin-top:-19px;
	margin-bottom:17px;
	line-height:1.2em;
}

#mitarb .beschr{
	font-size:0.9em;
}

#content ul {
	display:block;
	padding:5px 0 20px 0;
}

#content ul li {
	display:block;
	float:left;
	width:320px;
	padding-left:20px;
	padding-bottom:8px;
	margin:0;
	line-height:1.3em;
	background:url(./pics/li.gif) no-repeat 0px 2px;
}

#content a,
#content a:link {
	color:#FFB21A;
	text-decoration:none;
}

#content a:hover {
	color:#000078;
	text-decoration:none;
}

#content h1,
#content_team h1 {
	font-size:15px;
	font-weight:normal;
	color:#000078;
	padding-top:20px;
	padding-bottom:40px;
	letter-spacing:2px;
	text-transform:uppercase;
	}

#content h2,
#content_team h2 {
	display:block;
	font-size:14px;
	font-weight:bold;
	color:#555555;
	margin-bottom:20px;
}

#content h3,
#content_team h3 {
	display:block;
	font-size:12px;
	font-weight:bold;
	color:#555555;
	padding:10px 0;
	line-height:1.2em;
}

#content h4,
#content_team h4 {
	display:block;
	font-size:11px;
	font-weight:normal;
	color:#707070;
	margin-top:-17px;
	margin-bottom:20px;
	line-height:1.2em;
}

#right {
	display:block; 
	top:0px; 
	left:720px;
	position:fixed;
	padding-top:125px;
}
* html #right {position:absolute;}




/* NAVIGATION
****************************************/

#menue {
	display:block;
	width:180px;
	height:190px;
	margin-left:64px;
	margin-top:20px;
}

.menue_left {
	float:left;
	width:150px;

}


/* ### nav1st - first level navigation ######################################## */

ul.nav1st { 
	width:180px;
	font-size:1em;
	font-weight:bold;
	text-transform:uppercase; 
}

ul.nav1st li {
	display: block;
	padding:0;
}

ul.nav1st a, 
ul.nav1st a:link {
	width:180px;
	display: block;
	color:#000078;
	letter-spacing:1px;
	text-align:right;
	padding:4px 0;
}

ul.nav1st a:hover {
	color:#FFB21A;
}

ul.nav1st li a.current, 
ul.nav1st li a.current:link,
ul.nav1st li a.current:hover {
	color:#FFB21A;

}




/* ### nav2nd - second level navigation ######################################### */

ul.nav2nd {
	width:170px;
	float:left;
	padding-left:30px;
	font-size:11px;
	font-weight:normal;
}

ul.nav2nd li {
	display: block;
	padding:0;
}

ul.nav2nd a, 
ul.nav2nd a:link {
	width:170px;
	display: block;
	color:#000078;
	letter-spacing:1px;
	text-align:left;
	padding:4px 0;
}


ul.nav2nd a:hover {
	text-decoration:underline;
}

ul.nav2nd li a.current, 
ul.nav2nd li a.current:link,
ul.nav2nd li a.current:hover {
	color:#FFB21A;

}


/* ### nav3rd - third level navigation ######################################### */

ul.nav3rd {
	margin-top:21px;
	width:180px;
	font-size:1em;
	font-weight:normal;
}

ul.nav3rd li {
	display: block;
	padding:0;
}

ul.nav3rd a, 
ul.nav3rd a:link {
	width:180px;
	display: block;
	color:#000078;
	letter-spacing:1px;
	text-align:right;
	padding:4px 0;
}


ul.nav3rd a:hover {
	text-decoration:underline;
}

ul.nav3rd li a.current, 
ul.nav3rd li a.current:link,
ul.nav3rd li a.current:hover {
	color:#FFB21A;

}