*{
padding:0;
margin:0;
}

/*
 Farben:
- Grün 		#31D100
- Orange	#FF4A00
- Blau		#009BE8
- Blau 2	#3095D2
- Gelb 		#C6FF00

*/


/* --------------- Grundsätzliches --------------------------*/
/* ----------------------------------------------------------*/
/* ----------------------------------------------------------*/
body{
    font-size:62.5%;
    /*16px × 62.5% = 10px */
}

h1,h2,h3,h4,h5,h6,p,a,li{
    font-family: Adobe Myriad Pro,Trebuchet MS;
    color: #444;
    text-decoration: none;
    word-spacing: normal;
    text-align: left;
    letter-spacing: 0;
}

p{
    line-height: 1.4em;
    font-size: 1.4em;
}

h2,h3,h4,h5,h6{
    /*Überschriften*/
    clear:both;
}

/* ------- für den IE6 --------- */
h3{
	font-size: 10px;
}

/* ------ Linkverhalten beim hovern ---------------- */
a:hover{
	color: #fff;
	background-color: #BFBFBF;
	border-color: #9F9F9F;
	border-style: solid;
	border-width: 1px;
}

/*-------Überschrift über den Hauptblöcken ----------*/
h1{
    color: #fff;
    clear: both;
    font-size: 1.8em;
    line-height: 1.8em;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}

/*----------- Überschriften zweite Ebene -------------*/
h2{
    font-size: 1.6em;
    line-height: 1.6em;
    letter-spacing: 0.1em;
    font-weight: normal;
}

#container{
    margin:auto;
    width:995px;
}



#page_inner{
    position: relative;
    z-index: 5;
    display:block;
    margin:0;
    /* clear:both; */
    width:995px;
}

#logo{
    float:left;
    background: #2a738e
                url(images/logo.gif);
    width:242px;
    height:110px;
}

#topbar_search{
    float:left;
    background-image: url(images/header_bg.gif);
    width:749px;
    height:50px;

}

/*-----------------------Impressum-Link-----------------*/
/* ------------------------------------------------------*/
#impressum_link{
	float: right;
	margin-top: 10px;
	margin-right: 20px;
}
#impressum_link a{
	font-size: 1.2em;
	color: #FFF;
    text-transform: uppercase;
    background-color: #95AF00;
    padding: 0 2px 0 2px;
}

#impressum_link a:hover{

	border-style: none;
	background-color: #fff;
	color: #333;
}
/*----------------------header-------------------------*/
/* ----------------------------------------------------*/
#header{
    position: relative;
    height:110px;
    z-index: 10;
    display:block;
    margin:0;
    width:994px;
    clear:both;
}

#header > a:hover{
	border-style: none;
}

#topbar_search{
    float:left;
    background-image: url(images/header_bg.gif);
    width:749px;
    height:50px;

}


/*--------------------Navigation-----------------------*/
/* ----------------------------------------------------*/
/* ----------------------------------------------------*/
#navibox{
    float:left;
    background-image: url(images/navi.gif);
    background-repeat: no-repeat;
    position: relative;
    width:749px;
    height:39px;
    text-transform: uppercase;
    font-size: 12px;
}

#header_nav{
	position: relative;
}

#navigation{
	height:47px;
	margin-left: -7px;
}

/* -------------------Alle Links -------------------- */
#navibox a, .navi a:visited {
	display:block;
	float:left;
	height:100%;
	}
/* ------------------- Links Ebene 0 -----------------*/
li.navilist a{
	display: block;
	width: 113px;
    text-align: center;
    color: #777;
    /*font-weight: bold;*/
    line-height:18px;
}
/* -------------- Für die Formatierung und Zentrierung
	von zweizeiligen links --------------------------
a.zweizeilig{
	line-height: 14 px;
} */

/* ------------ Alle Listenelemente ----------------*/
#navigation li{
    display:block;
    position:relative;
    float:left;
    width:116px;
    text-align:center;
    vertical-align:middle; /*das funktioniert hier nicht, wir werden
                            wohl Grafiken benutzen müssen*/
}

/* -------Listenelemente Ebene 1 ----------------*/
#navigation li ul li{
	background-color: #EFEFEF;
}

/* ------------ Links Ebene 1 --------------------*/
#navigation li ul li a{
    color:#555;
    width: 113px;
	border-color: #9F9F9F;
	border-style: solid;
	border-width: 0 1px 1px;
}

/*---------------------- hover-effekte:----------------*/
/* ----------------------------------------------------*/

/* --- IE6: Das Design der Links, wenn gehovert wird --- */
* html #navibox a:hover {
	position:relative;
	z-index:100;
}
#navigation a:hover{
	color: #fff;
	background-color: #BFBFBF;
}
/* ------ Menü Ebene 0 beim hovern -----------------------*/
#navigation li:hover{
	background-color: #BFBFBF;
}
/* ------------- Links Ebene 0 ---------------------------*/
#navigation > li:hover > a{
	color: #fff;
	border-color: #9F9F9F;
	border-style: solid;
	border-width: 1px;
}

/* ------------- Links Ebene 0 IE6 ---------------------------*/
* html #navibox #navigation li.navilist > a:hover {
	color: #fff;
/* 	border-color: #9F9F9F;
	border-style: solid;
	border-width: 1px; */
}

/* -------------Aufklapp-Funktion------------------------*/

/* --------IE6 - Die Untermenüs sollen unsichtbar sein, die
	Tabelle keinen Raum einnehmen  ------------------------*/
#navigation table {
	border-collapse:collapse;
	padding:0;
	margin:-1px;
	width:0;
	height:0;
	z-index:1;
}
/* ------IE6 - die Untermenüs erscheinen .... -----------*/
* html #navibox ul a:hover{
	color:#fff;
	position:relative;
	z-index:110;
	border-color: #9F9F9F;
	border-style: solid;
	border-width: 1px;
}
/* -------  IE6Kante zwischen oberstem Eintrag und Rest ------*/
* html #navibox ul a:hover div.spacer{
	border-color: #9F9F9F;
	border-style: solid;
	border-width: 1px 0 0 0;
}

/* Die Unterlisten erscheinen beim Überfahren der Oberen Einträge: */
/* Verstecken der Unterlisten */
#navibox ul ul {
	visibility:hidden;
	position:absolute;
	height:0;top:0px;
	left:0;
	width:116px;
}

/* zur sauberen positionierung der Unterlisten;
   position absolute bezieht sich auf die linke
   obere Ecke des nächsthöheren nicht-statischen
   Elements, das wäre sonst die ul; Abstand definieren
   würde nicht funktionieren, da die vorhergehenden
   <a>'s unterschiedlich hoch sind ... :       */
div.spacer {
	/*führt zu einer Lücke: margin-top:3px; */
	position:relative;
	width:116px;
	float:left;
}

/* Sichtbar machen der Unterlisten  - IE6*/
#navibox ul :hover ul{
	visibility:visible;
	height:auto;
}

/*  -----------------Hauptinhalt-------------------------- */
/* --------------------------------------------------------*/
/* --------------------------------------------------------*/

#maincontent{
    float:left;
    display:inline;
    width:736px;
}

/*  -----------------content_header-------------------------- */
#content_header_bg{
    float:left
    display:inline;
    background-image: url(images/content_header_bg.gif);
    width:736px;
    height:108px;
}

.style_content_header{
    padding: 3.5em 32px 0.1em 28px;
}

/* Formatierung des Klickpfades*/
div.style_content_header a{
	line-height: 1.3em;
	font-size: 1.3em;
}

div.style_content_header a:hover{
	border-style: none;
	color: #fff;
	background-color: transparent;
}

#content_text h1{
    color: #444;
    font-size: 1.6em;
    font-weight: normal;
    letter-spacing: 0.1em;
}

#content_text{
    float:left;
    display:inline;
    background-image: url(images/contenttext_bg_1px.gif);
    width:736px;
    background-repeat:repeat-y;
}

#content_text p{
	padding-bottom: 1.4em;
}

#content_text a{
	text-decoration: underline;
}

#content_text .csc-bulletlist{
	padding-left: 40px;
	font-size: 1.4em;
	line-height: 1.4em;
	padding-bottom: 1.4em;
}

.style_content_text{
    padding: 1.5em 32px 0.8em 28px;
}

#content_bottom{
    float:left;
    display:inline;
    background-image: url(images/content_bottom_bg.gif);
    width:736px;
    height:86px;
}

/*-------------------- Footer-Navi -----------------------*/
/* -------------------------------------------------------*/
#content_footer{
    float:left;
    width:736px;
    height:39px;
}

#footernavi{
	margin-left: 2px;
}

#footernavi li ul li a{
	color: #888;
}

li.fat_link {
	margin-left: 27px;
}

li.fat_link div{
	width: 91px;
}

ul#footernavi a{
    font-size: 1.2em;
    margin-bottom: 0.9em;
	width: 91px;
}

#footernavi a:hover{
	color: #222;
	background-color: #C8DF45;
	border-color: #9DAF36;
}


ul#footernavi li,ul#footernavi a{
    display: block;
    float: left;
    text-align: left;
    vertical-align: middle;
    text-transform: uppercase;
}

#footernavi li ul li div.spacer{
	clear: both;
	height: 1px;
}

/* .navifooterhor li{
    display:block;
    margin-top: 3px;
    height: 19px;
    text-align:center;
} */

li.fat_link > a{
    /* Die Überschriften im Footer-Navi */
    color: #666;
}

/*-------------------- News-Modul -----------------------*/
/* ------------------------------------------------------*/
/* ------------------------------------------------------*/

#news_module{
    display:inline;
    float:right;
    width:255px;
}

#news_module a{
	text-decoration: underline;
}

#module_top{
    background-image: url(images/module_top_bg.gif);
    width:255px;
    height:34px;
}

#news_module .news-latest-container{
	padding-right: 18px;
	padding-left: 22px;
}

/* ------------ vorübergehend ausblenden: --------------------*/
#news_module h1, #news_module div.news-latest-gotoarchive{
	display:none;
}

#news_module h2 {
    /*Überschrift Newsmodul*/
    font-size: 2em;
    margin: 0 0 0.1em 0;
    color:#4cd5ff;
}

#news_module h3 a {
    /*Absatz - Überschrift Newsmodul*/
    font-size: 1.6em;
    margin: 0.4em 0 0.1em 0;
    color:#ff4a00;
    font-weight: lighter;
}

#news_module h3 a:hover {
	color: #fff;
	background-color: #FF7C4F;
	border-color: #FF4200;
	border-style: solid;
	border-width: 1px;
}

.link_1 a:link{
    color: #31d100;

}

#module_main{
    background-image: url(images/module_main_1px.gif);
    width:255px;
    background-repeat:repeat-y
}

#module_main p, #module_main a{
    /* Absatz -  Newsmodul*/
    margin:0.5em 0 0.1em 0;
    /*font-size: 1.2em;*/
}
#module_main a#c51{
	display:none;
	padding:0;
}

#module_main div.news-latest-morelink{
	line-height: 1.2em;
    font-size: 1.2em;
    text-align: right;
}

#module_bottom{
    background-image: url(images/module_bottom_bg.gif);
    width:255px;
    height:64px;
}

/* --------------- News-Ansicht im content ---------------- */
/* -------------------------------------------------------- */
/* -------------------------------------------------------- */

.news-list-morelink, .news-single-backlink{
	font-size: 1.2em;
	line-height: 1.2em;
}

/* Datum rechtsbündig */
#content_text div.news-single-timedata, #content_text .news-list-date{
	float: right;
}

#content_text .news-single-author{
	padding-bottom: 0.8em;
}

#content_text h1{
	clear: left;
}