body {


font-family: Arial, Helvetica, sans-serif;
color: #6c6c6c;

font-size: 0.9em;
line-height: 1.1em;

margin: 0;
padding: 0;

}



#container {

position: relative;

max-width: 850px;
margin-left: auto;
margin-right: auto;

margin-top: 30px;


}



#container_big {

position: relative;

max-width: 850px;
margin-left: auto;
margin-right: auto;

margin-top: 30px;


}







#logo {

float: right;


width: 190px;
height: 45px;


}



#metanav {


padding-top: 25px;

color: #6c6c6c;



}



#content {



margin-top: 110px;
margin-left: auto;
margin-right: auto;






}



.icon_button {

float: left;	

min-width: 150px;

padding: 10px;


text-align: center;

}



.icon_button_mini {

float: left;	

min-width: 100px;


text-align: center;

}


.icon_button_mini a:link, a:visited  {

color: #000;

}


.subnav_button {

float: left;	

min-width: 120px;

padding: 10px;


background-color: #6c6c6c;

text-align: center;

border: solid 1px #ccc;

border-radius: 10px;	

}


.subnav_button a:link, a:visited  {

color: #fff;

}


.download {

width: 40px;

padding: 3px;


background-color: #6c6c6c;

border-radius: 10px;	


}

.download a:hover {
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}


.alert_box {

padding: 20px;

border: solid 1px #ccc;

box-shadow: 10px 10px 100px grey;

}




hr {
background-color: #6c6c6c; /* Farbe f�r Opera und Firefox */
color: #6c6c6c; /* Farbe f�r Internet Explorer (IE) */
border: 0;
height: 1px;


}





.clear { 

clear: both;

line-height: 1px;

}


/* ---- Media --- */

@media only screen and ( max-width: 25em ) {  /* 400 */



   
   
   }













/* Definition der Textdarstellung */



h1 {
text-align: left;
font-size: 1.2em;
font-weight: 100;
color: #414b55;


}


h2 {

text-align: left;
font-size: 1.0em;
font-weight: 100;
color: #414b55;


}



h3 {

text-align: left;
font-size: 1.2em;
font-weight: 100;
color: #339900;

}


h4 {

font-size: 12px;
font-weight: 100;
color: #cc0000;
margin-bottom: -13px;


}


h5 {

font-size: 12px;
font-weight: 100;
color: #999999;
margin-bottom: -12px;
margin-left: 10px;

}


.main {


text-align: left;
font-size: 0.9em;
font-weight: 100;
color: #414b55;



}



a:link {
    
    text-decoration: none;
    font-size: 1.0em;
   
    }

a:visited {
	
	text-decoration: none;
    font-size: 1.0em;
	
}

a:hover {
	
	text-decoration: underline;
    font-size: 1.0em;
	
}


a:active {
	
	text-decoration: underline;
    font-size: 12px;
	
}

/* Definition der Formularfelder */


input.radio {

color: #CCCCCC;
border: 1px solid #19426C;

}

input.text {

color: #333;

font-size: 14px;

border: 1px solid #19426C;

height:30px;
width: 200px;

padding: 5px;



border-radius: 10px;

}


password.text {

color: #333;

font-size: 14px;

border: 1px solid #19426C;
width: 200px;
padding: 2px 4px 2px 4px;

border-radius: 10px;

}








input.plz {

color: #1F2934;
border: 1px solid #19426C;
width: 50px;
padding: 2px 4px 2px 4px;

}



input.suche {

color: #1F2934;
border: 1px solid #19426C;
width: 100px;
padding: 2px 2px 2px 2px;

}

textarea {

color: #333;
border: 1px solid #19426C;
width: 350px;
height: 100px;



padding: 4px;

border-radius: 10px;


}

input.btn {

background-color: #19426C;
padding: 2px 4px 2px 4px;
border-radius: 10px;

}

.input_ok {

background-color: #BAE1A5;


}


.input_error {

background-color: #E1A5A5;


}





input.sum:focus {

border: 1px solid #fff;

outline:none;

}