body { background-image: url(../layout/bg.jpg); background-repeat: repeat-x; background-attachment: fixed; background-position: center top; }

/* ------------------------------------ Start: Kopfbereich ------------------------------------ */
/* Schriftzug */
#schriftzug {
	background-image: url(../../style/layout/schriftzug_l.png);
	background-repeat: no-repeat;
	background-position: right top;
}

/* ------------------------------------ Start: Kopfbereich ------------------------------------ */
/* Horizontalen Navigation, zwei Ebenen */
#navi_horizontal {
	background-color: #385881;
	border-bottom: none;
}
#navi_horizontal ul {
	margin-left: 5em !important;
	font-size: 0.75em;
	font-weight: bold;
}
#nav_hs_3 {
	margin-left: 13em !important;
}
#nav_hs_4 {
	margin-left: 24em !important;
}
#nav_hs_5 {
	margin-left: 31em !important;
}
#nav_hs_6 {
	margin-left: 42em !important;
}
#nav_hs_7 {
	margin-left: 50em !important;
}
#nav_hs_8 {
	margin-left: 33em !important;
}
#nav_hs_9 {
	margin-left: 36em !important;
}
#navi_horizontal ul li a:hover {
	color:#385881;
}
#navi_horizontal ul li:hover {
    background-color: #E7ECF7;
}
/* Metanavigation, linksbündig */
#navi_meta { 
	position: relative;
	background: #ebebeb url(../../style/layout/bg_metanav.gif) no-repeat right top;
	text-align: left;
	width: 39.5em;
}
#navi_meta ul li[title="icon"] {
        vertical-align:top;
        position:relative;
        display:inline-block;
}
#nav_hs_1 li:hover,
#nav_hs_2 li:hover,
#nav_hs_3 li:hover,
#nav_hs_4 li:hover,
#nav_hs_5 li:hover,
#nav_hs_6 li:hover,
#nav_hs_7 li:hover,
#nav_hs_8 li:hover,
#nav_hs_9 li:hover {
	background-color: #f2f2f2;
	border-top: 4px solid #9cd3f8;
	height: 1.56em;
}
#nav_hs_1 #navi_hsub_marker,
#nav_hs_2 #navi_hsub_marker,
#nav_hs_3 #navi_hsub_marker,
#nav_hs_4 #navi_hsub_marker,
#nav_hs_5 #navi_hsub_marker,
#nav_hs_6 #navi_hsub_marker,
#nav_hs_7 #navi_hsub_marker,
#nav_hs_8 #navi_hsub_marker,
#nav_hs_9 #navi_hsub_marker { 
	border-top: 4px solid #2484c6 !important;
}

/* ---------------------------- Content ---------------------------- */
#navi_links_3c div { 
	height: 15px;
	margin: 0;
	padding: 0;
	background-image: none;
}
/* ------------------ Boxen im Content: Homepage & Folgeseiten ------------------ */
/* Höhe der Boxen */

/* ---------------------------- Homepage Aktuelles Tabs ---------------------------- */


#tabs .ui-tabs-nav {
	margin-left: 0 !important;
	background-image: none !important;
	background-color: #f0f1f2 !important;
	border-top: none !important;
	border-right: none !important;
	border-bottom: 1px solid gray !important;
	border-left: none !important;
}
 
/* ---------- Umwelttipps Bilder/Text-Kombination --------------  */
.content_toggle {
	padding: 10px 0 10px 0;
	border-top: 1px solid #dbdbdb;
}
.content_toggle img {
	float: left;
	width: 106px;
	height: 60px;
	margin: 0;
}

.clear_all { clear:both; }

.box_rechts {margin-bottom: 1.25em; background-color: #fff; margin-top: 0; padding: 0em 0 0.5em 0; border-color: #d7d7d7; border-style: solid; border-width: 1px }
.box_rechts li{ list-style-image:none !important; }

/* ----------------- Slideshow Kampagnen ------------------ */

.jcarousel-skin-tango .jcarousel-container { margin-left: 10px; -moz-border-radius: 10px; }

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 430px;
    padding: 20px 40px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 120px;
    height: 300px;
    padding: 20px 20px 40px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  430px;
    height: 120px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 200px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 120px;
    height: 120px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 30px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/*  Horizontal Buttons */
.jcarousel-skin-tango .jcarousel-next-horizontal { background-image: url(../../slider/nav/pfeil_rechts.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; position: absolute; top: 63px; right: 5px; width: 32px; height: 32px; cursor: pointer; }
.jcarousel-skin-tango .jcarousel-prev-horizontal { background-image: url(../../slider/nav/pfeil_links.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; position: absolute; top: 63px; left: 5px; width: 32px; height: 32px; cursor: pointer; }

/* Vertical Buttons */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
/*    background: transparent url(next-vertical.png) no-repeat 0 0; */
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
/*    background: transparent url(prev-vertical.png) no-repeat 0 0; */S
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}
/* ---------------------------- Content - Teaserblock ---------------------------- */
#teaserblock.tbk_wasser h2 { background-color: #385881; }

/* ---------------------------- Rechte Spalte - Teaserblock ---------------------------- */
.schrift_grau {
    color: #727375;
}
.right_feature_universell {
	margin-bottom: 1.25em;
	padding-bottom: 6px !important;
	padding-left: 0px !important;
	border: 1px solid #d7d7d7;
	background-color: #fff;
	overflow: hidden;
	font-size: .95em;
}
.right_feature_universell h1, .box_rechts h1, #box_themen_aktuelles h1, .right_glossar h1 { 
	background-image: url("../layout/bg_ueberschrift.gif");
    background-repeat: repeat-x;
    color: #385881;
    font-size: 1.2em !important;
    font-weight: bold !important;
    height: 2.2em;
    margin: 0;
    overflow: hidden;
    padding: 5px 0 0 5px;
    position: relative;
}
.right_feature_universell img, .right_feature_universell iframe, .right_feature_universell p {
	margin: 6px;
}
.right_feature_universell ul li { line-height: 1.3em !important; margin-top:6px; margin-bottom: 6px !important; margin-left: 6px; }

/* ---------------------------- Navi im Content-Footer ---------------------------- */
.infobox_navi_rahmen { clear: both; padding-top: 30px; margin-left: 2.2em; margin-right: 2.2em; }
.infobox_navi { float:left; width: 11.5em; height: 6.6em; margin: 0 0.5em 1em 0; border-left: 1px solid #cecccc; }
.infobox_navi h3 { width: 18em; color: #4f4f4f; font-size: 0.75em !important; background-color: #dcdcdc; margin-top: -0.2em; margin-left: 0; padding: 0.2em 0 0.2em 0.5em; }
.infobox_navi ul { margin-top: -0.3em; margin-bottom: 0; margin-left: 1.3em; padding: 0.3em; list-style-type: none; }
.infobox_navi ul li { color: #4f4f4f; font-size: 0.85em; margin-top: 0; margin-right: 0; margin-bottom: 0.1em; padding-top: 0; padding-right: 0; padding-bottom: 0; /* list-style-type: none; list-style-image: url(../layout/punkt_grau.gif); */ }
.infobox_navi ul li a { color: #4f4f4f; font-size: 0.8em; /* background-color: white; */ }
.infobox_navi_breit { background-color: #787878; width: 51.25em; height: 1em; margin-top: 0; margin-bottom: 0; padding-bottom: 3px; }
.infobox_navi img { margin-top: 0.4em; margin-left: 2.5em; }

.hnd_bg {
position:absolute; top:42px; left: 0; z-index:1
}