html, body { 
   margin: 0;
   padding: 0;
   font-family: Verdana, Helvetica, sans-serif;  
}

body {
	background: #FFF url(img/header_back.gif) top left repeat-x;
}

a, a:link, a:visited { 
	color: #000066; 
	letter-spacing: 0.01em; 
}

img {
	border: none;
}

#header {
	float: left;
	margin: 0;
	width: 850px;
	height: 116px;
}

#namen {
	position: absolute;
	top: 0;
	left: 0;
	width: 420px;
	height: 45px;
	overflow: hidden;
	background-image: url(img/nav_back_o.gif);
}

#namen .navtop {
	float: left;
	height: 18px;
	width: 350px;
	display: inline;
	margin: 23px 0 0 45px;
}

.navtop a {
	text-decoration: none;
	height: 18px;
}

.ag a {
	float: left;
	display: block;
	width: 71px;
	background-image: url(img/nav_gruening.gif);
}

.ag a:hover, .ag a.sel {
	background-image: url(img/nav_gruening_sel.gif);
}

.mk a {
	float: left;
	display: block;
	width: 71px;
	background-image: url(img/nav_kinder.gif);
}

.mk a:hover, .mk a.sel {
	background-image: url(img/nav_kinder_sel.gif);
}
	
.ar a {
	float: left;
	display: block;
	width: 56px;
	background-image: url(img/nav_rabe.gif);
}

.ar a:hover {
	background-image: url(img/nav_rabe_sel.gif);
}


.fw a {
	float: left;
	display: block;
	width: 60px;
	background-image: url(img/nav_wolf.gif);
}

.fw a:hover, .fw a.sel {
	background-image: url(img/nav_wolf_sel.gif);
}

.nw a {
	float: left;
	display: block;
	width: 65px;
	background-image: url(img/nav_wesel.gif);
}

.nw a:hover, .nw a.sel {
	background-image: url(img/nav_wesel_sel.gif);
}

.sz a {
	float: left;
	display: block;
	width: 70px;
	background-image: url(img/nav_zengin.gif);
}

.sz a:hover, .sz a.sel {
	background-image: url(img/nav_zengin_sel.gif);
}


#logo {
	position: absolute;
	top: 45px;
	left: 0;
	width: 420px;
	height: 53px;
	overflow: hidden;
	background-image: url(img/nav_back_u.gif);
}

#buero {
	position: absolute;
	top: 23px;
	left: 420px;
	width: 380px;
	height: 18px;
	text-align: right;
}

#nav {
	position: absolute;
	top: 99px;
	left: 410px;
	float: right;
	width: 600px;
	height: 21px;
}

#nav a:hover, #nav a:active, #nav a.sel {
	border-bottom: 2px solid #882f3d;
}

/* ------ Inhalt ----- */

#main {
	float: left;
	width: 850px;
	color: #333;
	line-height: 1.5em;
	font-size: 11px;
}

#left {
	float: left;
	width: 300px;
}

#left img {
	margin: 3px 0 0 0;
}

#right {
	float: left;
	width: 450px;
	display: inline;
	margin: 50px 0 0 50px;
	padding-bottom: 30px;
}

#right p {
	margin: 0 0 0.9em 0;
}

#right p strong {
	color: #555;
}

#right h1 {
	font-size: 16px;
	color: #333;
	font-weight: normal;
}

#right h2 {
	font-size: 11px;
	font-style: bold;
	letter-spacing: 0.02em;
	margin: 0;
	color: #555;
}

#right h2.titel {
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0.04em;
	margin: 0 0 6px 0;
	/*text-transform: uppercase;*/
	color: #555;
}

.start {
}

.start a {
	display: block;
}

.start a:hover {
	padding-right: 20px;
	background: #FFF url(img/dot_6.gif) no-repeat 460px 5px;
}

.clear {
	clear: both;
	margin: 0;	
	padding: 0;
}

.kon {
	float: left; 
	width: 240px; 
	margin: 10px 0 0 20px;
	display: inline;
	padding: 0 0 3px 15px; 
	background: #FFF url(img/dot.gif) no-repeat 0 7px;
}

.kon p, .kon p a {
	margin: 0;
	padding: 0;
}

.adr {
	float: left; 
	width: 240px; 
	display: inline;
	margin: 20px 0 0 0;
}

.adr a, .kon a {
	padding-bottom: 1px;
	text-decoration: none;
}

.adr a:hover, .kon a:hover {
	border-bottom: 1px solid #882f3d;
}

.up {
	text-transform: uppercase;
	font-size: 0.9em;
	letter-spacing: 0.02em;
}

.up em {
	font-style: normal;
	font-weight: normal;
}

#karte {
	width: 155px;
	height: 250px;	
}

#karte a {
	display: block;
	width: 155px;
	height: 250px;
	text-decoration: none;
	background: #FFF url(img/plan.jpg) no-repeat;
}

#karte a:hover {
	text-decoration: none;
	background: #FFF url(img/plan_mo.jpg) no-repeat;
}

.err {
	background: #FF7200;
	color: #000;
	letter-spacing: 0.04em;
	padding: 0 10px 0 10px;
}

.f fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

.f label {
	float: left;
	width: 400px;
	margin: 10px 0 0 0;
	line-height: 1.4em;
}

.f input, .f textarea {
	float: left;
	width: 400px;
	border: 1px solid #999;
	padding: 3px;
	margin: 3px 0 3px 0;
	background-color: #EEE;
}
