@import url('ptsans.css');

.clearfix:after { content:"."; display:block; clear:both; visibility:hidden; line-height: 0; height: 0; }
.clearfix { display:inline-block; }
html[xmlns] .clearfix {	display:block; }
* html .clearfix { height:1%; }

a { color:inherit; text-decoration:inherit; }
a:hover { color:#e2001a; text-decoration:underline; }

body { font-size: 0.8125em; margin:0; font-family:'PT Sans','Arial',sans-serif; color:#444; background:none #ffffff; }
body.large { font-size:1em; }
#head { width:1005px; margin:0 auto; max-width:100%; background-color:#fff; }

#home_link { float:left; display:block; position:relative; margin:22px 0 0 5px; width:250px; }
#home_link img { border:0; }

#navi_service { float:right; }
#navi_service ul { list-style:outside none none; margin:10px -11px 0 0; padding:0; }
#navi_service li { float:left; display:block; font-family:'PT Sans','Arial',sans-serif; font-size:0.9231em; font-weight:bold; padding: 0 10px; }
#navi_service .link_citymap { min-width: 55px; }
#navi_service .link_kontakt { display:none; }
#navi_service .link_fontsize { min-width: 40px; }
#navi_service .link_contrast { min-width: 50px; }
#navi_service .link_language { min-width: 40px; }

#main { width:1005px; margin:auto; overflow:visible; }
.jquery #main { width:100%; margin:auto; overflow:visible; min-width: 1005px; }

#marginal .headline,
#content #cms-pagesite-list,
#content #cms-pagesite-pager,
#footer_navi #cmsTopMenu2,
#footer_content { display:none; }
 
#quick_search { clear:both; float:right; background-color:#ececec; width: 160px; height: 2.4615em; max-height:2.4615em; margin-top: 18px; min-height: 32px; }
#quick_search input.text { background-color:#ececec; width: 118px; padding: 0 0 0 10px; border:0; height: 2.4em; line-height: 2.4em; font-family:'PT Sans','Arial',sans-serif; font-weight:700; float:left; }
#quick_search input:active { background-color:#e2001a; color:#fff; }
#quick_search input.submit2 { display:none; }
#quick_search input.submit { background:url(../img/lupe2015.png) scroll no-repeat center center #ececec; text-indent:30px; border: 0 none; display: block; float: right; height: 32px; margin: 0; padding: 0; position: static; width: 29px; overflow:hidden; }
/*
#quick_search:hover input.submit,
#quick_search input.submit:hover { background:url(../img/lupe2015w.png) scroll no-repeat center center #e2001a; }
#quick_search:hover,
#quick_search:hover input { background-color:#e2001a; color:#fff; }
*/

.cmsTopMenu { float:left; list-style:outside none none; margin:18px 0 27px 0; padding:0; width:836px; text-shadow:none; letter-spacing: 0.5px; font-weight:700; font-style:normal; }
.cmsTopMenu > li { position:relative; float:left; margin-left:6px; }
.cmsTopMenu > li > a { background-color:#ececec; color:#000; font-size:1.3846em; text-align: center; padding:7px 10px; }
.cmsTopMenu > .topMenuFirst { margin-left:0; }
.cmsTopMenu ul { background-color:#ddd; position:absolute; z-index:30; display:none; min-width:100%; list-style:outside none none; padding:10px 0; border-top:5px solid #fff; }
.cmsTopMenu li:hover ul { display:block; }

.cmsTopMenu a { line-height:18px; min-height:18px; padding:3px 10px; text-decoration: none; display: block; }
.cmsTopMenu a:hover { background-color:#e2001a; color:#fff; }

.cmsTopMenu .menu_5462,
.cmsTopMenu .menu_5459 { width:185px; }

.cmsTopMenu .menu_8677,
.cmsTopMenu .menu_8674,
.cmsTopMenu .menu_5464,
.cmsTopMenu .menu_8402 { width:224px; }

.cmsTopMenu .menu_8677,
.cmsTopMenu .menu_8674,
.cmsTopMenu .menu_5462,
.cmsTopMenu .menu_5464,
.cmsTopMenu .menu_8402 { border-top:5px solid #e2001a; margin-top:-5px; }


.cms-panoramabox { left:-250px;  margin:auto; position: relative; margin-bottom:40px; right:-250px; width:1500px; }
.jquery .cms-panoramabox { left:0; right:0; width:100%; }


.cms-panoramabox .panel { width:100%; height:750px; position: relative; margin-bottom:40px; overflow:hidden; }
/* .jquery .cms-panoramabox .panel { min-height:500px; } */

.cms-panoramabox .panel .cms_panoramabox h1,
.cms-panoramabox .panel .cms_panoramabox p { font-family:'myriad-pro','PT Sans','Arial',sans-serif; line-height:1.2em; width:1005px; position: relative; z-index: 1; color:#fff; background-color:#6f6f6f; margin:0 auto; }

.jquery .cms-panoramabox .panel .cms_panoramabox h1,
.jquery .cms-panoramabox .panel .cms_panoramabox p { background-color:transparent; }

.cms-panoramabox .panel .cms_panoramabox h1 { font-size:4.5em; font-weight:normal; }
.cms-panoramabox .panel .cms_panoramabox h1 a { color:#ffffff; }
.cms-panoramabox .panel .cms_panoramabox p { font-size:2em; font-weight:bold; }

.cms-panoramabox .panel .cms_panoramabox { margin:500px auto 0 auto; width:1005px; }
.jquery .panel .cms_panoramabox { margin:auto; position:absolute; right:0; bottom:13%; left:0; z-index: 2; }

.cms-panoramabox .panel > img,
.cms-panoramabox .panel .cms_panoramabox div img { position:absolute; top:0; right:0; bottom:0; left:0; z-index: 0; width:100%; height:auto; /* min-height: 100%; */ }

.cms-panoramabox .panel .imgWrapper { position:absolute; top:0; right:0; left:0; z-index: 0; width:100%; }
.cms-panoramabox .panel .imgWrapper img { width:100%; height:auto; }

.cms-panoramabox .panel .gradient { bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 1; }

.cms-panoramabox .footer1,
.cms-panoramabox .footer2 { display:none; }


.cms-panoramabox-pager { display:none; text-align:center; position:absolute; left:0; bottom:0; right:0; z-index:15; width:100%; /* font-family:'PT Sans','Arial',sans-serif; font-weight:700; background:none rgba(0,0,0,0.5); */ }
.jquery .cms-panoramabox-pager { display:block; padding:1.5em 0; }
.cms-panoramabox-pager a { border:1px solid #ffffff; background:none rgba(0,0,0,0); color:#fff; display:inline-block; padding:0 0.4em; font-size:1.3em; font-weight:bold; margin:0 0.3em; cursor:pointer; min-width: 7em; }
.cms-panoramabox-pager .pause { min-width: 0.7em; margin-left: 2em; }
.cms-panoramabox-pager .active { background-color:#fff; color:#000; }

/*
#content { width:100%; padding:0; }
#marginal { display:none; }
.cms-panoramabox { left: -1000px; right: -1000px; position: absolute; width:100%; width:calc(100% - 20px); }

.cms-panoramabox + h1 { margin-top:500px; }
*/
#content > h1 { font-size:7em; color:#6F6F6F; font-weight:normal; }

#content { margin:0 auto; clear:both; }
.jquery #content > h1,
.jquery #content > .cms-topics { font-family:'myriad-pro','PT Sans','Arial',sans-serif; margin:0 auto; width:1005px; }

#content .topicTeaser { padding:0; }
#content .topicTeaser li { width:300px; display:block; float:left; margin-left:42px; margin-bottom:3em; position:relative; padding-top:20%; }
#content .topicTeaser li:nth-child(3n+1) { clear:both; margin-left:0; }
#content .topicTeaser li:hover h3 { text-decoration:underline; color:#e2001a; }
#content .topicTeaser li > p { margin:0; }
#content .topicTeaser li,
#content .topicTeaser h3,
#content .topicTeaser p { padding:0; background:none transparent; }
#content .topicTeaser h3 { margin-top:160px; margin-bottom:0; font-size:1.3846em; }
#content .topicTeaser .imgWrapper { position: absolute; top: 0; left:0; right:0; overflow:hidden; max-height:146px; }
#content .topicTeaser .imgWrapper img { width:100%; height:auto; position:relative; }
#content .topicTeaser p { font-size:1.3846em; line-height:1.3em; }
#content .topicTeaser a { position:absolute; top:0; right:0; bottom:0; left:0; overflow:hidden; padding-left:100%; z-index:8; display:block; }
/* IE Bug, absolute Links klickbar machen */
#content .topicTeaser a { background: url(../img/transparent-pixel.gif) repeat 0 0; }


/*
#footer,
#footer_navi { background-color: #ececec; }
*/
#footer { overflow:hidden; position:relative; line-height: 1.5em; margin:10px; }
.jquery #footer { width:985px; margin:10px auto; }
#footer ul { display:block; width:700px; list-style: outside none none; margin:0; padding:0; }
#footer li { font-size:0.9231em; font-weight:bold; float:left; display:block; margin-right:2em; list-style: outside none none; }
#footer p { /* position:absolute; top:0; right:0;*/ margin:0; }
#footer .copyright { float:right; width:200px; padding:0; text-align:right; }
#footer .sociallinks { float:left; padding:0; }
#footer .sociallinks a { border-bottom:1px solid transparent; }
#footer .sociallinks a:hover { border-bottom:1px solid #e2001a; }

.facebook-link,.twitter-link { width:0; height:1em; display:inline-block; overflow:hidden; background:rgba(0, 0, 0, 0) none no-repeat scroll 0 center / 100% auto; margin:0 0.5em; }
.facebook-link { background-image:url("../img/facebook-trans.png"); padding-left: 0.5385em; }
.twitter-link { background-image:url("../img/twitter-trans.png"); padding-left: 1.1538em; }

#footer_navi { position:relative; padding-bottom:30px; /* font-family:'myriad-pro','PT Sans','Arial',sans-serif; */ }
#footer_navi ul { background-color: #ececec; display:block; margin:10px 0 0 0; padding:0; list-style: outside none none; }
#footer_navi > ul { margin:0 auto; width: 1005px; }
#footer_navi > ul > li { border:0 none; display:inline-block; vertical-align:top; padding:10px; width:225px; }
#footer_navi strong { font-size:1.1538em; }
#footer_navi a { /* font-family:'myriad-pro',"Lucida Grande","Lucida Sans Unicode","Arial",sans-serif; line-height:1.5385em; */ }
#footer_navi ul + p { display:none; }

.top, .bottom { display:block; cursor:pointer; position:fixed; z-index:20; bottom:30px; right:30px; width:60px; height:60px; opacity:0.75; background:no-repeat center center transparent; }
.contrast .top,
.contrast .bottom { opacity:1 !important; }

.top              { background-image:url(../img/start_arrow_up.png); }
.bottom           { background-image:url(../img/start_arrow_down.png); }
.contrast .top    { background-image:url(../img/start_arrow_up_contrast.png); }
.contrast .bottom { background-image:url(../img/start_arrow_down_contrast.png); }


/* .cms-panoramabox a:focus, */
#home_link:focus,
#navi_service a:focus,
#quick_search input:focus,
.cmsTopMenu a:focus,
.cms-panoramabox a:focus,
#content .topicTeaser a:focus,
#footer a:focus,
#footer_navi a:focus { /* background-color:#fff; */ outline:1px solid #e2001a; /* outline-offset:1px; */ }

.cms-panoramabox a:focus { text-decoration:underline; outline:3px solid #e2001a; }


.contrast .cms-panoramabox .panel .imgWrapper .gradient,
.contrast .cms-panoramabox .panel .gradient { background:transparent repeat scroll 0 0;
	background-image:-webkit-linear-gradient(bottom, rgba(240,240,240,1) 20%, rgba(240,240,240, 0) 50%) !important;
	background-image:   -moz-linear-gradient(bottom, rgba(240,240,240,1) 20%, rgba(240,240,240, 0) 50%) !important;
	background-image:    -ms-linear-gradient(bottom, rgba(240,240,240,1) 20%, rgba(240,240,240, 0) 50%) !important;
	background-image:     -o-linear-gradient(bottom, rgba(240,240,240,1) 20%, rgba(240,240,240, 0) 50%) !important;
	background-image: -khtml-linear-gradient(bottom, rgba(240,240,240,1) 20%, rgba(240,240,240, 0) 50%) !important;
	background-image:        linear-gradient(bottom, rgba(240,240,240,1) 20%, rgba(240,240,240, 0) 50%) !important;
}
.contrast * { color:#000 !important; }
.contrast .cms-panoramabox-pager .active { border-color:#000; }

.noLinearGradient.contrast .cms_panoramabox,
.contrast .cms-panoramabox .panel,
.contrast .cms-panoramabox-pager { background-color:#f0f0f0 !important; } 
.visualhidden { display:block; position:absolute; overflow:hidden; height:1px; width:1px; max-height:1px; max-width:1px; }