/********************************************************************
Universal Styles dtp-net.de
********************************************************************/

*{ margin:0; padding:0; }
a {text-decoration:none;}
img {border:none;}

body { background:#e0e5dc; font-family:sans-serif; font-size:10pt; line-height:12pt; color:#000; }

h3 { color:black; }
h4 { margin:0; padding:0; color:black; }

#mainwrapper { width:880px; margin: 0 auto; }
#main { float:left; width:880px; margin-top:6px; background:#fff; min-height:100px; float:left; }
#fuss { float:left; width:880px; height:35px; background:#9fd1ac; 
	border-top:4px solid #037228; border-bottom:4px solid #037228;
	margin-bottom:20px; 
}
#kopf { float:left; background:url("kopf-1.jpg") no-repeat; width:100%; height:115px; }
#kopf h1 { width:713px; text-align:right; margin-top:62px; font-size:16pt; line-height:16pt; color:black; }
#login { position:absolute; top:48px; width:875px; text-align:right; }
#col-left { float:left; position:relative; width:180px; margin-left:-870px; background:#c7d3e6; }
#col-main { float:left; width:680px; margin-left:10px; margin-top:10px; margin-bottom:20px; }
#col-main-wrapper { width:700px; float:left; border-left:180px solid #c7d3e6; }

#breadcrump { float:left; width:680px; border-bottom:6px solid #8382a4; margin-bottom:10px; }
#breadcrump p, #breadcrump p a {font-size:8pt; color:#666; }

#menu {float:left; width:160px; margin-left:10px; margin-top:10px; }

#menu ul, #menu li { list-style-type:none; width:160px; }

#menu ul li { margin-bottom:10px; }
#menu ul li ul { margin-top:0; }
#menu ul li ul li { width:160px; margin-bottom:0px; }

#menu ul li ul li ul { margin-top:0; }

#menu a { padding:4px;
	font-size:11px; color:#000; font-weight:normal; 
	background:#8fabcd; border:1px solid #fff;
	display:block;
}

#menu ul li ul li a {
	font-size:10px; background:#d8e9d6;
	padding-top:2px; padding-bottom:2px; margin:0; padding-left:18px;
	border-top:none;
}
#menu ul li ul li ul li a {
	padding-left:28px; padding-top:1px; padding-bottom:1px;
	margin:0; border-top:none;
}

#menu a.akt { background:#037228; color:#fff; }
#menu a.offen { border-color:white; background-color:#27a458; color:white; }

#menu a:hover { border-color:white; background-color:#27a458; color:#fff; }

#id_mitglied {float:left; margin:10px; }


#fuss_left { float:left; margin-left:10px; }
#fuss_left p { font-size:8pt; line-height:10pt; margin-top:3px; }
#fuss a { color:#037228; }
#fuss_right {float:right; }
#fuss_right a { margin-right:20px; line-height:30px; }
#fuss_right img { margin-right:5px; margin-top:-10px; }

#col-right { float:left; width:180px; background:#c7d3e6; margin-right:-880px; margin-left:520px; }

#aktuellOben { margin-left:10px; margin-top:10px; }

#aktuellUnten{ 
	border: 1px solid #387CAF;  
	background-color: #ECF0F7;
	width: 140px;
	padding: 5px;
 	position:relative; top:10px;
	margin-left:10px;
	margin-bottom:20px;
}

/************ Formular *************/


div.formgen { float:left; width:630px; }

fieldset label {float:left; width:150px; 
	clear:both; 
	font-size:12px;
}

fieldset { clear:both; padding:10px; border:solid 2px #ddd; margin-bottom:10px; }
fieldset legend { font-weight:bold; }

.formgen input:focus { background:#eee; }

fieldset input.formtext { float:left; width:350px;
	border:none; border-bottom:1px dotted gray; background:none;
	height:20px; margin-bottom:10px;
}

.formhinweis { clear:both; width:100%; float:left; margin:10px 0 10px 0; }

.formgen input.formsubmit { border:solid 1px black; margin-left:170px; margin-top:10px; width:200px; }

.formgen textarea.formtextfield { border:solid 1px black; width:450px; }

.formgen label.formerror { color:red; font-weight:bold; }