@charset "utf-8";

html {width:100%;margin:0;padding:0;overflow-y: scroll;}
/*RESET*/
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}
p {margin-bottom:9px;}
table{border-collapse:collapse;border-spacing:0;margin:0px;}

/* STANDARD STYLES */
body,div,p,td,th,ol,ul,li,h1,h2,h3,h4,h5,h6,input,.searchInput,.heading1,.heading2,.heading3,.heading4,.headline_1,.headline_2,.headline_3,.headline_4, textarea {font-family:verdana,arial,helvetica,sans-serif;color:#000;}

body.body {position:relative;background:#fff;height:100%;}
body.print {background:#fff;text-align:left;margin:10px}

form{margin:0px;padding:0px}
textarea {font-size:12px}
h1,.heading1,.headline_1{font-weight:normal;font-size:24px;margin:0px 0px 20px 0px;color:#f5a300;line-height:26px}
h2,.heading2,.headline_2{font-size:18px;color:#f5a300;font-weight:normal;line-height:23px;margin:0px;}
h3,.heading3,.headline_3{font-weight:bold;font-size:12px;color:#000;line-height:18px;margin:0 0 7px}
h4,.heading4,.headline_4{font-size:14px;color:#000;font-weight:bold;line-height:17px;margin:0 0 7px 0}
h5,.heading5,.headline_5{font-size:12px;color:#000;font-weight:bold;margin:0 0 7px}
table,td,p,div{font-size:100%;line-height:120%}
th{font-size:100%;text-align:left;font-weight: normal}
ol{margin:10px 0px 10px 25px;padding:0px 0px 0px 0px;list-style-type:decimal}
ul li {padding-left:0px}
ul{margin:10px 0px 10px 15px;padding:0px 0px 0px 0px;list-style-type:square}
blockquote{margin:10px 0 10px 20px}
img {border:0}
p {margin:0 0 1em 0}

/* LINKS */
a:link, a:visited{color: #666;text-decoration: none;}
a:focus, a:hover {color:#000;text-decoration: underline;}

/* STANDARD AREAS */
div.wrapper{position:relative;display:table;width:100%;min-height:100%;}
div.center{position:relative;min-height:100%;width:952px;margin:0 auto;text-align:left}

div.header{position:relative;height:100px;width:952px;margin:18px 0px 0px 0px;padding:0px;}
div.header h1 {margin:0 0 0 12px;font-weight:bold;font-size:18px;color:#000}
div.header h2 {margin:0 0 0 12px;font-weight:bold;font-size:16px;color:#000}
div.header div.logo1 {position:absolute;top:0px;right:-4px;margin-right:8px;overflow:hidden}

div.center div.logo2 {position:absolute;top:0px;right:12px;overflow:hidden}
div.center div.logo2 img {overflow:hidden}

div.center div.service {position:absolute;top:152px;right:0px;height:55px;text-align:right;}
div.center div.service form {height:55px}
input.searchInput {display:block;border:1px solid #ddd;width:120px;padding:2px;font-size:10px;margin-right:11px}
input.searchSubmit {border:none;background:none;margin:3px 11px 0 0;padding:0;font-size:11px;font-weight:bold;color:#666;cursor:pointer}

div.content {position:relative;}
div.page {/*left:408px;position:absolute;margin-left:408px;*/background:#fff;width:392px;height:561px;padding:0 14px 0 0;z-index:10;display:table;text-align:left}
div.pageHead {height:25px;background:#fff}
div.pageHead .title {font-weight:bold;float:left;padding-left:20px}
div.pageHead .backLink {float:right;margin-right:24px}
div.page div.pageContainer {margin:0;padding:0 10px 0 20px;height:541px;background:transparent}
ul.navi {position:relative;margin:0 0 0 12px;padding:0;height:40px;width:394px;float:left}
ul.navi li {position:relative;float:left;padding:0 10px 0 0;list-style-type:none;text-align:left}
ul.navi li a {padding:2px 0}
ul.navi li a.current {color:#000}
ul.subnavi {position:absolute;top:20px;left:-5px;width:265px;margin:0;padding:5px;background:#fff}
ul.subnavi li {list-style-type:none;margin:0;padding:0;float:none;text-align:left}
ul.subnavi li a.current {font-weight:bold; color:#014088}

div.intro {position:absolute;top:30px;left:12px;width:394px;height:170px;}
div.intro p.copyright {color:#c6c7c8;margin-top:24px}

div#specialnote {position:absolute;top:262px;left:476px;width:269px;height:247px;background:#fff;border:1px solid #ddd;overflow:hidden}
a.bgLink {position:absolute;top:0px;left:0px;display:block;background:transparent;z-index:20}
a.bgLink img {width:269px;height:247px}
div.specialnoteContainer {position:absolute;top:0px;left:0px;margin:24px 33px 0;}
div.specialnoteContainer a img, div.specialnoteContainer img {width:201px;height:141px}
div.inclImage {}
div.exclImage {}
div.headline, div.headline a {font-size:13px;color:#000;font-weight:bold;overflow:hidden;display:block}
div.headline {padding:20px 0 0 0;height:50px;}

div.container {position:absolute;top:212px;width:952px;display:table;background:none}
div.container ul {list-style-type:none;padding:0;margin:0;position:relative}
div.container ul.c1 {z-index:4}
/*div.container ul.c2 {width:408px;float:left;z-index:5}
div.container ul.c3 {margin-top:0px;margin-left:816px;width:136px;z-index:5}*/

div.container ul.c2 {width:408px;;z-index:5;position:absolute}
div.container ul.c3 {margin-top:0px;position:absolute;right:0px;width:136px;z-index:5}

div.container ul li {margin:0;padding:0;list-style-type:none;float:left;position:relative;width:68px;height:50px}
div.container ul li a {display:block;margin:0 1px 1px 0}
div.container ul li a:hover {border:none;}
div.container ul li img {width:65px;height:47px;-ms-interpolation-mode: bicubic;position:absolute;left:0;top:0;border:1px solid transparent;background:transparent;}
div.container ul li.ani a img {border:1px solid #ddd;background:#fff}
div.container ul li a img.hover {margin:10px;/*border:1px solid #000;*/}
div.container ul li a img.blue {border:1px solid #014088!important;}
div.container ul li.dummy a img {opacity:0.5/*background:none!important;*/}
div.container ul li.dummy a img.hover {border:1px solid #ddd!important;}

ul.groupList {margin:0;padding:10px 0 0 0;list-style-type:none;}
ul.groupList li {display:block;margin:0 0 20px 0;padding:0;}
ul.groupList li a {font-weight:bold;color:#000}
ul.groupList li a:hover {color:#1d6caf!important}
a.groupListNav:hover {color:#666}

img.projectImage {background:#ddd;width:268px;height:188px;padding:0}


/* HELPERS */
.floatLeft {float:left}
.floatRight {float:right}
.floatNone {float:none}
.clearBoth {clear:both}
.textAlignRight {text-align:right}

.margin0px {margin:0px!important;}
.marginTop10px {margin-top:10px!important;}
.marginBottom10px {margin-bottom:10px!important;}

.padding0px {padding:0px!important;}
.paddingBottom10px {padding-bottom:10px!important;}
.paddingTop20px {padding-top:20px!important;}

.colorLightGrey {color:#c6c7c8;}
.colorBlack {color:#000!important;}
.bold {font-weight:bold}
.overflowHidden {overflow:hidden;}
.bgGrey {background:#f9f8f8!important;}

/* ZMS Overwrite */
div.ZMSGraphic {margin:0;padding-top:3px}
div.graphic.alignleft {margin:0 10px 5px 0}
div.graphic.alignright {margin:0 0 10px 5px}
div.ZMSGraphic div.text {padding:0;margin:-3px 0 10px 0}


/* ### SIMPLEFORM  -  Anpassbare Stile ### */
form.booking div,
form.booking label,
form.booking input,
form.booking select,
form.booking textarea {margin-top: 0.5em; }
form.booking div.explain { margin: 1em 0 0.5em 0; }
form.booking div.label { margin-left: 0.5em; margin-right: 1em; width:auto; }
form.booking div.remark, form.booking div.error { margin-left: 90px;  }
form.booking div.error {color:#cc0000;margin-bottom: 3px}
form.booking label.error {color:#cc0000;}
form.booking span.required {color:#cc0000;}
form.booking label {width:87px}
form.booking div.right,
form.booking select,
form.booking input,
form.booking textarea {width:210px;}
form.booking label.checkbox {margin-left:1em; width: 90px; }
form.booking div.buttons input {margin-left: 10px; float: right; }
form.booking select.date_dd {width:60px;margin-right: 0.5em;}
form.booking select.date_mm {width:150px;margin-right: 0.5em;}
form.booking select.date_yyyy {width: 60px; }
form.booking h3 {margin: 1em 0 0.25em 0; }


/* ### Interne Stile (nur im Notfall ändern) ### */
form.booking {width:100%;display:table;padding:0 auto;margin:0 0 12px 0;padding:5px 0;background:#ebeced;}
form.booking div,
form.booking label,
form.booking input,
form.booking select,
form.booking textarea {display: block;float: left;}
form.booking br {clear:left;}
form.booking div.explain {clear: left;width:100%;}
form.booking .hidden {display: none;}
form.booking div.remark, form.booking div.error {clear: left;}
form.booking div.buttons  {float:none;clear:left;width:100%}
form.booking div.buttons input {width: auto;}

/* Additional Styles */
form.booking select,
form.booking textarea,
form.booking input[type=text],
form.booking input[type=password] {background:#fff;border:none;padding:2px}
form.booking label {padding:2px 0 3px 10px;}
form.booking select {width:214px;padding:1px 0}
form.booking textarea {height:60px}
form.booking div.buttons input {background:none;padding:0;margin:0 20px 0 0;border:0;cursor:pointer;}

form.booking input.plz {width:50px;margin-right:5px}
form.booking input.street {width:151px}