@charset "UTF-8";


@font-face {
 font-family: Hind-Regular;
 src: 	url("files/fonts/Hind-Regular.eot"), /* EOT file for IE */
		url("files/fonts/Hind-Regular.ttf"), /* TTF file for CSS3 browsers */
		url("files/fonts/Hind-Regular.woff");
}
@font-face {
 font-family: Hind-Medium;
 src: 	url("files/fonts/Hind-Medium.eot"), /* EOT file for IE */
		url("files/fonts/Hind-Medium.ttf"), /* TTF file for CSS3 browsers */
		url("files/fonts/Hind-Medium.woff");
}
@font-face {
 font-family: Hind-Semibold;
 src: 	url("files/fonts/Hind-Semibold.eot"), /* EOT file for IE */
		url("files/fonts/Hind-Semibold.ttf"), /* TTF file for CSS3 browsers */
		url("files/fonts/Hind-Semibold.woff");
}

body {margin:0 auto; padding:0; background:#d4e3ef; width:1000px; font:normal 15px/20px Hind-Regular, Arial, sans-serif; color:#1e446d; text-align:center;}
div#box {position:absolute; margin:25px auto 25px auto; width:1000px; background-color:#FFF;
-webkit-box-shadow: 5px 5px 6px 0px rgba(30,68,109,0.65);
-moz-box-shadow: 5px 5px 6px 0px rgba(30,68,109,0.65);
box-shadow: 5px 5px 6px 0px rgba(30,68,109,0.65); 
z-index:1;
}

/* TOP */
div#top {position:relative; margin:0; width:1000px; height:110px;display: inline;}
img.logo {position:relative; margin:8px 25px 0px 145px; width:299px; height:103px; border:0; float:left;}
div.slogan {margin-top:60px; text-align:left;}

/* IMAGE */
div#image {position:relative; margin:0; width:1000px; height:400px;}
div.klinke {position:absolute; margin:90px auto auto 550px; width:500px; height:200px; z-index:80;}
div.klinke-ecke {position:absolute; margin:409px auto auto 896px; width:104px; height:103px; z-index:80;}

/* NAVIGATION */
div#nav {position:relative; margin:15px auto; width:1000px; height:45px; background-color:#c6d5e0; text-align:center;}
div#menu {position:relative; margin:0 auto; text-align:center; vertical-align:middle;}
ul#menu > li {float:left; margin:15px 17px auto 17px; list-style:none; font-size:16px; color:#1e446d; font-family:Hind-Regular, Arial, sans-serif; height:45px; vertical-align:middle;}
ul#menu > li > a > span {display:block; text-align:center; bottom:20px; color:#1e446d; text-decoration:none;}
ul#menu > li > a > span:hover {text-decoration:underline; color:#1e446d; font-family:Hind-Regular, Arial, sans-serif;}
ul#menu > li > a > img {margin-top:-2px; text-decoration:none;}
ul#menu:after {clear:both;}
div#s-menu {position:relative; margin:0 auto; text-align:center; vertical-align:middle;}
ul#s-menu > li {float:left; margin:15px 18px auto 18px; list-style:none; font-size:16px; color:#1e446d; font-family:Hind-Regular, Arial, sans-serif; height:45px; vertical-align:middle;}
ul#s-menu > li > a > span {display:block; text-align:center; bottom:20px; color:#1e446d; text-decoration:none;}
ul#s-menu > li > a > span:hover {text-decoration:underline; color:#1e446d; font-family:Hind-Regular, Arial, sans-serif;}
ul#s-menu > li > a > img {margin-top:-2px; text-decoration:none;}
ul#s-menu:after {clear:both;}
.f {position:relative; width:75px; height:25px; margin:10px 35px 10px 0; float:right;}

/* MAIN */
div#main {position:relative; margin:0; width:1000px; min-height:400px; text-align:left;}

div#submenu {position:relative; margin:auto 0 auto 0; width:170px; height:340px; background-color:#ebf1f5; float:left; z-index:99;
-webkit-box-shadow: 4px 4px 3px 0px rgba(34,50,66,0.67);
-moz-box-shadow: 4px 4px 3px 0px rgba(34,50,66,0.67);
box-shadow: 4px 4px 3px 0px rgba(34,50,66,0.67);}
div#submenus {position:relative; margin:auto 0 auto 0; width:170px; height:390px; background-color:#ebf1f5; float:left; z-index:99;
-webkit-box-shadow: 4px 4px 3px 0px rgba(34,50,66,0.67);
-moz-box-shadow: 4px 4px 3px 0px rgba(34,50,66,0.67);
box-shadow: 4px 4px 3px 0px rgba(34,50,66,0.67);}
div.submenu-head {position:relative; margin:15px auto 20px 15px; text-align:left;}
ul.submenu-nav {position:relative; margin:0 auto 20px 0; text-align:left; line-height:25px;}

div#submenu2 {position:relative; margin:-340px 0 auto 0; width:170px; height:340px; background-color:#ebf1f5; float:left; z-index:99;
-webkit-box-shadow: 4px 4px 3px 0px rgba(34,50,66,0.67);
-moz-box-shadow: 4px 4px 3px 0px rgba(34,50,66,0.67);
box-shadow: 4px 4px 3px 0px rgba(34,50,66,0.67);}
div#submenu2s {position:relative; margin:-390px 0 auto 0; width:170px; height:390px; background-color:#ebf1f5; float:left; z-index:98;
-webkit-box-shadow: 4px 4px 3px 0px rgba(34,50,66,0.67);
-moz-box-shadow: 4px 4px 3px 0px rgba(34,50,66,0.67);
box-shadow: 4px 4px 3px 0px rgba(34,50,66,0.67);}

div#content {position:relative; margin:50px 205px 0 205px; text-align:left;}

div.schlagzeile {position:relative; margin:50px 205px 0 205px; text-align:center;}

.leerraum {height:40px;}
.leerraumklein {height:20px;}

.rot {color:#C00;}

div.infobox-main {position:relative; margin:40px 47px 10px 47px; width:1000px; height:300px}
div.infobox-mainunten {position:relative; margin:40px 47px 10px 47px; width:1000px;}
div.infobox-box {position:relative; margin:0; width:277px; float:left; text-align:center; display:block; background-color:#f1ffff;
-webkit-box-shadow: 4px 4px 3px 0px rgba(34,50,66,0.67);
-moz-box-shadow: 4px 4px 3px 0px rgba(34,50,66,0.67);
box-shadow: 4px 4px 3px 0px rgba(34,50,66,0.67);}
div.infobox-space {position:relative; margin:0; width:37px; height:310px; float:left;}
div.infobox-box350 {position:relative; margin:30px auto 0 280px; width:350px; float:left; display:block; background-color:#f1ffff;
-webkit-box-shadow: 4px 4px 3px 0px rgba(34,50,66,0.67);
-moz-box-shadow: 4px 4px 3px 0px rgba(34,50,66,0.67);
box-shadow: 4px 4px 3px 0px rgba(34,50,66,0.67);}
div.infobox-box350-highlights {position:relative; margin:0 auto 0 auto; width:350px; float:none; display:block; background-color:#f1ffff;
-webkit-box-shadow: 4px 4px 3px 0px rgba(34,50,66,0.67);
-moz-box-shadow: 4px 4px 3px 0px rgba(34,50,66,0.67);
box-shadow: 4px 4px 3px 0px rgba(34,50,66,0.67);}

div.infobox-main-2 {position:relative; margin:40px auto 60px 285px; width:906px; min-height:300px;}
div.infobox-box-2 {position:relative; margin:0; width:210px; float:left; text-align:center; display:block; background-color:#f1ffff;
-webkit-box-shadow: 4px 4px 3px 0px rgba(34,50,66,0.67);
-moz-box-shadow: 4px 4px 3px 0px rgba(34,50,66,0.67);
box-shadow: 4px 4px 3px 0px rgba(34,50,66,0.67);}
div.infobox-box-2-highlight {position:relative; margin:0; width:210px; float:left; text-align:center; display:block; background-color:#E6EEFF;
-webkit-box-shadow: 4px 4px 3px 0px rgba(34,50,66,0.67);
-moz-box-shadow: 4px 4px 3px 0px rgba(34,50,66,0.67);
box-shadow: 4px 4px 3px 0px rgba(34,50,66,0.67);}
div.infobox-space-2 {position:relative; margin:0; width:22px; height:350px; float:left;}

div.infobox-box-3 {position:relative; margin:0 395px 0 395px; width:210px; float:left; text-align:center; display:block; background-color:#f1ffff;
-webkit-box-shadow: 4px 4px 3px 0px rgba(34,50,66,0.67);
-moz-box-shadow: 4px 4px 3px 0px rgba(34,50,66,0.67);
box-shadow: 4px 4px 3px 0px rgba(34,50,66,0.67);}

div.quelle {margin-top:-20px; text-align:right; font-size:8px;}

ul.detaillisten > li {list-style:none; height:35px;}

ul.detaillisten b {font-size: 0.8em; color: red}

.manacorwappen {position:relative; margin:0 40px 40px 0; width:150px; float:left; text-align:left;}

.googlemaps {position:relative; margin:0 0 0 40px; width:425px; float:right; text-align:left;}

.preistabellen {text-align:center; vertical-align:middle; font-size:14px; height:30px; letter-spacing:1px;}
.preistabellen2 {vertical-align:middle; font-size:14px; height:30px;}

.highlights-space {position:relative; height:30px;}

.highlightsfoto {position:relative; width:210; height:140px; margin-right:20px; margin-bottom:10; float:left;}

.anfrage-space {position:relative; height:50px; float:none;}
.logogross {position:relative; left:100px; float:none;}

.bild800startintext {position: relative; margin: 0 auto 40px -100px;}

.imgright {
	float: right;
	position: absolute;
	right: -53px;
	top: 42px;
}

#textToImg {
	width: 330px;
}

div#foto-mix {position:relative; top:50px; width:1000px; height:450px;}

.center {position:relative; height:30px; text-align:center;}

div.videoclip {position: relative; margin: 40px auto auto -50px; width: 1000px; float: left; align-content: center; text-align: center;}

div.videoclip800 {position: relative; margin: 20px auto 20px -50px; width:800px; float: left; align-content: center; text-align: center;}

video {-webkit-box-shadow: 4px 4px 3px 0px rgba(34,50,66,0.67);
-moz-box-shadow: 4px 4px 3px 0px rgba(34,50,66,0.67);
box-shadow: 4px 4px 3px 0px rgba(34,50,66,0.67);}




/* FOOTER */
div#footer {position:relative; margin:40px 0 20px 0; width:1000px; height:120px;}
div#footer-banner {position:relative; margin:-77px 0 0 0; z-index:5; background-color:#c6d5e0; height:30px;}
div#footer-logo {position:relative; margin:0 auto auto 40px; z-index:98; width:230px; height:99px;}
div#footer-menu {position:relative; margin:auto 230px auto 250px; z-index:6; text-align:center; vertical-align:middle;}
div#menu-footer {position:relative; margin:0 auto; text-align:center; vertical-align:middle;}
ul#menu-footer > li {float:left; margin:7px 15px auto 15px; list-style:none; font-size:14px; color:#1e446d; font-family:Hind-Regular, Arial, sans-serif; vertical-align:middle;}
ul#menu-footer > li > a > span {display:block; text-align:center; bottom:20px; color:#1e446d; text-decoration:none;}
ul#menu-footer > li > a > span:hover {text-decoration:underline; color:#1e446d; font-family:Hind-Regular, Arial, sans-serif;}
ul#menu-footer:after {clear:both;}
div#s-menu-footer {position:relative; margin:0 auto; text-align:center; vertical-align:middle;}
ul#s-menu-footer > li {float:left; margin:7px 8px auto 8px; list-style:none; font-size:14px; color:#1e446d; font-family:Hind-Regular, Arial, sans-serif; vertical-align:middle;}
ul#s-menu-footer > li > a > span {display:block; text-align:center; bottom:20px; color:#1e446d; text-decoration:none;}
ul#s-menu-footer > li > a > span:hover {text-decoration:underline; color:#1e446d; font-family:Hind-Regular, Arial, sans-serif;}
ul#s-menu-footer:after {clear:both;}

div#footer-anfrage {position:relative; width:204px; height:73px; margin:-53px 40px auto 756px; z-index:97; text-align:center; vertical-align:middle; background-image:url(files/button-up.gif);}
div#footer-anfrage > a > span {display:block; width:204px; height:73px; background:url(files/button-up.gif) no-repeat; text-align:center; vertical-align:middle; font-size:18px; color:#1e446d; line-height:20px; padding:18px 0 0 0;}
div#footer-anfrage > a > span:hover {background:url(files/button-down.gif) no-repeat; color:#1e446d; line-height:20px; vertical-align:middle;}


h1 {font:normal 18px/22px Hind-Semibold, Arial, sans-serif; color:#2e8559;}
h2 {font:normal 16px/20px Hind-Regular, Arial, sans-serif; color:#1e446d;}
h3 {font:normal 16px/20px Hind-Medium, Arial, sans-serif; color:#1e446d;}
h4 {font:normal 18px/18px Hind-Regular, Arial, sans-serif; color:#2e8559;}
h5 {font:normal 16px/20px Hind-Medium, Arial, sans-serif; color:#BE0003;}
h6 {font:normal 18px/18px Hind-Semibold, Arial, sans-serif; color:#1e446d; margin: 0;}

a:link, a:visited, a:focus {color:#2e8559; text-decoration:none;}
a:hover {color:#1e446d; text-decoration:underline;}
a:active {text-decoration:none;}
.active {color:#2e8559; font-family:Hind-Medium, Arial, sans-serif; text-decoration:none;}

.cb {clear:both;}