/**
 * 0) FONTS
 **/ 
/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

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

* {margin:0;padding:0;} 
.donotdisplay, .printonly, .mobileonly { left: -9999px; position: absolute; }
body { color: #000; font-size: 80%; font-family: 'Open Sans',sans-serif, trebuchet ms, verdana, arial; background: #3F3F41; position: relative; }

#main { clear: both; position: relative; margin-bottom: 35px; z-index: 1; }
#bgwrapper { margin: 0 0 5% 0; }
.wrap { margin: 0 auto; max-width: 1140px; min-width: 960px; position: relative; width: 100%; }
.loading { width: 100%; height: 100%; background: url( 'https://www.klinger-media.de/images/loading.gif' ) transparent center center no-repeat; }
.honey { position: absolute; left: -9999px; }

/* HOME */
h2.homeHeadline { font-size: 160%; background: #fff; color: #3F3F41; padding: 10% 1% 0.5%; }
h1, span.green, h2.homeHeadline span.green, #nav span.green, #footer b { color: #97BD0E; font-weight: bold; }

/* SHADOW */
.shadow { -webkit-box-shadow: 0 0 8px #000000; -moz-box-shadow: 0 0 8px #000000; box-shadow: 0 0 8px #000000; }
.shadowSmall { -webkit-box-shadow: 0 0 2px #000000; -moz-box-shadow: 0 0 2px #000000; box-shadow: 0 0 2px #000000; }

/* HEADER */
#header {  }
#logo { float: left; width: 18%;  margin: 1.1% 1%; }
#logo img { border: none; }
.overflow { overflow: hidden; }

#imgWrapper { width: 100%; max-height: 250px; overflow: hidden; }
#imgWrapper img { width: 100%; height: auto; }

/* MICRO NAVIGATION */
#microNavi { list-style: none; float: right; padding: 1%  1% 0 0; }
#microNavi li { float: left; }
#microNavi li a { color: #323232; }
#microNavi li a:hover { color: #E1001A; }

/* MAIN CONTENT */
#contentWrapper { margin-top: 1%; color: #fff; overflow: hidden; }
.teaserImg { width: 100%; height: auto; padding: .5% 0; }

/* NAVI */
#nav { width: 24%; margin: 1% 1% .5% 0; float: left; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; -hyphens: auto; }
#nav ul { list-style: none; }
#nav ul.navi li { padding: 2.5% 2%; margin: 2% 0; display: block; line-height: 120%; background: #fff; }
#nav ul.navi li:first-child { border-top: none; }
#nav a { font-size: 120%; font-weight: bold; color: #323232; display: block; }
#nav ul.navi li:hover, #nav ul.navi li:hover a,
#nav ul.navi li.activeItem, #nav ul.navi li.activeItem a 
	{ color: #fff; text-decoration: none; background: #97BD0E; }

/* NAVI BG */ 
#mainNaviBG { position: absolute; top: 30px; z-index: 10000; width: 100%; height: 49px; background: rgba( 255, 255, 255, .9 ); /*overflow: hidden;*/ }
#mainNaviBG > div#Logo { float: left; width: 20%; }
#mainNaviBG > div#navWrapper { float: right; width: 80%; }
#Logo img { padding: 9px 7px; }


/* HORIZONTAL NAVI */
#horizontalNavi { list-style: none; float: right; width: 100%; height: 49px; /*overflow: hidden;*/ }
#horizontalNavi li { height: 100%; float: right; font-size: 140%; line-height: 49px; display: block; border-bottom: solid 4px #3F3F41; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;  position: relative; }
#horizontalNavi > li > a { padding: 0 10px; }
#horizontalNavi li.active { border-bottom: solid 4px #97BD0E; }
#horizontalNavi li a { display: block; color: #97BD0E; }
#horizontalNavi li:hover,
#horizontalNavi li.request:hover { background: #97BD0E; }
/*#horizontalNavi li.first:hover { background: none; }*/
#horizontalNavi li:hover a { color: #fff; text-decoration: none; }
/*#horizontalNavi li.first { float: left; border-bottom: none; }
#horizontalNavi li.first a { padding: 0; }
#horizontalNavi li.first img { padding: 9px 0 1px; }*/

#horizontalNavi li:hover div.dropDown { right: 0; left: auto; }
#horizontalNavi li.request { background: rgba( 63, 63, 63, .7 ); }
#horizontalNavi li.request a { color: #fff; }

/* DROPDOWN */
#horizontalNavi div { display: inline; }
div.dropDown { position: absolute; left: -9000%; top: 44px; overflow: hidden; width: 250px; z-index: 400; background: #97BD0E; } 
#horizontalNavi li.hasDropDown div.dropDown a { padding: .5% 0; display: block; }
#horizontalNavi li.hasDropDown div.dropDown li:hover { background: #fff;  }
#horizontalNavi li.hasDropDown div.dropDown a:hover { color: #97BD0E; text-shadow: none; }
#horizontalNavi li li { display: block; line-height: 2; padding: 0 3%; margin: 0; font-size: 100%; line-height: auto; float: none; border-top: solid 4px #3F3F41; border-bottom: none;}
#horizontalNavi li li a { font-size: 90%; font-weight: 400; text-align: left; color: #fff; }
#horizontalNavi li.hasDropDown a { display: inline-block; }
#horizontalNavi li li:first-child a { border-top: none; }

/* MAIN CATEGORY */
#mainCat { position: absolute; left; 0; top: 110px; padding: 1% 2%; width: 40%; text-align: right; font-size: 200%; color: #fff; background: none repeat scroll 0 0 rgba(151, 190, 13, 0.7)}

/* CONTENT */
#content { width: 74.5%; margin: .5% 0% .5% .5%;  float: right; }
.home #content { float: left; margin: .5% .5% .5% 0; }

/* SEARCH */
#search { overflow: hidden; float: left; }
input#searchBox { border: solid 1px #fff; background: #fff; width: 150px; float: left; }
ul#searchResults { list-style: none; }
ul#searchResults li { padding-bottom: 20px; margin-bottom: 20px; border-bottom: solid 1px #002900;  }
ul#searchResults p { padding: 0px; }
p.searchLink { font-size: 90%; margin-top: 5px; }
#searchForm { float: right; height: 18px; }

/* SUBNAVI */
#subNaviPreview{ list-style: none; }
#subNaviPreview li { border-top: 1px dotted #152861; }
.navi.depth-1 { width: 95%; margin-bottom: 5%; }
.subNavi { width: 22%; margin-right: 3%; }
.subNavi li { list-style: none; }
.subNavi .navi li { background-color: #EAEDEF; line-height: 2; margin-bottom: .5%; padding-left: 2%; width: 100%; border-left: 10px solid #868788; }

.navi.depth-2 {  margin-left: -2%;
    width: 96%;
}

/* COLS */
.default #contentColumn, .booking #contentColumn { float: left; width: 400px; }
.default #infoColumn, .booking #infoColumn  { float: right; width: 400px; }
.blank #contentColumn { width: 100%; }

/* WIDGETS */
.widgetlist-rightContent h1, .widgetlist-rightContentTop h1 { margin-bottom: 0px; }
.widgetlist-rightContent p, .widgetlist-rightContentTop p { padding: 5px 5px 10px; }
.widgetlist-rightContent ul, .widgetlist-rightContentTop ul { margin-left: 20px; } 
.wList-simple_text ul, .wList-rssmodule ul { padding: 1% 0 0 1%; }
.wList-simple_text ul li, .wList-rssmodule ul li { padding: 1% 0; }
.wList-simple_text h2, .wList-news_limited .naviTop, h2.homeHeadline {  }

.widgetlist-homeContent { width: 100%; list-style: none; overflow: hidden; height: 260px;}
.widgetlist-homeContent a { color: #fff; }
.widgetlist-homeContent a:hover { color: #97BD0E; text-decoration: none; }
.widgetlist-homeContent a.linkButton { display: block; width: 100%; padding: 3% 0; background: #97BD0E; color: #fff; font-weight: bold; text-align: center; text-decoration: none; position: absolute; bottom: 0; }
.widgetlist-homeContent a.linkButton:hover { color: #fff; text-decoration: underline; }

.widgetlist-homeContent li { list-style: none; }
.widgetlist-homeContent li.col3 { width: 32%; height: 100%; margin: 0 1%; float: left; display: block; position: relative;}
.widgetlist-homeContent li.col3.leftCol { margin-left: 0; }
.widgetlist-homeContent li.col3.rightCol { margin-right: 0; }

.widgetlist-leftContent span.circle,
.widgetlist-leftContent span.circle a i, 
.widgetlist-home span.circle,
.widgetlist-home span.circle a i { background: #fff; color: #3F3F41; border-radius: 25px; display: block; width: 17px; height: 17px; float: left; margin-right: 5px; text-align: center; }
.widgetlist-leftContent span.circle.marker,
.widgetlist-home span.circle.marker { margin-bottom: 20px; }
.widgetlist-leftContent span.circle.mail,
.widgetlist-home span.circle.mail { font-size: 80%; }
.wList-address { padding-bottom: 5%; } 
.wList-address li { padding: 1px 0; }
.wList-address li.address { padding-bottom: 8px; }
#nav .wList-address li a, .wList-address li a
.widgetlist-home .wList-address li a, .widgetlist-home .wList-address li a { color: #fff; font-weight: normal; font-size: 100%; }
.widgetlist-home { width: 20%; float: right; list-style: none; margin-top: 1.3%; }
.widgetlist-home ul { list-style: none; }
#aSocialAdress { list-style: none; width: 100%; overflow: hidden; padding-top: 5%; }
.widgetlist-leftContent #aSocialAdress { padding-top: 0%; }
#aSocialAdress li { float: left; }

/* BREADCRUMBS */
#breadcrumbs_bg {background: #fff; font-size: 90%; overflow: hidden;}
#breadcrumb { display: inline-block; overflow: hidden; overflow: hidden; width: 100%; }
#breadcrumb li { list-style: none; color: #3F3F41; text-decoration: none; outline: none; display: block; float: left; padding: 0.3% 0 0 0; position: relative; }
#breadcrumb li a { text-decoration: none; color: #3F3F41; }
#breadcrumb li:hover a { color: #97BD0E; }
#breadcrumb li.start { padding-right: .5%; }

/* CONTACT */
label.contact { float: left; width: 170px; }
input.contactfield { width: 300px; border: solid 1px #152861; }
input.contactBtn { margin-left: 170px; border: 1px solid #152861; color: #fff; background: #555; padding: 2px 20px; font-weight: bold; text-shadow: #000 1px 1px 0px; }
input.contactBtn:hover { background: #152861; border: 1px solid #555; color: #fff; cursor: pointer; }
#header_contact { color: #fff; }

/* SITEMAP */
#sitemap { line-height: 20px; overflow: hidden; }
#sitemap ul { list-style-type: none; padding: 0px 0px 0px 24px; margin: 0px 0px 0px -24px;  background: url( 'https://www.klinger-media.de/images/default/explorer_down.png' ) repeat-y 0% 0%; }
#sitemap li:last-child ul { background-image: none; }
#sitemap li { background: url( 'https://www.klinger-media.de/images/default/explorer_node.png' ) no-repeat 0% 0%; padding: 0 0 0 24px; margin: 0; }
#sitemap li:last-child { background: url( 'https://www.klinger-media.de/images/default/explorer_corner.png' ) no-repeat 0% 0%; }   

/* FOOTER */
#footer { background: #97BD0E; clear: both; color: #fff; margin: 0; width: 100%; border-top: solid 3px #fff; position: relative; z-index: 1; }
#footer .wrap { height: 100%; z-index: 1; }
#footer a { color: #3F3F41; font-weight: 700; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer p { color: #3F3F41; padding: .5% 1%; }
#footer { color: #fff }
#copyright { bottom: 5px; float: left;  padding: 5px 10px;}

#footer .wrap { overflow: hidden; }
#footer .col2 { width: 65.6666%; float: left; margin-right: 1%; }
#footer .col1 { width: 32.3333%; float: right; margin-left: 1%; }

#footer h2 { color: #3F3F41; font-weight: 300; }
#footer .whitebold { font-weight: 700; color: #fff; }

ul#footerNavi { overflow: hidden; width: 98%; background: rgba( 255, 255, 255, .7 ); padding: .3% 1%; color: #3F3F41; }
ul#footerNavi li { list-style: none; float: left; }
ul#footerNavi a { font-weight: normal; }

#toTop { position: absolute; bottom: 55px; background: #fff; width: 10%; margin: 0 45%; height: 50px; color: #3F3F41; text-align: center; z-index: 0; transition: all .5s ease; }
#toTop:hover { bottom: 75px; }
#toTop i { font-size: 300%; }

#imgWJBZ { width: 110px; height: auto; margin-right: 3%; padding: 1.5% 0; float: left; }
.imgParnter { width: auto; height: 30px; float: left; padding-right: 2%; }

/* SLIDER HOME */
#sliderFrame { overflow: hidden; padding: 0; width: 100%; position: relative; max-height: 350px; }
ul#slider { list-style: none outside none; position: relative; width: 100%; height: 100%; overflow: hidden; }
ul#slider > li { height: 100%; width: 100%; position: absolute; float: left; display: none; left: 0; top: 0; -moz-box-sizing: border-box; border-bottom: 27px solid rgba(151, 190, 13, 0.7); }
ul#slider > li:first-child { position: relative; float: left; display: block; }
ul#slider img.backgroundImg { height: 100%; width: auto; }
ul#slider .teaserImg { height: auto; position: absolute; top: 85px; left: 0; width: 40%; }
ul#slider .teaserImg img { width: 300px; height: auto; float: right; }
ul#slider > li .subWrap { position: relative; z-index: 1; }

.sliderTitle { position: absolute; right: 0; top: 85px; width: 50%; color: #fff; z-index: 2; font-family: 'Open Sans', sans-serif; font-weight: 300;}
#paging { overflow: hidden; position: absolute; bottom: 1%; right: 0; z-index: 5; list-style: none; width: 30%; height: 54px; }
#paging .imgWrapper, #paging .pageControlPanel { padding: .5%; display: inline; opacity: .5; }
#paging .imgWrapper.current, #paging .imgWrapper:hover { opacity: 1; }
#paging .imgWrapper.first { margin-top: 0px; }
.sliderTitle p.title { padding: 2% 0 2% 2%; margin: 0; font-size: 170%; background: rgba(151, 190, 13, 0.7); }
.sliderTitle ul { margin-bottom: 3%; }
.sliderTitle li { list-style: none; padding: .5% 0 .5% 2%; margin: 0; font-size: 140%; text-shadow: 1px 1px #3F3F41; }
.sliderTitle a { background: rgba(151, 190, 13, 0.7); padding: 1% 4%; color: #fff;  font-weight: bold;}
.sliderTitle a:hover { background: rgba(151, 190, 13, 1); color: #fff;  text-shadow: 1px 1px #3F3F41;  }
/*.subTitle li { list-style: none; margin: 1.5% 2%; font-size: 120%; font-family: 'Open Sans', sans-serif; font-weight: 700; text-shadow: 1px 1px 1px #000000; }*/
.imgWrapper > img { border: 2px solid #fff; border-radius: 25px; height: 50px; width: 50px; }

#paging .imgWrapper:hover, #paging .pageControlPanel:hover , #paging .imgWrapper.current, #paging .pageControlPanel.current { cursor: pointer; color: #E1001A; }
#paging .current.stopped { color: #0085CA; }

#borderBottom { width: 100%; height: 25px; position: absolute; bottom: 0; left: 0; z-index: 4; background: rgba(151, 190, 13, 0.4); }

/* 
 * REFERENCES 
 */
/* filter & listStyle */
#filterList, #listStyle { list-style: none; }
#filterList { float: left; width: 80%; }
#listStyle { float: right; width: 12%;}
#filterList li, #listStyle li { float: left; margin: 0 .2%; padding: .2% .5%; }
#listStyle li { margin: 0 1%; }
#filterList li.active { background: #97BD0E; }
#listStyle li i { font-size: 120%; }
#listStyle li.active i { color: #97BD0E; }
#filterList li:hover, #listStyle li:hover { cursor: pointer !important; }
#filterList li:hover { background: #fff; color: #3F3F41; }



/* block style */
#references { list-style: none; width: 100%; overflow: hidden; }
#references.block li { width: 20%; height: 200px; float: left; position: relative; overflow: hidden; }
#references.block .refImg { width: 100%; height: auto; position: absolute;  
    left: 0;  
    -webkit-transition: all 300ms ease-out;  
    -moz-transition: all 300ms ease-out;  
    -o-transition: all 300ms ease-out;  
    -ms-transition: all 300ms ease-out;  
    transition: all 300ms ease-out; }
    
#references.block .caption {  
	background-color: rgba(0,0,0,0.8);
	opacity: 0;  
	position: absolute;  
	color: #fff;  
	z-index: 100;  
	-webkit-transition: all 300ms ease-out;  
	-moz-transition: all 300ms ease-out;  
	-o-transition: all 300ms ease-out;  
	-ms-transition: all 300ms ease-out;  
	transition: all 300ms ease-out;  
	left: 0; 
	width: 100%;
	height: 100%;
} 

#references.block .scale-caption h2 { font-size: 120%; }
#references.block .scale-caption p.referenceInfo { bottom: 1%; }

#references.block .scale-caption h2, #references.block .scale-caption p.referenceInfo {  
	position: absolute;  
	left: -100%;  
	width: 100%;
	padding: 0 1%;
	-webkit-transition: all 300ms ease-out;  
	-moz-transition: all 300ms ease-out;  
	-o-transition: all 300ms ease-out;  
	-ms-transition: all 300ms ease-out;  
	transition: all 300ms ease-out;  
}  
  
#references.block .scale-caption h2 {  
	-webkit-transition-delay: 300ms;  
	-moz-transition-delay: 300ms;  
	-o-transition-delay: 300ms;  
	-ms-transition-delay: 300ms;  
	transition-delay: 300ms;  
}  
  
#references.block .scale-caption p.referenceInfo {  
	-webkit-transition-delay: 500ms;  
	-moz-transition-delay: 500ms;  
	-o-transition-delay: 500ms;  
	-ms-transition-delay: 500ms;  
	transition-delay: 500ms;  
}

#references.block li:hover .caption {
	opacity: 1;
}

#references.block li:hover img.refImg {  
	-moz-transform: scale(1.4);  
	-o-transform: scale(1.4);  
	-webkit-transform: scale(1.4);  
	transform: scale(1.4);  
}

#references.block li:hover .scale-caption h2,  
#references.block li:hover:hover .scale-caption p.referenceInfo {  
	-moz-transform: translateX(100%);  
	-o-transform: translateX(100%);  
	-webkit-transform: translateX(100%);  
	transform: translateX(100%);  
}    

#references.block p.refText { display: none; }

/* style */
#references li { overflow: hidden; /*margin: 2% 0;*/ position: relative; }
.referenceInfo { position: absolute; left: 3%; bottom: 3%; }
.list .referenceInfo { left: auto; right: 0; bottom: 0; width: 100%; text-align: right; }
.block .referenceInfo a { display: block; }
.list .referenceInfo a { padding-left: 3%; }
.refImg { float: left; margin-right: 1%; }

#referenceImgList { overflow: hidden; }
#referenceImgList li { list-style: none; float: left; width: 70px; height: 70px; overflow: hidden; border-radius: 35px; border: solid 2px #fff; margin: .5% 2% 1% 0; }
.referenceImgPreview { height: 70px; width: auto; }
#referenceMainImg { width: 100%; height: auto; }

/* NEWS */
ul#newsList { list-style-type: none; }
ul#newsList li { overflow: hidden; padding-bottom: 10px; margin-bottom: 10px; }
ul#newsList li:last-child { border-bottom: none; }
ul#newsList li p { padding: 5px 0 20px; }
.littleArrow { height: 15px; width: 20px; float: right; }
ul#newsList a { text-decoration: none; }
.mainNewsPic { border: 5px solid #fff; float: left; height: 100px; margin: 10px 20px 20px 8px; padding: 0; width: 150px; }
.lightbox img  { border: none; }
.newsText { float: left; width: 262px; }
#page .newsText { width: 100%; float: none; }

/* HEADLINES AND CONTENT */
h1, .default h1 { font-size: 200%; font-family: 'Open Sans',sans-serif; font-weight: 300; color: #fff; padding: 5px 0px 10px; }
h2 {  color: #97BD0E; font-size: 160%; font-family: 'Open Sans',sans-serif; font-weight: 400;  padding: 4px 0px 2px; }
.subNavi h2 { border-bottom: 1px solid #005DA8; margin-bottom: 2%; color: #fff; }
h2.naviTop { color: #fff; }
h2 a { color: #005DA8; }
h2 a:hover { text-decoration: underline; }
h3 { color: #97BD0E; font-size: 120%; padding: 3px 0px 1px; }
h4 { color: #005DA8; font-size: 90%; padding: 2px 0px 0px; }
h5 { color: #005DA8; font-size: 80%; padding: 1px 0px 0px; }
p {padding: 5px 0px 10px 0; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; -hyphens: auto; }
.disabled, a.disabled {text-decoration: line-through;}
.right {text-align: right;}
.left {text-align: left;}
.center {text-align: center;}
.justify {text-align: justify;}
.floatleft {float: left;}
.floatright {float: right;}
.clearboth {clear: both;}
.bold { font-weight: bold; }
a { color: #fff; text-decoration: none; } /*#152861*/
a:hover { color: #97BD0E; text-decoration: underline; }
.small { font-size: 120%; }
.content { width: 75%; }
.content .overflow { font-size: 90%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #005DA8 }

h2.sharePage { overflow: hidden; clear: both; color: #fff; margin-top: 5%; padding-top: 1%; border-top: solid 1px #fff; }

#text table th { font-size: bold; text-align: left; border-bottom: solid 1px #0085CA; }
#text table td { border-top: dotted 1px #0085CA; }
#text table tbody tr:first-child td { border-top: none; }
#text table td, #text table th { vertical-align: top; }
#text table td p { padding: 0; }

/* PAGES */
.Pages, .activePage{  color: #152861; display: inline-block; font-size: 100%; font-weight: bold; margin-right: 5px; padding: 3px 7px; }
.activePage { text-decoration: underline; background: #152861; color: #fff !important; border: 1px solid #152861; }
a.activePage:hover { color: #fff !important; }
#page .Pages:link, .Pages:visited{ cursor:pointer; text-decoration: none; border: 1px solid #152861; }
#page .Pages:hover { background: #152861; color: #fff !important; }

/* TEXT */
#text img {	border: 5px solid #fff; margin: 5px;}
#text ul, #text ol { margin: 10px 0px 10px 30px; }
#text ul li, #text ol li { padding: 2px 0px; }
#text a { color: #97BD0E; text-decoration: none; }
#text a:hover { text-decoration: underline; }
#text .map_canvas img, .tabContainer #map_canvas img { border: none; margin: 0px; -webkit-box-shadow: 0 0 0px #000000; -moz-box-shadow: 0 0 0px #000000; box-shadow: 0 0 0px #000000;  }

/* REGISTER */
.twocolumns {float: left;  width: 50%; margin: 1% 0; }
.twocolumns label {width: auto; float: none; padding: 0; } 
.colLeft { clear: left; padding-right: 20px;}
fieldset.orderRegister { padding: 10px; margin-bottom: 20px; border: solid 1px #868788; }
fieldset.orderRegister legend {font-weight: bold; padding: 0px 10px;}
input.inputlogin, select.selectlogin { width: 200px; border: solid 1px #868788; padding: 3px 2px; }
input.inputlogin:focus, select.selectlogin:focus { border: solid 1px #323232; }
.twocolumns .submitBtn { border: none; color: #fff; background: #323232; margin: 0 .1%; padding: .5% 1%; font-family: 'Open Sans',sans-serif; }
.twocolumns .submitBtn:hover { background: #EA690B; cursor: pointer; }

/* TABELLE */
table, th, td { border: none; }
td, th { padding: 2px 4px; }
th { text-align: left; /* border-bottom: 2px solid #152861; */ }

/* INPUTFIELDS */
.defaultField { /*margin: 6px 0px;*/ overflow: hidden; }
.defaultField input, .defaultField textarea, .defaultField select { width: 97%; border: solid 1px #868788; padding: 1%; margin: 1% 0%; }
.defaultField input:focus, .defaultField textarea:focus, .defaultField select:focus { border: solid 1px #323232; }
.defaultField textarea { height: 200px; }
.defaultField input[type="checkbox"] { width: auto; margin-top: 2%; }
.defaultField label, .defaultField div.labelFake { padding: 1% 0; }
.defaultField label.noFloat { float: none; }
.defaultField .inputWrapper { overflow: hidden; }
input.fieldError, textarea.fieldError { border: solid 1px #c02e2e; }
div.fieldError { clear: left; color: #ff0000; font-size: 80%; margin-left: 1%; }
label.cbFloat { width: 200px; float: left; }
.sendMailBtn { padding: .5% 2%; background: #97BD0E; font-weight: bold; color: #fff; border: none; }
.sendMailBtn:hover{ background: #fff; color: #97BD0E; cursor: pointer; }

.privacy label { display: inline-block; }
.privacy p { padding: .5% 0 .5% 1%; }

#ckmForm input { width: 220px; }
#ckmForm input[type=text], #ckmForm select {
	-moz-appearance: none;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: none;
    border-bottom: dotted 1px #fff;
    color: #97BD0E;
    font-weight: 400;
    font-size: 110%;
    text-indent: 1px;
    text-overflow: "";
}
#ckmForm textarea { border: 1px dotted #fff; width: 99%; height: 150px; background: none; color: #fff; font-family: 'Open Sans',sans-serif,trebuchet ms,verdana,arial; }
#ckmForm .date-pick { width: 100px; }
#ckmForm input[type=text].fieldError, #ckmForm select.fieldError { border: none; border-bottom: solid 2px #c02e2e; }

#text .cols2 { width: 50%; }
#text .cols2.leftCol { float: left; }
#text .cols2.rightCol { float: right; }

/* LINKS */
ul#links, ul#links ul { list-style: none; padding-bottom: 2%; }
li.links { overflow: hidden; width: 100%; margin-top: 2%; padding-top: 2%; border-top: dotted 1px #005DA8; }
li.links:first-child { border-top: none; }
li.links img { float: left; }
li.links .linkContent { margin-left: 240px; }

#btnNaviMobile, .home .tabContainer { display: none; }

/* MSG */
.msgList { list-style: none; padding: 0; margin: 1% 0; }
.msgList li { margin: .25% 0; padding: .5%; color: #fff; text-shadow: #333 1px 1px 0; }
.msgList li i { padding-right: .5%; }
.warningMsg { background: #e88615;  }
.errorMsg { background: #c02e2e; }
.successMsg { background: #469b2b; }

/* Glossary */
ul#glossaryChars, ul#glossary, ul#glossary li > ul { list-style: none; overflow: hidden; }
ul#glossaryChars { border-bottom: 2px solid #ccc; padding-bottom: 2%; }
ul#glossaryChars li { float: left; padding: 0 1%; border-left: 1px solid #ccc; }
ul#glossaryChars li.first { border: none; }
ul#glossary > li, 
	ul#glossary li > ul li { border-bottom: 1px dotted #ccc; margin-bottom: 2%; padding-bottom: 2%; overflow: hidden; }
ul#glossary li > ul li { border-bottom: 1px dotted #222; }
ul#glossary li > h2 { width: 10%; float: left; }
ul#glossary li > ul { width: 90%; float: right; }
ul#glossary > li:last-child, 
	ul#glossary li > ul li:last-child { border-bottom: none; margin-bottom: 0%; padding-bottom: 0%; }

#nav .wList-glossary a { color: #97BD0E; font-weight: 300; text-decoration: none; }
#nav .wList-glossary a:hover { text-decoration: underline; } 

.hideglossary {display: none;}
.showglossary (background: none repeat scroll 0 0 #FF0000; border: 1px solid #FFFFFF; border-radius: 5px; display: block; left: -120px; padding: 5px; position: absolute; top: 20px; width: 300px;)
.glossary {display: inline-block; position: relative;}

.bubble 
{
	position: relative;
	width: 300px;
	height: 220px;
	padding: 5px;
	background: #FFFF9B;
	border: #000062 solid 1px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.bubble:after 
{
	content: "";
	display: block;
	width: 0;
	z-index: 1;
	position: absolute;
	top: -10px;
	left: 120px;
	border-style: solid;
	border-width: 0 10px 10px;
	border-color: #FFFF9B transparent;
}

.bubble:before 
{
	content: "";
	display: block;
	width: 0;
	z-index: 0;
	position: absolute;
	top: -11px;
	left: 120px;
	border-style: solid;
	border-width: 0 10px 10px;
	border-color: #000062 transparent;
}

/* cookies */
div.table { display: table; margin: 0 auto; background: transparent; }
div.table-row { display: table-row; }
div.table-cell { display: table-cell; vertical-align: middle; }
div.cookieText { width: 74%; margin-right: 1%; text-align: center; }
div.cookieBtn { width: 24%; margin-left: 1%; text-align: center; }

#cookieInfo { background: #1a1a1a; padding: .5% 0; position: fixed; left: 0; bottom: 0; width: 100%; font-size: 100%; color: #fff; z-index: 4444; }
#cookieInfo a { color: #fff; text-decoration: underline; }
#cookieInfo a#setCookie { display: inline-block; padding: 5px 15px; background: #97BD0E; color: #fff; border: 1px solid #fff; text-decoration: none; }
#cookieInfo a#setCookie:hover { background: #fff; color: #97BD0E; text-decoration: none; }


.defaultField.privacy input {
    width: auto !important;
    float: left;
    margin-right: 10px;
}

.privacy p.small {
    padding: 0;
    font-size: 90%;
}

.sendMailBtn { margin: 20px 0; }