@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:relative; 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); 
}

/* TOP */
div#top {position:relative; margin:0; width:1000px; height:150px;}
img.logo {position:relative; margin:28px 25px 19px 145px; width:299px; height:103px; border:0; float:left;}
div.slogan {position:relative; top:85px; text-align:left;}

/* IMAGE */
div#image {position:relative; margin:0; width:1000px; height:400px;}

/* SPRACHEN */
div#sprachen {position:relative; margin:10px 0 0 0; width:1000px; height:20px; text-align:right;}

/* 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 22px auto 22px; 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:after {clear:both;}

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

div#submenu {position:abolute; margin:auto 0 auto 0; width:170px; height:300px; 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:abolute; margin:-320px 0 auto 0; width:170px; height:300px; 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#content {position:relative; margin:20px 205px 0 205px; text-align:left;}


div#infobox-main {position:relative; margin:40px 47px 60px 47px; width:906px; height:270px;}
div.infobox-box {position:relative; margin:0; width:277px; float:left; text-align:center;
-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;}

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

.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; size:14px; height:30px; letter-spacing:1px;}
.preistabellen2 {vertical-align:middle; size:14px; height:30px;}

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

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

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

/* 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#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;}

.lpimpressum {position:relative; margin:10px 20px 20px 0; width:980px; height:20px; text-align:right; float:right;}

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


div#btn-lp {position:relative; width:204px; height:73px; margin:40px auto 30px auto; z-index:97; text-align:center; vertical-align:middle; background-image:url(files/button-up.gif);}
div#btn-lp > 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:25px; padding:12px 0 0 0;}
div#btn-lp > a > span:hover {background:url(files/button-down.gif) no-repeat; color:#1e446d; line-height:25px; vertical-align:middle;}



h1 {font:normal 18px/25px 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;}

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

.cb {clear:both;}