@import url(main/base.css);
@import url(main/fkh_content.css);
@import url(navigation/fkh_nav.css);
@import url(modifications/basemod.css);
@import url(modifications/fkh_basemod.css);
@import url(print/print_123.css);
@import url(print/fkh_print.css);


/* layout-elemente stylen */

body {background: #fff url("gfx/seite_hgr_verlauf.gif") repeat-x top left;	}
a:hover,a:focus {background-color:#9cf;}
blockquote {background: #eef url("gfx/hgr_bq.gif") repeat-y top left; border: none; border-left:5px solid #e9c47c;}

#header {background: transparent no-repeat top left; height:155px;}
#header a:link, #header a:visited {color: #eee; font-size: 0.9em; font-weight: bold;}
#header a.kopflink:link,#header a.kopflink:visited {text-decoration:none; font-size:0.1em;width:750px; height: 80px; display:block; position: absolute;}
#header a.kopflink:hover {background:none;}

#page_margins {border:1px none #e7e7e7;}
#page {border:1px none #ddd;}

#main {padding-top:0;}

#col1 {background: transparent url("gfx/hgr_infoblock.gif") repeat-x top left;	}
#col2 {background: transparent url("gfx/haupt_hgr_gelb.gif") repeat-x top left;	}
#col3 {background: transparent url("gfx/r_streifen_wdh.gif") repeat-y top left;}

#col3_oben {background: transparent url("gfx/r_streifen_oben.gif") no-repeat top left;}
#col3_unten {height:57px;background: transparent url("gfx/r_streifen_unten.gif") no-repeat bottom left;}
#col3 h1,#col3 h2,#col3 h3,#col3 h4 {border-bottom:none;}

.hervorheb_box {background:url("gfx/service_hgr_hervorheb.gif");}

/* ======================= */
/* == STARTSEITE PORTAL == */
/* ======================= */

.portal {}
.portal h1 {font-family:"Trebuchet MS","lucida sans","Tahoma","Arial","Helvetica";}
.portalteaser {background: transparent url("gfx/hgr_fade_runter_blau.gif") repeat-x top left; }
.portalteaserbild {background: #ccc;height:100px;}
.portalteasertext {}
.portalteasertext p {padding-left: 6px;}

/* Portalteaser-Farben */

.portalblock a:hover, .portalblock a:active  {background:none;}

.thema1 h1, .thema1 a {color:#e93b00;}
.thema1 a:hover {text-decoration:none;background-color:#fcc;}
.thema1 .portalteaser {background-image: url("gfx/hgr_fade_runter_rot.gif"); }

.thema2 h1, .thema2 a {color:#80a91e;}
.thema2 a:hover {text-decoration:none;background-color:#d9ecc0;}
.thema2 .portalteaser {background-image: url("gfx/hgr_fade_runter_gruen.gif"); }

.thema3 a:hover {text-decoration:none;background-color:#9cf;}

.thema4 h1, .thema4 a {color:#fc0;}
.thema4 a:hover {text-decoration:none;background-color:#ffc;}
.thema4 .portalteaser {background-image: url("gfx/hgr_fade_runter_gelb.gif"); }
 
.thema5 h1, .thema5 a {color:#a91fa1;}
.thema5 a:hover {text-decoration:none;background-color:#ebcae9;}
.thema5 .portalteaser {background-image: url("gfx/hgr_fade_runter_lila.gif"); }

/* ======================= */
/* ==	  LEISTUNG	  	== */
/* ======================= */

.leistungen {}
.leistungen ul {width: 100%; height:200px; float:left;display:inline;margin:0;padding: 0;margin-left: 0px;}
.leistungen ul li {float: left; display:inline; margin: 0; padding: 0; font-size: 1.0em; line-height: 1em; list-style-type: none; border-left: 0px #bbb solid; border-right: 0px #ddd solid;height:160px;width: 33%;background:url("gfx/hgr_fade_hoch_rot.gif") repeat-x 0px bottom ;    vertical-align:bottom;
}
.leistungen ul li a {
    display:block;
    width:auto;
    font-size: 1em;
    font-weight: bold;
    background: transparent;
    text-decoration: none;
    margin: 0;
    color:#e93b00;
    padding: 0.5em 0.8em 0.5em 0.8em;
    font-family:Arial;
}
.leistungen ul li a:hover {color:#fff;}
.leistungen ul li img {margin-bottom:0.2em;}

.leistungen-witten ul li {
	width: 25%;
	height: 120px;
}

/* ======================= */
/* == 	   MODULE		== */
/* ======================= */

.ear_liste_zeile .subcolumns .mahlzeit {background: none;}
.station img {float: right; padding:2px; border: 1px solid #ccc;}

/* ======================= */
/* ==	  FORMULAR	  	== */
/* ======================= */

label.text, label.form_textarea, .element input, .element textarea, form#FORMation1.formation fieldset .text, form#FORMation1.formation fieldset .textarea, textarea, input, select {display: block; float: none; width:60%; font-family: Arial, Helvetica, Sans Serif;}

.FORMATIONsuccess {border: 1px solid #EF4531; padding: 1em; font-weight:bold;}
.capDesc {font-weight:bold;}
.req {color:#EF4531;}

/* ======================= */
/* ==	  DOWNLOAD	  	== */
/* ======================= */

.download-box {padding:5px;}
.download-desc {margin-left:90px;}
.download-bild img {position:absolute;}
.download-knopf {margin-top:0px;margin-bottom:10px; margin-left:90px;vertical-align:middle;text-align:right;}
.download-box + h3 {margin-top:43px;}

/* ======================= */
/* == 	   BILDER		== */
/* ======================= */

img.img_r {float: right; padding:2px; border: 1px solid #ccc;margin:5px;margin-right:0;}
img.img_l {float: left; padding:2px; border: 1px solid #ccc;margin:5px;margin-left:0;}
.galerie-item {margin-right:5px;}

/* ======================= */
/* ==	  STANDORTE	  	== */
/* ======================= */

.standorte-mdk {border:none !important;padding:0 !important;}


/* ======================= */
/* == 	   FOOTER		== */
/* ======================= */

#footer {text-align:center;}
#footer a:hover, #footer a:focus {background-color:#9cf;}
#footer a:link, #footer a:active {color:#069;} 
