/*
In dieser datei befinden sich alle styles, die für alle seiten gültig sind.
Überschriften, links, die rechten module, etc.
styles, die varieren befinden sich in den jeweils seperaten dateien.
unterschiedlich sind beispielsweise die 1. überschriften der bäder und swr, die farbe der boxen der rechten seite, etc.
*/

	/*
	1. Global
	2. Main Navigation
	3. Sitemap
	4. Teaser Left Site
	5. Boxes Right Site
	6. Links
	7. Headlines
	8. Lists
	9. Text Styles
	*/

	/* 
	Colors:
	link_b, link_under #333333
	link_rot #b50000 
	link_o #dd8400 
	link_blau #056bb5 
	linkbread #666666 
	*/
/*-----------------------------------------------------------------------------------------------------------------*/
/*---------->>> Global <<<-----------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------*/
#wrapper	{
	position: relative;
	min-height: 100%;
}
* html #wrapper {
	height: 100%;
	position: relative;
}
.footer_reihe {
  margin: 2px 0px;
}

body {
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background-image: url('images/bg.gif');
	color:#333333;
}
#content	{
	position: absolute;
	left: 200px;
	top: 130px;
	width: 590px;
	height: 81%;
	visibility: visible;
}
#content_fe	{
	position: absolute;
	left: 200px;
	top: 130px;
	width: 800px;
	visibility: visible;
}
#contentText {
	padding-bottom: 10px;
	clear: left;
}
.li_ohne {
	margin-left: 30px;
}
#headbild_fe {
	position: absolute;
	left: 190px;
	top: 0px;
	width: 800px;
	height: 110px;
	background-image: url('images/fe_header.jpg');
	visibility: visible;
}
/*-----------------------------------------------------------------------------------------------------------------*/
/*---------->>> Main Navigation <<<--------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------*/
	#navi_swr a {
		position: relative;
		top: 87px;
		width: 144px;
		height: 23px;
		background-image: url('images/mainnav01.gif');
		float: left;
	}
	#navi_swr a:hover {
		background-image: url('images/mainnav01_hover.gif');
	}
	#navi_swr_self a {
		position: relative;
		top: 87px;
		width: 144px;
		height: 23px;
		background-image: url('images/mainnav01_active.gif');
		float: left;
	}
	/*--------------------------*/
	#navi_fairenergie a {
		position: relative;
		top: 87px;
		width: 92px;
		height: 23px;
		background-image: url('images/mainnav02.gif');
		float: left;
	}
	#navi_fairenergie a:hover {
		background-image: url('images/mainnav02_hover.gif');
	}
	#navi_fairenergie_self a {
		position: relative;
		top: 87px;
		width: 92px;
		height: 23px;
		background-image: url('images/mainnav02_active.gif');
		float: left;
	}
	/*--------------------------*/
	#navi_baeder a {
		position: relative;
		top: 87px;
		width: 108px;
		height: 23px;
		background-image: url('images/mainnav03.gif');
		float: left;
	}
	#navi_baeder a:hover {
		background-image: url('images/mainnav03_hover.gif');
	}
	#navi_baeder_self a {
		position: relative;
		top: 87px;
		width: 108px;
		height: 23px;
		background-image: url('images/mainnav03_active.gif');
		float: left;
	}
	/*--------------------------*/
	#navi_rsv a {
		position: relative;
		top: 87px;
		width: 146px;
		height: 23px;
		background-image: url('images/mainnav04.gif');
		float: left;
	}
	#navi_rsv a:hover {
		background-image: url('images/mainnav04_hover.gif');
	}
	#navi_rsv_self a {
		position: relative;
		top: 87px;
		width: 146px;
		height: 23px;
		background-image: url('images/mainnav04_active.gif');
		float: left;
	}
	/*--------------------------*/
	#navi_sub {
		position:absolute;
		top: 110px;
		left: 190px;
		width: 800px;
		margin-top: 4px;
		text-align:right;
		color: #666666;
		font-size: 90%;
	}
	#nav {
		position: absolute;
		top: 110px;
		width: 190px;
		visibility: visible;
	}
/*-----------------------------------------------------------------------------------------------------------------*/
/*---------->>> Sitemap <<<----------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------*/
ul#sitemap {
	list-style: none;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: -20px;
}
/* workaround für ie*/
*html ul#sitemap {
	list-style: none;
	margin-left: 35px;
}

ul#sitemap li {
	background-image: url(images/li.gif);
	background-repeat: no-repeat;
	background-position: 0.1em;
	padding-left: 0.9em; /*abstand zwischen zwischen grafik und text*/
	margin-bottom: 0.1em;
}
*html ul#sitemap li {
	background-image: url(images/li.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 8px; /*abstand zwischen zwischen grafik und text*/
}

ul#sitemap li#site2 {
	background-image: url(images/li_sitemap.gif);
	background-repeat: no-repeat;
	background-position: 0.2em;
	padding-left: 0.9em; /*abstand zwischen zwischen grafik und text*/
	margin-bottom: 0.1em;
}
#cont_site {
	width: 90%;
	float: left;
	border: 1px solid #df0000;
}
.site_1 {
	width: 49%;
	float: left;
	border-right: 1px solid #df0000;
}
.site_2 {
	width: 49%;
	float: left;
}
.head_site {
	float:left;
	background-color: #df0000;
	font-weight: bold;
	color: #ffffff;
	padding-left: 0.2em; padding-bottom:0.1em; padding-top:0.2em;
	margin-top:1.0em;
	width: 90%;
	margin-top: 0px;
}
.headline_1 {
	width: 49%;
	float: left; 
	padding-left: 2px;
	padding-bottom: 2px;
}
/*-----------------------------------------------------------------------------------------------------------------*/
/*---------->>> Teaser Left Site <<<-------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------*/
#teaser	{
	position: absolute;
	left: 0px;
	top: 110px;
	width: 190px;
}
	#teaser1 {
		position: relative;
		width: 190px;
	}
	#teaser2 {
		position: relative;
		width: 190px;
		margin-top: 10px;
	}
	#teaser3 {
		position: relative;
		width: 190px;
		margin-top: 10px;
	}
	.teaserHead_1, .teaserHead_2, .teaserHead_3	{
		height: 16px;
		padding-left: 8px;
		padding-top: 2px;
		background-color: #c01900;
		background-image: url('images/teaser_bogen_1.gif');
		background-position: right 50%;
		background-repeat: no-repeat;
		color: #ffffff;
		font-weight: bold;
		font-size: 11px
	}
	.teaserHead_2 {
		background-image: url('images/teaser_bogen_2.gif');
		background-color: #005079
	}
	.teaserHead_3 {
		background-image: url('images/teaser_bogen_3.gif');
		background-color: #085f14
	}
	.teaserContent {
		background-color: #f4f4f4;
		color: #ffffff;
		font-size: 11px;
	}
/*#box_aktuell {
	position: relative;
	margin-top: 10px;
	width: 100%;
	visibility: visible;
}*/
#box_start {
	position: relative;
	margin-top: 10px;
	width: 100%;
	visibility: visible;
}
#box_aktuell {
	width: 49%;
	float: left;
	visibility: visible;
}
#box_jobs {
	width: 49%;
	float: right;
	visibility: visible;
}
/*-----------------------------------------------------------------------------------------------------------------*/
/*---------->>> Boxes Right Site <<<-------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------*/
#module	{
	position: absolute;
	left: 810px;
	top: 130px;
}
#box {
	position: relative;
	margin-top: 10px;
	width: 180px;
	visibility: visible;
}
.modulContent, .modulContentBold, .modulContentBow, .modulBottom {
	padding-left: 4px;
	padding-top: 8px;
	padding-right: 4px;
	padding-bottom: 8px;
	background-color: #e9e9e9;
	color: #333333;
	font-size: 100%;
	min-height: 1em;
	height: auto !important; /*wird vom ie ignoriert*/
	height: 100%; /*ie verwendet diese angabe*/
}
.modulContentBold {
	font-weight: bold;
	padding-bottom: 0px;
}
.modulContentBow {
	background-image: url('images/modul_bogen_3.jpg');
	background-repeat: no-repeat;
	background-position: right bottom;
}
.modulBottom {
	margin-top: 1px;
	background-color: #d0d0d0;
	background-image: url('images/modul_bogen_2.jpg');
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-top: 4px;
	padding-bottom: 4px;
}
.logo {
	float: left;
	padding-right: 3px;
}
/*-----------------------------------------------------------------------------------------------------------------*/
/*---------->>> Links <<<------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------*/
.link_b {
	color: #333333;
	font-size: 100%;
	text-decoration: none;
}

.link_b:hover {
	color: #333333;
	font-size: 100%;
	text-decoration: underline;
}
.link_under {
	color: #333333;
	font-size: 100%;
	text-decoration: underline;
}

.link_under:hover {
	color: #333333;
	font-size: 100%;
	text-decoration: underline;
}
.link_rot {
	color: #b50000;
	font-size: 100%;
	text-decoration: none;
}

.link_rot:hover {
	color: #b50000;
	font-size: 100%;
	text-decoration: underline;
}
.link_o {
	color: #dd8400;
	font-size: 100%;
	text-decoration: none;
}

.link_o:hover {
	color: #dd8400;
	font-size: 100%;
	text-decoration: underline;
}
.link_blau {
	color: #056bb5;
	font-size: 100%;
	text-decoration: none;
}

.link_blau:hover {
	color: #056bb5;
	font-size: 100%;
	text-decoration: underline;
}
.linkbread {
	color: #666666;
	text-decoration: none;
}

.linkbread:hover {
	color: #666666;
	text-decoration: underline;
}
/*-----------------------------------------------------------------------------------------------------------------*/
/*---------->>> Headlines <<<--------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------*/
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	white-space: normal;
	font-size: 1.0em;
	margin-bottom: 0px;
}
/*-----------------------------------------------------------------------------------------------------------------*/
/*---------->>> Lists <<<------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------*/
#ul_nostyle {
	list-style: none;
	margin-top: 5px;
	margin-bottom: 8px;
}
/*
ul {
	list-style: none;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
}
ul li {
	background-image: url(images/li.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 0.9em; //abstand zwischen zwischen grafik und text
	margin-bottom: 0.1em;
}
*html ul {
	list-style: square;
	margin-left: 35px;
}
*html ul li {
	background-position: 0px 3px;
	padding-left: 8px;
}*/
/*-----------------------------------------------------------------------------------------------------------------*/
/*---------->>> Text Styles <<<------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------*/
.reihe {
  clear: both;
  padding: 0px 0px;
}
.modul_reihe hr {
	display:  block;
	clear: left;
	margin: 0px;
	visibility: hidden;
}
*html .modul_reihe hr {
	display:  block;
	clear: left;
	margin: -8px;
	visibility: hidden;
}

/*
.modul_reihe hr {
	display:  block;
	clear: left;
	margin: 0px;
	visibility: hidden;
}
*html .modul_reihe hr {
	display:  block;
	clear: left;
	margin: -8px;
	visibility: hidden;
}
*/
.modul_label {
  float: left;
  width: 20px;
  text-align: left;
  padding-left: 2px;
  padding-top: 2px;
}
.modul_feld {
  float: left;
  text-align: left;
  width: 80%;
} 
.modul_feld_stelle {
  float: left;
  text-align: left;
  width: 255px;
} 
.news_label {
  float: left;
  width: 20px;
  text-align: left;
  padding-left: 2px;
  padding-top: 2px;
}
.impressum_label, impressum_feld {
  float: left;
  text-align: left;
  width: 55px;
/*  width: 10%;*/
} 
.impressum_feld {
  float: left;
  text-align: left;
  width: 200px;
/*  width: 30%;*/
} 
.spalte_links {
	float: left;
	width: 280px;
}
.clear {
	clear:both;
}
.pic {
	clear: both;
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	font-size: 90%;
}
sup {
	font-size: 70%;
}
.note {
	font-size: 90%;
}
	/* Press Detail */
	.content_text {
		width: 100%;
	}
	.bild_links {
		clear: both;
		float: left;
		margin-right: 10px;
		margin-bottom: 10px;
	}
	.bild_rechts {
		clear: both;
		float: right;
		margin-left: 10px;
		margin-bottom: 10px;
	}
/*-----------------------------------------------------------------------------------------------------------------*/
.fliess {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
}