/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */

html,body {
	margin: 0;
	padding: 0;
	height: 100%; /* needed for container min-height */
	background:	#E0E0E0 ;

	font-family: verdana,arial,sans-serif;
	font-size: 11px;
	line-height: 12px;
	color: #333333;
}

a img { border: none; }
a {text-decoration: none;}
a:hover {text-decoration: none;}
a:visited {text-decoration: none;}

a.NewsLinkGruen { color: #94d004 !important; text-decoration: none; text-transform: uppercase;}
a.NewsLinkGruen:hover { text-decoration: none; }
a.NewsWeiterLinkBlau { color: #0066b3; text-decoration: none; }
a.NewsWeiterLinkBlau:hover { text-decoration: underline; }
a.ArtikelLinkBlau { color: #0066b3; text-decoration: none; }
a.ArtikelLinkBlau:hover { text-decoration: underline; }

h2 {color: #0066b3;}

#MainContainer {
	position: relative; /* needed for footer positioning*/
	margin: 0 auto; /* center, not in IE5 */
	width: 1020px;
	padding: 0px 0px 0px 0px;

	height: auto !important; /* real browsers */
	height: 100%; /* IE6: treaded as min-height*/

	min-height: 100%; /* real browsers */
  z-index: 1;
}

#StartseiteKopfContainer {
	position: relative;
	top: 0px;
	height: 335px;
	width: 1020px;
	background: transparent url("/mysite/bilder/layout/startseite_kopf_bg.jpg") repeat-x;
	z-index: 2;
}

#StartseiteKopfLogoContainer {
	float: left;
	width: 195px;
	height: 61px;
	margin: 7px 0px 0px 20px;
	z-index: 1000;
}

#SearchForm_SearchForm{
	position: relative;
	top: 95px;
	left: 355px;
	display: inline;
	z-index: 2000;
}

#SearchForm_SearchForm fieldset{
	border: 0px;
	width: 250px;
}

#SearchForm_SearchForm input{
	border: 0px;
}

#Search{
	clear: none;
	display: inline;
}

div.middleColumn{
	clear: none;
	display: inline;
}


#StartseiteKopfMitteContainer  {
	width: 800px;
	height: 335px;
	margin: 0px 110px 0px 110px;
	background: transparent url("/mysite/bilder/layout/startseite_kopf_mitte.jpg") no-repeat;
}

#StartseiteKopf {
	position: relative;
	top: 60px;
	clear: left;
}

.StartseiteKopfInhalt {
	position: relative;
	left: 0px;
	width: 220px;
	height: 182px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 40px;
}

.StartseiteKopfTextHintergrund {
	width: 220px;
	height: 100%;
	background: #666666;
	opacity: 0.56;
  filter: alpha(opacity=56);
  -moz-opacity: .56;
}

.StartseiteKopfTextContainer1 {
	position: absolute;
	top: 25px;
	left: 0px;
	width: 200px;
	height: 172px;
}

.StartseiteKopfTextContainer2 {
	position: absolute;
	top: 25px;
	left: 0px;
	width: 180px;
	height: 172px;
}

.StartseiteKopfTextContainer3 {
	position: absolute;
	top: 25px;
	left: 0px;
	width: 180px;
	height: 172px;
}

.StartseiteKopfTextContainer4 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 155px;
	height: 172px;
}

.StartseiteKopfTextInhalt {
	padding: 10px 8px 0 8px;
	color: white;
	text-decoration: none;
	font-size: 13px;
	line-height: 16px;
	text-align: left;
	background-color: transparent !important;
}

.StartseiteKopfTextInhalt h1{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	font-size: 13px;
	line-height: 15px;
	font-weight: bold;
	color: white;
}

#StartseiteKopfNaviContainer {
	position: absolute;
	top: 300px;
	left: 110px;
	height: 35px;
	width: 780px;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
	color: #94d004;
	font-size:10px;
	background: url("/mysite/bilder/layout/navi_bg.gif") repeat-x bottom;
}

#FlaggeDE {
	position: relative;
	top: 0px;
	left: 0px;
	width: 23px;
	height: 15px;
	margin: 12px 0px 0px 4px;
}

#FlaggeGB {
	position: relative;
	top: 0px;
	left: 0px;
	width: 23px;
	height: 15px;
	margin: 12px 0px 0px 4px;
}

#KopfContainer {
	position: relative;
	top: 0px;
	height: 159px;
	width: 1020px;
	text-align: center;
	background: #FFFFFF url("/mysite/bilder/layout/kopf_bg.jpg") repeat-x;
	z-index: 2;
}

#KopfMitteContainer {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 800px;
	height: 159px;
	margin: 0px 0px 0px 110px;
	background: transparent url("/mysite/bilder/layout/kopf_mitte.jpg") no-repeat;
}

#KopfLogoContainer {
	float: left;
	width: 195px;
	height: 61px;
	margin: 7px 0px 0px 10px;
	z-index: 1000;
}

#KopfNaviContainer {
	position: absolute;
	top: 124px;
	left: 0px;
	height: 35px;
	width: 780px;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
	color: #94d004;
	font-size: 10px;
	background: url("/mysite/bilder/layout/navi_bg.gif") repeat-x bottom;
}

#KopfNaviContainer a, #StartseiteKopfNaviContainer a {
	color: #94d004;
	text-decoration: none;
}

#KopfNaviContainer a:hover, #StartseiteKopfNaviContainer a:hover {
	color: #ccc;
	text-decoration: none;
	background: #666666;
}

#InhaltContainer {
	position: relative;
	width: 1020px;
	padding: 10px 0px 195px 0px; /* Platz für Footer schaffen */
	margin: 0px 0px 0px 0px;
  background-color: #FFFFFF;
}

#InhaltHauptContainer {
	top: 10px;
	width: 760px;
	padding: 20px 130px 40px 130px;
	overflow: auto;
	background: #fff;
}

#InhaltHauptContainer h1 {
	font-size: 26px;
	line-height: 29px;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	color: #0066b3;
}

#InhaltHauptContainer h2 {
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #0066b3;
}

#InhaltHauptContainer a {
	color: #0066b3;
	text-decoration: none;
}

#InhaltHauptContainer a:hover {
	text-decoration: underline;
}

#NewsUeberschriftenContainer {
	width: 560px;
	text-align: right;
	margin: 0px 0px 10px 0px;
}

#NewsUeberschriftenContainer h1 {
	margin: 0px !important;
	padding: 0px !important;
	font-size: 10px;
	line-height: 12px;
}

#NewsHeaderContainer {
	position: relative;
	width: 760px;
	overflow: auto;
}

#NewsHeaderLinksContainer {
	position: relative;
	width: 173px;
	float: left;
	padding: 6px 0px 0px 0px;
	text-align: right;
	font-size: 9px;
	line-height: 12px;
	color: #6E6F71;
}

#NewsHeaderRechtsContainer {
	position: relative;
	width: 566px;
	float: left;
	padding: 0px 0px 0px 21px;
	font-size: 13px;
	line-height: 16px;
	color: #6E6F71;
}

#NewsHeaderRechtsContainer img {
	border: none !important;
}

#NewsUebersichtContainer {
	position: relative;
	width: 760px;
	margin: 50px 0px 0px 0px;
}

#NewsAbsatzUeberschrift {
	position: relative;
	width: 580px;
	display: block;
	margin: 0px 0px 20px 194px;
	text-align: center;
	background: url("/mysite/bilder/layout/linie_grau.gif") repeat-x 0px 7px;
	z-index: 2;
}

.NewsAbsatzUeberschriftText {
	font-size: 9px;
	color: #6E6F71;
	background-color: #FFFFFF;
	z-index: 10;
}

.NewsUebersichtEinzelnContainer {
	position: relative;
	width: 760px;
	height: auto;
	overflow: auto;
	padding: 0px 0px 30px 0px;
	clear: both;
}

.NewsUebersichtLinksContainer {
	position: relative;
	width: 173px;
	float: left;
	padding: 6px 0px 0px 0px;
	text-align: right;
	font-size: 9px;
	line-height: 12px;
	color: #6E6F71;
}

.NewsUebersichtLinksContainer img {
	border: 1px solid #9E9E9E;
}

.NewsUebersichtRechtsContainer {
	position: relative;
	width: 566px;
	float: left;
	padding: 0px 0px 0px 21px;
	font-size: 13px;
	line-height: 16px;
	color: #6E6F71;
}

.NewsUebersichtRechtsContainer h1 {
	font-size: 18px !important;
	line-height: 20px !important;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	color: #0066b3;
}

#VerweisSubtitel {
	position: relative;
	margin: 0px 0px 0px 194px;
	font-size: 12px;
	line-height: 16px;
	color: #6E6F71;
}

#BildObenContainer {
	width: 700px;
	height: 200px;
	padding-right: 10px;
	float: left;
}

#InhaltLinksContainer {
	float: left;
	width: 180px;
}

.Breadcrumbs {
	margin: 0px 0px 0px 137px;
}

.Breadcrumbs a{ color: #94d004; text-decoration: none; text-transform: uppercase;}
.Breadcrumbs a.hover { text-decoration: none;}

/* Artikel --------------------------------------------------------------------------------*/

#Artikel {
	position: relative;
	overflow: auto;
}

#Artikel h1 {
	font-size: 26px;
	line-height: 29px;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	color: #0066b3;
}

/*
#Artikel img {
	border: 1px solid #9E9E9E;
}
*/

#ArtikelUeberschrift {
	clear: both;
	width: 566px;
	margin: 0px 0px 0px 194px;
	padding: 0px;
}

#ArtikelLinkeSpalte
	{
	position: relative;
	width: 173px;
	height: 100%;
	float: left;
	text-align: right;
	display: inline-table;
	color: #6E6F71;
	line-height: 17px;
	}

#ArtikelLinkeSpalte a{ color: #94d004; text-decoration: none; text-transform: uppercase;}
#ArtikelLinkeSpalte a.hover { text-decoration: none;}

#ArtikelRechteSpalte {
	width: 566px;
	float: left;
	padding: 0px 0px 0px 21px;
}

#ArtikelAnriss
	{
	font-size: 12px;
	line-height: 16px;
	/* color: #6E6F71; */
	font-weight: bold;
	color: #6d6e70;
	}

#ArtikelInhalt
	{
	font-size: 12px;
	line-height: 16px;
	color: #6E6F71;
	}

#ArtikelInhalt h3 {
    font-size: 14px;
}

#ArtikelInhalt h4 {
    font-size: 13px;
}

#ArtikelInhalt h5 {
    font-size: 12px;
}

#ArtikelInhalt .BildRechts {
	float: right;
	padding: 0px 0px 5px 10px;
	width: 295px;
}

#ArtikelInhalt .BildRechts img {
  border: 1px solid #9E9E9E;
}


#ArtikelInhalt .Bildunterschrift {
	font-size: 10px;
	line-height: 13px;
}

/*----------------------------- FOOTER ------------------------------------------ */
#FussContainer {
	/* clear: both; */
	position: absolute;
	width: 1020px;
	height: 210px;
	/* bottom: 0; */ /* stick to bottom */
	background-color: #E0E0E0;
	color: #ccc;
	z-index: 2;
	background: url("/mysite/bilder/layout/footer_bg.jpg") top repeat-x #FFFFFF;
}

#FussSocialContainer {
	position: relative;
	clear: both;
	left: 0px;
	top: 0px;
	height: 27px;
	width: 800px;
	padding: 8px 0px 0px 0px;
	margin: 0px 110px 0px 110px;
	background: transparent url("/mysite/bilder/layout/footer_bg.gif") repeat-x bottom;
	font-size: 10px;
	line-height: 14px;
}

.FussFacebookLink {
	position: relative;
	height: 16px;
	margin: 0px 0px 0px 300px;
	padding: 0px 0px 0px 20px;
	float: left;
	display: block;
	background: url("/mysite/bilder/layout/facebook_logo.gif") no-repeat;
}

.FussSocialTrenner {
	position: relative;
	float: left;
	padding: 0px 10px 0px 10px;
}

.FussTwitterLink {
	position: relative;
	height: 16px;
	padding: 0px 0px 0px 20px;
	float: left;
	background: url("/mysite/bilder/layout/twitter_logo.gif") no-repeat;
}
.FussRSSFeedLink {
	position: relative;
	height: 16px;
	padding: 0px 0px 0px 20px;
	float: left;
	background: url("/mysite/bilder/layout/bullet-feed.png") no-repeat;
}

#FussSocialContainer a {
	color: #ccc;
	text-decoration: none;
}

#FussSocialContainer a:hover {
	color: #666;
	text-decoration: none;
}

#FussNaviContainer {
	position: relative;
	left: 0px;
	top: 0px;
	height: 140px;
	width: 780px;
	clear: both;
	padding: 5px 0px 0px 20px;
	margin: 0px 110px 0px 110px;
	background-color: #666666;
	font-size: 10px;
	line-height: 15px;
}

#FussNaviContainer a {
	text-decoration: none;
}

.FussNavblockContainer {
	position: relative;
	width: 156px;
	height: 60px;
	float: left;
}

.FussNaviLevel1 {
	color: #92D106;
  text-transform: uppercase;
}

.FussNaviLevel2 {
	color: #FFFFFF;
}

#FussCopyrightContainer {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	height: 22px;
	width: 800px;
	padding: 8px 0px 0px 0px;
	margin: 0px 110px 0px 110px;
	background-color: #999999;
	text-align: center;
	font-size: 10px;
	color: #000000;
}

#FussCopyrightContainer a {
	color: #000000;
	text-decoration: none;
}


/*--------------- Navigation --------------------------------------------*/

#NaviLinksContainer {
	position: relative;
	background-color: #FFFFFF;
	padding-bottom: 6px;
	z-index: 2
}

#NaviLinksContainer a {
	text-decoration: none;
}

/* ----Routenplaner ------- */
#RoutenplanerContainer{
	width: 550px;
}

#RoutenplanerGoogleMapsKarte{
	width:500px;
	height:550px;
	margin-top:20px;
	}

#RoutenplanerGoogleMapsRoute{
	width:500px;
	}
/* ------------------------ */

#RoutenplanerButton {
	cursor: pointer;
	padding: 5px 5px 4px 5px;
	color: #94d004;
	background-color: #000000;
}

/* Buttons für Formulare */
.Button {
	cursor: pointer;
}

/* Login-Formular -------------------------------------------------------------------------*/

#KopfLoginContainer {
	width: 420px;
	height: 30px;
	padding: 11px 0px 0px 0px;
}
#LogoutContainer { padding: 17px 0px 0px 90px; }

#LoginContainer { padding: 10px 0px 0px 13px; }
#LoginContainer form { margin: 0px 0px 0px 0px; }
#LoginContainer input[type=text] { width: 200px; }
#LoginContainer input[type=password] { width: 110px; }
#LoginContainer input[type=image] { padding-top: 8px; }

/* -------------------------------------------------------------------------------------------*/


/* Kontakt - FORMULAR ----------------------------------------------- */
#Form_KontaktFormularForm {display: inline;}
#Anfrage ul {display: inline; padding: 0px;}
#Anfrage ul li.odd{ list-style: none; display: inline; padding: 0px;}
#Anfrage ul li.even{ list-style: none; display: inline; padding: 0px;}
#Anfrage label{ display: inline-table; width: 210px; }
#Anfrage input{ display: inline-table; color:#0066b3; }
#Anfrage textarea{ display: inline-table; font-family: Arial, Helvetica, sans-serif; color: #0066b3; }
#Anfrage ul li.odd label[for=Form_KontaktFormularForm_Anrede_Frau] {
	width: 30px;
}
#Form_KontaktFormularForm fieldset{
	border-color:  #94d004;
}

#Form_KontaktFormularForm legend{font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	color: #94d004;
}

#Form_KontaktFormularForm div.Actions input { background-color: #fff;
color: #000;
border-color: #000;
float: right;
}

#Form_KontaktFormularForm div.validationError span{
	background: #94d004;
	color: white;
	font-weight: bold;
	display: inline-table;
	height: 16px;
	padding: 3px;
}
#Form_QRFormularForm fieldset{
    border: 0px;
    margin: 3px;
    padding: 3px;
}
#Form_QRFormularForm li{
    list-style-type: none;
}

#Form_QRFormularForm label {
display: inline;
}
#Form_QRFormularForm textarea{
    border: 1px #0066b3 solid;

    padding: 3px;
}

iframe {
    border: 0;
    margin: 0;
    padding: 0;
		width:550px;
		height:300px;
}

/* Farbe des Cookie Banner Button ändern*/

.cc_btn{
	background-color:#b1c749 !important;
}

.cc_btn:hover{
	background-color:#c5d37b !important;
}