/* Standardangaben

Paddings und Margins auf 0 setzen, vertikaler Scrollbar immer sichtbar, Clearfix und float-standard

*/



*{ padding: 0; margin: 0;}

a img{ border: none; }

form {display: inline}

ul img, .navigation img{ vertical-align: bottom; }

.clearfix:after { content: ".";     display: block;     height: 0;     clear: both;     visibility: hidden; }

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */

.floatleft { float: left; margin-right: 10px; display: inline;}

.floatright {float: right; margin-left: 10px; display: inline;}



/* Schriftart und Größe für die Seite, Abstände von Paragraphen usw */

body, table, td, p {

    font: 12px Arial, Helvetica, Verdana, Geneva, sans-serif;

    font-weight: normal;

}



body, p, li{

    line-height: 1.7em;

}



html, body {

    height: 100%;

}



body{

    text-align: left;

    padding: 0;

    margin: 0;

    background: #e9f3fd url(../bilder/bg_body.png) repeat-y;

    color: #333;

}



p {

    margin: 0em 0 1em;

    padding: 0;

}





/* Grundgerüst */

#outer_container {

    position: relative;

    background: transparent url(../bilder/bg_right.jpg) 757px 0px no-repeat;

    width: 1190px;

    height: auto;

    min-height: 830px;

    _height: 830px;

}





#container{

    position: relative;

    width: 757px;



}



#header{

    background: transparent url(../bilder/bg_header.jpg) left top no-repeat;

    width: 757px;

    height: 130px;

}



#navigation{

    position: relative;

    width: 130px;

    float: left;

}



#austauschbild {

    position: relative;

    width: 130px;

    text-align: center;

    margin-top: 50px;

    float: left;

}



#inhalt{

    position: relative;

    padding-left: 10px;

    float: left;

    margin-top: 50px;

    height: auto;

    min-height: 500px;

    _height: 500px;    

}



.inhalt_schmal {

    width: 414px;

    border-left: 1px solid #DCDFEA;

}



.inhalt_mittel {

    width: 474px;

    border-left: 1px solid #DCDFEA;

}



.inhalt_breit {

    width: 604px;

}



#footer{

    padding-top: 5px;

    margin-top: 10px;

    margin-left: 134px;

    width: 618px;

    border-top: 1px solid #DCDFEA;

    font-size: 11px;

}

/* Ende Grundgerüst */



/* Navigation */

.navigation, .navigation ul{

    list-style: none;

}



#navigation ul li {

    display: inline;

}



#footer ul {

    margin: 0;

    padding: 0;

    list-style: none;

    display: inline;

}



#footer ul li {

    float: left;

    margin-right: 5px;

    color: #A0B3D0;

}



#footer ul li a {

    color: #A0B3D0;

    text-decoration: none;

    text-transform: uppercase;

}



#footer ul li a:hover {

    color: #6A7C99;    

}





/* Ende Navigation */



/* Inhalt */



#inhalt ul{

    padding-left: 15px;

    margin : 10px 0;

    list-style: none;

}



#inhalt ul li{

    background: url(../bilder/li.gif) no-repeat 0px 6px;

    padding-left: 15px;

    position: relative;

}



h1, h2, h3, h4 {

    font-weight: normal;

    margin: 0;

    padding: 0;

    text-transform: uppercase;

    color: #3B4F8C;    

}



h1{

    font-size: 14px;

    margin-bottom: 1em;

}



h2{

    font-size: 13px;

    margin-bottom: 1em;

}



h3{

    margin-bottom: 0.5em;

    font-size: 12px;

}



h4 {

    font-size: 11px;

}



a {

    color: #7E99C0;

}



a:hover {

    color: #3B4F8C;

    text-decoration: none;

}



#newsdiv {

    font-size: 11px;

    float: right;

    border-left: 1px solid #DCDFEA;

    padding-left: 10px;

    margin-left: 10px;

    width: 130px;

	voice-family: "\"}\"";

	voice-family: inherit;

	width: 119px;

}



html>#newsdiv {

    width: 119px;

}



#newsdiv h2 {

    font-weight: bold;

    color: #A2B5D2;

    font-size: 12px;

}



#newsdiv a {

    color: #3B4F8C;

    text-decoration: none;

}



#newsdiv h3, #newsdiv h3 a {

    font-size: 11px;

    color: #A2B5D2;

    text-transform: none;

    display: inline;

}



#newsdiv a:hover {

    color: A2B5D2;

}



#contentdiv {

    float: left;

    width: 330px;

}



.repeater{

    margin-bottom: 1.4em;

}



.repeater h2{

    margin: 0;

    font-size: 12px;

    padding: 0;

}



.rahmen {

    border: 1px solid black

}



.datum {

    font-size: 10px;

    color: #3B4F8C;

}



/* Kontaktformular */

.kontakt, input.text, textarea.text {

    width: 210px;

}



#formmailmessage, .formmailerror {

    width: 370px;

}



label {

    position: relative;

    width: 170px;

    float: left;

    margin-bottom: 5px;

}



#kontaktform label {

    position: relative;

    width: 130px;

    float: left;

    margin-bottom: 5px;

}



input, textarea, select {

    background: #ffffff;

    color: #333;

    border: 1px solid #6A7C99;

}



input.text, input.password, textarea.text{

    margin: 0px 0px 5px 0px;

    padding: 1px;

}



input.required, input.password.required, textarea.required{ 

margin: 0px 0px 5px 0px; padding: 2px 0; border: 1px solid #F8D5D5; 

}



form input.required.completed, form input.ausfuellen.completed{

    border: 1px solid #cccccc !important;

}



select {

    margin-bottom: 5px;

    font-size: 11px;

    padding: 1px;

}



body > select {

    margin-bottom: 0px;

}



.checkbox, .radio {

    background: none;

    margin-bottom: 5px;

    border: 0;

}



.submit{

    margin: 5px 0 5px 0;

    padding: 2px 2px;

    background: #ffffff url(../bilder/hintergrund_input_text.gif) repeat-x;

    border: 1px solid #cccccc;

}



input:focus, select:focus, input.required:focus {

    border: 1px solid black;

}



form label.required {

    color: red;

}



form label.completed {

    color: #333;

}



.ausfuellen {

    border: 1px solid red;

}



#formmailmessage, .formmailerror {

    border: 1px solid #E7DBC6;

    padding: 5px;

    color: red;

    margin: 0px 0px 5px 0px;

    background: #ffffff url(../bilder/hintergrund_input_text_required.gif) repeat-x;

    display: none;

    overflow: hidden;

    line-height: 1.3em;

}



#kasten a {

    border: 1px solid #6a7c99;

    color: darkblue !important;

    background-color: #E6F7FF;

    padding: 1px;

    color: lightblue;

    margin: 0px 0px 5px 0px;

    line-height: 1.3em;

}





#kasten a:hover {

    color: black !important;

    background-color: #97DDFF;

    padding: 1px;

    color: lightblue;

    margin: 0px 0px 5px 0px;

    line-height: 1.3em;

}





#kasten_out {

    border: 1px solid #6a7c99;

    background-color:#F4FCFF;

    padding:5px;

    color: lightblue;

    line-height: 1.5em;

    width:412px;

}



#kasten_down {

    background: #ffffff url(../bilder/bg_body.jpg) repeat-y;

    border: 1px solid #6a7c99;

    width:412px;

    padding:5px;

    margin: 0px 0px 7px 0px;

}



#red_kasten {

    color: #000000;

    width:412px;

    background: #FFC4C4;

    border: 1px solid #ff0000;

    padding:5px;

    margin: 0px 0px 7px 0px;

}



#kasten_down a {

	color:#000000;

	font-size:12px;

	text-decoration: none;

	font-weight:normal;

}



#kasten_down a:hover {

	color:#gray;

	font-size:12px;

	text-decoration: underline;

	font-weight:normal;

}



.formmailerror{

    display: block;

}



#formmailmessage.complete{

    color: black;

    border: 1px solid green;

    background: #ffffff url(../bilder/hintergrund_input_text.gif) repeat-x;

}



#formmailmessage em{

    color: green !important;

    font-weight: bold;

}



#formmailmessage .linkespalte{

    width: 110px;

    display: block;

    float: left;

    margin: 0;

}



#formmailmessage .rechtespalte{

    width: 110px;

    display: block;

    float: left;

    margin: 0;

}



#formmailmessage #daten{

    margin-top: 10px;

}



#formmailmessage br{

    clear: left;

}





.kontakt {

    position: relative;

    display: block;

    float: left;

    margin-bottom: 5px;

}



#anschrift {

    /* float: right; */

    position: relative;

}



#anschrift label {

    position: relative;

    width: 60px;

    float: left;

    margin-bottom: 0px;

}



#anschrift p {

    margin-top: 4px;

}



#kontaktform, #formmailmessage {

    margin-right: 10px;

    position: relative;

}



#kontaktform input.radio {

    width: auto;

    margin: 0;

    padding: 0;

    border: 0;

    background: none;

}



.clearleft {clear: left; }

/* Ende Kontakt */



#inhalt table {

    border: 1px solid #6a7c99;

    border-collapse: collapse;

    empty-cells: show;

    margin-bottom: 1em;

}



#inhalt table td, #inhalt table th {

    vertical-align: top;

    text-align: left;

    padding: 4px;

    border: 1px solid #6a7c99;

}



#inhalt table th {

    background: #6a7c99;

    color: white;

    font-weight: bold;

}



#inhalt table td {

    background: #EEF3F9;

}





ol {

    margin-bottom: 2em;

}



ol li ol {

    margin-bottom: 1em;

}



ol li {

    margin-left: 25px;

    margin-bottom: 1em;

}



ol li ol li {

    margin-left: 25px;

    margin-bottom: 0em;

}



ol li ul li {

    margin-bottom: 0em;

}



ol.buchstaben {

    list-style-type: lower-alpha;

}



input.text, input.submit, input.button, input.password {

    border: 1px solid #6A7C99;

    font-family: Arial, Verdana, Helvetica, sans-serif;

    font-size: 12px;    

}



input.text, input.password {

    padding: 1px;

}



input.submit, input.button {

    text-transform: uppercase;

    background: #6A7C99;

    border: 1px solid #6A7C99;

    padding-left: 10px;

    padding-right: 10px;

    color: white;

    cursor: pointer;

    cursor: hand;

}



#kundenbereich {

    text-align: left;

    position: absolute;

    left: 140px;

    top: 70px;

    font-size: 10px;

    line-height: 14px;

    width: 400px;

}



#searcharea {

    text-align: left;

    position: absolute;

    left: 345px;

    top: 0px;

    font-size: 10px;

    line-height: 14px;

    width: 400px;

}



#searcharea label {

    width: 45px;

    font-weight: bold;

    color: #A2B5D2;

    font-size: 12px;

    text-transform: uppercase;

    line-height: 18px;

    float: none;

}



#searcharea input.text {

    width: 50px;

    margin-right: 3px;

    border: 1px solid #9BA7BB;

    color: #666;

    float: left;

    font-size: 11px;

}



#searcharea input.button {

    margin-right: 3px;

    background: #9BA7BB;

    border: 1px solid #9BA7BB;

    float: left;

    width: 50px;

    font-size: 11px;

    padding-left: 0px;

    padding-right: 0px;

}



#language {

    position: absolute;

    left: 692px;

    top: 115px;

    line-height: 14px;

    width: 100px;

}



#suche {

    position: absolute;

    left: 295px;

    top: 178px;

    line-height: 14px;

    width: 300px;

}



#kundenbereich p {

    font-size: 10px;

    margin: 0;

    line-height: 14px;

}



#kundenbereich label {

    width: 45px;

    font-weight: bold;

    color: #A2B5D2;

    font-size: 12px;

    text-transform: uppercase;

    line-height: 18px;

    float: none;

}



#kundenbereich input.text {

    width: 50px;

    margin-right: 3px;

    border: 1px solid #9BA7BB;

    color: #666;

    float: left;

    font-size: 11px;

}



#kundenbereich input.button {

    margin-right: 3px;

    background: #9BA7BB;

    border: 1px solid #9BA7BB;

    float: left;

    width: 50px;

    font-size: 11px;

    padding-left: 0px;

    padding-right: 0px;

}



#kundenbereich a {

    float: left;

    margin-right: 5px;

    line-height: 12px;

}



.whitespace {

    width: 85%;

}



.whitespace 2 {

    width: 

}



.description {

    font-size: 10px;

    font-weight: bold;

}



.nocaps {

    text-transform: none;

}



.newsbilder {

    width: 155px;

    text-align: right;

    float: right;

    margin-left: 10px;

}



.newsbilder img {

    border: 1px solid #9BA7BB;

    padding: 1px;

    margin-bottom: 10px;

}



.newsbildersmall img {

    border: 1px solid #9BA7BB;

    padding: 1px;

}



.newsbildersmall img.parsericon {

    border: none;

}



.hinweis {

    margin: 20px 0;

    border: 1px solid #A2B5D2;

    padding: 5px;

}



.hinweis p {

    font-size: 11px;

    margin: 0;

}



.hinweis input.text {

    width: 150px;

}



.small {

    font-size: 11px;

}