body {margin:0; padding:0; background-color:#E4EEFF/*#A7BEE2*/; background-image:url(../img/bg_body.jpg); background-repeat:repeat-x; text-align:center;}
body, div, p, li, td {font-family:Verdana,Arial,sans-serif;}

p {margin:0 0 14px;}
a {color:#333; text-decoration:none;}
form {margin:0; padding:0;}
a:hover {text-decoration:underline;}
.clear {clear:both;height:1px;overflow:hidden;}
.spacer {float:right;height:350px;width:1px;overflow:hidden;}
.marked {color:#c00; background-color:#ffc;}
.hidden {display:none;}
.visible {display:block;}
.s {font-size:11px;}
.inactive {color:#999;}

#topNav {position:absolute; top:0; left:0; width:100%; min-width:970px; margin:auto; background-color:#fff; border-bottom:3px #859ABC solid; text-align:center; z-index:100; box-shadow:0 4px 6px #333;}
#logo {position:relative; width:960px; margin:220px auto 0px; text-align:left;}
#all {position:relative; width:960px; margin:5px auto 10px; text-align:left; background-image:url(../img/bg_all.png); border:1px #fff solid; border-radius:8px;}
#mainContent {position:relative; float:left; display:inline; width:600px; margin:30px 0 30px 30px;}
#right {position:relative; float:right; display:inline; width:266px; margin:30px 30px 30px 0;}

#logo h1 {height:85px; overflow:hidden; margin:0; padding:0; padding-left:105px; background-image:url(../img/seestern.png); background-repeat:no-repeat;}
#logo h1 a {display:block;font-family:Times,serif; font-size:22px; line-height:150px; letter-spacing:0px; color: rgba(255, 255, 255, 0.9) !important; color:#fff; text-shadow:0 0 3px #526584; filter:Glow(color=#526584,strength=3);}

.nav {margin:1px auto 0; padding:0; width:966px; height:30px; background-color:#fff; z-index:100;}
.nav a {background-color:#F8F2ED; display:block; width:155px; margin:3px; color:#333; font-size:13px; line-height:28px; text-align:center;}
.nav li.active a {color:#fff; background-color:#9AAFCE}
.nav li.active li a {color:#333; background-color:#F8F2ED;}
.nav a:hover, .nav li.active li a:hover {color:#fff; background-color:#B6C8E4}
.nav li {position:relative; list-style-type:none; float:left;}
.nav li ul {position:absolute; left:-999em; height:auto; padding:0 0 0; background-color:#fff; border-radius:0 0 6px 6px; display:none; z-index:10; box-shadow:0 4px 4px -1px #333;}
.nav li:hover ul,.nav li.sfhover ul {display:block; left:0;}
.nav li li {float:none; padding:0 0px 0; margin:3px 0; border:none;}
.nav li li a {background-color:#F8F2ED; font-size:13px; font-weight:normal;}
.nav li li:hover, .nav li li.sfhover {float:none;}
.nav li li:hover a, .nav li li.sfhover a {}
.nav li li li {font-size:12px;}
.nav li:hover li ul,.nav li.sfhover li ul {position:absolute; left:-999em; height:auto; padding:2px 0; background-image:url('../img/bg_subnav.png'); border:1px #3C0C3B solid;}
.nav li li:hover ul, .nav li li.sfhover ul {left:auto; margin-left:140px; margin-top:-23px;}

#mainContent h1, #mainContent h2 {font-family:Times,serif; font-size:28px; color:#34568F; margin:0; padding:0 0 10px;}
#mainContent h3 {font-family:Times,serif; font-size:24px; color:#34568F; margin:0; padding:0 0 10px;}
#mainContent, #mainContent td, #mainContent th {font-size:14px;}
#mainContent p {font-size:14px; line-height:20px; margin:0 0 10px;}
#mainContent hr {border:0; color:#9AAFCE; background-color:#9AAFCE; height:2px; margin:20px 0 15px;}
#mainContent a {text-decoration:underline;}
#mainContent a:hover {color:#859ABC; background-color:#fff;}
#mainContent iframe {border:3px #859ABC solid;}

.rightBox {margin:0 0 20px; background-color:#EDDED3; background-image:url(../img/bg_rightbox.png); background-repeat:repeat-x; border:3px #C89875 solid; border-radius:6px;}
.rightBox h3 {font-size:14px; line-height:20px; margin:0; padding:5px 10px; background:#D7B49B;}
.rightBox p {font-size:12px; line-height:20px; margin:10px;}
.rightPic {background:#B5CCF2; border:3px #C89875 solid; border-radius:6px;}
.rightPic img {display:block; width:260px; height:auto;}

.footer {clear:both; position:relative; margin:0 25px; padding:2px 0; font-size:12px; line-height:20px; border-top: 1px #34568F solid;}
a.toTop {padding-left:20px; background-image:url(../img/btn_top.gif); background-position: 0 2px; background-repeat:no-repeat;}
a.print {padding-left:20px; background-image:url(../img/btn_print.gif); background-position: 0 2px; background-repeat:no-repeat;}
#bottom {position:relative; width:960px; margin:10px auto; font-size:11px; line-height:16px; text-align:center; background-image:url(../img/bg_all.png); border:1px #fff solid; border-radius:6px;}
#databnet {position:absolute; top:0px; right:5px;}


/* Fixed Background */
#bgimg {position:fixed; top:0; left:0;}
#realBody {position:relative; margin:auto; z-index: 5;}
#layerBg {position:absolute; top:0; left:0; width:1px; height:890px; background-image:url(../img/bg_lightbox.png); display:none; z-index:30;}
#widthInfo {height:1px; overflow:hidden; display:none;}

/* Kontaktformular */
.contactform {margin:0 0 15px; padding:20px; text-align:center; background-color:#fff; border-top:3px #859ABC solid; border-bottom:3px #859ABC solid;}
.contactform table {margin:auto; text-align:left;}
td.contactLabel {width:80px; font-family:Arial, sans-serif;}
.iSmall, .iMedium, .iLarge, .iFull {font-family:Arial, sans-serif; font-size:14px; background-color:#E1E9F7; border:1px #859ABC solid;}
.iFull {width:390px;}
.iLarge {width:300px;}
.submit {color:#fff; font-weight:bold;background-color:#859ABC; border:2px #E1E9F7 solid;}
.messagebox {background-color:#EDDED3; padding:10px; margin-bottom:10px;}

/* Gaestebuch */
.gbbox {position:relative; margin:0 0 20px; background-color:#fff; font-size:13px; border-bottom:3px #859ABC solid;}
.gbhead {color:#fff; background:#859ABC; font-weight:bold; padding:3px; margin:0 0 5px;}
#mainContent p.gblabel { float:left; display:inline; margin-left:10px; width:420px; overflow:hidden; white-space:nowrap;  font-size:13px;}
.gblabel a {padding-left:10px; text-decoration:underline;}
.gbdate {text-align:right; padding-right:5px;}
#mainContent p.gbtext {clear:both; padding:0 10px 15px; margin-bottom:0px; font-size:13px; line-height:16px;}
#mainContent p.gbcomment{margin-top:3px; font-size:13px; line-height:16px;}
.pagesnav {margin-left:10px;margin-right:10px;}
.insertlink{ float:right; width:150px; text-align:right; white-space:nowrap; overflow:hidden; font-weight:bold;}

/* Modul Lightbox */
ul.fotos {margin:0; padding:15px 0 0; width:625px;}
.fotos li {float:left; list-style-type:none; margin:0 9px 4px 0; padding:0; height:174px; width:194px; text-align:center; overflow:hidden;}
.fotos li a {display:block; padding:2px 2px 0; background-color:#B6C8E4;}
.fotos li a:hover {background-color:#34568F;}
.fotos li img {}

/*********************** SLIMBOX ***********************/
#lbOverlay {position: fixed; z-index: 9999; left:0; top:0; width:100%; height:100%;background-color:#000; cursor:pointer;}
#lbCenter, #lbBottomContainer {position: absolute;z-index: 9999;overflow: hidden;background-color: #fff;}
#lbImage {position: absolute;left: 0;top: 0;border: 10px solid #fff;background-repeat: no-repeat;}
#lbPrevLink, #lbNextLink {display: block;position: absolute;top: 0;width: 50%;outline: none;}
#lbPrevLink {left: 0;}
#lbPrevLink:hover {background: transparent url(../img/sb_prevlabel.gif) no-repeat 0 15%;}
#lbNextLink {right: 0;}
#lbNextLink:hover {background: transparent url(../img/sb_nextlabel.gif) no-repeat 100% 15%;}
#lbBottom {font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;font-size: 10px;color: #666;line-height: 1.4em;text-align: left;border: 10px solid #fff;border-top-style: none;}
#lbCloseLink {display: block;float: right;width: 66px;height: 22px;background: transparent url(../img/sb_closelabel.gif) no-repeat center;margin: 5px 0;outline: none;}
#lbCaption, #lbNumber {margin-right: 71px;}
#lbCaption {font-size: 11px;}

/* Mobile */
@media screen and (max-width: 640px), screen and (max-device-width: 800px) {
  #topNav {min-width:620px;}
  .nav {width:620px; height:100px;}
  .nav a {line-height:48px; width:200px; border-bottom:1px #999 solid;}
  .nav li:hover ul,.nav li.sfhover ul {background-color:#fff; padding:0;}
  #logo {display:none;}
  #all {width:620px; margin-top:120px;}
  #mainContent {margin:20px 10px;}
  #mainContent p, #mainContent li {background-image:url(../img/xleer.gif);}
  #right {width:600px; margin:20px 10px;}
  .rightBox {float:left; width:300px;}
  .rightPic {float:right; width:260px;}
  .footer {margin:0 10px;}
  #bottom {width:620px;}
}

@media screen and (max-device-width: 480px) {
}