@charset 'utf-8';

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6,p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}

input, button {
	font: inherit;
}

blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}


/*
http://nitzsche.info
*/

body {
  background-color: #fff;
}

strong, b {
  font-weight: bold;
}

em, i {
  font-style: italic;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

label,
input[type=button],
input[type=submit],
button {
  cursor: pointer;
}

abbr[title] {
  border-bottom: 1px dotted #888 !important;
  cursor: help;
}

a abbr {
  cursor: pointer !important;
}

.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  line-height: 0;
}

.clearfix {
  display: inline-block;
}

/* Hides from IE-mac \*/
  * html .clearfix { height: 1%; }
  .clearfix { display: block; }
/* End hide from IE-mac */


/*
 * HTML5 default styles:
 */
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}




	
	
		
		

body{
	background-color: #2d6698;
	background-image: url(/file/overlay/layout/bg_body.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	margin: 0px;
}
body .welle{
	position: absolute;
	width: 100%;
	top: 208px;
	height: 413px;
	background-image: url(/file/overlay/layout/welle-trans.png;jsessionid=6779712255FCDE2A8C701BEFB6C7D716);
	background-position: center 0;
	background-repeat: no-repeat;
}
body #cookie-optin .message{
	max-width: 1000px;
	margin: 0 auto;
}
body #cookie-optin .message .buttons{
	display: flex !important;
	margin: 20px -20px;
}
body #cookie-optin .message .buttons a{
	flex: 1;
	margin: 0 20px !important;
}


body #cookie-optin{
	display: block;
	background: rgba(51,  51, 51, .95);
	color: white;
	padding: 10px;
	position: fixed;
	z-index: 2;
	bottom: 0px;
	left: 0px;
	right: 0px;
}
body #cookie-optin .message p{
	margin: 15px 0;
}
body #cookie-optin .message a.datenschutz{
	color: inherit;
	text-decoration: underline;
}
body #cookie-optin .message .buttons{
	display: block;
}
body #cookie-optin .message .buttons a{
	display: block;
	margin: 20px 0;
	padding: 12px 20px;
	background: #1fa648;
	color: white;
	border-radius: 4px;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	text-align: center;
	text-decoration: none;
}
body .module-um3o_cookie_optin .buttons a{
	display: block;
	margin: 0 0 20px 0 !important;
}

		

body{
	font-family: arial;
	font-size: 13px;
	color: #444444;
	line-height: 20px;
}
body a{
	color: #16184e;
}
body h1, body h2, body h3, body h4, body h5{
	color: #16184e;
}

		
#page{
	position: relative;
	margin: 0px auto 10px auto;
	width: 1010px;
}
#page .flasche{
	width: 223px;
	height: 190px;
	background: url(/file/8ae688843c1a9288013d493cc29e0342.de.0/flasche_klar_01.png) no-repeat 0 00px;
	position: absolute;
	top: 29px;
	left: 0px;
	z-index: 2;
}

		
		#header{
	display: block;
	position: relative;
}



#header{
	height: 145px;
	position: relative;
	background: #fff;
	text-align: right;
}
#header .header_left{
	z-index: 2;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 440px;
	height: 145px;
	padding-right: 20px;
	background: url(/file/overlay/layout/flaeche_weiss_links_oben.png) no-repeat 100% 0;
}
#header .header_left .logo1{
	position: absolute;
	top: 10px;
	left: 195px;
}
#header .header_left .logo2{
	float: right;
	margin: 40px 0 0 0 ;
}
#header .header-img{
	margin-left: 385px;
	height: 100%;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

		#mainnav{
	display: block;
	position: relative;
}
#mainnav nav ul{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#mainnav nav ul li{
	padding: 0px;
	margin: 0px;
	float: left;
}
#mainnav nav ul li a{
	display: block;
}
#mainnav nav ul li:hover ul.drop-down{
	display: block;
}
#mainnav nav ul.drop-down, #mainnav nav ul .drop-down-content{
	display: none;
	position: absolute;
	z-index: 101;
}
#mainnav nav ul.drop-down li{
	float: none;
}



#mainnav{
	background: #fff url(/file/overlay/layout/bg_mainnav.png) repeat-x 0 0;
	padding: 0 0 0 170px;
	height: 74px;
}
#mainnav nav ul li{
	margin-left: 25px;
}
#mainnav nav a{
	text-decoration: none;
	color: black;
	padding: 10px 10px 0 10px;
	height: 64px;
}
#mainnav nav a:hover{
	color: #16184e;
	background: transparent url(/file/8ae688843c1a9288013d493cc29e0342.de.0/mainnav_pfeil_b.png) no-repeat 50% 38px;
}
#mainnav nav a.selected{
	color: #16184e;
	background: transparent url(/file/8ae688843c1a9288013d493cc29e0342.de.0/mainnav_pfeil_b.png) no-repeat 50% 38px;
}

		#content{
	padding: 0px;
	margin: 0px;
	position: relative;
}
#content .leftcol{
	float: left;
	position: relative;
}
#content .centercol > .inner{
	overflow: hidden;
	width: 100%;
}
#content .rightcol{
	float: right;
	position: relative;
}



#content{
	background-color: #fff;
}
#content .leftcol{
	width: 235px;
	background: url(/file/8ae688843c1a9288013d493cc29e0342.de.0/flasche_klar_01.png) no-repeat 0 -190px;
	min-height: 675px;
}
#content .leftcol .leftcol_content{
	width: 190px;
	margin: 10px;
	color: #229c71;
}
#content .centercol{
	background: white;
}
#content .rightcol{
	width: 205px;
}
#content .rightcol .social{
	text-align: right;
	margin-right: 15px;
}
#content.left .centercol{
	margin-left: 235px;
}
#content.left .centercol .content-footer{
	left: 235px;
}
#content.right .centercol{
	margin-right: 205px;
}
#content.right .centercol .content-footer{
	right: 205px;
}
#content .content-body{
	padding: 20px;
	min-height: 300px;
}

		#footer{
	display: block;
	position: relative;
}



#footer{
	padding: 5px 10px;
	color: #ffffff;
	background-color: #229c71;
}

		
		body.rtf{
	background-color: transparent;
}


.rtf p{
	line-height: 24px;
	margin: 16px 0px;
}
.rtf p:first-child{
	margin-top: 0px;
}
.rtf img{
	max-width: 100%;
}
.rtf h1{
	color: #16184e;
	font-size: 20px;
	margin: 10px 0  10px;
}
.rtf h1:first-child{
	margin-top: 0px;
}
.rtf h2, .rtf h3{
	font-weight: bold;
}
.rtf .code{
	border: solid silver 1px;
	background: #efefef;
	color: #222222;
	border-radius: 4px;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 2px 2px 8px gray;
	-ms-box-shadow: 2px 2px 8px gray;
	-moz-box-shadow: 2px 2px 8px gray;
	-webkit-box-shadow: 2px 2px 8px gray;
	padding: 5px;
	font-family: courier;
	white-space: pre-wrap;
}
.rtf .code p{
	margin: 0px;
}
.rtf .code blockquote{
	margin: 0 0 0 30px;
}
.rtf table.gray{
	border-spacing: 2px;
	border-collapse: separate;
}
.rtf table.gray td{
	background-color: #efefef;
	border: solid silver 1px;
	padding: 5px;
}
.rtf table tr.table-header td{
	background-color: gray;
	background: linear-gradient(gray 40%,black);
	background: -ms-linear-gradient(gray 40%,black);
	background: -moz-linear-gradient(gray 40%,black);
	background: -webkit-linear-gradient(gray 40%,black);
	color: white;
}
.rtf table td.green{
	border: solid green 2px;
}
.rtf img.dia{
	border:  solid silver 1px;
	background: gray;
	background-image: -moz-linear-gradient(300deg, white 60%, gray 90%);
	background-image: -webkit-gradient(linear, left top, right bottom, from(white), to(gray), color-stop(.7, white));
	border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 1px 1px 10px black;
	-ms-box-shadow: 1px 1px 10px black;
	-moz-box-shadow: 1px 1px 10px black;
	-webkit-box-shadow: 1px 1px 10px black;
	padding: 10px;
	margin: 0 20px 20px 0;
	max-height: 80px;
	max-width: 80px;
}
.rtf img.shadow{
	box-shadow: 1px 1px 10px black;
	-ms-box-shadow: 1px 1px 10px black;
	-moz-box-shadow: 1px 1px 10px black;
	-webkit-box-shadow: 1px 1px 10px black;
	border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	overflow: hidden;
}
.rtf img.right{
	float: right;
	margin: 0 0 0 8px;
}
.rtf img.left{
	float: left;
	margin: 0 8px 0 0;
}
.rtf a.button{
	text-decoration: none;
	color: black;
	padding: 2px 10px;
	border: solid gray 1px;
	border-radius: 4px;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-image: linear-gradient(#efefef 40%,silver);
	background-image: -ms-linear-gradient(#efefef 40%,silver);
	background-image: -moz-linear-gradient(#efefef 40%,silver);
	background-image: -webkit-linear-gradient(#efefef 40%,silver);
}
.rtf a.button:hover{
	box-shadow: 1px 1px 2px gray;
	-ms-box-shadow: 1px 1px 2px gray;
	-moz-box-shadow: 1px 1px 2px gray;
	-webkit-box-shadow: 1px 1px 2px gray;
	color: brown;
}
.rtf .quote{
	border-left: solid #607d9a 3px;
	padding-left: 10px;
	text-indent: -5px;
	font-style: italic;
	color: gray;
}

		
.search-box{
	width: 140px;
	height: 22px;
	background: url(/file/overlay/layout/lupe.png;jsessionid=6779712255FCDE2A8C701BEFB6C7D716) no-repeat 100% 50%;
	position: absolute;
	right: 5px;
	top: 8px;
	padding-right: 20px;
}
.search-box input{
	width: 120px;
	border: inset gray 1px;
	height: 22px;
	border-radius: 8px;
	-ms-border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	padding: 0px 8px;
}



#live-search-result{
	position: absolute;
	right: 0px;
	width: 400px;
	background: white;
	z-index: 10;
	border: solid silver 3px;
	border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 0 0 20px silver;
	-ms-box-shadow: 0 0 20px silver;
	-moz-box-shadow: 0 0 20px silver;
	-webkit-box-shadow: 0 0 20px silver;
	margin-top: 7px;
	font-size: 12px;
}
#live-search-result a{
	text-decoration: none;
	padding: 0px;
	display: block;
}
#live-search-result a:hover .entry{
	background: #efefef;
}
#live-search-result a:focus{
	outline: none;
}
#live-search-result a:focus .entry{
	background: #229c71;
	color: white;
}
#live-search-result a .entry{
	padding: 2px 5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#live-search-result a .group{
	font-style: italic;
	text-align: right;
}
#live-search-result a.groupchange > div{
	padding-top: 10px;
}
#live-search-result .search-info{
	background: #efefef;
	padding: 5px;
}
#live-search-result .search-info.top{
	border-bottom: solid silver 1px;
	border-radius-topleft: 7px;
	-ms-border-top-left-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-webkit-border-top-left-radius: 7px;
	border-top-left-radius: 7px;
	border-radius-topright: 7px;
	-ms-border-top-right-radius: 7px;
	-moz-border-radius-topright: 7px;
	-webkit-border-top-right-radius: 7px;
	border-top-right-radius: 7px;
}
#live-search-result .search-info.bottom{
	border-top: solid silver 1px;
	border-radius-bottomleft: 7px;
	-ms-border-bottom-left-radius: 7px;
	-moz-border-radius-bottomleft: 7px;
	-webkit-border-bottom-left-radius: 7px;
	border-bottom-left-radius: 7px;
	border-radius-bottomright: 7px;
	-ms-border-bottom-right-radius: 7px;
	-moz-border-radius-bottomright: 7px;
	-webkit-border-bottom-right-radius: 7px;
	border-bottom-right-radius: 7px;
}
#live-search-result .search-result{
	max-height: 300px;
	overflow: auto;
}

		
.module.module-cm_content-box .content-box > .title{
	background-color: #16184e;
	background-image: linear-gradient(#16184e, #16184e 40%, #0f1036 60%);
	background-image: -ms-linear-gradient(#16184e, #16184e 40%, #0f1036 60%);
	background-image: -moz-linear-gradient(#16184e, #16184e 40%, #0f1036 60%);
	background-image: -webkit-linear-gradient(#16184e, #16184e 40%, #0f1036 60%);
	height: 34px;
	line-height: 34px;
	font-weight: bold;
	padding: 0 10px;
	border-radius-topleft: 8px;
	-ms-border-top-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
	border-top-left-radius: 8px;
	border-radius-topright: 8px;
	-ms-border-top-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
	border-top-right-radius: 8px;
}
.module.module-cm_content-box .box{
	border: 1px solid #16184e;
	border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: none;
	-ms-box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	background-color: transparent;
	background-image: none;
}
.module .module-cm_image{
	text-align: center;
}
.module .module-um30_event-list h3{
	color: #16184e;
}
.module .module-um30_event-list p{
	margin: 5px 0;
}
.module .module-um30_event-list a{
	color: #16184e;
	text-decoration: none;
}
.module .navigator ul li{
	background: none;
	margin-left: 10px;
}
.module .navigator ul li a{
	border: none;
	background: url(/file/overlay/layout/link_pfeil.png;jsessionid=6779712255FCDE2A8C701BEFB6C7D716) no-repeat 0 50%;
	padding-left: 12px;
}
.module .navigator ul li.selected > a{
	color: #16184e;
}
.module .drag-drop-box{
	background-color: white;
}

		
		.pathnav{
	position: relative;
}
.pathnav ul{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
.pathnav ul li{
	display: inline-block;
}




		.childnav ul{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}



.childnav{
	margin-top: 130px;
}
.childnav a{
	background: url(/file/overlay/layout/bg_childnav.png) no-repeat 0 0;
	display: block;
	padding: 2px 30px 2px 0px;
	margin: 0px;
	text-decoration: none;
	color: #444444;
	height: 28px;
	line-height: 28px;
	text-align: center;
}
.childnav a:hover{
	color: #16184e;
}
.childnav > ul > li{
	margin-bottom: 20px;
}
.childnav > ul > li > a.selected{
	background: url(/file/8ae688843c1a9288013d493cc29e0342.de.0/bg_childnav_selected_b.png) no-repeat 0 0;
}
.childnav > ul > li > a:hover{
	background: url(/file/8ae688843c1a9288013d493cc29e0342.de.0/bg_childnav_selected_b.png) no-repeat 0 0;
}
.childnav > ul > li > ul > li > a{
	padding-left: 25px;
}
.childnav > ul > li > ul > li > a.selected{
	color: #16184e;
}
.childnav > ul > li > ul > li > ul > li > a{
	padding-left: 40px;
}
.childnav > ul > li > ul > li > ul > li > a.selected{
	color: #16184e;
}
.childnav > ul > li > ul > li > ul > li > ul > li > a{
	padding-left: 55px;
}
.childnav > ul > li > ul > li > ul > li > ul > li > a.selected{
	color: #16184e;
}

		.langnav ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.langnav ul li{
	float: left;
}



.langnav{
	position: absolute;
	top: 0px;
	right: 0px;
	background: rgba(255,255,255, .5);
	padding: 3px 10px;
	border-radius-bottomleft: 10px;
	-ms-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
.langnav a{
	display: block;
	color: white;
	font-size: 14px;
	text-decoration: none;
}
.langnav a .langtitle{
	display: none;
	margin-left: 10px;
}
.langnav a .langtitle:hover{
	text-shadow: 0 0 10px white;
}
.langnav a .langimage{
	display: block;
	margin-left: 5px;
}
.langnav a .langimage:hover{
	box-shadow: 0 0 10px white;
	-ms-box-shadow: 0 0 10px white;
	-moz-box-shadow: 0 0 10px white;
	-webkit-box-shadow: 0 0 10px white;
}

		.servicenav ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.servicenav ul li{
	float: left;
}



.servicenav{
	position: absolute;
	bottom: 5px;
	right: 10px;
}
.servicenav a{
	font-size: 14px;
	margin-right: 10px;
	text-decoration: none;
}

		.form-field.error label.form-field-label, .form-field.error .error-message{
	color: red !important;
}
.form-field label.form-field-label{
	font-weight: normal;
	float: left;
	cursor: auto;
}
.form-field .form-field-controls{
	margin-right: 10px;
}
.form-field .form-field-controls select{
	font: inherit;
	margin-top: 2px;
}


.form-field{
	margin: 10px 0;
}
.form-field label.form-field-label{
	width: 100px;
	margin-top: 5px;
	text-align: right;
	color: gray;
}
.form-field .form-field-controls{
	margin-left: 110px;
}
.form-field .form-field-controls input[type=text], .form-field .form-field-controls input[type=password], .form-field .form-field-controls textarea{
	width: 100%;
}
.form-field .form-field-controls.mode-view{
	padding-top: 5px;
}
.form-field .form-field-controls p{
	padding-top: 3px;
}
.form-field.required label.form-field-label{
	color: black;
	font-weight: bold;
}


.form-messages{
	border: solid silver 1px;
	background: white;
	border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px;
	margin: 10px 0;
	box-shadow: inset 0 0 5px silver;
	-ms-box-shadow: inset 0 0 5px silver;
	-moz-box-shadow: inset 0 0 5px silver;
	-webkit-box-shadow: inset 0 0 5px silver;
	color: red;
}

	


.site-setup{
	margin: 0 20px;
}
.site-setup label{
	display: block;
	margin-top: 10px;
}
.site-setup input[type=text], .site-setup textarea{
	width: 100%;
}
.site-setup .button-bar{
	text-align: right;
	margin-top: 20px;
}