/* @override
	http://gbz-mannheim.de/css/styles.css
	https://gbz-mannheim.de/css/styles.css
*/

/*	@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600);*/
	@import url(open-sans-v34-latin.css);

/* @group RESET */

body{-webkit-text-size-adjust:none;font-size:12px;line-height:1.3em;font-family:Verdana,Arial,Helvetica,sans-serif}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}h1{font-size:28px}h2{font-size:22px}h3{font-size:18px}h4{font-size:16px}h5{font-size:14px}h6{font-size:12px}h1,h2,h3,h4,h5,h6{line-height:1em;padding-bottom:.5em}ol,ul{padding-left:2em}p,ul,ol{padding-bottom:.5em}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}a:hover,a:active,:focus{outline:0}body{color:black;background:white}a img{border:0}pre,code,samp,kbd,var,input[type="password"]{font-family:"DejaVu Sans Mono","Bitstream Vera Sans Mono",Consolas,Monaco,"Liberation Mono",Andale Mono,monospace;font-size:.9em}dt,strong,th,samp,dfn,h1,h2,h3,h4,h5,h6{font-weight:bold}blockquote,q{font-style:italic}blockquote cite,q cite{font-style:normal}acronym,abbr{cursor:help}acronym{letter-spacing:.07em}ul,ol,dl{position:relative}p{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQIW2NkAAIAAAoAAggA9GkAAAAASUVORK5CYII=)}.clear{clear:both}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}textarea{overflow:auto}

/* @end */

/* @group MaxCycle */

/*	----------------------------------------------------------------
	MaxCycle (Fullscreen Slideshow for use with jQuery Cycle Plugin)
	----------------------------------------------------------------

	Demo at: http://www.aaronvanderzwan.com/maxcycle/
	Download and Info at: http://github.com/akv2/MaxCycle---jQuery-Plugin/
	Copyright (c) 2007-2011 Aaron Vanderzwan
	Dual licensed under the MIT and GPL licenses.

*/
/*! Version: 2.0.73 (12-Oct-2012) */


.mc-hide-scrolls{
	overflow:hidden;
}

body .mc-cycle {
	height:100%;
	left:0;
	overflow:hidden;
	position:fixed;
	top:0;
	width:100%;
	z-index:-1;
}

div.mc-image {
	/*NOTE: Mozilla flickers when fading and using 'all', so we have to be specific with what property we want to transition:
	 	If you are using fading transitions, use 'opacity: */
	-webkit-transition: opacity 2s ease-in-out;
	-moz-transition: opacity 2s ease-in-out;
	-o-transition: opacity 2s ease-in-out;
	transition: opacity 2s ease-in-out;

	/*If you are using horizontal slide transitions, use the following CSS:
	-webkit-transition: left 1s ease-in-out;
	-moz-transition: left 1s ease-in-out;
	-o-transition: left 1s ease-in-out;
	transition: left 1s ease-in-out;*/

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position:center center;
	background-repeat:no-repeat;
	height:100%;
	overflow:hidden;
	width:100%;
}

.mc-old-browser .mc-image {
	overflow:hidden;
}

/* @end */

/* @group Intro-Anima */

.introani{
	overflow: hidden;
	background: #4E5759;
	background-image: -o-linear-gradient(71deg, rgba(82,92,101,0.9) 0.00%, rgba(125, 131, 135, 0.9) 100.00%);
	background-image: -moz-linear-gradient(71deg, rgba(82,92,101,0.9) 0.00%, rgba(125, 131, 135, 0.9) 100.00%);
	background-image: -webkit-linear-gradient(71deg, rgba(82,92,101,0.9) 0.00%, rgba(125, 131, 135, 0.9) 100.00%);
	background-image: -ms-linear-gradient(71deg, rgba(82,92,101,0.9) 0.00%, rgba(125, 131, 135, 0.9) 100.00%);
	background-image: linear-gradient(71deg, rgba(82,92,101,0.9) 0.00%, rgba(125, 131, 135, 0.9) 100.00%);
}

.anima, .ani{
	width: 385px;
	height: 500px;
	position: absolute;
}

.anima{
	top: 50%;
	left: 50%;
	margin-top: -250px;
	margin-left: -182px;
}




/* @end */

html{
	height: 100%;
}
body{
	height:auto!important;
	height:100%;
	min-height:100%;
}


body {
	font-family: 'Open Sans', sans-serif;
	background: #4E5759;
}

hr{
	border: none;
	height: 1px;
	background: #999;
}

.theBar{
	width: 240px;
	position: absolute;
	min-height: 100%;
	height: 100%;
	-moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
	background-color: #4c5659;
}

.theLogo{
	width: 120px;
	margin: 30px 0 0 65px;
}

.theName{
	color: #fff;
	margin: 20px 0 0 0;
	text-align: center;
	font-size: 27px;
	font-weight: bold;
	text-shadow: #000 1px 1px 1px;
}

.theName .theR{
	display: inline;
	font-size: 11px;
	color: #d8e1e4;
	font-weight: 300;
	position: absolute;
	margin-top: -8px;
	text-shadow: none;
}

.theName2{
	color: #fff;
	margin: 7px 0 0 0;
	text-align: center;
	font-size: 20px;
	text-shadow: #000 1px 1px 1px;
}

.nav, .nav *{
	margin: 0;
	padding: 0;
	color: #fff;
	text-decoration: none;
}

.nav{
	margin: 20px 0 0 0;
}

.nav a{
	display: block;
}

.nav ul{
	display: none;
}

.nav .current>ul{
	display: block;
}

.nav .lv0{
	border-bottom: 1px solid #bbb;
}

.nav .lv0>a{
	font-size: 17px;
	padding: 8px 0 8px 15px;
}

.nav .lv0.first{
	border-top: 1px solid #bbb;
}

.nav .lv0>ul{
	border-top: 1px solid #bbb;
}

.nav .lv1>a{
	font-size: 13px;
	padding: 3px 10px 3px 28px;
	background-image: url(cffffff-o20.png);
	border-bottom: 1px dotted #999;
}

.nav .lv2>a{
	font-size: 12px;
	padding: 3px 10px 3px 50px;
	width: 180px;
	background-image: url(cffffff-o10.png);
	border-bottom: 1px dotted #999;
}

.nav .lv3>a{
	font-size: 12px;
	padding: 3px 10px 3px 70px !important;
	width: 160px !important;
	border-bottom: 1px dotted #999;
}

.nav .lv1.last>a{
	border-bottom: 1px none;
}

.nav .lv1>ul{
	border-bottom: 1px none;
}

.nav .lv0>a:hover{
	background-image: url(cffffff-o10.png);
}

.nav .lv1>a:hover{
	background-image: url(cffffff-o30.png);
}

.nav .lv2>a:hover{
	background-image: url(cffffff-o30.png);
}

.nav .lv3>a:hover{
	background-image: url(cffffff-o20.png);
}

.nav .lv0.current>a{
	background-image: url(cffffff-o20.png);
}

.nav .lv1.current>a{
	background-image: url(cffffff-o30.png);
	font-weight: bold;
}

.nav .lv2.current>a{
	background-image: url(cffffff-o40.png);
	font-weight: bold;
}

.nav .lv3.current>a{
	background-image: url(cffffff-o20.png);
	font-weight: bold;
}

.nav .lv0.current>a:hover{
	background-image: url(cffffff-o30.png);
}

.nav .lv1.current>a:hover{
	background-image: url(cffffff-o40.png);
}

.nav .lv2.current>a:hover{
	background-image: url(cffffff-o40.png);
}

.nav .lv3.current>a:hover{
	background-image: url(cffffff-o40.png);
}

.nav2, .nav2 *{
	margin: 0;
	padding: 0;
	color: #fff;
	text-decoration: none;
}

.nav2{
	margin: 10px 0 0 0;
	width: 150px;
}

.nav2 a{
	display: block;
}

.nav2 .lv0>a{
	font-size: 13px;
	padding: 8px 0 8px 15px;
}

.nav2 .lv0>a:hover{
	text-decoration: underline;
}

.nav2 .current>a{
	font-weight: bold;
}



.nav .lv1.mid1_1>a{
	border-left: 13px solid #feee03;
	padding-left: 15px;
}
.nav .lv1.mid1_1>ul>li>a{
	border-left: 13px solid #c9c900;
	margin-left: 0px;
	padding-left: 37px;
}
.nav .lv1.mid1_1>ul>li>ul>li>a{
	border-left: 13px solid #aeae00;
	margin-left: 0px;
	padding-left: 57px !important;
	width: 170px;
}
.nav .lv1.mid1_1 ul ul a{
	margin-left: 15px;
	padding-left: 35px;
	width: 155px;
}


.nav .lv1.mid1_2>a{
	border-left: 13px solid #feee03;
	padding-left: 15px;
}
.nav .lv1.mid1_2>ul>li>a{
	border-left: 13px solid #c9c900;
	margin-left: 0px;
	padding-left: 37px;
}
.nav .lv1.mid1_2>ul>li>ul>li>a{
	border-left: 13px solid #aeae00;
	margin-left: 0px;
	padding-left: 57px !important;
	width: 170px;
}
.nav .lv1.mid1_2 ul ul a{
	margin-left: 15px;
	padding-left: 35px;
	width: 155px;
}


.nav .lv1.mid1_3>a{
	border-left: 13px solid #0855a4;
	padding-left: 15px;
}
.nav .lv1.mid1_3>ul>li>a{
	border-left: 13px solid #06488a;
	margin-left: 0px;
	padding-left: 37px;
}
.nav .lv1.mid1_3>ul>li>ul>li>a{
	border-left: 13px solid #04386d;
	margin-left: 0px;
	padding-left: 57px !important;
	width: 170px;
}
.nav .lv1.mid1_3 ul ul a{
	margin-left: 15px;
	padding-left: 35px;
	width: 155px;
}


.nav .lv1.mid1_4>a{
	border-left: 13px solid #e1230d;
	padding-left: 15px;
}
.nav .lv1.mid1_4>ul>li>a{
	border-left: 13px solid #c11e0b;
	margin-left: 0px;
	padding-left: 37px;
}
.nav .lv1.mid1_4>ul>li>ul>li>a{
	border-left: 13px solid #a91a09;
	margin-left: 0px;
	padding-left: 57px !important;
	width: 170px;
}
.nav .lv1.mid1_4 ul ul a{
	margin-left: 15px;
	padding-left: 35px;
	width: 155px;
}


.nav .lv1.mid1_5>a{
	border-left: 13px solid #ef7d02;
	padding-left: 15px;
}
.nav .lv1.mid1_5>ul>li>a{
	border-left: 13px solid #d26d01;
	margin-left: 0px;
	padding-left: 37px;
}
.nav .lv1.mid1_5>ul>li>ul>li>a{
	border-left: 13px solid #b25c00;
	margin-left: 0px;
	padding-left: 57px !important;
	width: 170px;
}
.nav .lv1.mid1_5 ul ul a{
	margin-left: 15px;
	padding-left: 35px;
	width: 155px;
}





















.mrn{
	float: right;
	margin: 13px 20px 0 0;
}


.theLangs{
	margin: 10px 0 0 10px;
}

.theLangs img{
	margin-left: 5px;
	border: 1px solid transparent;
	margin-bottom: -3px;
}

.theLangs img:hover{
	-moz-box-shadow: 0px 0px 6px #ffffff;
	-webkit-box-shadow: 0px 0px 6px #ffffff;
	box-shadow: 0px 0px 6px #ffffff;
	border: 1px solid #dbd !important;
}

.clang{
	border: 1px solid #dbd !important;
	-moz-box-shadow: 0px 0px 6px #ffffff;
	-webkit-box-shadow: 0px 0px 6px #ffffff;
	box-shadow: 0px 0px 6px #ffffff;
}


.kbox{
	position: absolute;
	background: #dbdddd;
	-moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
	min-height: 100%;
	width: 840px;
	left: 240px;
	top: 0px;
	color: #222;
	font-size: 14px;
	line-height: 1.3em;
}
.kbox2{
	padding: 20px;
}

.kbox .headIMG{
	margin: -20px -20px 10px -20px;
}

.kbox a{
	color: #4d5659;
}

.kbox a:hover{
	color: #62787f;
}







.piro_prev, .piro_next{
	display: none !important;
}







.bd_news_kurz, .box_hell{
	background: #e9ecec;
	padding: 15px;
	margin-bottom: 10px;
}
.bd_news_kurz .bd_news_msg{
	clear: both;
}
.bd_news_kurz h1 a{
	text-decoration: none;
	font-weight: normal;
	font-size: 26px;
}
.bd_news_kurz .bd_news_datum{
	color: #999;
	float: right;
}



sup{
	font-size: 0.5em;
	top:-0.8em;
	font-weight: normal;
}























.loginhinw{
	background: #4d5659;
	text-align: center;
	font-weight: bold;
	color: #fff;
	padding: 10px;
	margin: 10px auto 20px auto;
	width: 350px;
}






.theBar #bd_fuser_login{
	margin: 20px 0;
	padding: 10px 15px;
	background-color: #5c686c;
}
.theBar #bd_fuser_login{
	color: #fff;
}
.theBar #bd_fuser_login a{
	color: #b8b8b8;
}
.theBar #bd_fuser_login a:hover{
	color: #fff;
}

.theBar #bd_fuser_login label{
	display: block;
	position: relative;
	height: 25px;
}
.theBar #bd_fuser_login .bd_fuser_login_login input,
.theBar #bd_fuser_login .bd_fuser_login_pass input{
	position: absolute;
	left: 40px;
	top: -2px;
	width: 150px;
	background: #5c676c;
	border: 1px solid #cfcfcf;
	color: #fff;
	padding: 1px;
	font-size: 12px;
}



.theBar #bd_fuser_logout_submit {
	margin: 30px 15px 10px 15px;
}


.theBar  #bd_fuser_login_error {
	margin: -10px -15px 10px -15px;
	padding: 10px 15px;
	font-size: 0.8em;
	background-color: #991500;
}








.kbox #bd_fuser_login{
	margin: 20px auto 40px auto;
	width: 370px;
}
.kbox #bd_fuser_login{
}
.kbox #bd_fuser_login a{
	color: #7c7c7c;
}
.kbox #bd_fuser_login a:hover{
	color: #333;
}

.kbox #bd_fuser_login label{
	display: block;
	position: relative;
	height: 25px;
}
.kbox #bd_fuser_login .bd_fuser_login_login input,
.kbox #bd_fuser_login .bd_fuser_login_pass input{
	position: absolute;
	left: 50px;
	top: -2px;
	width: 200px;
	background: #dbdddd;
	border: 1px solid #929292;
	color: #333;
	padding: 1px;
	font-size: 14px;
}



.kbox #bd_fuser_logout_submit {
	margin: 30px 15px 10px 15px;
}

.kbox  #bd_fuser_login_error {
	margin-bottom: 10px;
	padding: 5px;
	font-size: 0.9em;
	background-color: #9a0e00;
	color: #fff;
}












.caption {
	display: none !important;
}
























.cookiebanner, .cookiebanner * {
	font-size: 12px;
	line-height: 1.4em;
}
.cookiebanner {
	background: rgba(0, 0, 0, 0.5);
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	box-sizing: border-box;
	padding: 10px;
	z-index: 9999;
	text-align: center;
	color: #fff;
}
.cookiebanner form {
	max-width: 880px;
	margin: 0 auto;
}
.cookiebanner a {
	color:#fff;
}
#cookieacc, .nocookie {
	display: inline-block;
	border: none;
	background: rgba(255,255,255,.2);
	background: #F78673;
	color:#fff;
	padding: 3px;
	margon-bottom:-3px;
	text-decoration:none;
}
#cookieacc:hover, .nocookie:hover {
	background: #f2654d;
}


















/* @group bd */



/* @group Link-Filetypes */

.ft_generic {
	padding-left: 18px;
	background: url(ft/page_white.png) left center no-repeat;
}

.ft_pdf {
	padding-left: 18px;
	background: url(ft/page_white_acrobat.png) left center no-repeat;
}

.ft_img {
	padding-left: 18px;
	background: url(ft/picture.png) left center no-repeat;
}

.ft_excel {
	padding-left: 18px;
	background: url(ft/page_white_excel.png) left center no-repeat;
}

.ft_powerpoint {
	padding-left: 18px;
	background: url(ft/page_white_powerpoint.png) left center no-repeat;
}

.ft_word {
	padding-left: 18px;
	background: url(ft/page_white_word.png) left center no-repeat;
}

.ft_text {
	padding-left: 18px;
	background: url(ft/page_white_text.png) left center no-repeat;
}

.ft_compressed {
	padding-left: 18px;
	background: url(ft/page_white_zip.png) left center no-repeat;
}

.ft_mail {
	padding-left: 18px;
	background: url(ft/email.png) left center no-repeat;
}

.ft_weblink {
	padding-right: 12px;
	background: url(ft/external_link.png) right center no-repeat;
}

/* @end */

/* @group kontaktform */

.bd_kontaktform{
	margin-top: 20px;
}

.bd_kontaktform table{
	width: 100%;
}

.bd_kontaktform td{
	padding: 3px;
}

.bd_kontaktform input, .bd_kontaktform textarea {
	background: url(cffffff-o10.png);
	border: 1px solid #999;
	padding: 2px;
	margin: 0 5px 0 0;
	font-size: 14px;
	line-height: 1.3em;
	color: #333;
}

.bd_kontaktform_sendOK input, .bd_kontaktform_sendOK textarea {
	color: #aaa;
}

.bd_kontaktform .bd_formfehler {
	background: #ffd0c9;
	background-color: rgba(253, 0, 0, 0.2);
	border: 1px solid #FD0000;
	border-color: RGBA(253, 0, 0, 0.5);
}

.bd_kontaktform_sendOK #send1{
	display: none;
}

.bd_kontaktform #send1{
	width: auto;
	top: 380px;
	left: 140px;
	border: 1px solid #aaa;
	background: #bbb;
	color: #333;
	padding: 3px 8px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
    -webkit-transition: opacity 0.7s;
    transition: opacity 0.7s;
	cursor: pointer;
}
.bd_kontaktform #send1:hover{
	border: 1px solid #999;
	background: #aaa;
	cursor: pointer;
}
.bd_kontaktform #send1[disabled]{
	opacity: 0.3;
	cursor: wait;
}

.kontaktformok {
	padding: 10px 15px;
	margin: 15px 0 0 0;
	background: #0d854b;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 0.5em;
}

.bd_kontaktformfehler {
	padding: 2px 5px;
	background: #ffd0c9;
	background-color: rgba(253, 0, 0, 0.2);
	border: 1px solid #FD0000;
	border-color: RGBA(253, 0, 0, 0.5);
	color: #333;
	margin-bottom: 0.5em;
	font-weight: bold;
}

.bd_kontaktform input[disabled="disabled"]{
	opacity: 0.4;
	cursor: wait;
}

.bf_kform_pstar{
	margin-left: -3px;
}

.bf_kform_pstar, .bf_kform_pflicht{
	color: #aaa;
	font-size: 12px;
	margin-right: 4px;
}

.bf_kform_pflicht{
	font-style: italic;
	text-align: right;
}

.bd_captchaimg{
	margin-bottom: -8px;
	margin-right: 3px;
	height: 24px;
	border: 1px solid #999;
}

.mailformcounter{
	cursor: default;
	color: #aaa !important;
}
.bd_kontaktform_sendOK .mailformcounter{
	display: none;
}

/* @end */

/* @end */