/* CSS Document */
html, body {
	margin: 0;
	padding: 0;
}

body, table {  		
	font-family: verdana, arial, sans-serif;
	font-size: 12px;  		
	text-align:center; /* horizontal centering for IE Win quirks */
	background-color:#D6D6D6;
	background-image: url(../images/background-verlauf.jpg); 
	background-repeat:repeat-x;
}
table {
  background-color: white;
  background-image: none;
  text-align: left;
  vertical-align: top;
}
table.messleistungsdaten {
  border-collapse: collapse;
}
table.messleistungsdaten td {
  padding: 3px 5px;
}
table.messleistungsdaten .tr-0 {
  font-weight: bold;
}
table.messleistungsdaten .tr-odd {
  background-color: white;
}

table.messleistungsdaten .tr-even {
  background-color: #dddddd;
}


img { border: none;}

.contentContainer {
	margin: 30px auto 20px auto;
	position:relative; /* puts container in front of distance */
	text-align:left;
	width:972px; 		  
}


#headerContainer {

}

#headerContainer img {  
float:left;
}

/* Navigation */
#navi {
  height:40px;
  float: left;
}

#navi ul {
  
	list-style: none;
	padding: 0;
	margin: 0;
	z-index: 100;
	/*border-right: 1px solid #535353;
	border-left: 1px solid #737373;*/
	margin-left: 10px;
	margin-top:12px;
}

#navi ul li {
	float: left;
	padding: 0;
	margin: 0;
}

#navi ul li:hover, #navi ul li.hover {
  position: static;
}

#navi ul li a {
  color: black;
  text-decoration: none;
  display: block;
  /*border-left: 1px solid #737373;*/
  border-right: 1px solid #b6b6b6;
	padding-left: 8px;
	padding-right: 8px;
	margin-top: 7px;
	/*padding-top: 9px;
	padding-bottom: 9px;*/
	font-size: 10px;
}

#navi ul a.last {
  border-right: 0px solid #b6b6b6;
}

#navi li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 140px;
	font-weight: normal;
	margin: 0;
	border: 0px;
}

#navi li ul a {
	width: 140px;
	background: white;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	opacity: .80;
	filter:alpha(opacity=80);
	padding-top: 3px;
	padding-bottom: 4px;
	margin:0;
}
#navi li ul li.first {
  margin-top: 9px;
}

#navi li ul li ul li.first {
  border-top: 1px solid #e6e6e6;
  margin-top: 0px;
}

#navi li ul ul {
	margin: -17px 0 0 140px;
}
 
#navi li:hover ul ul, #navi li:hover ul ul ul, #navi li.sfhover ul ul, #navi li.sfhover ul ul ul {
	left: -999em;
}
 
#navi li:hover ul, #navi li li:hover ul, #navi li li li:hover ul, #navi li.sfhover ul, #navi li li.sfhover ul, #navi li li li.sfhover ul {
	left: auto;
}
 
#navi li:hover ul ul, #navi li:hover ul ul ul, #navi li.sfhover ul ul, #navi li.sfhover ul ul ul {
	left: -999em;
}
 
#navi li:hover ul, #navi li li:hover ul, #navi li li li:hover ul, #navi li.sfhover ul, #navi li li.sfhover ul, #navi li li li.sfhover ul {
	left: auto;
}

#navi ul a {
  display: block;
  /*border-left: 1px solid #737373;*/
  border-right: 1px solid black;
	padding-left: 8px;
	padding-right: 8px;
	margin-top: 4px;
	/*padding-top: 9px;
	padding-bottom: 9px;*/
	font-size: 10px;
}

#navi ul a:hover, #navi a.active {
 color: #ee7f01;
  text-decoration: underline;
}

#navi a.active {
  color: #ee7f01;
  text-decoration: underline;
  font-weight: bold;
}
/*
#navi .submenue {
  margin: 0;
  margin-top: 3px;
  position: absolute; 
  left: auto;
}*/

.flaggen {
  float:right;
  margin-right:0px;
  margin-top:15px;
}

.flaggen img {
  margin-left: 5px;
}

#bannerContainer {
  clear: both;
  height: 152px;
}

#bannerContainer img {
  margin-left: 0px;
  margin-top: 0px;
}

.content {
  background: white;
}

#middleContainer
	{
	float: left;
	width: 750px;
  background: url(../images/rightContainer-background.jpg) right top no-repeat;
  text-align: justify;
	
	}
* html #middleContainer
	{
	display: inline;
	}

#contentWrapper { 
  margin: 0px 5px 40px 10px;
  background-color: white;
  border: 0px solid #e3e3e3;
  padding: 0px 10px 0px 10px;
}
#contentWrapper ul {
  margin-left: 15px;
  padding: 0;
  text-align: left;
}

#contentWrapper h1, #rightContainer h1, #contentWrapper h2, #rightContainer h2, #contentWrapper h3, #rightContainer h3 {
  color:#52BDE7;
  font-size: 18px;
  clear: both;
}
#contentWrapper h2, #rightContainer h2 {
  font-size: 16px;
}
#contentWrapper h3, #rightContainer h3 {
  font-size: 14px;
}

#middleContainer h1 {
  
}

#rightContainer
	{
	float: left;
	width: 212px;		
	
  margin:25px 0;
	}
	
#rightContainerContent {
  margin-left: 10px;
}

* html #rightContainerContent {
  padding-bottom:150px;
}

#rightContainerContent li {
  margin-bottom:5px;
  list-style-image:url(../images/pfeile.jpg);
}

#rightContainerContent a:link, #rightContainerContent a:visited {
  text-decoration:none;
  color:#52BDE7;
}

#rightContainerContent a:hover {
  text-decoration:none;
  color:black;
}




/* Start Mac IE5 filter \*/
#middleContainer, #leftContainer, #rightContainer
	{
	/*
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important;
   */
	}
/* End Mac IE5 filter */
#wrapper
	{
	overflow: hidden; /* This hides the excess padding in non-IE browsers */
	}
/* we need this for IE 5.01 - otherwise the wrapper does not expand to the
necessary height (unless fixed, this problem becomes even more acute 
weirdness as the method is enhanced */
#wrapper
	{
/* Normally a Holly-style hack height: 1% would suffice but that causes 
IE 5.01 to completely collapse the wrapper - instead we float it */
	float: left;
/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
(I saw it happen many moons ago) makes the width of wrapper too small 
the float: none with the comment is ignored by 5.01,
5.5 and above see it and carry on about their business
It's probably fine to just remove it, but it's left here 
just in case that many moons ago problem rears its head again */
	float/**/: none;
	}
/* easy clearing */
#wrapper:after
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
#wrapper
	{
	margin-top: 15px;
	background: white url(../images/wrapper-background.jpg) bottom no-repeat;
	display: inline-block;
	}
/*\*/
#wrapper
	{
	display: block;
	}
/* end easy clearing */

#wrapper a {
  color: #363636;
}

#wrapper a:hover {
  text-decoration:none;
}



#footer 
	{
	clear: both;
	text-align: center;
	color: #8e8e8e;
	font-size: 11px;
	margin: 0px 0px;
	padding-top: 16px;
	padding-left: 5px;
	padding-right: 10px;
	height: 61px;
	background: url(../images/footer-background.jpg) top no-repeat;
	}
	
#footer .left {
  float:left;  
}
#footer .right {
  float:right;        
}

#footer a, #footer a:hover, #footer .bwc a:hover, #footer .bwc a {
  text-decoration: none;
  color:#8e8e8e;
}
#footer .bwc a:hover, #footer .bwc a {
  color:white;
}
#footer .second {
  padding-top:3px;
}

.color {
 color:#52BDE7;
 font-weight: bold;
}

.hide {
  display:none;
}

/*MAILFORM*/
div.csc-mailform-field {}
.mf-submit {position: relative; left:200px; width:200px; background-color: white;}
fieldset {border: 0px; margin-bottom:20px; padding: 0px;}
/*fieldset.csc-mailform label {width:100px; float: left; clear: right;}*/
label {
clear: left;
float: left;
width: 200px;
}
/*
input {
float: left;
}
*/
.csc-mailform-field {
padding-top: 5px;
clear: left;
margin-bottom: 1px;
}
.mf-input, .mf-text {width:200px;}


/* Powermail */
span.powermail_mandatory {
	/*color: #B70D27;*/
}
input.validation-failed,
textarea.validation-failed {
	background-color: #52BDE7;
}
div.powermail_mandatory_js {
	color: #52BDE7;
	margin: 3px 0 15px 200px;
}
fieldset.tx-powermail-pi1_fieldset_1 legend, fieldset.tx-powermail-pi1_fieldset_4 legend, .tx_powermail_pi1_form legend {
  display:none;
}
fieldset.tx-powermail-pi1_fieldset label {
	display: block;
	width: 200px;
	float: left;
	clear: both;
	
}
fieldset.tx-powermail-pi1_fieldset input,
fieldset.tx-powermail-pi1_fieldset textarea {
	width: 260px;
}
div.tx_powermail_pi1_fieldwrap_html {
	margin: 3px 0;
	clear: both;
}
input.powermail_submit, .tx-powermail-pi1_confirmation_back, .tx-powermail-pi1_confirmation_submit {
	margin: 20px 0px;
	font-weight: bold;
	border: 1px solid #444;
	width: 130px;
}
.tx-powermail-pi1_confirmation_back, .tx-powermail-pi1_confirmation_submit {
  width: 200px;
  margin: 0;
  margin-top: 10px;
}

td.powermail_all_td {
	padding: 3px 10px 3px 0;
}

.tx_powermail_pi1_fieldwrap_html_label {
  font-weight: bold;
  padding-top: 20px;
}
.tx_powermail_pi1_fieldwrap_html_109,
.tx_powermail_pi1_fieldwrap_html_110 {
  padding-top: 0;
  font-weight: normal;
}

.tx_powermail_pi1_fieldwrap_html_1, .tx_powermail_pi1_fieldwrap_html_77 {
  font-weight: normal;
  padding: 0;
}
.tx_powermail_pi1_fieldwrap_html_text, .tx_powermail_pi1_fieldwrap_html_textarea {
  padding-top: 5px;
}

.powermail_radio_inner {
  clear: both;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_radio {
  width: 15px;
}
.tx_powermail_pi1_fieldwrap_html_107 .uid107,
.tx_powermail_pi1_fieldwrap_html_102 .uid102,
.tx_powermail_pi1_fieldwrap_html_105 .uid105,
.tx_powermail_pi1_fieldwrap_html_106 .uid106,
.tx_powermail_pi1_fieldwrap_html_91 .uid91,
.tx_powermail_pi1_fieldwrap_html_94 .uid94, 
.tx_powermail_pi1_fieldwrap_html_3 .uid3
 {
  visibility: hidden;
}
/*
This is the default CSS Styles for the new tt_news standard template: EXT:tt_news/pi/tt_news_v2_template.html
*/
/*-----------------------------------  clearer  -----------------------------------*/
/* prevent floated images from overlapping the div-containers they are wrapped in  */

.news-list-container HR.clearer, .news-single-item HR.clearer, .news-latest-container HR.clearer{
	clear:right;
	height:1px;
	border:1px solid #52BDE7;

}
.news-latest-container HR.clearer {
	clear:left;
}

/*-----------------------------------  tt_news LATEST view  -----------------------------------*/

.news-latest-container {
	border:1px solid #52BDE7;
}

.news-latest-container H2,.news-latest-gotoarchive {
	color:#fff;
	padding:3px;
	margin:3px;
	/*background-color:#D8FA70;*/
}

.news-latest-gotoarchive {
	font-weight:bold;
	margin-top:5px;
}
.news-latest-gotoarchive A:LINK, .news-latest-gotoarchive A:VISITED, .news-latest-gotoarchive A:HOVER {
	color:#fff;
}
.news-latest-gotoarchive A {
	color:#fff;
}
.news-latest-item {
	/* IE hack */
	height: 1%;
	line-height: 1.3;
	/* IE hack end */
	height: auto !important;
	padding:3px;
	margin:3px;
	background-color:white;
}

.news-latest-item IMG {

	margin-bottom:5px;
	margin-right:5px;
	border:1px solid #666;
	float:left;
}
.news-latest-category IMG {
	float: none;
	border:none;
	margin:0px;
}
.news-latest-date,.news-latest-morelink,.news-latest-category {
	font-size:9px;
}

.news-latest-morelink {
	height:12px;
}

.news-latest-morelink A {
	float:right;
}

table.history td {
  padding: 4px 5px 4px 0;
  vertical-align: top;
}

table.history .td-0 {
  width: 130px;
}

#Content {
  width: 100%;
  /*float: left;*/
  clear: both;
  text-align: left;
}

#left {
  width: 45%;
  float: left;
  padding: 20px 20px 20px 0;
  

}

#right {
  width: 45%;
  float: left;
  padding:20px 0 20px 20px;
  

}

#right .csc-textpic-above, #middleContainer .csc-textpic-text {
  margin-bottom: 10px;
}

#wrapper { padding-bottom: 20px; }