body {
color: black;
background-color: rgb(51,51,51); 
/*
margin: 10px 0;
padding: 0px;
*/
border-style: none;
font-family: verdana, sans-serif; 
font-size: medium;
text-align: left;
 }
 
/* --- Kasten um alles ----- */

#wrapper {
    margin: auto;
    margin-top: 30px;
    width: 90%;
    border-left: 3px solid black;
    background-color: rgb(180,180,180);
 }
 
 #spalten {
    overflow: hidden;
 }
 
#nav, #leiste, #mitte, #extra {
    padding-bottom: 32767px;
    margin-bottom: -32767px;
}
 
 #titelleiste {
    width: 100%;
    height: 110px;
    margin: 0px;
    background-color: rgb(204,204,204);
    
}

* html #titelleiste {
    display: inline;
}
    
#logo {
    float: left;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 0px;
}

#picture-box {
    float: left;
    margin-top: 25px;
    margin-left: 0px;
}

div.picture {
    float: left;
    margin-right: 13px;
}
#prom-picture-box {
  	float: left;
    margin-top: 0;
    margin-right: 45px;
}

div.prom-picture {
	float: left;
	padding-left: 0px;
	margin-top: 15px;
	margin-bottom: 5px;
	width: 170px;
}


#nav {
    width: 150px;
    padding-top: 120px; padding-left: 12px;
    background-color: rgb(204,204,204);
    margin-left: 0px;
    /*float: left;*/
}

#mitgliederbereich {
    width: 130px;
    padding-top: 30px; padding-left: 12px;
    background-color: rgb(204,204,204);
    margin-left: 0px;
    /*float: left;*/
}

#leiste {
    width: 12px; height: 204px;
    background-color: white;
    background-image: url(runde-ecke.gif); 
    background-position: top; 
    background-repeat: no-repeat;
    margin-left: 0px;
    float: left;
}

#mitte {
    width: 55.5%; height: 70%;
    font-size: 90%;
    padding-left: 10px;
    padding-right: 20px;
    padding-top: 20px;
    float: left;
    background-color: white;
 }

#extra1 {
    width: 150px;
    float: left;
    background-color: rgb(180,180,180);
    padding-top: 10px;
    padding-left: 10px;
    border-left:3px solid black;

 }
 .cleaner {
    clear:both; /*for the end of floating for IE*/
    height:1px;
    font-size:1px;
    border: 0px none;
    margin: 0; padding: 0;
    background-color: rgb(204,204,204);
}

.fuss-leiste {
    background-color: rgb(204,204,204);    /* header and footer colours */
    width: 99%; 
    height: 20px;
    /*margin-top: 600px;*/
    padding-left:10px;
}

.standard-button {
   /* text-transform: uppercase;*/
    /*margin-top: 15px;
    margin-left: 12%;*/
}

.standard-button a {
    display:block;
    width: 125px; padding-left: 3px; padding-bottom: 3px;
    border-top:1px solid #8E123B;
    border-left:1px solid #091c5a;
    font-size: 90%;
    text-align: left;
    text-decoration:none;
    margin-right: 0px;
    margin-bottom: 6px;
    color: #fff;
    background-color: #b60048;
}
.schritte-anzeige { 
	float: left;
	color: #fff; 
	font-size: 90%; 
	text-decoration: none; 
	background-color: #999999; 
	text-align: left; 
	display: block; 
	margin-right: 0; 
	margin-bottom: 6px; 
	padding-bottom: 3px; 
	padding-left: 5px; 
	width: 125px; 
	border-top: 1px solid #8e123b; 
	border-left: 1px solid #091c5a;
	border-right: 3px solid black; }
	
.standard-button a:hover, a.aktuell {
    color: #fff;
    background-color: #333333;
}
.zweitebene-button a {
    display:block;
    width: 125px; padding-left: 3px; padding-bottom: 3px;
    border-top:1px solid #8E123B;
    border-left:1px solid #091c5a;
    font-size: 90%;
    text-align: left;
    text-decoration:none;
    margin-top: -5px;
    margin-right: 0px;
    margin-bottom: 6px;
    color: #fff;
    background-color: #D56F75;
}
.zweitebene-button a:hover, a.actuell {
    color: #fff;
    background-color: #666666;
}
.aktuell-schritte-anzeige {
	float: left;
	color: #fff; 
	font-size: 90%; 
	text-decoration: none; 
	background-color: #b60048; 
	text-align: left; 
	display: block; 
	margin-right: 0; 
	/*margin-bottom: 6px;*/ 
	padding-bottom: 3px; 
	padding-left: 5px; 
	width: 125px;/* height: 23px;*/
	border-top: 1px solid #8e123b; 
	border-left: 1px solid #091c5a;
	border-right: 3px solid black;
	border-bottom: 3px solid black; }
#Textbox-mit-Einzug {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	padding-left: 0px;
	text-align: left;
	margin-left: 10px;
}