/******************RTE****dynamiccss.css**********/
/* Left, center and right alignment of text in paragraphs and cells.*/
p.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, td.align-left { text-align: left; }
p.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, td.align-center { text-align: center; }
p.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, td.align-right { text-align: right; }

/* Two frame examples taken from the example CSS file of CSS Styled Content extension and applied to p and table block elements.*/
p.csc-frame-frame1, table.csc-frame-frame1 { background-color: #EDEBF1; padding: 2px 4px 2px 4px; border: 1px solid #333333; }
p.csc-frame-frame2, table.csc-frame-frame2 { background-color: #F5FFAA; padding: 2px 4px 2px 4px; border: 1px solid #333333; }

/* Bullet styles for unordered lists.*/
ul.component-items { color: #186900; list-style-type: circle; }
ul.action-items { color: #8A0020; list-style-image: url(img/red_arrow_bullet.gif); }

/* Numbering styles for ordered lists.*/
ol.component-items-ordered { color: #10007B; list-style-type: lower-roman; }
ol.action-items-ordered { color: #8A0020; list-style-type: lower-greek; }

/* Three inline text colors taken from the color scheme of CSS Styled Content extension.*/
span.important { color: #111;font-weight:bold; }
span.name-of-person { color: #444; font-weight:bold;}
span.detail { color: #186900; }

/* Selectors for the default configuration of the link accessibity feature.*/
a.external-link {}
a.external-link-new-window {}
a.internal-link {}
a.internal-link-new-window {}
a.download {}
a.mail {}

p.justify{
  text-align:justify;
}
.indent{
  text-indent:1em;
}
a.more{
  text-decoration: none;
}
a.more span{
}

a.back,
.news-single-backlink a{
  text-decoration: none;
}
a.back span, .news-single-backlink span{}

/*-------------------------------
BASIC
---------------------------------*/
a:link, a:visited{
  color:#B24F03;
  text-decoration:none;
  font-weight:bold;
}
a:hover{
  color:#FDA202;
}
a img{
  border:none;
}
botton{
  border:none;
}
 fieldset{
  border:1px solid #698EB7;
}
legend{
  border:1px solid #698EB7;
}
h1{
  color:#698eb7;
  border-bottom:1px solid #e5ebf2;
  font-size:18px;
  margin:5px 0;
}
h2{
  font-size:14px;
  margin:8px 0 5px 0;
  color:#fda202;
}
h3{
  font-size:13px;
  color:#333;
  margin:5px 0;
}
h4,h5,h6{
  font-size:13px;
  margin:5px 0;
  font-weight:normal;
}
ul{
  margin-left:17px;
  list-style: none;
	padding:0;
	margin: 5px 0;
}
ol{
  margin-left:15px;
  list-style: decimal;
	padding:0;
	color:#5B6A7C;
}
ul ul{
  margin-left: 15px;
}
ul ul li{}
ul ul li:before{
  content: "- ";
  margin-left: -8px;
}
p{
  margin:3px 0 5px 0;
}
blockquote {
	margin: 1em 3em;
	color:#5b6a7c;
}
input[type=submit]{
  cursor:pointer;
}
.checkbox {
	display: inline-block;
}
.sr-only{
	display: none;
}
body{
  font-family: 'Droid Sans', sans-serif;
  margin:0;
  font-size:13px;
  color:#151515;
  line-height:140%;
  overflow-x: hidden;
  -webkit-text-size-adjust: none;
}
#wrapper{
  margin: 0 auto;
  background:#fff url(../img/contentBg.gif) repeat-y scroll  0 0;
  overflow: hidden;
}

#wrapper.iframe-container {
	width: 1002px;
	background: none;
}

#wrapper.iframe-container #content {
	width: 1000px;
	height: 5000px;
	border: 1px solid #ccc;
	margin:0;
}
#wrapper.iframe-container #header {
	padding-left: 10px;
}

span.button-blue{
	background:#8bb2d8 url(/fileadmin/templates/img/button_bg.gif) repeat-x left bottom;
	border: 0;
	padding: 2px 8px;
}
span.button-blue a{
  color: #fff;
  font-weight: normal;
}
input.button-blue{
  color:#fff;
  background:#8bb2d8 url(/fileadmin/templates/img/button_bg.gif) repeat-x left bottom;
	border: 0;
	padding: 2px 8px;
}

/* overall responsive fix approach */
@media all and (max-width: 799px) {
	.csc-textpic img {
		max-width: 100%;
		height: auto;
	}
	.csc-textpic-imagewrap {
		width: auto !important;
	}
	input[type=text],
	input[type=password],
	textarea{
		display: block;
		min-height: 30px;
		font-size: 16px;
	  -webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
			  box-sizing: border-box;
		width: 100% !important;
		clear: both;
	}
	input[type=text]:after,
	input[type=password]:after,
	textarea:after{
		display: block;
		content: " ";
		clear: both;
	}
	.go_button img, .go_button input[type=image], img.go_button, input.go {
		display: block;
		margin: 15px 0 15px auto;
		padding: 0 30px;
		height: 30px;
		background: #8ebae9;
		background: -moz-linear-gradient(top,  #8ebae9 0%, #698eb7 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ebae9), color-stop(100%,#698eb7));
		background: -webkit-linear-gradient(top,  #8ebae9 0%,#698eb7 100%);
		background: -o-linear-gradient(top,  #8ebae9 0%,#698eb7 100%);
		background: -ms-linear-gradient(top,  #8ebae9 0%,#698eb7 100%);
		background: linear-gradient(to bottom,  #8ebae9 0%,#698eb7 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ebae9', endColorstr='#698eb7',GradientType=0 );
	}
	ul, ol {
		line-height: 2em;
	}
	.big-link-mobile a {
		display: inline-block;
		width: 60px;
		margin-left: -15px;
		padding-left: 15px;
		white-space: nowrap;
		line-height: 30px;
	}
	
	.dwnld_right_col li {
		padding: 5px !important;
	}
}
/*-------------------------------
HEADER
---------------------------------*/
#header{
  background:#fff url(../img/headerBg.jpg) no-repeat scroll  180px 0;
  position:relative;
}
#header .search_login{
  margin: 7px 0;
}
#entire-header {
	position: relative;
}
@media all and (max-width: 799px) {
	#entire-header{
		position: fixed;
		z-index: 1000;
		top: 0;
		width: 100%;
		height: 50px;
		overflow: hidden;
	  -webkit-transition: height .2s ease; 
		 -moz-transition: height .2s ease; 
		   -o-transition: height .2s ease; 
			  transition: height .2s ease; 
	}
	#entire-header.target {
		height: 100%;
		overflow: auto;
	}
	#header {
		background: #5a6a7c;
		background-image: -moz-linear-gradient(top, #758aa0 0%, #5a6a7c 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#758aa0), color-stop(100%,#5a6a7c));
		background-image: -webkit-linear-gradient(top, #758aa0 0%,#5a6a7c 100%);
		background-image: -o-linear-gradient(top, #758aa0 0%,#5a6a7c 100%);
		background-image: -ms-linear-gradient(top, #758aa0 0%,#5a6a7c 100%);
		background-image: linear-gradient(to bottom, #758aa0 0%,#5a6a7c 100%);
		background-repeat: repeat-x;
		background-size: auto 50px;
		overflow: hidden;
	}
	#header .logo img {
		width: auto;
		height: 50px;
	}
	#entire-header .navbar-toggle {
		position: absolute;
		top: 5px;
		right: 5px;
		display: block;
		float: right;
		width: 40px;
		height: 32px;
		padding-top: 8px;
		border: 1px solid #ccc;
		background-color: #eee;
	}
	#entire-header .navbar-toggle .icon-bar {
		display: block;
		width: 22px;
		height: 2px;
		border-radius: 1px;
		background-color: #666;
		margin: 4px auto 0;
	}
	
	#searchfield, #header .tx-felogin-pi1 > .login, #logout .login {
		border: none !important;
		height: 30px !important;
		background: #5a6a7c !important;
		padding: 0 7px;
	}
	#searchfield, #header .tx-felogin-pi1 > .login a {
		font-size: 13px !important;
		font-weight: bold !important;
	}
	#header .submitbutton, #go_button{
		display: none;
	}
	
	

	body {
		padding-top: 100px;
	}
}
@media all and (min-width: 800px) {
	#entire-header .navbar-toggle {
		display: none;
	}
	#header {
  		padding-bottom: 7px;
	}
	#header .logo{
	  float:left;
	}
	#header .search_login{
	  width:186px;
	  position:absolute;
	  right:0;
	}
	#header #eingabe {
		border:1px solid #698EB6;
		width:284px;
		left:-100px;
		position:absolute;
		z-index:2;
	}
	#eingabe label{
		float:left;
		width:90px;
	}
	#eingabe.header_login .row{
		margin:3px 0;
	}
	#eingabe.header_login input#user,
	#eingabe.header_login input#pass{
		float:left;
	}
	.register_feld_layer{
	  float:left;
	}
	.go_button{
	  float:left;
	}
}
#header .loginwrap{
  position:relative;
}
#header .ajaxsearchformwrap{
  text-align:right;
}
#header .ajaxsearchformwrap form{
  margin: 20px 0 10px 0;
}
#header .ajaxsearchformwrap .submitbutton {
  background: url(../img/input_go.gif) no-repeat scroll 0 0 transparent;
  border: 1px solid #698eb6;
  cursor: pointer;
  height: 19px;
  vertical-align: top;
  width:19px;
  margin-top:-19px;
  float:none;
}
#header .ajaxsearchformwrap input#searchfield{
  border: 1px solid #698eb6;
  border-right:none;
  height:15px;
  width:100%;
}

#header .login{
  background-color:#617081;
  height: 18px;
  line-height:18px;
  border: 1px solid #698eb6;
  position:relative;
}
#header .login a{
  text-decoration:none;
  font-weight:normal;
}
#header .login img{
  border-left: 1px solid #698EB6;
  border-right: 1px solid #698EB6;
  float: right;
  position: absolute;
  right: -1px;
  top: 0;
}
#header .login .title{
  color:#fff;
}
#eingabe {
	background-color: #fff;
}
#eingabe .login{
  background:none;
  border:none;
  height:auto;
  line-height:auto;
  
}
input#user,
input#pass,
input#email{
  height:12px;
  line-height:12px;
  border: 1px solid #698eb6;
  padding:2px;
}
#eingabe form{
	overflow:hidden;
	
}
#eingabe h3{
  margin:5px;
}
#eingabe p{
  margin: 5px;
}
#eingabe form{
  margin: 5px;
}
#eingabe ul.register li {
  padding-left:15px;
  background:transparent url(../img/orange_arrow.gif) no-repeat scroll  0 6px;
  margin:0 5px;
}
/*-------------------------------
NAVI
---------------------------------*/
#headernavi_1{
  width:100%;
  clear: both;
  position: relative;
}
#headernavi_1 ul{
  list-style:none;
  padding:0;
  min-height:34px;
  margin:0;
}
#headernavi_1 ul li a,
#headernavi_1 ul li span{
  padding:0 7px;
  color:#fff;
  text-decoration:none;
  display:block;
  font-size:13px;
  line-height:30px;
  border-right:1px solid #9CA4B0;
}
#headernavi_1 ul li.last a{
  border:none;
}
#headernavi_1 ul li a.active,
#headernavi_1 ul li a:hover{
  background-color:#fda202;
}
#headernavi_1 ul li{
  background-color:#5a6a7c;
}

#headernavi_2{
  overflow:hidden;
  width:100%;
}	
#headernavi_2 ul{
  margin:0;
  padding:0;
  list-style:none;
}
#headernavi_2 ul li a{
  padding:0 15px;
  margin:0;
  border:none;
  display:block;
  color:#fff;
  line-height:30px;
  text-decoration:none;
  background-color:#fda202;
}
#headernavi_2 ul li a.active,
#headernavi_2 ul li a:hover{
  background-color:#C36217;
}
#headernavi_2 ul li:before {
	content: none;
}

@media all and (min-width: 800px) {
	#headernavi_1 > ul > li > a,
	#headernavi_1 > ul > li > span{
		margin-bottom:4px;
	}
	#headernavi_1 > ul > li{
		width: 20%;
 		background:#fff url(../img/naviBg.gif) no-repeat scroll  0 0;
	}
	#headernavi_1 ul li,
	#headernavi_2 ul li{
		float: left;
		text-align: center;
	}
	#headernavi_2{
	  position:absolute;
	  top: 34px;
	  z-index: 1;
	}
}

/*-------------------------------
BREADCRUMB
---------------------------------*/
#breadcrumb{
  margin:10px 10px 20px 10px;
}
@media all and (min-width: 800px) {
	#breadcrumb {
		margin-top: 35px;
	}
}
#breadcrumb span{
  color: #444444;
  font-size: 11px;
}
#breadcrumb ul{
  list-style:none;
  margin:0;
  padding:0;
  display:inline;
}

#breadcrumb ul li{
  background:transparent url(../img/orange_arrow.gif) no-repeat scroll  0 50%;
  padding-left:10px;
  margin-left:5px;
  display:inline;
}
#breadcrumb ul li:first-child{
  background:none;
  padding:0;
}
#breadcrumb ul li a{
  text-decoration:none;
  color:#fda202;
}
#breadcrumb ul li a:hover{
  
}


/*-------------------------------
CONTENT
---------------------------------*/
.t3-element{
  margin-bottom:30px;
}
.t3-element .t3-element{
  margin-bottom:0;
}
#content{
	padding: 0 10px;
}
@media all and (min-width: 800px) {
	#content{
		padding: 0;
	}
}

#content ul li{
  padding-left:14px;
  background:transparent url(../img/orange_square.gif) no-repeat scroll  0 7px;
  color:#5b6a7c;
}
#content ul li ul li{
  background:none;
  padding:0;
}
/*Content-navi*/
#content .contentnavi{
  margin-bottom:20px;
}
#content .contentnavi h2{
  background-color:#fd9c17;
  font-size:14px;
  margin:0;
  padding:3px 0 3px 20px;
  color:#fff;
}
#content .contentnavi h2 a {
  color:#fff;
}
#content .contentnavi ul{
  background-color:#eee;
  margin:0;
  padding:10px 0 10px 20px;
  line-height:20px;
  list-style:none;
}
#content .contentnavi ul li{
  background:transparent url(../img/contentnavi_arrow_right.png) no-repeat scroll 0 7px;
  padding-left:12px;
}
#content .contentnavi ul li.active a{
  text-decoration:underline;
}
#content .contentnavi ul li.active li a{
  text-decoration:none;
}
#content .contentnavi ul li.active.submenue{
   background:transparent url(../img/contentnavi_arrow_bottom.png) no-repeat scroll 0 7px;
}
#content .contentnavi ul li a{
  text-decoration:none;
}
#content .contentnavi ul ul{
  padding:0 0 0 20px;
}

#content .contentnavi ul ul li:before{
  content:"";
  margin:0;
}
#content .contentnavi ul ul li.active a{
  text-decoration:underline;
}

@media all and (max-width: 799px) {
	#content .contentnavi {
		position: fixed;
		z-index: 999;
		top: 50px;
		left: 0;
		width: 100%;
	  -webkit-transition: top .2s ease, height 0s .2s; 
		 -moz-transition: top .2s ease, height 0s .2s; 
		   -o-transition: top .2s ease, height 0s .2s; 
			  transition: top .2s ease, height 0s .2s; 
	}
	#content .contentnavi h2 {
		padding: 0;
	}
	#content .contentnavi h2 a {
		display: block;
		padding: 5px;
	}
	#content .contentnavi.target {
		top: 0px;
		height: 100%;
		z-index: 1000;
	  -webkit-transition: top .2s ease; 
		 -moz-transition: top .2s ease; 
		   -o-transition: top .2s ease; 
			  transition: top .2s ease; 
	}
	#content .contentnavi > ul {
		position: absolute;
		left: 100%;
		width: 100%;
		height: 100%;
		overflow: auto;
	  -webkit-transition: left 0.2s ease; 
		 -moz-transition: left 0.2s ease; 
		   -o-transition: left 0.2s ease; 
			  transition: left 0.2s ease; 
	}
	#content .contentnavi.target > ul{
		left: 0%;
	}
	#content .contentnavi,
	#content .contentnavi ul li {
		line-height: 2em
	}
}


/*-------------------------------
FOOTER
---------------------------------*/
#footer{
   background:transparent url(../img/footerBg.jpg) no-repeat scroll  0 0;
   height:93px;
   width:100%;
   overflow:hidden;
   text-align: center;
}
#footer ul.navi {
  padding-top: 5px;
	display: inline-block;
  list-style:none;
  text-align: center;
}
#footer ul.navi li {
  display: inline-block;
  margin: 0 10px;
}
#footer ul.navi li a {
  text-decoration:none;
  color:#687888;
}
@media all and (min-width: 800px) {
	
	#footer ul.navi {
	  padding-top: 40px;
	}
}

/*------------------------------
FCE
-------------------------------*/
.teaserbox,
.contactbox{
  border: 1px solid #E5EBF2;
  background:#EEEEEE;
}
.teaserbox .content,
.contactbox div{
  padding:5px 10px;
}
.teaserbox h3,
.contactbox h3{
  background:#617182;
  color:#fff;
  margin:0;
  padding:4px 10px;
}
.teaserbox h3 a{
  color:#fff;
}

.contactbox span[itemprop=name]{
  font-weight:bold;
}

.fce-homepagebox{
  background: transparent url("../img/fce-homepageboxBg.jpg") no-repeat scroll 0 0;
  width:100%;
  height:180px;
  overflow:hidden;
  margin-left:-10px;
  padding: 0 10px;
  position:relative;
}
.fce-homepagebox-content{
  margin: 10px 5px 5px 590px;
}
/*------------------------------
TYPO3-Elemente
-------------------------------*/
.csc-textpic-caption {
  background-color: #DDE6F5;
  font-size:10px;
  padding: 4px 10px;
  line-height:12px;
}
.imageshadow .csc-textpic img{
  -webkit-box-shadow:3px 3px 3px #617182; /* webkit browser*/ 
  -moz-box-shadow:3px 3px 3px #617182; /* firefox */ 
  box-shadow:3px 3px 3px #617182;
}
.imageshadow .csc-textpic-caption{
  display:none;
}
/* Tabelle */
.contenttable {
  width:100%;
}
.contenttable.numbers-look td,
.contenttable.numbers-look th{
  text-align:right;
}
.contenttable.numbers-look td.td-0,
.contenttable.numbers-look th.td-0{
  text-align:left;
}
#wrapper th{
  background-color:#FD9C17;
  color:#fff;
  font-weight:normal;
  text-align:left;
  padding:0 4px;
}
#wrapper td{
  padding:7px 4px;
}
.tr-odd {
  background:#fff;
  height:24px;
}
.tr-even {
  height:24px;
  background-color:#FFEBD2;
}

li.csc-textpic-image{
  padding:0 !important;
  background:none !important;
}
/*----------------------------------
PLUGINS
-----------------------------------*/

/**************NEWS****************/
.news-latest-item,
.news-list-item{
  margin:20px 0;
}
.news-latest-item h3,
.news-list-item h3{
  margin:0 0 5px 0;
}
.news-latest-item img,
.news-list-item img{
  float:left;
  margin: 8px 20px 10px 0;
}
.news-latest-morelink,
.news-list-morelink,
.news-latest-gotoarchive{
}
.news-latest-morelink a,
.news-list-morelink a,
.news-latest-gotoarchive a{
}
.news-latest-date,
.news-list-date{
  font-size:11px;
  color:#444;
}

.showResultsWrap{
  font-size:11px;
}
.browseLinksWrap{
  font-size:11px;
}
/*******DOWNLOAD-CENTER**********/
#downloadsearch fieldset{
  border:1px solid #698EB7;
  background-color: #F5FAFE;
}
#downloadsearch fieldset legend{
  color:#FDA202;
  font-size:13px;
  font-weight:bold;
}
#downloadsearch .dwnld_right_col ul{
  list-style:none;
  margin:0;
  padding:0;
  float:left;
}
#downloadsearch .dwnld_right_col input[type=text]{
  border:1px solid #698EB7;
}
#downloadsearch .dwnld_right_col select{
  border:1px solid #698EB7;
}
#downloadsearch .dwnld_right_col li{
  float:left;
  margin:0;
  padding:0;
  background:none;
  border:1px solid #698EB7;
  margin:0 5px 5px 0;
  border-radius:3px;
  padding:1px 3px;
  line-height:12px;
  font-size:12px;
}
#downloadsearch .dwnld_right_col li input{
  margin:0;
  padding:0;
  border:0;
}
#downloadsearch label.fixed{
  float:left;
  width:140px;
  margin:7px 20px 7px 0;
  font-weight:bold;
}

#downloadsearch search_button{}

#downloadsearchresults .pager a.active{
  font-weight:bold;
  color:#151515;
}
@media all and (max-width: 799px) {
	#downloadsearchresults .pager a{
		display: inline-block;
		font-size: 1.2em;
		padding: 1px;
		padding-left: 15px;
		margin-left: -15px;
		width: 2em;
		line-height: 1.5em;
	}
}
#downloadsearchresults table.compact tr{
  vertical-align:top;
}
#downloadsearchresults table.compact td span{
  color:#B24F03;
}
#downloadsearchresults table.compact a{
  
}
#downloadsearchresults table.compact td{
  padding:4px 4px;
}
#downloadsearchresults table.compact p{
  margin:0;
}
#downloadsearchresults table.compact tr.read a{
  color:#408CB3;
}
.tx-pagebrowse li{
  background:none !important;
  padding:0 !important;
  margin: 0 2px !important;;
}
/*******KZV-Handbuch**********/
.tx-hnpdfdownload-pi1 .title ul{
  margin:0 !important;
}
.tx-hnpdfdownload-pi1 .title ul li{
  background:none !important;
  padding:0 !important;
}

.tx-hnpdfdownload-pi1 .chapter h1{
  background:#fff6eb;
  border:none;
  padding:5px 2px;
  margin-bottom:10px;
}
.tx-hnpdfdownload-pi1 .kapitel_text {
  font-size: 15px;
  padding: 2px;
  font-weight:normal;
}
.tx-hnpdfdownload-pi1  span.number{
  color: #333333;
  font-size: 12px;
  font-weight: normal;
}
.tx-hnpdfdownload-pi1 .kapitel_text span.number{
  display: inline-block;
  text-align: right;
  width: 60px;
}
.tx-hnpdfdownload-pi1 .kapitel_pdf {
    float: right;
}
.tx-hnpdfdownload-pi1 .leaf{
  margin-left:15px;
}
.tx-hnpdfdownload-pi1 .leaf span{
  color:#333;
}
.tx-hnpdfdownload-pi1 .leaf a{
  font-weight:normal;
}
/******KZV-Handbuch******/
.tx-hnpdfdownload-pi1 ul li:before{
  content:"";
  margin-left: 0px;
}
/************Notdinst***************/
.notdienst{
  width:460px;
  float:left;
}
.notdienst.nextday{
  width:100%;
}
.notdienst.nextday .notdienst-eintrag-bezirk{
  font-weight:bold;
}
.notdienst .morelinkwrap{}
#notdienstGoogleMap{
  width:460px;
  float:right;
}
.notdienst-eintrag-bezirk {
    position:relative;
}
.notdienst-eintrag-bezirk .barrierefrei{
    position:absolute;
    right:-20px;
}
.link-private-page{
    position:absolute;
    right: 0;
    top:5px;
    z-index:5;
}
.link-private-page a{
    font-weight:normal;
    font-style:italic;
}