*, html { margin: 0; padding: 0; border: 0; }
html, body { background-image: url(../tl_files/images/body_bg.gif); background-repeat: repeat-y; background-color: #f0f1f4; margin: 0; padding: 0; font-family: Georgia; margin-bottom: -333px; }

h1 { display: block; height: 100px; width: 100%; background-color: #fff; background-image: url(../tl_files/images/header.gif); background-repeat: no-repeat; font-weight: normal; text-indent: -9999px;font-family: Georgia; }
h2{ font-weight: normal; margin-bottom: 15px;font-family: Georgia; border-bottom: 1px solid #ccc; padding: 0 0 10px 0;color: #0f234a; font-size: 24px; line-height: 31px; }
h3 { font-weight: normal; margin-bottom: 15px;font-family: Georgia;color: #ae2121; font-size: 22px; margin-top: 25px;  }

.clear{clear: both; height: 0; overflow: hidden;}

object, embed { z-index: 10; }

#noborder img{border: 0;}
#abstand{margin-bottom: 15px;}
#header { position: relative; }

.ce_table table{width: 100%; margin: 0 0 25px 0;}
.ce_table table th{text-align: left; padding: 5px; background:#0f234a; color: #fff;}
.ce_table table td{padding: 5px; border-bottom: 1px solid #ccc;}

#naviMeta { display: block; text-indent: 0px; color: #afa298; font-size: 12px; position: absolute; top: 30px; left: 770px; }
#naviMeta ul { list-style-type: none; }
#naviMeta ul li { float: left; list-style: none; padding: 0 5px; border-right: 1px solid #afa298; }
#naviMeta ul li.last { border-right: none; }
#naviMeta ul li a { float: left; display: block; color: #afa298; text-decoration: none; }
#naviMeta ul li a:hover { color: #897f77; }

#header #header_bottom { position: relative; height: 190px; width: 100%; background-image: url(../tl_files/images/bg_header.gif); background-repeat: repeat-x; }
#header #header_bottom #kompass { width: 152px; height: 191px; background-image: url(../tl_files/images/kompass.png); background-position: top right; background-repeat: no-repeat; }
#header #header_bottom #strandkorb { width: 212px; height: 265px; background-image: url(../tl_files/images/strandkorb.png); background-position: top right; background-repeat: no-repeat; position: absolute; top: -35px; left: 25px; z-index: 2; } 
#header #header_bottom #welle { width: 242px; height: 101px; background-image: url(../tl_files/images/welle.png); background-position: top right; background-repeat: no-repeat; position: absolute; top: 0px; right: 0; }

#header #header_bottom #urlaubundmeer { position: absolute; top: 55px; left: 541px; }
#header #header_bottom #urlaubundmeer img { border: none; }
#header #img_teaser { position: absolute; top: 20px; left: 282px; }
#header #img_teaser .block.middle img { border: none; margin: 55px 0 0 15px; }
#header #img_teaser img { border: 5px solid #FFFFFF; padding: 0; background: none; }

/*#header #img_teaser .ce_gallery { height: 150px; width: 630px; overflow: hidden; }

#header #img_teaser tr { position: absolute; }*/

#header #img_teaser #teaser { height: 150px; width: 700px; overflow: hidden; float: left; }
#header #img_teaser #teaser div { float: left; height: 150px; width: 165px; margin: 0 16px 0 0; }
#header #img_teaser #teaser div img { position: absolute; }
#header #img_teaser #teaser img { border: 5px solid #FFFFFF; padding: 0; background: none; }
#header #img_teaser #teaser_store { display: none; }

#naviMain { width: 100%; height: 42px;background-color: #0f234a; position: relative; z-index: 3; border-bottom: 3px solid #637089; }
#naviMain ul { width: 900px; }
#naviMain ul li { float: left; list-style: none; }
#naviMain ul li a { text-decoration: none; color: #cfd6e4; font-size: 16px; float: left; display: block; padding: 12px 25px 11px 25px; }
#naviMain ul li a:hover, #naviMain ul li:hover a, #naviMain ul li.hover a { background-color: #637089; color: #fff; }
#page #naviMain ul .active { background: #637089; color: #fff; }

/* start navi */

#naviMain ul {display: block; width: 100%; overflow: visible; list-style: none; z-index: 800; }
#naviMain ul li{float: left; margin: 0 0 0 0; z-index: 801; }
#naviMain ul li a{ display: block; float: left; z-index: 802; }
#naviMain ul li a:hover, #naviMain li:hover, #naviMain li:hover a, #naviMain li a.active{  }

#naviMain ul.level_1 li ul.level_2 { display: none; left: 0; top: 43px; width: 250px; margin: 0; padding: 0 0 0 0;  height: auto; position: absolute; background: #0f234a; white-space: nowrap; }
#naviMain ul.level_1 li:hover ul, #naviMain ul.level_1 li.hover ul { display: block; z-index: 999; }
#naviMain ul.level_2 li { float: none; background: #0f234a; }
#naviMain ul.level_1 li.submenu { position: relative; z-index: 999; }
#naviMain ul.level_2 li:hover, #naviMain ul.level_2 li.hover { background-color: #637089; color: #fff; }
#naviMain ul.level_2 li a{ padding: 7px 25px 7px 25px; font-size: 12px; color: #fff; text-decoration: none; background: none; display: block; float: none; line-height: normal; height: auto; position: relative; z-index: 5; }
#naviMain ul.level_1 li.trail ul {  }
#naviMain ul.level_2 li a:hover, ul.level_2 li a.active, #naviMain.level_1 li.active ul.level_2 li a:hover, #naviMain.level_1 li.trail ul li a:hover, #naviMain ul.level_2 li a:hover {background-color: #637089; color: #fff;}
#naviMain ul.level_1 li ul.level_2 li.last { padding: 0; }

/* end navi */

#content { width: 920px; }
#content p { margin-bottom: 15px; }

#content_main, #content_sub{ font-family: Arial, Verdana, sans-serif;}
#content_sub ul{padding: 0 0 0 15px;}

#content #content_sub { height: 100%; color: #7f766f; font-size: 12px; line-height: 19px; padding: 0px 15px 25px 40px; width: 200px; float: left; } 
#content #content_sub a:hover { color: #897f77; }
#content_sub .ce_text{}

#content #content_main { width: 600px; padding: 25px; padding-top: 20px; line-height: 19px; float: left; font-size: 12px; color: #0f234a; }
#content #content_main .strongitalic { font-weight: bold; font-style: italic; }
#content #content_main a { color: #0f234a; }
#content #content_main a:hover { text-decoration: none; }

#content_main ul{padding: 0 0 25px 25px; margin: 0;}

.clear { clear: both; }

.ce_gallery img, .image_container img{ border: 2px solid #ccc; padding: 2px; background: #fff;}
.ce_gallery img:hover, .ce_gallery a:hover img{border-color: #0F234A; }
.ce_text{margin: 0 0 25px 0;}

.links{ width: 285px; float: left; margin: 0 30px 0 0; }
.rechts{ width: 285px; float: left; }

#footer{border-top: 2px solid #0F234A; padding: 15px 0 0 0; margin: 25px 0 0 0;}
#footer .ce_hyperlink{float: left; margin: 0 10px 0 0; font-size: 11px;}

#wettertool{border: 2px solid #ccc; padding: 2px; background: #fff; width: 151px; height: 181px; margin: 0 auto 0 auto;}
#wettertool object, #wettertool embed { background: #000046; }

input.text, #ctrl_captcha { padding: 3px; color: #0F234A; font: 12px Arial, Verdana, sans-serif; margin: 0 0 10px 0; border: 1px solid #ccc; }
#f1 input.text { width: 230px; }
#f3 input.text { width: 270px; }
label { display: block; float: left; }
#f1 label { width: 120px; }
textarea {  border: 1px solid #ccc; padding: 3px; width: 500px; height: 120px; color: #0F234A; font: 12px Arial, Verdana, sans-serif; margin: 0 0 10px 0; }
form h4 { margin: 5px 0 10px 0; }
input.submit { background: #0F234A; color: #fff; font: 12px Arial, Verdana, sans-serif; height: 24px; width: 80px; }
input.submit:hover { background: #637089; }
#f3 label { width: 80px; }
.form_textarea label { float: none; }

#gaestebuch p{ padding: 0; margin: 0;}
.ce_comments { color: color: #5a7d52; width: 565px; }
.ce_comments .comment_default.even { background: #fff; }
.ce_comments .comment_default { margin-bottom: 15px; padding: 10px; }
.ce_comments .comment_default.last { margin-bottom: 25px; }
.ce_comments .comment_default .info { font-weight: bold; padding: 0; margin: 0; }
.ce_comments .comment_default .comment { padding: 10px 0 0 0; }
.ce_comments .form { margin: 40px 0 0 0; }
.ce_comments form { width: 410px; }
.ce_comments form input.text, .ce_comments textarea, input.captcha { width: 388px; margin-top: 7px; }
.ce_comments form textarea.textarea { width: 398px; height: 225px; margin-top: 7px; font: 11px Verdana, Arial, sans-serif; }
.ce_comments form span.mandatory { margin-left: 3px;}
.ce_comments form span.captcha_text.mandatory { margin: 0; }
#gaestebuch .submit{ width: 250px; }
.ce_comments form div.error { margin: 3px 0 0 0; color: #ff0000; }