html, body {
	height: 100%;
}


/* ---- Reset ---- */

div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td    

{margin: 0; padding: 0}

img {border: none}

body {
	background-color: #E3D5B1;
	margin: 0;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	font-size: .8em;
	color: #003867;
	-webkit-text-size-adjust: none;
}



h2 {margin: -1em 0 0.8em 0}

h3 { margin-top: 0.3em}

blockquote {margin-left: 17px}

/* * {border: 1px solid #000}  */

*, *:before, *:after {
	-webkit-box-sizing: border-box;  /* Chrome 9-, Safari 5-, iOS 4.2-, Android 3-, Blackberry 7- */
	-moz-box-sizing: border-box;  /* Firefox (desktop or Android) 28- */ 
	box-sizing: border-box;  /* Firefox 29+, IE 8+, Chrome 10+, Safari 5.1+, Opera 9.5+, iOS 5+, Opera Mini Anything, Blackberry 10+, Android 4+ */
}


/* wrapper
 ----------------------------------------------- */

#wrapper {
	position:relative;
	min-height:100%;
	background: #fff;
	width: 100%;
}

@media (min-width: 994px) {
	#wrapper {
		margin: 0 auto;
		max-width: 994px;
	}

}


/* header
 ----------------------------------------------- */

#header {
    position: relative;
	margin: 0;
	width: 100%;
	height: 115px;
	background: url(../img/header-bdd-480.jpg) no-repeat  #fff top right;
}

@media (min-width: 480px) {
	#header {
        background: url(../img/header-bdd-600.jpg) no-repeat  right -2px #fff;
	}
}



@media (min-width: 768px) {
	#header {
		height: 125px;
        background: url(../img/header-bdd-768.jpg) no-repeat  right -30px #fff;
	}
}


@media (min-width: 942px) {
	#header {
		height: 225px;
        background: url(../img/header.jpg) no-repeat  right -30px #fff;
	}
}


#logo {
	position: absolute;
	top: 25px;
	left: 10px;
	width: 168px;
	height: 80px;
	background: url(../img/logo.gif) no-repeat;
	background-size: 100%;
}

#logo a {
    display: block;
	width: 150px;
	height: 75px;
}



@media (min-width: 942px) {
#logo {
	top: 58px;
	left: 52px;
	width: 221px;
	height: 95px;
	background-size: auto;
}

#logo a {
    display: block;
	width: 221px;
	height: 95px;
}

}


img.print {display: none}

/* metanav
 ----------------------------------------------- */

#metanav {
	position: absolute;
	right: 120px;
	top: 17px;
	font-size: 89%;
	color: #003768;
	z-index: 1000
}

@media (min-width: 480px) {
    #metanav {
        right: 158px
    }
}

#metanav ul li {
	float: left;
	list-style: none

}

#metanav a {
    display: block;
	padding: 0 3px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	border-right: 1px solid #fff;
	line-height: 0.8em
}

@media (min-width: 480px) {
    #metanav a {
        padding: 0 6px;
    }
}

@media (min-width: 942px) {
	#metanav a {
		color: #727272;
		border-right: 1px solid #000;
	}
}

#metanav li.last a {border: none}

#metanav a:hover {
	text-decoration: underline;
	color: #ccc;
}

#metanav-txt {
	float: left;
}


#metanav li.last a {
	display: block;
	margin-left: 7px;
	text-indent: -9999px;
	width: 15px !important;
	height: 11px !important;
	background: url(../img/ukflag.gif) no-repeat;
}





/* search
 ----------------------------------------------- */

#search {
	position: absolute;
	right: 10px;
	margin-top: 13px;
	color: #C5E4F3;
	font-size: 89%;
	z-index: 1
}

@media (min-width: 480px) {
    #search {
        right: 10px;
    }
}

.search_wrap {
    float: right;
    padding-top: 0;
}



#search input.tx-indexedsearch-searchbox-sword {
	margin-left: 10px;
	margin-right: 0;
    width: 50px;
    height: 19px;
    border: none;
	font-family: arial, helvetica, sans-serif;
	padding: 2px 0 1px 3px;
	color: #727272;
	background: url(../img/input-text-sm-bg.gif) no-repeat transparent center;
	text-indent: 3px;
}

@media (min-width: 480px) {
    #search input.tx-indexedsearch-searchbox-sword {
        width: 90px;
        background: url(../img/input-text-bg.gif) no-repeat transparent center;
    }
}



#search input.tx-indexedsearch-searchbox-button {
	margin-left: 5px;
	position: relative;
	/*top: -1px;
	padding: .1em .2em;*/
    background: url(../img/input-sm-bg.gif) no-repeat ;
    color: #727272;
    border: 1px solid transparent;
    font-size: 96%; 
    margin-top: 0;
    padding: 0;
    height: 21px;
    width: 43px;
    cursor: pointer
}

@media (min-width: 768px) {
	#search input.tx-indexedsearch-searchbox-button {
    	background: url(../img/input-bg.gif) no-repeat ;
    	width: 28px;
	}
}

.tx-indexedsearch-searchbox-sword02 {
	color: red
}



/* language
 ----------------------------------------------- */

#language {
    float: right;
    margin-top: 7px;
    margin-right: 17px;
    width: 20px;
    height: 20px
}



/* breadcrumb
 ----------------------------------------------- */

#breadcrumb {
	position: absolute;
	left: 215px;
	top: 1px;
	font-size: 89%;
	color: #535353;
	height: 20px;
}


#breadcrumb a {
	overflow: hidden;
	text-decoration: none;
	color: #535353;
}

#breadcrumb a:hover {
	text-decoration: underline;
}


/* layout
 ----------------------------------------------- */
 #main, #contentsection {width: 100%}
 
 #main {padding: 0 0 10px 0}

 #contentmain, #contenttop {
 	padding: 0 15px;
 }

@media (min-width: 760px) and (max-width: 840px) {
 #contenttop {width: 97.9%}
 }

 #contentright {
 	line-height: 130%
 }

@media (min-width: 620px) {
 	#contentright {
 		font-size: 89%
 	}
}

 #contentmain > div {
 	overflow: hidden;
 }

 @media (min-width: 758px) {
 	#main {padding: 0 0 340px 0}
 }
 
 @media (min-width: 758px) {

    #main {
        overflow: hidden;
	    position: relative;
	    padding: 20px 15px 380px 15px ;
    }

    #contentmain, #contenttop {
 		padding: 0;
	 }
}

@media (min-width: 994px) {

    #main {
        overflow: hidden;
	    position: relative;
	    padding: 20px 20px 380px 20px ;
    }
   }

 @media (max-width: 840px) {
    #subnav {
    	display: none;
    }
}

#subnav {
	position: relative;
	width: 26%;
	max-width: 212px;
	/*float: left;
	margin-right: 17px;*/
	overflow: hidden;
	padding-bottom: 10px;
}

@media (min-width: 620px) {
.contentwrapper {
    float: left;
    width: 100%;
}

#contentmain {
    float: left;
    width: 67%;
}

#contentmain.content-100 {
	width: 100%
}

#contentright {
	padding-right: 15px;
    float: right;
    width: 30%;
    }
    
}

@media (min-width: 715px) {
#contentright {
	max-width: 200px;
	}
}

@media (min-width: 720px) {
	#contentmain {
	width: 68%;
	}
}

@media (min-width: 840px) {
	.contentwrapper {
    float: right;
    width: 70%;
	}

	#contentmain {
		padding-left: 0
	}

	#subnav {
		margin-left: 0
	}
}

@media (min-width: 860px) {
	#contentright {
		padding-right: 0
	}
}

@media (min-width: 920px) {
    .contentwrapper {
        width: 73%;
    }
   }


@media (min-width: 996px) {
    .contentwrapper {
        width: 74%;
    }

    #contentmain {
        width: 70%;
    }
   
}





/* leftcol - Content
 ----------------------------------------------- */
#contentmain p.bodytext > img {
		max-width: 100%;
		height: auto !important
	}




@media (min-width: 530px) {
	#contentmain p.bodytext > img {
		max-width: inherit;
	}
}

@media (min-width: 615px) {
	#contentmain p.bodytext > img {
		max-width: 100%;
	}
}


@media (max-width: 720px) {
	#contentmain p.bodytext > img {
		/*width: 100% !important;
		height: auto !important;
		border: 1px solid green;*/
	}
}

/* Top - Content
 ----------------------------------------------- */
#contenttop p.bodytext > img {
		max-width: 100%;
		height: auto !important
	}




@media (min-width: 530px) {
	#contenttop p.bodytext > img {
		/*max-width: inherit;*/
	}
}

@media (min-width: 615px) {
	#contenttop p.bodytext > img {
		max-width: 100%;
	}
}


@media (max-width: 720px) {
	#contenttop p.bodytext > img {
		/*width: 100% !important;
		height: auto !important;
		border: 1px solid green;*/
	}
}



/* Subnav
 ----------------------------------------------- */

ul#subnavlist1 {
	
}

ul#subnavlist1 li {list-style: none}


ul#subnavlist1 li a:link, ul#subnavlist1 li a:visited {
	display: block;
	padding: 5px 3px 5px 7px;
	width: 212px;
	font-size: 100%;
	color: #003867;
	text-decoration: none;
	border-bottom: 1px solid #CAAE69;
	outline: none
	/*background: url(../img/subnav_bg.gif) repeat-x left bottom #fff;*/
}

ul#subnavlist1 li a:hover {
	font-weight: normal;
	color: #949494
}

ul#subnavlist1 li a.active-in,
ul#subnavlist1 li a.active-out {
	padding-left: 15px;
	background: url(../img/subnav_bg.gif) no-repeat 1px 8px ;
	font-weight: bold;
	width: 195px
}

ul#subnavlist1 li a.active-out {border-bottom: none}

ul#subnavlist1 li.last a {border-bottom: none}


ul#subnavlist2 {margin-bottom: 3px}ul#subnavlist2 li {list-style: none}

ul#subnavlist2 li a:link, ul#subnavlist2 li a:visited {
	display: block;
	padding: 4px 3px 4px 17px;
	width: 190px;
	font-size: 95%;
	color: #666 /*949494*/;
	text-decoration: none;
	background: none; 
	border-bottom: 1px solid #E4D5B4
}

  ul#subnavlist2 li.last a {border-bottom: 1px solid #E4D5B4; padding-bottom: 5px;} 
  ul#subnavlist2 li.last a:hover {background-image: none}



ul#subnavlist2 li a:hover, ul#subnavlist2 li.last a:hover {
	color: #003867;
	background: url(../img/subnav_lv2_bg.gif)  no-repeat 4px 7px #fff;
	
}




ul#subnavlist2 li a.active-in {background: url(../img/subnav_lv2_bg.gif)  no-repeat 4px 7px #fff; font-weight: normal; color: #003867;}
ul#subnavlist2 li.last a.active-in {background: url(../img/subnav_lv2_bg.gif)  no-repeat 4px 7px #fff; font-weight: normal; color: #003867}
ul#subnavlist2 li a.active-out {background: url(../img/subnav_lv2_bg.gif)  no-repeat 4px 7px #fff; font-weight: normal; color: #003867; border-bottom: none}

ul#subnavlist3 li a:link, ul#subnavlist3 li a:visited {
	display: block;
	width: 180px;
	padding: 3px 3px 3px 25px;
	font-size: 95%;
	color: #535353;
	text-decoration: none;
	background: none ;
	border-bottom: none;
	line-height: 1.2}

ul#subnavlist3 li a:hover {
	font-weight: normal;
	background: url(../img/subnav_lv3_bg.gif)  no-repeat 13px 7px #fff;
	color: #003768
}

ul#subnavlist3 li a.active-in {background: url(../img/subnav_lv3_bg.gif)  no-repeat 13px 7px #fff; font-weight: bold; color: #003867}
ul#subnavlist3 li.last a.active-in {background: url(../img/subnav_lv3_bg.gif)  no-repeat 13px 7px #fff; font-weight: bold; color: #003867}
ul#subnavlist3 li a.active-out {background: url(../img/subnav_lv3_bg.gif)  no-repeat 13px 7px #fff; font-weight: bold; color: #003867}


ul#subnavlist3 li.last a {
}

ul#subnavlist3  {display: block;padding-bottom: 0.4em;border-bottom: 1px solid #E4D5B4;}





/* teaser infoboxen
 ----------------------------------------------- */

.teaserhome {
	overflow: hidden;
	margin-bottom: 8px;
	background: #DFDFDD
}

.teaserhome h3 {
	padding: 4px 0 4px 8px;
	font-weight: bold;
	color: #fff;
	background: #B9B8B4;
}


.teaserhome p {
	padding: 4px 8px 8px 0;
	overflow: hidden;
}

.teaserhome a:link, .teaser1 a:visited {
	padding-top: 4px;
	color: #4C93D3; 
	font-weight: bold; 
	display: block;
	text-decoration: none
}

.teaserhome a:hover {text-decoration: underline}


.teaserhome img {float: left; padding: 5px 5px 5px 5px; border: none; overflow: hidden;}



/* teaser2
 ---------------- */


.teaserglobal {
	overflow: hidden;
	margin-bottom: 8px;
	border-bottom: 1px solid #B9B8B4;
	border-left: 1px solid #B9B8B4;
}

.teaserglobal h3 {
	padding: 4px 0 4px 8px;
	font-weight: bold;
	color: #fff;
	background: #B9B8B4;
}


.teaserglobal p {
	padding: 8px;
	overflow: hidden;
	
}

.teaserglobal a:link, .teaserhome a:visited {
	padding-top: 4px;
	color: #4C93D3; 
	font-weight: normal; 
	text-decoration: underline
}

.teaserglobal a:hover {text-decoration: none}


.teaserglobal img {float: left; padding: 5px; border: none; overflow: hidden;}



/* teaser-blau */
div.csc-frame-invisible {
	padding: 20px 15px 15px 15px;
	margin-bottom:20px;
	background:  #003867;
	color: #fff
}
@media (min-width: 645px) {
	div.csc-frame-invisible {
		background: url(../img/teaser-blau.gif) no-repeat bottom left #003867;
	}
}

div.csc-frame-invisible h3 {
	font-size: 140%;
	font-weight: normal
}

div.csc-frame-invisible h4 {
    color: #fff;
    margin-bottom: 0.5em
}

div.csc-frame-invisible a {color: #fff}


div.csc-textpic-imagewrap {margin-bottom: 8px}

div.csc-frame-invisible a.download {
    background: url(/fileadmin/templates/img/download-weiss.gif) no-repeat scroll left center transparent
}

div.csc-frame-invisible a.external-link {
    background: url(/fileadmin/templates/img/external_link-weiss.gif) no-repeat scroll left center transparent;
    display: inline;
    padding-left: 11px;
}
div.csc-frame-invisible a.external-link-new-window {
    background: url(/fileadmin/templates/img/external_link_new_window-weiss.gif) no-repeat scroll left center transparent;
}

div.csc-frame-invisible a.internal-link-new-window {
    background: url(/fileadmin/templates/img/internal_link_new_window-weiss.gif) no-repeat;
}


/* teaser-gold */

div.csc-frame-rulerBefore {
	padding: 15px;
	margin-bottom:20px;
	background:  #CAAE69;
	color: #fff;
}

@media (min-width: 645px) {
	div.csc-frame-rulerBefore {
		background: url(../img/teaser-gold.gif) no-repeat bottom left #CAAE69;
	}
}

div.csc-frame-rulerBefore h1 , div.csc-frame-rulerBefore h3 {color: #fff; font-size: 140%; font-weight: normal}
div.csc-frame-rulerBefore a {color: #fff}

div.csc-frame-rulerBefore h4 {color:#fff; font-weight: bold }

div.csc-frame-rulerBefore a.download {
    background: url(/fileadmin/templates/img/download-weiss.gif) no-repeat scroll left center transparent
}

div.csc-frame-rulerBefore a.external-link {
    background: url(/fileadmin/templates/img/external_link-weiss.gif) no-repeat scroll left center transparent;
}
div.csc-frame-rulerBefore a.external-link-new-window {
    background: url(/fileadmin/templates/img/external_link_new_window-weiss.gif) no-repeat scroll left center transparent;
}

div.csc-frame-rulerBefore a.internal-link-new-window {
    background: url(/fileadmin/templates/img/internal_link_new_window-weiss.gif) no-repeat;
}

/* teaser-gruen */

div.csc-frame-rulerAfter {
	padding: 15px;
	margin-bottom:20px;
	background: #68AD45;
	color: #fff
}
@media (min-width: 645px) {
	div.csc-frame-rulerAfter {
		background: url(../img/teaser-gruen.gif) no-repeat bottom left #68AD45;
	}
}


div.csc-frame-rulerAfter h1 , div.csc-frame-rulerAfter h3, div.csc-frame-rulerAfter a {color: #fff}

div.csc-frame-rulerAfter a.download {
    background: url(/fileadmin/templates/img/download-weiss.gif) no-repeat scroll left center transparent
}

div.csc-frame-rulerAfter a.external-link {
    background: url(/fileadmin/templates/img/external_link-weiss.gif) no-repeat scroll left center transparent;
}

div.csc-frame-rulerAfter a.external-link-new-window {
    background: url(/fileadmin/templates/img/external_link_new_window-weiss.gif) no-repeat scroll left center transparent;
}

div.csc-frame-rulerAfter a.internal-link-new-window {
    background: url(/fileadmin/templates/img/internal_link_new_window-weiss.gif) no-repeat;
}

/* teaser-gold-small */

div.csc-frame-indent {
	padding: 15px 15px 30px 15px;
	margin-bottom:20px;
	border-bottom: 1px solid #CAAE69;
}
@media (min-width: 645px) {
	div.csc-frame-indent {
		background: url(../img/teaser-line-gold.gif) no-repeat bottom left #fff;
		border-bottom: none;
	}
}

div.csc-frame-indent h3 {color: #003867; font-size: 140%;font-weight: normal; margin-bottom: 0.4em}

/* teaser-gruen-small */

div.csc-frame-indent3366 {
	padding: 15px;
	margin-bottom:20px;
	border-bottom: 1px solid #68AD45;

}

@media (min-width: 645px) {
	div.csc-frame-indent3366 {
		background: url(../img/teaser-line-gruen.gif) no-repeat bottom left #fff;
		border-bottom: none;
	}
}

div.csc-frame-indent3366 h3 {color: #003867; font-size: 140%;font-weight: normal; margin-bottom: 0.4em}


/* teaser-blau-small */

div.csc-frame-indent6633 {
    padding: 15px;
	/*padding: 5px 15px 15px 15px;*/
	/*margin-bottom:20px;
	background: url(../img/teaser-line-blau.gif) no-repeat bottom left #fff;*/
}

div.csc-frame-indent6633 h3 {color: #003867; font-size: 140%; font-weight: normal ;margin-bottom: 0.4em}




/* teaser bunte weltl */

div.csc-frame-frame1 {
	padding: 10px;
	/*margin-bottom:20px;
	background: url(../img/teaser-line-blau.gif) no-repeat bottom left #fff;*/
}

div.csc-frame-frame1 h3 {color: #003867; font-size: 140%; margin-bottom: 0.3em; font-weight: normal}

div.csc-frame-frame1 h4 {
	margin-bottom: 0.3em;
	font-weight: bold;
	color: #6CA524
}

div.csc-frame-frame1 a {
	color: #6CA524
}

#contentright div.csc-frame-frame1 li {
	padding-left: 1.5em;
	padding-bottom: 3px;
	background: url(../img/listpunkt-bunte-welt.gif) no-repeat 0 0.6em #fff;
}
    
#contentright ul li {
    padding-bottom: 1px !important
}
 
 
#contentright ul ul {
    margin-top: 0.1em !important;
    margin-bottom: 0.1em !important
}

@media (max-width: 645px) {#contentright div.csc-default {
		padding-left: 15px
	}
}




/* sitemap
 ----------------------------------------------- */

div.sitemap .sm-rubriklink {
	display: block; 
	padding: .2em 0 .3em .7em;
	margin-bottom: .5em;
	font-weight: bold;
	background-color: #EFEFEF; 
}

div.sitemap li.sm-rubriklist {
	margin: 0 0 1em 0;
	background-image: none;
}

#contentmain div.sitemap ul {
	margin: 1em 0 .7em 0;
	padding-left: 12px;
	list-style: none;
	}	

#contentmain div.sitemap ul li {
	padding: 0 0 4px 12px;
	background: none;
	}

#content div.sitemap ul ul {
	margin: .3em 0 .3em 0;
	padding-left: 11px;
	list-style: none;
	}	

#content div.sitemap ul ul li {
	padding: 0 0 4px 16px;
	line-height: 1.4em;
	background: url(../img/listpunkt_content.gif) 0px 2px no-repeat;
}

/* misc
 ----------------------------------------------- */

.clear {
	clear:both;
	height:0;
	padding:0;
	border:0;
	margin:0;
	font-size:0;
	line-height:0;
}

.linktotop {
    font-size: 89%;
}

#leftcol-1 {
	position: relative;
	margin: 30px 0 0 10px;
	width: 180px;
	font-size: 89%;
	line-height: 120%;
}

	
/* footer
 ----------------------------------------------- */

#footer {
    position: relative;
    overflow: hidden;
	width: 100%;
	background: #CAAE69
} 

@media (min-width: 758px) {
	#footer {
	    position: absolute;
	    bottom: 0;
	    padding-top: 80px;
		max-width: 994;
		background: url(../img/footer-bg.gif) no-repeat #CAAE69 top right
	}

}

* html #footer {
	bottom: -1px; /* ie 1px bottomgap */
}




div#footersitemap {
	
	margin-top: 40px;
	padding-left: 15px;
	margin-bottom: 20px
}

div#footersitemap > div {
	margin-bottom: 15px;
}

#c4881 {
	display: none;
}

@media (min-width: 758px) {
	div#footersitemap {
		float: left;
		width: 70%;
		margin-top: 0;
		/*border: 1px solid green;*/
	}

	div#footersitemap > div {
		float: left;
		margin-right: 10%
	}


	#c4881 {
		float: none;
		clear: both;
		display: block;
	}
}

@media (min-width: 980px) {
	#c4881 {
		float: left;
		clear: none;
	}

	div#footersitemap {
		padding-left: 25px
	}
}

div#footersitemap a {
	color: #fff;
	text-decoration: none
}

div#footersitemap a:hover {
	color: #003867;
	text-decoration: underline
}

div#footersitemap p {
	margin-bottom: 0.3em;
	color: #fff;
	line-height: 1.55
}

div#footersitemap ul li {
	list-style: none;
	padding-left: 1em;
	padding-bottom: 0.35em;
	background: url(../img/footer-listpunkt.gif) no-repeat 0 0.5em
}






div#footer-sozials-wrap {
	width: 200px;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 30px;
	padding-left: 15px;
}

@media (min-width: 758px) {
	div#footer-sozials-wrap {
	float: right;
	}
}

div#footersozials {
	margin-bottom: 10px
}

div#footersozials ul li {
	list-style: none; 
	padding-bottom: 4px}

div#footersozials ul li a {color: #fff; text-decoration: none; display: block; padding: 0.25em 0 0.25em 2.04em;}
div#footersozials ul li a:hover {color: #003867;text-decoration: underline}



li.fs_contact a {
	background: url(../img/fs-ic-contact.png) no-repeat 0 0.3em
}

li.fs_tip a {
	background: url(../img/fs-ic-tip.png) no-repeat 0 0.3em
}

li.fs_print a {
	background: url(../img/fs-ic-print.png) no-repeat 0 0.3em
}

li.fs_docs a {
	background: url(../img/fs-ic-docs.png) no-repeat 0 0.3em
}

li.fs_rss a {
	background: url(../img/fs-ic-rss.png) no-repeat 0 0.3em
}

div#footersozials ul li.fs_mob a {
	padding-left: 0
}

@media (min-width: 758px) {
	li.fs_mob {
		display: none;
	}
}


 div#footer table {max-width: 382px; color: #fff}
div#footer table td {padding: 2px}
div#footer table td p {padding: 0; margin: 0;color: #fff}


div#footer h1 {display: none}

/* -------- Galerie ----------- */




table#pg-outer {width: 100%} 


table#pg-outer tr td {padding: 10px; vertical-align: top}


table#pg-outer td {border: 1px solid #ccc; padding: 10px; width: 33%}


td.pg-inner-pic {border: none !important}
td.pg-inner-txt {border: none !important}


p.pg-pager {padding-left: 10px}



div.pg-singleview-pager {margin: 20px 0;}


div#pg-singleview {}

div#pg-singleview {
    margin:0 auto;
    padding:0;
    text-align:center;
    width:500px;
}

div.tx-photographiclibrary-pi1 {width: 550px; }





/* Kontakte
 ----------------------------------------------- */
 
 fieldset {
     margin: 0;
     padding-top: 20px;
     
     border: 1px solid #CAAE69;
     border-bottom: none;
     background:   #fff    /* #F9F9F9 */
 }


 
div.field {
    margin-bottom: 8px
} 
 
div.field label.left {
    display: block;
    float: left;
    padding-right: 30px;
    width: 150px;
    text-align: right
}
 
 
span.opt {color: #cc3300}
 
 span.mailsent {color: #D02E21; font-weight:bold}
 
 input.input_text {
    width: 300px;
    height: 16px;
    border: 1px solid #ccc;
    background: #E5EBF0
 }
 
div.error {
    background: #ededed; 
    margin: 0;
    padding-bottom: 5px;
    padding-left: 190px}


  @media (max-width: 767px) {
  
  	div.error {
  		left: 130px !important
  	}
  } 

 p.error {margin: 0;padding: 0}
 
 p.pflichtfelder {
    padding-left: 185px; 
    font-size: 89%
 }
 
 
 div.sent {
 overflow: hidden;
    padding-left: 180px;
    padding-bottom: 10px;
    height: 33px;
    background: #fff;
    border: 1px solid #CAAE69;
    border-top: none
 }
 
 div.sent input.submit {
    border: 1px solid #ccc;
    width: 120px;
    padding: 2px;
    text-align: center;
    color: #fff;
    font-size: 11px;
    background: #CAAE69;
    display: block;
    float: left;
    cursor: pointer;
    text-decoration: none;
    margin-right: 20px
    
 }
 
 div.sent input.submit_hover {
    border: 1px solid #ccc;
    width: 120px;
    padding: 2px;
    text-align: center;
    color: #fff;
    font-size: 11px;
    background: #003867;
    display: block;
    float: left;
    cursor: pointer;
    text-decoration: none;
    margin-right: 20px
 }
 
 textarea.text {
    width: 300px;
    height: 60px;
    border: 1px solid #ccc;
    background: #fff
    
 }
 
  textarea.text_wide {
    width: 300px;
    height: 90px;
    border: 1px solid #ccc;
    background: #E5EBF0;
    font-family: arial, helvetica, sans-serif;
	font-size: 95%;
    
 }
 
 
 input.check {
    width: auto;
    border: 1px solid #ccc;
    background: #fff
 }
 
 @media (max-width: 994px) {
 	fieldset {
 	padding-left: 15px;
     padding-right: 15px;
 	}

 	div.field label.left {
    	display: block;
    	float: none;
    	padding-right: 30px;
    	width: 100%;
    	text-align: left
	}

	input.input_text {
    	width: 100%;
    	height: auto;
    	padding: 5px;
    	border: 1px solid #ccc;
    	background: #E5EBF0
 	}

 	textarea.text_wide {
    	width: 100%;
    	height: 90px;
    	
    
 	}

 	 p.pflichtfelder {
    	padding-left: 0; 
    	
 	}

 	div.sent {
 		overflow: hidden;
    	padding-left: 15px;
    	margin-bottom: 20px
 	}
 
 
 }
 
 /* Startseite */
 
 
 div#contenttop.hp-ct-top {
 	float: none;
 	width: 100%;
 	display: none;
 }
 
 /* Content-Left */
 
  
div#contentleft.hp-ct-left, 
div#contentmain.hp-ct-main, 
div#contentright.hp-ct-top {
	overflow: hidden;
	width: 100%;
	padding: 0 15px 
}

@media (min-width: 768px) {
	.homecontentwrapper {
		float: left;
		width: 71%;
		overflow: hidden;
	}

	div#contentleft.hp-ct-left, 
	div#contentmain.hp-ct-main, 
	div#contentright.hp-ct-top {
		padding: 0
	}
}

@media (min-width: 868px) {
	.homecontentwrapper {
		width: 77%;
	}

	div#contentleft.hp-ct-left {
		float: left;
		padding: 0; 
		overflow: hidden;
		width: 54%;
	}

	div#contentmain.hp-ct-main {
		float: right;
		padding: 0;
		width: 43%;
	}

	div#contentright.hp-ct-top {
		float: right;
		padding: 0;
		width: 20.964361%;
		max-width: 200px;
	}
}


@media (min-width: 994px) {
	div#contentleft.hp-ct-left {
		float: left;
		padding: 0; 
		overflow: hidden;
		width: 49%;
	}

	div#contentmain.hp-ct-main {
		float: right;
		padding: 0;
		width: 49%;
	}

	div#contentright.hp-ct-top {
		float: right;
		padding: 0;
		width: 20.964361%;
		max-width: 200px;
	}
}

div#contentleft.hp-ct-left h1 , div#contentmain.hp-ct-main h1 {
	padding-bottom: 5px;
	margin-bottom: 10px;
	 border-bottom: 1px solid #CAAE69
}

div#contentleft.hp-ct-left h2 {
	  padding: 0;
	margin: 0 0 0.4em 0;
	font-size: 140%;
	color: #CAAE69;
	line-height: normal;
	font-weight: normal;
	border: none
}

/* Content-Main */

/*div#contentmain.hp-ct-main {
	width: 350px;
	padding-top: 0;
	background: #ededed
}*/


div#contentmain.hp-ct-main h2 {
	  padding: 0 0 5px 0;
	margin: 0 0 10px 0;
	font-size: 140%;
	color: #CAAE69;
	line-height: normal;
	font-weight: normal;
	border-bottom: 1px solid #CAAE69
}

div#contentmain.hp-ct-main div.csc-textpic csc {margin-top: 5px}

div#contentmain.hp-ct-main div.csc-textpic-intext-left div.csc-textpic-imagewrap {
	margin-right: 10px
}


/* News */

div#contentmain.hp-ct-main div.news-latest-container {
	padding: 0
}

div#contentmain.hp-ct-main div.news-latest-item h3 {
	font-weight: bold;
	font-size: 100%
}

div#contentmain.hp-ct-main div.news-latest-item h3 a {
	color: #003867
}

div#contentmain.hp-ct-main div.news-latest-item p {margin-bottom: 0}

div#contentmain.hp-ct-main div.news-latest-item {margin-top: 0}


div#contentmain.hp-ct-main div.news-latest-morelink {font-size: inherit}




/* ####### Topslider ####### */


 div#contenttop.hp-ct-top div.anythingControls {
 	display: none !important
 }
 



div#contenttop.hp-ct-top div.anythingSlider .anythingWindow {
	border-top: none;
	border-bottom: none;
	overflow: hidden
}

div#contenttop.hp-ct-top div.anythingSlider {
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0
}

div#contenttop.hp-ct-top .tx-jfmulticontent-pi1  {overflow: hidden; height: 300px}

div.tx-jfmulticontent-pi1 div.csc-textpic-imagewrap.csc-textpic-single-image {
	margin-right: 0
}

div#contenttop.hp-ct-top div.anythingSlider .arrow.back {
	display: none
}
 
div#contenttop.hp-ct-top div.anythingSlider .forward {
	z-index: 1000
}


div#contenttop.hp-ct-top div.csc-textpic-text {
	overflow: hidden;
	height: 272px;
	padding: 20px;
	background: url(../img/top-slider-bg.gif) top right no-repeat;
}

div#contenttop.hp-ct-top div.csc-textpic-text p {
	color: #fff
}


div#contenttop.hp-ct-top div.anythingSlider .arrow a {
	background: url(../img/jfmulticontent-arrow-right.png) no-repeat;
	width: 34px;
	height: 34px;
}


div#contenttop.hp-ct-top div.anythingSlider .arrow {
	top: 290px
}

div#contenttop.hp-ct-top div.anythingSlider .forward {right: 10px}






/* Mitgliederslider */

div#contentleft.hp-ct-left div.tx-jfmulticontent-pi1 {
	margin-bottom: 10px;
	border: 1px solid #caae69;
	border-radius: 5px;
	width: 100%;
}

@media (min-width: 868px) {
	div#contentleft.hp-ct-left div.tx-jfmulticontent-pi1 {
		margin-bottom: 10px;
		background: url(../img/jfmulticontent-mg-bg.gif) no-repeat;
		width: 350px;
		border: none;
	}
}

 div#contentleft.hp-ct-left div.fadernav {display: none}
 
  div#contentleft.hp-ct-left div.anythingFader .wrapper ul {
    border-top: none;
    border-bottom: none;
    background-color: transparent
  }
  
 div#contentleft.hp-ct-left div.anythingFader .wrapper {
    margin: 0
 }  
 



 div#contentleft.hp-ct-left div.anythingControls {
 	display: none !important
 }
 

div#contentleft.hp-ct-left div.csc-textpic-text {
	overflow: hidden;
	padding: 25px 0 0 12px;
	width: 110px;
}



div#contentleft.hp-ct-left div.csc-textpic-imagewrap img {
	margin: 15px 0 0 10px
}

div#contentleft.hp-ct-left div.csc-textpic-text p {
	color: #777F78
}




 div#contentleft.hp-ct-left div.anythingFader .forward {display: none} 
 div#contentleft.hp-ct-left div.anythingFader .back {display: none}
  


/* ---------- Formulare ----------- */

/* Login */

div.tx-felogin-pi1 form {
	margin-top:20px
}

div.tx-felogin-pi1 fieldset {
	padding: 8px 20px;
	border: 1px solid #CAAE69
}

div.tx-felogin-pi1 label {
	float: left;
	width: 120px
}

div.tx-felogin-pi1 legend {
	padding: 3px 5px;
	background: #fff;
	border: 1px solid #CAAE69;
	font-weight: bold
}

div.tx-felogin-pi1  div {
	margin-bottom: 0.5em
}

div.tx-felogin-pi1  div input {
	border: 1px solid #ccc;
    background: #E5EBF0;
    width: 160px;
}

div.tx-felogin-pi1  div input[type="submit"] {
	margin-left: 120px;
	background: #CAAE69;
	color: #fff;
	width: 90px
}





div.tx-changepassword-pi1 fieldset {
	padding: 8px 20px;
	border: 1px solid #CAAE69
}

div.tx-changepassword-pi1 label {
	float: left;
	width: 120px
}

div.tx-changepassword-pi1 legend {
	padding: 3px 5px;
	background: #fff;
	border: 1px solid #CAAE69;
	font-weight: bold
}

div.tx-changepassword-pi1   input#oldpassword,
div.tx-changepassword-pi1   input#newpassword,
div.tx-changepassword-pi1   input#repassword{
	border: 1px solid #ccc;
    background: #E5EBF0;
    width: 160px;
}



div.tx-changepassword-pi1  input[type="submit"] {
	margin-left: 120px;
	background: #CAAE69;
	color: #fff;
	width: 90px;
	border: 1px solid #ccc
}


/* sent a friend */




form#tipform fieldset {
	padding: 15px 20px;
	border: 1px solid #CAAE69
}

form#tipform fieldset > br {
	display: none;
}

@media (min-width: 768px) {
	form#tipform fieldset > br {
		display: block;
	}
}

form#tipform fieldset label {
	display: block;
	float: none;
	width: 100%;
	 margin-bottom: 0;
	 padding: 6px 0 4px;
}

@media (min-width: 768px) {
	form#tipform fieldset label {
		display: inline-block;
		float: left;
		width: 130px;
	 	margin-bottom: 5px;
	 	padding: 0
	}
}

form#tipform fieldset legend {
	padding: 3px 5px;
	background: #fff;
	border: 1px solid #CAAE69;
	font-weight: bold
}


form#tipform input[type="text"] {
	border: 1px solid #ccc;
    background: #E5EBF0;
    width: 100%;
    display: block;
    padding: 5px;
    margin-bottom: 5px
	}


@media (min-width: 768px) {
	form#tipform input[type="text"] {
		padding: 0;
		display: inline-block;
    	margin-bottom: 5px;
    	width: 60%;
    	max-width: 250px
    	
	}
}



form#tipform textarea {
	border: 1px solid #ccc;
    background: #E5EBF0;
    width: 100%;
    font-family: arial, helvetica, sans-serif;
	font-size: .9em;
	color: #003867;
}
@media (min-width: 768px) {
	form#tipform textarea {
    	width: 250px;
	}
}

form#tipform input[type="submit"] {
	background: #CAAE69;
	color: #fff;
	border: 1px solid #ccc
}



/* -------- Filter Form -------- */

#koop-newsliste div.tt_news_filter_div {
	text-align: center;
}

#koop-newsliste div.tt_news_filter_label {
	float: none;
	margin-bottom: 0.5em
}

#koop-newsliste div.tt_news_filter_div {margin-bottom: 1em}

#koop-newsliste input.tt_news_filter_submit {
	padding: 10px;
	font-size: 14px
}

@media (min-width: 768px) {
	#koop-newsliste div.tt_news_filter_div {
		text-align: left;
	}

	#koop-newsliste div.tt_news_filter_label {
		float: left;
		margin-bottom: 0
	}

	#koop-newsliste div.tt_news_filter_div {margin-bottom: 0}

	#koop-newsliste input.tt_news_filter_submit {
		padding: 0;
		font-size: inherit;
	}
}


div.tt_news_filter_label {
	width: 120px;
	float: left;
}

div.tt_news_filter_value input {
	border: 1px solid #ccc;
    background: #E5EBF0;
    width: 180px
}

 input.tt_news_filter_submit {
	background: #CAAE69;
	color: #fff;
	border: 1px solid #ccc
}



/* -------- Newsletter anmelden -------- */


form.newsletter-anmelden {
	padding: 0 10px;
	border: 1px solid #CAAE69
}

form.newsletter-anmelden label {
	width: 160px;
	float: left
}

input.newslet-input {
	border: 1px solid #ccc;
    background: #E5EBF0;
    width: 220px
}



div.newslet-anmeld input {
	background: #CAAE69;
	color: #fff;
	border: 1px solid #ccc
}


span.dmail_error {display: block; color: #ff0000}

input.newslet-anmeld {
	background: #CAAE69;
	color: #fff;
	border: 1px solid #ccc
}


input.newslet-aendern {
	border: 1px solid #ccc;
    background: #E5EBF0;
}


img[style="float: left;"] {margin-right: 5px}



span.error {color: #ff0000}

div.style3 {
    padding-left: 210px;
    padding-right: 40px
}



/* Powermail */

p.pm-trenn {
	margin: 20px 20px 20px 20px;
	padding-bottom: 0.3em;
	border-bottom: 1px solid #CAAE69
}


div.tx-powermail-pi1 form fieldset fieldset {
	padding: 0;
}

div.tx-powermail-pi1 form fieldset fieldset legend {
	display: none
}

div.tx-powermail-pi1 form fieldset fieldset input {
	border: 1px solid #000
}

div.tx-powermail-pi1 form fieldset fieldset .powermail_check_inner {
	margin-left: 0px;
	width: 260px;
	padding: 10px 0
}

@media (min-width: 758px) {
	div.tx-powermail-pi1 form fieldset fieldset .powermail_check_inner {
		margin-left: 180px;
	}
}

div.tx-powermail-pi1 form fieldset fieldset input.powermail_produktneuigkeiten {
	padding-top: 2px !important;
}

div.tx-powermail-pi1 form fieldset fieldset label {
	float: left !important;
	width: 220px !important;
	overflow: hidden;
	white-space: normal;
	text-align: left;
	padding-right: 0
}

.powermail_kontakt.powermail_select {
	width: 250px 
}

/* korrektur 050214 fader textbreite klim */

div#contentleft.hp-ct-left div.csc-textpic-text {
    overflow: hidden;
    padding: 25px 0 0 15px;
    width: 145px;
    position: relative;
    left: -5px;
    font-size: 90%
}

div#contentleft.hp-ct-left div.tx-jfmulticontent-pi1 div.csc-textpic-imagewrap.csc-textpic-single-image {
	max-width: 160px;
	float: left !important
}

@media (min-width: 480px) {
	div#contentleft.hp-ct-left div.tx-jfmulticontent-pi1 div.csc-textpic-imagewrap.csc-textpic-single-image {
		max-width: auto;
	}
}

@media (min-width: 480px) {
	div#contentleft.hp-ct-left div.csc-textpic-text {
		left: 35px;
		font-size: 100%
	}
}

@media (min-width: 758px) {
	div#contentleft.hp-ct-left div.csc-textpic-text {
    	padding: 25px 0 0 5px;
	}
}


/* Erweiterung Twitterlink footer klim 040914 */
	
	.twitt-wrap {
		padding-bottom: 26px;
		padding-left: 15px;
		background: #fff;
	}
	
	@media (min-width: 758px) {
		.twitt-wrap {
			position: relative;
    		top: -20px;
			background: transparent;
		}
}

@media (min-width: 980px) {
	.twitt-wrap {
		padding-left: 25px;
	}
}

	.twitt {
		/*position: absolute;
		left: 15px;
		margin-top: -60px;*/
		display: block;
		padding-left: 43px;
		background: url(../img/twitt.png) no-repeat left center;
		line-height: 2.5;
		height: 30px;
	}




@media (min-width: 758px) {
	.twitt {
		display: block;
		margin-top: 0;
		padding-left: 43px;
		background: url(../img/twitt.png) no-repeat left center;
		line-height: 2.5;
		height: 30px;
	}
}

/* Kooperationspartner klim 150914 */

.news-list-container .koop-img img, .news-single-item.koop .news-single-img img {border: none}

.news-list-morelink.koop  {
	padding-left: 0
}

/* Bildergalerie */

/* Powermail*/

fieldset.tx-powermail-pi1_fieldset label, fieldset.tx-powermail-pi1_fieldset fieldset legend {
	white-space: inherit;
}


@media (max-width: 768px) {

	fieldset.tx-powermail-pi1_fieldset  {
		padding-left: 15px;
		padding-right: 15px
	}

	fieldset.tx-powermail-pi1_fieldset label, 
	fieldset.tx-powermail-pi1_fieldset fieldset legend {
    	display: block;
    	float: none;
    	padding: 6px 0 4px 0;
    	text-align: left;
    	white-space: nowrap;
    	width: 100%;
	}

	select.powermail_bestellungeinerpublikation {
		margin-bottom: 8px;
		margin-left: 0;
		width: auto;
	}

	fieldset.tx-powermail-pi1_fieldset input.powermail_text, 
	fieldset.tx-powermail-pi1_fieldset input.powermail_date, 
	fieldset.tx-powermail-pi1_fieldset input.powermail_datetime, 
	fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea
	 {
		padding: 5px;
    	height: auto;
    	width: 100%;
	}


	textarea.powermail_textarea {
		width: 100% !important
	}

	fieldset.tx-powermail-pi1_fieldset input.powermail_captcha {
		padding: 11px 8px;
		width: auto;
	}

	div.tx_powermail_pi1_fieldwrap_html_captcha img {
    	display: block;
    	margin-left: 0;
    	margin-top: 10px;
	}
	 

	fieldset.tx-powermail-pi1_fieldset input.powermail_submit {
    	float: none;
    	font-size: 11px;
    	margin-right: 0;
    	padding: 8px;
    	text-align: center;
    	text-decoration: none;
	}

	div.tx_powermail_pi1_fieldwrap_html_submit {
    	padding-bottom: 50px;
    	padding-left: 0;
    	padding-top: 10px;
	}
}

/* Kooperationspartner */

@media (max-width: 758px) {
	#koop-newsliste .news-list-item {
		text-align: center;
	}

	#koop-newsliste .news-list-container IMG {
		float: none;
		margin-left: 0
	}
}


/* Fader  */

 #visual {
 	margin-top: 11px;
 	margin-bottom: 20px;
 	padding: 0 15px;
	width: 100%;
	position: relative;
	display: block;
	background: #fff
}


 #visual img {
 	float: none;
	width: 100%;
	height: auto !important;
}

@media (min-width: 768px) {
	#visual {
		margin-bottom: 0
	}

	 #visual img {
		height: auto !important;
		-webkit-border-top-left-radius: 12px;
		-webkit-border-bottom-left-radius: 12px;
		-moz-border-radius-topleft: 12px;
		-moz-border-radius-bottomleft: 12px;
		border-top-left-radius: 12px;
		border-bottom-left-radius: 12px;
	}

	#visual span {
		display: inline-block;
		float: left;
		width: 75.681342%;
		background: #fff;
	}
}






.caption {
    position: relative;
 	width: 100%;
 	margin: 0 0 0 0;
    height: 50px;
    float: none;
    z-index: 10;
    padding: 15px 80px 15px 15px;
    color: #fff
}

@media (min-width: 768px) {
	 .caption {
	 	margin: 0;
	 	padding: 30px;
	 	height: auto;
    	position: relative;
 		width: 24.318658%;
    	float: right;
    	padding: 15px;
  
	}
}

@media (min-width: 920px) {
	.caption {
		padding: 30px;
	}
}

.events {
  list-style: none;
  }

.callbacks_container {
  /*margin-bottom: 50px;*/
  position: relative;
  /*float: left;*/
  width: 100%;
  }

.callbacks {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.callbacks li {
  position: absolute;
  padding-bottom: 70px;
  width: 100%;
  left: 0;
  top: 0;
  background: #CAAF69
  }

  @media (min-width: 600px) {
 	.callbacks li {
 		padding-bottom: 50px
 	}
 }
 
 @media (min-width: 768px) {
 	.callbacks li {
 		padding-bottom: 0
 	}
 }

.callbacks img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
  }







ul.callbacks1_tabs {
    position: absolute;
    right: 30px;
    bottom: 10px;
    z-index: -100px;
    list-style: none;
    z-index: 200
}

ul.callbacks1_tabs li {
    float: left;
    margin-left: 5px;
    width: 20px;
    height: 20px; 
    background: #E3D5B1;
     border: 1px solid #B59C5E
}

ul.callbacks1_tabs li.callbacks_here {
    background: #fff;
    border: 1px solid #B59C5E
}

ul.callbacks1_tabs li a {
    display: block;
     width: 20px;
    height: 20px; 
    text-indent: -9999px;
    outline: 0
}

.caption a:link, .caption a:visited {
	color: #fff;
	text-decoration: underline
}

.caption a:hover {
	text-decoration: none
}



/* TEST MOBILE TEASER */



/* teaser-blau */


.mobile + div.csc-frame-invisible {
	display: block
}


 .mobile div.csc-frame-invisible + div.csc-frame-invisible {
	display: none
	}	


@media (min-width: 645px) {
.mobile div.csc-frame-invisible {
		display: none
	}

.mobile div.csc-frame-invisible + div.csc-frame-invisible {
		display: block
	}
}



.anythingFader .wrapper ul {width: 25000px}









