html{
 margin: 0;
 padding: 0;
}

body {
 margin: 0;
 padding: 0;
 background: #dbdbdb;
 font-family: verdana, arial, sans-serif;
 font-size: 12px;
 text-align: center;
}

.hide, .textoff{
 display: none;
}

.clear{
 clear: both;
}

div#site{
 width: 960px;
 margin: 0 auto;
 padding: 10px 0;
 text-align: left;
 display: block;
}

div#header{
 width: 960px;
 height: 228px;
 background: url(/files/fewo-usedom-header.jpg);
}

div#header a{
 text-decoration: none;
}

div#header a.head{
 float: right;
 width: 890px;
 height: 220px;
 display: block;
}

div#header a.usedom{
 width: 54px;
 height: 54px;
 display: block;
 float: left;
 margin: 26px 0 0 12px;
}

div#content{
 background: url(/files/bg-content.jpg) repeat-y;
 width: 960px;
 border-bottom: 1px solid #006558;
}

div#nav{
 background: url(/files/bg-nav.jpg) repeat-x top left;
 width: 315px;
 height: 800px;
 float: left;
}

div#nav ul.nav1st{
 list-style: none;
 margin: 20px 0 0 42px;
 padding: 0;
 font-size: 12px;
}

div#nav ul.nav1st li{
 height: 31px;
 width: 230px;
 margin-bottom: 5px;
}

div#nav ul.nav1st li a{
 height: 31px;
 width: 230px;
 background: url(/files/nav-punkt.gif) top left;
 display: block;
 color: #fff;
 text-decoration: none;
 line-height: 30px;
 text-indent: 58px;
}

div#nav ul.nav1st li a.current{
 font-weight: bold;
}

div#nav ul.nav1st li a:hover{
 background-position: left bottom;
}

div#nav ul.info-nav{
 list-style: none;
 float: right;
 margin: 12px 50px 0 0;
 text-align: right;
}

div#nav ul.info-nav a{
 padding-right: 20px;
 display: block;
 color: #fff;
 text-decoration: none;
 line-height: 18px;
 background: url(/files/info-nav.gif) no-repeat right 5px;
}

div#nav ul.info-nav a.kontakt{
 background-image: url(/files/info-kontakt.gif);
}

div#main{
 width: 644px;
 float: left;
}

div#main-block{
 padding: 15px 30px;
 color: #006558;
 font-size: 12px;
}

div#main-block h1{
 font-size: 18px;
 font-weight: normal;
 border-bottom: 1px solid #006558;
 padding: 0;
 margin: 0;
 line-height: 28px;
}

div#main-block h2{
 font-size: 14px;
 margin: 8px 0 0 0;
 padding: 0;
}

div#main-block p, div#main-block li{
 line-height: 20px;
}

div#main-block img{
 margin: 12px;
 border: 1px solid #338479;
}

div#main-block div.jdGallery img{
 border: 0px;
 margin: 0;
}

div#main-block form{
 padding: 0;
 margin: 15px 0;
}

div#main-block form fieldset{
 border: 0;
}

div#main-block form img{
 margin: 10px 0;
}

div#main-block form input.senden{
 background: #036757;
 color: #fff;
 font-weight: bold;
 font-size: 11px;
 border: 0px;
 clear: both;
 /* padding: 3px 8px; */
 width: 580px;
 height: 30px;
 background: url(/files/online-anfrage.jpg);
 cursor: pointer;
}

/*
div#main-block form div.send{
 background: #e0e0e0;
 width: 100%;
}
*/

div#main-block a.onlinebuchung{
 display: block;
 width: 580px;
 height: 30px;
 background: url(/files/online-buchung.jpg);
 text-decoration: none;
}


/*Teaser Style*/

div.teaser{
 clear: both;
 margin-top: 15px;
}

div.newsimage{
 float: left;
}

div#main-block div.newsimage img{
 margin: 0px 10px;
 padding: 0;
}