* { padding:0px; margin:0px; }



 body  {
	background: #1E1E1E;
	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
	padding: 0;
	text-align: left; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	color: #aaaaaa;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12;
    }
a {
	color: #ffffff;
}
    
h1 {
font-size: 18;
font-weight: bold;
color: #e2e232;

}
h2 {
font-size: 18;
font-weight: bold;
color: #e43c3b;
}
h3 {
font-size: 18;
font-weight: bold;
color: #5759ca;
}
    
h4 {
font-size: 18;
font-weight: bold;
color: #ffffff;
}


#container {
	position: absolute;
	width: 800px;
	left: 50%;
	margin-left: -400px;
	background-color: #000000;
	height: 200%;
	margin-top: 0px;
    } 
#logobanner {
	position: absolute;
	width: 800px;
	left: 50%;
	margin-left: -400px;
	background-color: #000000;
	height: 130px;
	background-image: url(../images/leiste_03.gif);
	background-repeat: no-repeat;
    } 
#containerr {
	position: absolute;
	width: 40px;
	left: 50%;
	margin-left: 400px;
	background-color: #1E1E1E;
	height: 200%;
	background-image: url(../images/leiste_07.gif);
	background-repeat: repeat-y;
    } 
#containerl {
	position: absolute;
	width: 40px;
	left: 50%;
	margin-left: -440px;
	background-color: #1E1E1E;
	height: 200%;
	background-image: url(../images/leiste_08.gif);
	background-repeat: repeat-y;
    } 


.clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
    }



div {
	border:0px solid blue;
	padding:2px;
}

.header {
	background-image:url(...);
	background-color:#ffcccc;
}

.logo {
	background-image:url(...);
	background-color:#ffccff;
}

.topmenu {
	position: absolute;
	width: 200px;
	left: 50%;
	margin-left: -400px;
	margin-top: 0px;
	top: 200px;
}

.breadcrumb {
	background-color:#ffffcc;
}

.middle {
	background-color:#ccffcc;
}

.left {
	/*background-color:#ccffff;*/
	float:left;
	width:200px;
}

.submenu {
	/*background-color:#ccccff;*/
}

.right {
	float:right;
	width:200px;
	background-color:#ccffaa;
}

.content_narrow,
.content {
	position: absolute;
	width: 580px;
	left: 50%;
	margin-left: -200px;
	margin-top: 0px;
	top: 202px;
}

.content_wide {
	background-color:#aaffcc;
	margin: 0px 0px 0px 220px;
}

.clear {
	clear:both;
}

.footer {
	background-color:#aaffaa;
}
legend {
padding-left:10px;
padding-right:10px;
border: 0px;
}

fieldset {
border:0px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
border: 1px solid #C0C0C0;
}

.radiolayout {
width:100%;
padding-top:15px;
padding-bottom:15px;
}

.formu {
width:100%;
padding-top:10px;
padding-bottom:10px;
padding-left:15px;
border: 0px solid #C0C0C0;
}

.mf-radio {
border:0px;
}

.mf-text {
color: #000000;
border: 1px solid #C0C0C0;
margin-bottom: 5px;
width: 300px;

}

.mf-check {
border: 0px;
margin-left:287px;
margin-top: -15px;
line-height: 25px;
}

label{ 


}




.mf-select {
border:0px;
}

.mf-input {
border: 1px solid #C0C0C0;
margin-bottom: 5px;
width: 300px;
}

.mf-submit {
color: #ffffff;
background-color: #e43c3b;
width: 80px;
height: 30px;
border: 0px;
}