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

body { margin: 0px; padding: 0px; font-size: 12px; font-family: MyriadPro, Verdana, Arial, Helvetica, sans-serif; }


/* ----------------------------------------------------------------------------------
   Ausrichtung der Seite und der <div>-Container (Reihenfolge von oben nach unten)
---------------------------------------------------------------------------------- */ 

/* Komplett durchlaufende Boxen von links nach rechts */
#header_top_bg, #header_bg, #main_navigation_bg, #content_bg, #footer_bg
{ position: static; top:0px; left:0xp; width: 100%; margin: 0px;  padding: 0px; background-color: #F28E00; z-index: 1; }

#header_top_bg { height: 9px; background-color: #F28E00; display: none; }
#header_bg { height: 188px; background-color: #FFFFFF; }
#main_navigation_bg { height: 37px; background-image: url(bg-menue.jpg); background-repeat: repeat-x; display: none; }
#wrapper_bg { height: auto; background-image: url(bg-content.jpg); background-repeat: repeat-x; }
#footer_bg { height: 74px; padding: 35px 0px 0px 0px; background-image: url(bg-footer.jpg); background-repeat: repeat-x; }



/* "Inhaltsboxen" : Eigentlicher Inhalt der Seite */
#header_top, #header, #main_navigation, #wrapper, #footer 
{ position: relative; top: 0px; left: 0px; margin: 0px auto; width: 980px; height: auto; z-index: 1; }

#header { text-align: center; }
#wrapper { min-height: 200px; }


#colum_left { float: left; width: 240px; height: auto; padding: 25px 0px 25px 0px; z-index: 1; }
#colum_right { float: right; width: 240px; height: auto; padding: 45px 0px 25px 0px;  z-index: 1; }
#content { margin: 0px 250px 0px 250px; padding: 45px 0px 25px 0px; }


/* ----------------------------------------------------------------------------------
   Ausrichtung der Seite und der <div>-Container (Reihenfolge von oben nach unten)
   - Inhalte
---------------------------------------------------------------------------------- */ 
#footer { color: #FFFFFF; font-size: 1.0em; line-height: 1.5em; }
#footer a { color: #FFFFFF; }

#header_logo { position: absolute; top: 50px; left: 0px; width: 226px; height: 72px; margin: 0px; padding: 0px; z-index: 10; overflow: hidden; }










/* ----------------------------------------------------------------------------------
   Schriften
---------------------------------------------------------------------------------- */ 
#wrapper a.extern { padding-right:15px; background:url('extern.gif') no-repeat right center; }

a { text-decoration: none; color:#000000; font-weight: bold; }
a:hover { text-decoration: underline; }
li { list-style: circle; margin: 0px 0px 0px 18px; padding: 0px 0px 0px 0px; }


h1,h2,h3,h4,h5,h6 { font-family: Quadraat, MyriadPro, Verdana, Arial, Helvetica, sans-serif; padding: 0px 0px 0.5em 0px; }
h1 { font-size:1.4em; line-height: 1.7em; font-weight: bold;} 
h2 { font-size:1.2em; line-height: 1.5em; font-weight: bold; } 
h3 { font-size:1.1em; line-height: 1.4em; font-weight: bold; } 
h4 { font-size:1.0em; line-height: 1.3em; font-weight: bold; } 
h5 { font-size:1.0em; line-height: 1.3em; font-weight: normal; } 
h6 { font-size:0.9em; line-height: 1.5em; font-weight: normal; } 

td { padding: 0px 5px 2px 0px; }
p { padding: 0px 0px 0.5em 0px; font-size: 1.0em; line-height: 1.2em; }










/* ----------------------------------------------------------------------------------
   Module
---------------------------------------------------------------------------------- */ 

/* ---------- Download ---------- */ 
.download_box {
  background-color: #b2d9f2;
  border: 1px solid #05339c;
  width: 400px;
  margin: 5px 5px 5px 0px;
  padding: 5px;
}
.download_hdl { font-weight: bold; }
.download_file { }
.download_desc { background-color: #eeeeee; margin: 5px; padding: 10px; }
.download_without_desc { }


/* ---------- Zweispalter ---------- */ 
.zweispalter { }
.zweispalter_links { display:inline-block; margin: 0px 30px 0px 30px; width: 228px; height: auto; vertical-align: top; }
.zweispalter_links_trennlinie { display:inline-block; margin: 0px 15px 30px 30px; padding: 0px 15px 0px 0px; width: 228px; height: auto; vertical-align: top; border-right: 1px solid #575a5a; }
.zweispalter_rechts { display:inline-block; margin: 0px 0px 0px 0px; width: 228px; height: auto; vertical-align: top; }
/* Da der IE dies natuerlich nicht richtig kann, hier ein kleiner Hack: */
* html .zweispalter_links { display: inline; } 
* html .zweispalter_links_trennlinie { display: inline; } 
* html .zweispalter_rechts { display: inline; } 
*:first-child+html .zweispalter_links { display: inline; }
*:first-child+html .zweispalter_links_trennlinie { display: inline; }
*:first-child+html .zweispalter_rechts { display: inline; }



/* ---------- articel_nav_back_and_forward ---------- */ 
.article_nav_back_and_forward { padding: 40px 5px 10px 5px; }





/* ---------- Einstellungen fuer jQuery (JavaScript Effetkt)---------- */ 
#header_top { position: relative; top: 0px; left: 540px; z-index: 10; }
#header_top a { color: #FFFFFF; }

/* Positionierung der Boxen / Hintergruende */
#loginbox_small { position: absolute; top: 0px; left: 279px; width: 161px; height: 38px; 
background:url('loginfeld.gif') no-repeat center top; margin: 0px; padding: 0px; overflow: hidden; }
#loginbox_big { position: absolute; top: 0px; left: 0px; width: 440px; height: 82px; 
background:url('loginfeld_hover.gif') no-repeat center top; margin: 0px; padding: 0px; overflow: hidden; }


/* Positionierung der Buttons */
#loginbox_small .buttons { position: absolute; top: 9px; left: 0px; width: 161px; height: 29px; text-align: center; color: #FFFFFF; }
#loginbox_big .buttons { position: absolute; top: 53px; left: 279px; width: 161px; height: 29px; text-align: center; color: #FFFFFF; }

/* Positionierung der des Formulars  */
#loginbox_big .login_form { position: absolute; top: 9px; left: 29px; width: 161px; height: 29px; text-align: center; }
#loginbox_big .login_hilfe { position: absolute; top: 9px; left: 380px; width: 60px; height: 20px; text-align: left; }
#loginbox_big .login_hilfe a { color: #000000; font-size: 0.8em; font-weight: normal; }

#login_form { position: absolute; top: 18px; left: 16px; width: 400px; height: 29px; }
#login_form input.hidden { width: 0px; height: 0px; margin: 0px; padding: 0px; }
#login_form input.eingabe{ background-color:#F8C173; border: 1px solid #FFFFFF; width: 111px; height: 15px; margin: 0px 11px 0px 0px; padding: 2px 5px 2px 5px; display: inline; }
#login_form input.submit{ background: none; border: none; margin: 0px 0px 0px 0px; padding: 2px 0px 2px 0px; display: inline; }



/* ---------- Suche ---------- */ 
#searchbox{
  position: absolute; top: 0px; left: 800px;
  width: 179px; height: 29px;
  background-image: url(suchfeld.gif); background-repeat: no-repeat; 
}
#searchbox input.hidden { display: none; }
#searchbox input.search{
  width: 115px; height: 20px;
  margin: 8px 0px 0px 15px;   
  background: none; border: 0px;
}
#searchbox input.submit{
  width: 25px; height: 20px;
  margin: 0px 0px 0px 10px;
  background: none; border: 0px;
  cursor: pointer;
}