/* 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; line-height: 18px; font-family: MyriadPro, Verdana, Arial, Helvetica, sans-serif;
  background-color: #3a2d24;  }


/* ----------------------------------------------------------------------------------
   Ausrichtung der Seite und der <div>-Container (Reihenfolge von oben nach unten)
---------------------------------------------------------------------------------- */ 
#page { position: relative; left: 0px; top: 0px; width: 100%; height: auto; overflow: hidden; background-color: #FFFFFF; border: none;  }

/* 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; border: none; background-color: #FFFFFF; z-index: 1; }

#header_top_bg { height: 9px; background-color: #FA9F00; }
#header_bg { height: 138px; background-color: #FFFFFF; }
#main_navigation_bg { height: 37px; background-image: url(bg-menue.jpg); background-repeat: repeat-x; margin-top: 1px; }
#wrapper_bg { height: auto; background-image: url(bg-content.jpg); background-repeat: repeat-x; }
#footer_bg { height: 108px; 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: 1000px; height: auto; z-index: 1; }

#header { text-align: center; }
#wrapper { min-height: 300px; padding-bottom: 25px; }


#colum_left { position: absolute; top: 25px; left: 80px; width: 160px; height: auto; z-index: 1; }
#colum_right { position: absolute; top: 45px; left: 760px; width: 240px; height: auto; z-index: 1; }
#content { position: relative;  top: 45px; left: 270px; width: 460px; height: auto; z-index: 1; padding: 0px 0px 45px 0px;  }
#content_inner { } 


/*
#colum_left {  float: left; width: 160px; height: auto; padding: 25px 0px 25px 80px; z-index: 1; }
#colum_right { float: right; width: 240px; height: auto; padding: 45px 0px 25px 0px;  z-index: 1; }
#content { margin: 0px 260px 0px 270px; padding: 45px 0px 25px 0px; width: 460px; height: auto; }
#content_inner { float: left; } 
*/
/* #content: margin-right 10px weniger wegen dem IE (z.B. IE-3px-Bug) !!! */


/*
#colum_left { display: inline-block; width: 160px; vertical-align: top; margin: 0px 0px 0px 0px; padding: 25px 0px 25px 80px; } 
#colum_right { display: inline-block; width: 240px; vertical-align: top; margin: 0px 0px 0px 0px; padding: 45px 0px 25px 0px; } 

* html #colum_left { display: inline; }
*:first-child+html #colum_left { display: inline; }
* html #colum_right { display: inline; }
*:first-child+html #colum_right { display: inline; }

#content { position: static; margin: 0px; padding: 45px 30px 25px 30px; width: 440px; }
*/

#footer_links { position: absolute; top: 35px; left: 80px; width: 650px; height: auto; font-size: 0.8em; }
#footer_fontsize { position: absolute; top: 35px; left: 760px; width: 240px; height: auto;  }

/* ----------------------------------------------------------------------------------
   Ausrichtung der Seite und der <div>-Container (Reihenfolge von oben nach unten)
   - Inhalte
---------------------------------------------------------------------------------- */ 
#footer { color: #FFFFFF; }
#footer a { color: #FFFFFF; }
#footer a:hover { color: #999999; }
#footer a.extern { padding-right: 0px; background: none; }

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










/* ----------------------------------------------------------------------------------
   Schriften
---------------------------------------------------------------------------------- */ 

a { text-decoration: none; color:#FA9F00; }
a:hover {  color: #AAAAAA; }
li { list-style: circle; margin: 0px 0px 0.5em 18px; padding: 0px 0px 0px 0px; font-size: 1.0em; line-height: 1.5em; }


/* h1,h2,h3,h4,h5,h6 { font-family: Quadraat, MyriadPro, Verdana, Arial, Helvetica, sans-serif; padding: 0px 0px 0.5em 0px; } */
h1,h2,h3,h4,h5,h6 { font-family: Quadraat, "Times New Roman", Times, serif; padding: 0px 0px 0.5em 0px; } 
h1 { font-size:1.5em; line-height: 1.8em; font-weight: bold; } 
h2 { font-size:1.5em; line-height: 1.8em; font-weight: bold; } 
h3 { font-size:1.3em; line-height: 1.6em; font-weight: bold; } 
h4 { font-size:1.3em; line-height: 1.6em; font-weight: normal; } 
h5 { font-size:1.0em; line-height: 1.3em; font-weight: bold; } 
h6 { font-size:1.0em; line-height: 1.3em; font-weight: normal; } 

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

div.hr { margin: 0px 0px 1.5em 0px; border: none; height: 1.5em; background-image: url(submenue_dashed_line.gif); background-repeat: repeat-x; background-position: center left; } 
div.hr hr { display: none; }





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

/* ---------- Download ---------- */ 
.download_box {
  width: auto;
  margin: 5px 0px 5px 0px;
  padding: 5px 0px 5px 0px;
  font-size: 1.0em;
}
.download_box .download_hdl {  }
.download_icon { float: left;  } 
.download_icon a { font-size: 0.8em; }
.download_icon a.extern { padding-right: 0px; background: none; }
.download_text { margin-left: 50px; padding: 0px 0px 0px 5px; }
.download_desc { background-color: #ECEFF4; margin: 5px 0px 0px 0px; padding: 5px 5px 2px 5px; }
.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: 560px; z-index: 10; }
#header_top a { color: #FFFFFF; }

/* Positionierung der Boxen / Hintergruende */
#loginbox_small { position: absolute; top: 0px; left: 279px; width: 161px; height: 38px;  font-size: 12px;
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; font-size: 12px;
background:url('loginfeld_hover.png') no-repeat center top; margin: 0px; padding: 0px; overflow: hidden;
display: none; }

/* IE Fehler png transparenz 
* {
behavior: url('http://www.moccaplan.de/Kunden/sfa/layout/iepngfix.htc');
}
*/



/* 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; }
#login_form div { display: inline; }



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

.short_teaser { font-size: 0.9em; line-height: 1.2em; margin: 0px 0px 1.0em 0px; }
.short_teaser a { color: #000000; }
.short_teaser a:hover { color: #999999; }
 
.aktuelles { font-size: 0.9em; line-height: 1.2em; margin: 0px 0px 1.0em 0px; }
.aktuelles .headline a { font-weight: bold; color:#000000; }
.aktuelles .headline a:hover { color: #999999; }
.aktuelles .text a { /* display: inline-block; */ }
.aktuelles p { padding: 0px 0px 1.0em 0px; }
.aktuelles div.hr { margin: 0px 0px 1.0em 0px; }

.long_teaser p { padding: 0px 0px 1.0em 0px; }
.long_teaser div.hr { margin: 0px 0px 1.0em 0px; }

.fonds_form table { width: 100%; }
.fonds_form select.fonds_kategorie { width: 200px; }
c.fonds_form select.fonds_kategorie { width: 200px; }
.fonds_form select.sortiert_nach { width: 80px; }

.fonds_liste table { width: 100%; }
.fonds_liste div.hr { margin: 0px 0px 0.2em 0px; }


.single_image { display: inline; padding: 0px 10px 10px 0px; width: 200px; height: auto; text-align: center; }



/* ----------------------------------------------------------------------------------
   Newsletter Formatierungen - Anfang
---------------------------------------------------------------------------------- */ 

.orange { color:#FA9F00; font-size: 0.75em; line-height: 0.75em; }
#maintable { margin: 0px auto; background-color: #FFFFFF; overflow: hidden;	}

.newsletter_border_top { border-top: 10px solid #FA9F00; text-align: right; }
.newsletter_headline { padding: 0px 0px 30px 0px; vertical-align: bottom; }
.newsletter_headline h1 { padding: 0px; }

.newsletter_links_headline { text-align: right; padding: 0px 0px 30px 0px; vertical-align: bottom; }

p.unterschrift { padding: 0px; }

.newsletter_links_spalte { text-align: right; width: 190px; }
.newsletter_abstand_innen { width: 20px; }
.newsletter_links_spalte a { color: #000000; }

.newsletter_textblock h2 { padding: 0px 0px 1.0em 0px;  } 
.newsletter_footer { margin: 0px; padding: 0px; }

span.headline_h1 { font-size:2.5em; font-weight: bold; font-family: Quadraat, "Times New Roman", Times, serif;} 
span.headline_h2 { font-size:1.2em; font-weight: bold; font-family: Quadraat, "Times New Roman", Times, serif;} 
span.headline_h3 { font-size:1.0em; font-weight: normal; font-family: Quadraat, "Times New Roman", Times, serif; padding: 0px 0px 1.0em 0px; } 
/* ----------------------------------------------------------------------------------
   Newsletter Formatierungen - Ende
---------------------------------------------------------------------------------- */