/* Import von weiteren CSS-Dateien */
@import url("default-settings.css");

html, body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px; line-height: 19px;
color: #606060;
/* Woerter in die naechste Zeile umbrechen, wenn sie ansonsten das umschliessende Element verlassen wuerden. */
word-wrap:break-word;
height: 100%;
background-color: #FFF;
background-image: url(bg_body.png); background-repeat: repeat-x;
height: 100%;
}

html { overflow: scroll; overflow-x: auto; }

img, object { max-width: 100%; height: auto; }

/* ----------------------------------------------------------------------------------
   Schriften + Generelle CSS-Anpassungen fuer diese Webseite
---------------------------------------------------------------------------------- */ 
a { text-decoration: none; color: #009; }
a:hover { text-decoration: none; color:#bb1821; }
a:active, a:focus { outline: 0; }


li { list-style-type: none; margin: 0 0 0.5em 14px; padding: 0; }
ul li { list-style-type: disc; }

h1, h2, h3, h4, h5, h6 { font-size: 12px; line-height: 19px; margin: 0 0 6px 0; font-weight: normal; color: #bb1821; font-weight: bold; }
h1 { font-size: 14px; }
h2 { font-size: 14px; }  
h3 { font-size: 12px; } 
h4 { } 
h5 { } 
h6 { } 


p { padding: 0 0 1.0em 0; font-size: 1.0em; }
td { padding: 0 8px 6px 0; vertical-align: top; }

hr { clear: both; height: 1px; width: 97.22%; margin: 0 1.39% 1.39% 1.39%; border: none; background-color: #606060; } 




/* ----------------------------------------------------------------------------------
   Ausrichtung der Seite und der <div>-Container (Reihenfolge von oben nach unten)
---------------------------------------------------------------------------------- */ 
#page_bg { position: relative; top: 0; left: 0; width: 100%; height: auto; min-height: 100%; margin: 0; padding: 0; z-index: 1; }
#page { position: relative; top: 0; left: 0; width: 842px; height: auto; margin: 0 auto; padding: 0 0 38px 0; z-index: 99; background-image: url(bg_page.png); background-repeat: no-repeat; }


/* Die Bloecke innerhalb von "page" */
#wrapper, #main_navigation, #main_image, #sub_navigation, #content, #content_left, #sidebar { position: relative; top: 0; left: 0; width: auto; height: auto; margin: 0; padding: 0; z-index: 1; }
#wrapper { width: 760px; padding: 152px 40px 20px 42px; }
#main_navigation { height: 26px; line-height: 24px; padding: 0 0 31px 17px; }
#sub_navigation { height: 26px; line-height: 26px; padding: 0 0 20px 0; }
#main_navigation a, #sub_navigation a { color: #606060; font-size: 13px; padding: 0 3px; }
#main_navigation a.active, #main_navigation a:hover, #sub_navigation a.active, #sub_navigation a:hover { color: #bb1821; }

#main_image { padding: 0 0 10px 0; }
#content { padding: 0 30px 0 20px; }
#content_left { float: left; width: 400px; }
#sidebar { float: right; width: 270px; }


/* Sondefall: Footer (immer am unteren Rand des Webseite positioniert */
#footer_bg { position: absolute; top: auto; bottom: 0; left: 0; width: 100%; height: 38px; z-index: 1; background-color: #1F4087; z-index: 99; }
#footer { position: relative; top: 0; left: 0; width: 780px; height: 38px; line-height: 38px; margin: 0 auto; padding: 0 0 0 62px; color: #FFF; }
#footer a { color: #FFF; text-decoration: none; }
#footer a:hover { text-decoration: underline; }


.team { display: block; float: left; width: 160px; margin: 0 25px 25px 0; border: 1px solid #AAA; padding: 15px 10px 10px 30px; background-color: #F3F3F3; }
.team_image { padding-bottom: 10px; }
.team_name { color: #bb1821; font-weight: bold; font-size: 14px; padding-bottom: 10px; }
.team_email { padding-top: 10px;  }
.team_email a { color: #606060; font-weight: bold; }

.error { color: #bb1821; }


/* -------------------------------------------------------------------
Datenschutzinfo per Cookie
------------------------------------------------------------------- */ 
#datenschutzinfo { display: block; position: fixed; top: auto; bottom: 0; left: auto; right: 0; width: 100%; height: auto; margin: 0; padding: 0; z-index: 999; overflow: hidden; background-color: #999; }
#datenschutzinfo a { color: #FFF; text-decoration: underline; }
#datenschutzinfo a:hover { color: #FFF; text-decoration: none; }
#datenschutzinfo p { margin: 0; padding: 0; }

#datenschutzinfo_inner { display: block; width: 98%; height: auto; margin: 0 auto; padding: 5px 1%; font-size: 12px; line-height: 20px; color: #FFF; text-align: center; }
#datenschutzinfo_text { display: block; margin: 0 0 5px 0; }
/*
#datenschutzinfo_text { float: left; display: block; width: 830px; }
#datenschutzinfo_button { float: right; display: block; width: 140px; padding: 10px 0 0 0; }
*/
#datenschutzinfo_button a { display: inline-block; width: 48px; height: 20px; margin: 0; padding: 0; text-decoration: none; color: #000; background-color: #FFF; font-size: 12px; line-height: 20px; font-weight: 400; }
#datenschutzinfo_button a:hover{ text-decoration: none; color: #FFF; background-color: #999; }

#datenschutzinfo_spacer { clear: both; display: block; width: 100%; height: 80px; margin: 0; padding: 0; }

@media all and (max-width:980px) {
#datenschutzinfo_inner { width: 100%; height: auto; margin: 0; }

#datenschutzinfo_text { float: none; width: 100%; }
#datenschutzinfo_button { float: none; width: 100%; }

#datenschutzinfo_button a { display: inline-block; }
#datenschutzinfo_spacer { height: 80px; }

}

@media all and (max-width:768px) {
#datenschutzinfo { position: relative; width: 100%; }
#datenschutzinfo_text { float: none; width: auto; padding: 0 2%; }

#datenschutzinfo_spacer { display: none; }
}