/*:responseweb CSS*/

/*BODY*/

#body { 
font-size: small; 
font-family: Verdana, Arial, sans-serif; 
color:#161c28; 
line-height: 1.2em; 
background-image: url(images/grgrad.gif); 
background-repeat: repeat-x; 
padding:0; 
margin: 0 20px 2em;
 }

/*EXPLORER ZUSATZ*/ td{
font-size: 11px;
}

a { color: #5e5e70; text-decoration: none; }
hr.dot { border-top: 1px dotted #5e5e70; }
a:visited {color:#5e5e70;}
a:hover {color: #45516D;}
a:active { color:#5e5e70;}

h1{
font-size:110%;
}
h2{
font-size:100%;
}
h3{
font-size:100%;
}
h4{
font-size:90%;
}
small { font-size: 70%; }
ul { 
list-style-image: url(images/bullet.gif);
font-size: 90%; }

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

.form{
padding: 0px;
margin: 5px 50px 15px 50px;
}

textarea, .formgenerell input, input.formgenerell {
width:300px;
border: 1px solid #aaaaaa; 
margin-top: 5px;
padding: 2px;
}

.formbutton {
width:100px;
border: 1px solid #aaaaaa; 
}

/*FORMULARE*/
.formErrors {
    margin: 5px 25px 25px 25px;
    padding: 5px 5px 5px 5px;
    border: 1px solid ;
    background-color: #FFBBBB;
}

.formlabelerror {
    color: #BB1111;
    font-weight: bold;
}

/*CONTAINER*/
#container { background-color: #fff; background-repeat: no-repeat; width: 800px; height: auto; overflow: hidden; min-height: 800px; border: solid 1px silver; margin: 20px auto 10px; padding-top: 0; }

/* BANNER*/
#banner { padding: 0; margin: 0; }
#banner a{
color: #161c28;
text-decoration:none; }
#banner  a:hover {color: #5e5e70;}

#banner h1 {
font-size: 30px;
padding: 50px 0px 0px 50px;
margin: 0px;
}
#banner h2{
color: #ffffff;
font-size: 14px;
padding: 5px 0px 25px 50px;
margin: 0px;
}

#metanavi { color: #5e5e70; font-size: 80%; float: right; padding: 5px 20px 0 0; margin: 0 20px 0 0; }
/*HAUPTNAVIGATION*/
#topnavi { font-size: 105%; background-image: none; margin-top: 0; padding: 5px 0 2px 35px; border-top-color: #8d8f8e; border-top-width: 3px; border-bottom-color: #8d8f8e; border-bottom-width: 3px; }
#topnavi a { color: #8d8f8e; font-weight:bold; margin: 0; padding: 2px 15px; }
#topnavi a:hover { color: #808080; font-weight: bold; border-bottom: 1px solid #808080; }
#topnavi a:selected { color: #808080; font-weight: bold; border-bottom: 1px solid #808080; }
/*CONTENT*/
#content { margin:0; background-color: #ffffff; width: 550px; height: auto; min-height: 400px; padding: 30px 10px 10px 20px; }

#content h1 { padding: 0 50px 0 30px; margin:15px 0; color:#24304b; font-size: 120%; font-style: normal; }
#content h2 { font-size: 100%; font-weight: bold; font-style: normal; margin: 0.67em 0; padding-left: 30px; }
#content p{ background-color: white; padding: 0 0 0 30px; margin:0 0 15px; }
#content a {  }
#content a:hover { color: #8d8f8e; font-style: italic; }
#content table { background-image: url(images/grey_bg_fade.gif); background-repeat: no-repeat; margin: 0 0 15px; padding: 0 0 0 30px; }
#content ul{
padding: 0 50px 0 70px;
margin:0 0 15px;
}
#content .news { font-size: 85%; background-repeat: repeat-x; width: 500px; margin-bottom: 5px; float: left; margin-left: 30px; padding-top: 10px; padding-right: 3px; padding-bottom: 10px; border-top: 1px dotted #c0c0c0; }
#content p.center{
text-align:center;
}
/*NAVIGATION LINKS UND RECHTS*/
#left {
margin: 0px;
padding: 25px 0px;
background-color: #BEC8CA;
}

#right { background-image: url(images/grey_bg_fade.gif); background-repeat: no-repeat; float: right; width: 170px; min-height: 250px; margin-top: 50px; margin-right: 0; margin-left: 10px; padding: 20px 4px; border-top: 1px dotted #5e5e70; border-bottom: 1px dotted #5e5e70; border-left: 1px dotted #5e5e70; }
#rightnavi { color: #5e5e70; background-image: none; margin-top: 0; padding-bottom: 3px; padding-left: 20px; }
#right p{ font-size: 85%; margin:0; padding: 10px 20px 4px; border-top-width: 0; }
#right h1 { font-size: 85%; font-weight: bold; margin: 0; padding: 5px 20px 0; }
#left a, #right a {
text-decoration: none;
color:#24304b;
}
#left .selected, #right .selected {
text-decoration: underline;
}

#left ul, #right ul {
list-style-type: none;
margin: 0 10px;
padding: 0;
} 
#left li, #right li {
margin-bottom: 8px;
}
#left h3, #right h3{ margin: 0 0 10px; padding: 40px 0 0 10px; }

/*FOOTER*/
#footer { clear: both; color: #5e5e70; font-size: 80%; font-weight: normal; width: 800px; margin-right: auto; margin-left: auto; border-top-width: 0; }
#footer a { color: #5e5e70; font-weight: normal; }
#footer a:hover { color: #161c28; font-weight: normal; }