/* CSS Document */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/ubuntu-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/ubuntu-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v15-latin-italic.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
/* ubuntu-regular - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/ubuntu-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/ubuntu-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v15-latin-regular.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
/* ubuntu-700 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/ubuntu-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/ubuntu-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v15-latin-700.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
/* ubuntu-500 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/ubuntu-v15-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/ubuntu-v15-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v15-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v15-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v15-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v15-latin-500.svg#Ubuntu') format('svg'); /* Legacy iOS */
}


body {
    color: #636363;
    font-family: "Ubuntu",sans-serif;
    font-size: 1em;
    line-height: 1.4em;
    margin: 0;
    padding: 0;
}

#containerDataProtection { background-color: #E9E9E9; font-size: 0.9em; display: none; }
	#contentDataProtection { margin: auto; max-width: 1160px; padding: 0.5em 2em 0.5em 2em; position: relative; }
	a#btnConfirmDataProtection { display: inline-block; padding: 0.4em 1em; color: #FFF; background-color: #007B3C; float: right; cursor: pointer; margin-top: 1em; }

#containerTop {
				padding: 0 1em;
				background: #0053AF;
				background: #0053AF url("../images/bg-transparent");
				background: -moz-linear-gradient(center bottom , #0053af 0%, #004794 80%);
				background: -linear-gradient(bottom, #0053AF 0%, #004794 80%);
				background: -webkit-linear-gradient(bottom, #0053AF 0%, #004794 80%);
				background: -ms-linear-gradient(bottom, #0053AF 0%, #004794 80%);
				filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#0053AF', EndColorStr='#004794');
			}
	#containerTopBackground { background: url("../images/bg-transparent.png") no-repeat scroll 0 -6em / cover rgba(0, 0, 0, 0); }
					
	#contentTop { margin: auto; max-width: 1160px; padding: 0 0 4em; position: relative; }
			#contentTop img.logo { margin: 25px 30px; }
	
	#socialLinks { position: absolute; right: 0px; top: 25px; }
		#socialLinks img { margin-right: 5px; }
		img.languageLink { height: 21px; width: auto; margin-left: 10px; }
	
	#search { position: absolute; right: 0px; top: 75px; width: 340px; text-align:right; }
		#search input[type=text] { padding: 10px; display: inline-block; margin-top: 3px; border: 0px none; margin-right: 10px; width: 200px; vertical-align:top; font-size: 1.2em;}
		#search img { display: inline-block; vertical-align:top; margin-top: 1px; }

	@media screen and (max-width: 820px) {
		#search { width: 100%; } 
	}
	
	/*Main-Navi*/
	#containerNavi { position: absolute; border-top: 7px solid #007B3C; width: 100%; }

	#naviBar {
			background-color: #fff;
			border-bottom: 1px solid #e0e0e0;
			border-left: 1px solid #e0e0e0;
			border-right: 1px solid #e0e0e0;
			box-sizing: border-box;
			clear: both;
			display: table;
			float: none;
			position: relative;
			width: 100%;
			background: -linear-gradient(top, #FFFFFF 0%, #F5F5F5 80%);
			background: -webkit-linear-gradient(top, #FFFFFF 0%, #F5F5F5 80%);
			background-image: -moz-linear-gradient(top, #FFFFFF 0%, #F5F5F5 80%);
			background-image: -ms-linear-gradient(top, #FFFFFF 0%, #F5F5F5 80%);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#F5F5F5'); 
	}
	

ul#navi { display: table-row; float: none; list-style-type: none;  margin: 0; padding: 0; position: relative; width: 100%; z-index: 1000; }
	ul#navi li { border-right: 1px solid #e0e0e0; display: table-cell; float: none; text-align: center; }
	ul#navi li:last-child { border-right: 0px none; } 
	ul#navi li a { color: #6b6b6b; display: block; font-size: 1.05em; font-weight: 700; padding: 2.1em 1.9em; text-decoration: none; }
			ul#navi li:hover > a { background:#fff; color:#004999;}

			ul#navi li ul { display: none; margin: 0; padding: 0; position: absolute; z-index: 100000000; background: rgba(255,255,255,0.9); }
			ul#navi li:hover ul { display: block;}
				ul#navi li ul li { padding: 0; list-style-type: none; margin: 0; padding:0; display: block; width: 100%; border: 0px none; text-align: left; border-bottom: 1px solid #E0E0E0; }
				ul#navi li ul li a { font-size: 1em; font-weight: 400; padding: 1em 1.9em; }
				ul#navi li ul li a:hover { background: none; }

	ul#navi.pendlerinfo > li { width: auto; padding-left: 0; padding-right: 0; }
	ul#navi.pendlerinfo > li a { font-size: 1em; padding: 2.1em 1em; }
	ul#navi.pendlerinfo li ul li a { padding: 1em 1.9em; }

	/*Mobile Navi*/
	a#btnNaviMobile { display: none; margin-left: 7px; }
	#naviMobile { display: none; }

	.sidr li a { line-height: 1.3rem !important; padding-top: .5rem !important; padding-bottom: .5rem !important; }

	/*Breadcrumb*/
	div#naviBreadcrumb { margin-bottom: 20px; }
		div#naviBreadcrumb a { font-size: 0.9em; }
		div#naviBreadcrumb a:hover { text-decoration: underline; }
		div#naviBreadcrumb .breadcrumbDivider:last-of-type { display: none; }

	/*Content-Navi*/
	ul#naviContent { list-style-type: none; margin: 0; padding: 0; margin-bottom: 25px; }
		ul#naviContent ul { margin: 0; padding: 0; display: block; list-style-type: none; }
		ul#naviContent li { display: block; line-height: 1.3em; border-top: 1px solid #CCC; margin: 0; }

		ul#naviContent ul li ul li a { padding-left: 1em; }

	ul#naviContent a { text-decoration: none; display: block; padding: 0.5em 0.5em 0.5em 0.2em; }
	ul#naviContent a:hover { text-decoration: underline; }
	ul#naviContent a.current { font-weight: 700; }

	ul#naviContent.pendlerinfo li > ul > li { padding-left: 0.75em !important; }

#containerContent { padding: 0 1em; }

#content {
    background-color: #fff;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    margin: 37px auto auto;
    max-width: 1078px;
    padding: 2.5em 2.5em 0;
    position: relative;
}
  .contentColFull {}
	.contentCol { display: inline-block; width: 65%; vertical-align:top; }
	.contentMarginal { display: inline-block; width: 30%; float:right; vertical-align:top; }
		.contentCol :first-child, .contentMarginal :first-child { margin-top: 0; }
		.contentCol.full { display: block; width: auto; }

	

@media screen and (max-width: 820px) {
	.contentCol { display: block; width: 100%; }
	.contentMarginal { display: block;  width: 100%; }
}

#containerBottom {
    		background: #0053AF;
				background: #0053AF url("../images/bg-transparent");
				background: -moz-linear-gradient(center bottom , #0053af 0%, #004794 80%);
				background: -linear-gradient(bottom, #0053AF 0%, #004794 80%);
				background: -webkit-linear-gradient(bottom, #0053AF 0%, #004794 80%);
				background: -ms-linear-gradient(bottom, #0053AF 0%, #004794 80%);
				filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#0053AF', EndColorStr='#004794');
}

#containerBottomBackground {
    background: url("../images/bg-transparent.png") no-repeat scroll 0 -25em / cover rgba(0, 0, 0, 0);
}

#contentBottom {
    margin: auto;
    max-width: 1160px;
    padding: 0 1em 2em 1em;
    position: relative;
}
#pageFinish {
    background-color: #fff;
    border-bottom: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    margin: auto auto 30px;
    max-width: 1158px;
    padding: 1.5em 2.5em;
}
	#bottomLogos { position: relative; }
		#bottomLogos .headline { color: #FFF; font-size: 1.1em; font-weight: 700; clear:both; margin-bottom: 5px; }

		div.logoSlider { position: relative; margin: 20px 40px 0px 40px; height: 100px; }
		img.btnScroll { position: absolute; top: 75px; cursor: pointer;}
		img.btnScroll.next { right: 0; }
		img.btnScroll.prev { left: 0; }
	
		div.scrollItem { height: 100px; width: 20%; padding: 0 5px; position: relative; display: inline-block; vertical-align:top; }  

		div.partnerItem {  padding: 10px; background-color: #FFF; text-align: center; width: 90%; height: 80px; vertical-align: center; }
			div.partnerItem img { width: auto; height: auto; margin: auto; max-width: 90%; max-height: 80px; vertical-align: top; }

	@media screen and (max-width: 820px) {
		#contentBottom { padding: 0 1em 2em 1em; }
	}

	#footerBar { background: rgba(249,249,249,0.10); }
		#footerBarContent {
				color: #ffffff;
				font-size: 0.9em;
				margin: auto;
				max-width: 1160px;
				padding: 0.8em 1em;
				text-decoration: none;
				text-align: left !important; 
		}
		#footerBarContent * { color: #FFFFFF; }
    #footerBarContent .footerLinks { text-align: right; clear: both; }
		#footerBarContent .footerLinks a { margin-left: 15px; }

	.mobileBreak { display: none; }

	@media screen and (max-width: 820px) {
		#footerBarContent { height: auto; padding: 0.8em 1em; }
		#footerBarContent .footerLinks { text-align: left; padding: 1em 0 2em 0; }
		#footerBarContent .footerLinks a { float: left; margin-left: 0px; margin-right: 15px; }
		.mobileBreak { display: block; clear: both; width: 100%;  }
	}

/*Editmode*/
.boxEditmode { margin-bottom: 35px; padding: 20px; background-color: #E9E9E9; }
	.boxEditmodeImage { margin-bottom: 1em; }
	.boxEditmodeText {  }

/*Allg.*/
.clearFloat { clear:both; }

hr { border: 0; border-top: 1px solid #E1E1E1; margin:0; }
.boxMarginalNews > hr { margin: 0.6em 0; }

.buttonBlue { color: #FFF; background-color: #0053AF; border-radius: 6px; padding: 6px 50px 6px 25px; background-image: url(/assets/icons/arrow_white-right.png); 
							background-position: right 15px center; background-repeat: no-repeat; display: inline-block; border: 0px none; font-size: 0.9em; cursor: pointer; }
.buttonBlue.floatRight { float: right; }
img { border: 0px none; }

/*Typo*/
h1, h2, h3, h4, h5, h6 { color: #007B3C; font-weight: 500; line-height: 1.3em; margin-bottom:0.5em; }
h1 { font-size: 1.5em;}
h2 { font-size: 1.3em;}
h3 { font-size: 1.2em;}
h4, h5, h6 { font-size: 1.2em;}

strong { font-weight: 700; }

.textLarge { font-size: 1.2em; line-height: 1.3em; }

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

/*Formulare*/
input[type=text], input[type=password], textarea { padding: 0.75em .75em; font-size: 1em; color: #636363; width: 100%; border: 1px solid #E9E9E9; }
.formGroup { margin-top: .75rem; }
.input-error { border: 1px solid #FF0000 !important; }

/*Content-Elemente*/

	/*Teaser-Boxen*/
	div.contentTeaserContainer { display: -webkit-flex; -webkit-flex-direction: row; display: flex; flex-direction: row; justify-content:space-between; flex-wrap: wrap; margin-top: 20px; }

	div.contentTeaserBox { background-color: #ececec; margin-bottom: 25px; width: 48%; }
	div.contentTeaserBox.fullWidth { width: 100%; }

	.teaserlink {
			display: inline-block;
			padding-top: 0.5em;
	}
	.contentTeaserBox h4 {
			font-size: 1.15em;
			margin-bottom: 0.4em;
	}
	div.contentTeaserBox img { width: 100%; height: auto; }
	div.contentTeaserBox div.contentTeaserText {
			padding: 0.7em 1.2em 1.2em;
	}

	@media screen and (max-width: 500px) {
		div.contentTeaserBox { width: 100%; } 
	}

	/*Regionskarte*/
	div.contentCol.gMap { margin-top: 25px; margin-bottom: 25px; }
	div.contentMarginal.containerGMapIndex { margin-top: 25px; margin-bottom: 25px; }

	div#gMap { height: 640px; }

	div.gMapIndex { background-color: #ececec; padding: 20px; margin-top: 20px; height: 600px; } 
		div.gMapIndex img { width: 32px !important; height: auto; margin-right: 15px; vertical-align: middle; }
		div.gMapIndex a { vertical-align: middle;  }

	table.mapList tr td { font-size: 0.9em; padding: 0 0.5em 0.5em 0; }
	table.mapList tr td:nth-child(2n) { padding-right: 2em; width: 33%; }
	table.mapList tr td a:hover { text-decoration: underline; }

	@media screen and (max-width: 820px) {
		div.contentCol.gMap { margin-bottom: 0.5em; }
	
		div.gMapIndex { height: auto; }
	
		div.gMapIndex table { display: block; }
			div.gMapIndex table tr { display: inline-block; width: 45%;  }
	}

	@media screen and (max-width: 600px) {
		div#gMap { height: 400px; }
	
		table.mapList tr { display: block; }
			table.mapList tr td { display: inline-block; }
			table.mapList tr td:nth-child(n+1) { display: inline-block; width: 10%; }
			table.mapList tr td:nth-child(2n) { display: inline-block; width: 80%; }
	}

/*Tabellen */
td { vertical-align:top; }

table.contenttable {}  
	table.contenttable tr th { background-color: #ECECEC; padding: 5px 10px; }
	table.contenttable tr td { padding: 5px 10px; border-bottom: 1px solid #ECECEC; }

table.newsOverview { border-collapse: collapse; width: 100%; }
	table.newsOverview tr td { border-top: 1px solid #E1E1E1; padding: 15px 20px 15px 0; }

table.vorstand { width: 100%; }
	table.vorstand tr td { border-top: 1px solid #E1E1E1; padding: 15px 20px 15px 0; vertical-align: top; } 
  table.vorstand tr td img { min-width: 110px; max-width: 100%; height: auto; width: auto; }
	table.vorstand tr th { text-align: left; padding: 10px 20px 10px 0; }

table.ausschuss {}
	table.ausschuss tr td { border-top: 1px solid #E1E1E1; padding: 15px 20px 15px 0; vertical-align: top; }

table.verwaltung {}
	table.verwaltung tr td { border-top: 1px solid #E1E1E1; padding: 15px 20px 15px 0; vertical-align: top; font-size: 0.9em !important; line-height: 1.2em; }
	table.verwaltung tr td:nth-child(2n) { padding: 15px 10px 15px 0; }  
	table.verwaltung tr td img { max-width: 140px !important; height: auto; }

table.regionskontor { width: 100%; }
	table.regionskontor tr td { border-top: 1px solid #E1E1E1; padding: 15px 20px 15px 0; vertical-align: top; }
	table.regionskontor tr td:nth-child(2n) { padding: 15px 40px 15px 0; }  
	table.regionskontor tr td img { max-height: 170px; max-width: 200px !important; width: auto !important; }


	table.ratsinfo ul li { margin: 0 !important; margin-bottom: 0.5em !important; float: left; }

/*Ratsinfo*/
table.loginForm { width: 100%; }
	table.loginForm tr td { background-color: #ececec; padding: 1em; }

/*Marginalspalte */

	/*Box*/
	div.boxMarginal { background-color: #ECECEC; margin-bottom: 2em; padding: 2em; }
		div.boxMarginal img { width: 90%; height: auto; margin: 1em 5% 0 5%; }

	@media screen and (max-width: 820px) {
		div.boxMarginal { padding: 1em; }
	}

	/*News*/
	div.boxMarginalNews {
			background-color: #ececec;
			margin-bottom: 2em;
			padding: 2em;
	}
		div.boxMarginalNews .date { font-weight: 700; }

	@media screen and (max-width: 820px) {
		div.boxMarginalNews { padding: 1em; }
	}

	/*Teaser Regationskarte*/
	img.regionskarte { width: 100%; height: auto; margin-bottom: 2em; }

	/*Teaser Newsletter*/
	img.teaserNewsletter { width: 100%; height: auto; margin-bottom: 2em; }

/*Flexslider*/
.flex-direction-nav {
    display: none;
    opacity: 0;
    visibility: hidden;
}
.flexslider {
    border: 0.7em solid #fff;
    margin-bottom: 1.8em;
}

.flexslider li img { height: auto; }

.flex-control-nav {
    bottom: 0.5em;
    z-index: 10000000;
}
.flex-control-paging li a.flex-active {
    background: none repeat scroll 0 0 #007a3f;
    cursor: default;
}
.flex-control-paging li a {
    background: #fff;
		height: 15px;
    width: 15px;
}
.flex-control-paging li a:hover {
	background:#007a3f;
}

/*Media Queries*/
	@media screen and (max-width: 820px) {
		#contentTop img.logo { width: 30%; height: auto; margin: 20px; }
		#search { position: relative; clear: both; width: auto; top: 0; margin: 0px; margin-bottom: 10px; margin-right: 10px; }
			#search input[type=text] { padding: 5px; margin-top: 3px; width: 200px; font-size: 1em;}
			#search img { width: 31px; height: auto; }
	
		#socialLinks { margin-right: 5px; }
	
		a#btnNaviMobile { display: inline; }
			ul#naviContent { display: none; }
 		#contentTop { padding: 0 0 7px 0; }
		#content { margin-top: 0px; padding: 20px 10px 0 10px; }
		#naviBar { display: none; }
	}

	@media screen and (max-width: 1000px) {
		body { font-size: 0.8em; }
	}