@charset "utf-8";
* {
vertical-align: baseline;
font-weight: inherit;
font-family: inherit;
font-style: inherit;
font-size: 100%;
border: 0 none;
outline: 0;
padding: 0;
margin: 0;
list-style:none;
}
.rounded-top {
-moz-border-radius-topright: 10px; /* Firefox */
-moz-border-radius-topleft: 10px; /* Firefox */
-webkit-border-top-right-radius: 10px; /* Safari and Chrome */
-webkit-border-top-left-radius: 10px; /* Safari and Chrome */
-khtml-border-radius-topright: 10px; /* Linux browsers */
-khtml-border-radius-topleft: 10px; /* Linux browsers */
border-top-right-radius: 10px; /* Opera 10.50, IE and CSS3 */
border-top-left-radius: 10px; /* Opera 10.50, IE and CSS3 */
}
.rounded-bottom {
-moz-border-radius-bottomright: 10px; /* Firefox */
-moz-border-radius-bottomleft: 10px; /* Firefox */
-webkit-border-bottom-right-radius: 10px; /* Safari and Chrome */
-webkit-border-bottom-left-radius: 10px; /* Safari and Chrome */
-khtml-border-radius-bottomright: 10px; /* Linux browsers */
-khtml-border-radius-bottomleft: 10px; /* Linux browsers */
border-bottom-right-radius: 10px; /* Opera 10.50, IE and CSS3 */
border-bottom-left-radius: 10px; /* Opera 10.50, IE and CSS3 */
}
.rounded-5 {
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari and Chrome */
-khtml-border-radius: 5px; /* Linux browsers */
border-radius: 5px; /* Opera 10.50, IE and CSS3 */
}
.rounded-10 {
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari and Chrome */
-khtml-border-radius: 10px; /* Linux browsers */
border-radius: 10px; /* Opera 10.50, IE and CSS3 */
}
.shadow {
-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
}
.transparent {
zoom: 1;
filter: alpha(opacity=90);
opacity: 0.9;
}

html {
height:100%;
margin:0;
padding:0;
}
body {
margin:0;
padding:0;
font-size:1em;
font-family:Century Gothic, Geneva, Arial, Helvetica, sans-serif;
}

/*** BG SLIDESHOW ***/
#bg {
z-index:8;
position: fixed; 
top: -60%; 
left: -50%; 
width: 200%; 
height: 200%;
}
#bg IMG {
z-index:8;
position:absolute;
top: 0; 
left: 0; 
right: 0; 
bottom: 0; 
padding:0;
margin: auto; 
min-width: 50%;
min-height: 50%;
opacity:0.0;
background:none;
border:none;
}
#bg IMG.active {
z-index:10;
opacity:1.0;
}
#bg IMG.last-active {
z-index:9;
}

#start { padding:150px 0 250px 0;background:none; }
#accommodation { padding:150px 0 250px 0;background:none; }
#surfing { padding:150px 0 250px 0;background:none; }
#map { padding:150px 0 250px 0;background:none; }
#rates { padding:150px 0 250px 0;background:none; }
#contact { padding:150px 0 250px 0;background:none; }

div.uc {
position: relative;
z-index: 88;
padding:0;
margin:0;
background:transparent url(dot.png);
}
div.content {
width:auto;
max-width:990px;
margin:0 auto;
-webkit-font-smoothing: antialiased; /* none - subpixel-antialiased möglich */ 
text-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
}
div.block {
width:auto;
max-width:990px;
padding:0;
margin:0;
display:block;
float:left;
}

div.text {
font-size:1em;
font-family:Century Gothic, Geneva, Arial, Helvetica, sans-serif;
color:#131313;
background:#f9f9f9;
padding:10px;
margin:0;
text-align:left;
}
div.table {
font-size:1em;
font-family:Century Gothic, Geneva, Arial, Helvetica, sans-serif;
color:#131313;
background:#f9f9f9;
padding:10px;
margin:0;
text-align:left;
}
div.table table {
width:100%;
border:none;
margin:0;
padding:0;
}
table {
border:none;
margin:0;
padding:0;
}
table th {
color:#fff;
background-color:#333;
margin:0;
padding:10px;
}
table td {
background-color:#eaeaea;
margin:0;
padding:10px;
}
table td.odd {
background-color:#eaeaea;
text-align:right;
}

div#end {clear:both;padding:0 0 1080px 0;}

h1, h2, h3 {
font-size:1.2em;
font-weight:900;
text-transform:uppercase;
letter-spacing:-0.7px;
text-align:left;
margin:0 0 10px 0;
padding:10px;
color:#fff;
background-color:#111;
}

p {
font-size:1em;
color:#131313;
background:transparent;
padding:0;
margin:0;
text-align:left;
}
.center { text-align:center }

div.block p {
background-color:#f9f9f9;
padding:10px;
margin:0 10px 0 0;
text-align:left;
width:210px;
display:block;
float:left;
}
div.block p.last {
background-color:#f9f9f9;
padding:10px;
margin:0;
text-align:left;
width:210px;
display:block;
float:left;
}

strong {
font-size:1em;
font-weight:bold;
}
abbr, acronym {
cursor: help;
border-bottom: 1px dashed #000;
}

div.nav {
position:fixed;
z-index:99;
width:100%;
height:100px;
margin:0;
padding:0;
background:#fff;
/* opacity:0.90;
filter: alpha(opacity=90);
-moz-opacity:0.90; */
}
nav {
width:990px;
height:100px;
margin:0 auto;
padding:0;
}
nav a {
display:block;
float:left;
height:50px;
width:110px;
margin:0;
padding:25px 10px;
text-decoration:none;
color:#000;
background:#fff;
font-size:1em;
font-weight:bold;
border-right:1px dotted #ccc;
}
nav a span {
margin:0;
padding:0;
color:#222;
font-size:0.7em;
font-weight:normal;
}
nav a:hover {
color:#f9f9f9;
background:#000;
}
nav a:hover span {
margin:0;
padding:0;
color:#eaeaea;
font-size:0.7em;
font-weight:normal;
}
nav a.first { border-right:1px dotted #ccc;border-left:1px dotted #ccc; }

nav a.img { width:330px;margin:0;padding:0;border:none;text-decoration:none; }

div#map a {
color:#333;
margin:0;
padding:0;
text-decoration:none;
}
div#map a:hover {
color:#000;
margin:0;
padding:0;
text-decoration:none;
}

a.thumb, a.thumb:link {
display:block;
width:200px;
margin:5px 0 0 0;
padding:4px 4px 0 4px;
text-decoration:none;
background-color:#e1e1e1;
}
a.thumb:hover, a.thumb:focus {
background-color:#111;
}

a.seemore, a.seemore:link {
display:block;
width:200px;
margin:10px 0 0 0;
padding:5px;
text-decoration:none;
text-align:center;
font-weight:bold;
color:#f9f9f9;
background-color:#111;
}
a.seemore:hover, a.seemore:focus {
color:#fff;
background-color:#000;
}

a#fb, a#fb:link {
display:block;
float:left;
height:40px;
width:81px;
background:#fff url(like.jpg) no-repeat;
background-position:left top;
padding:0;
margin:0 0 0 15px;
border:1px solid #6d8cb8;
}
a#fb:focus, a#fb:hover {
background:#fff url(like.jpg) no-repeat;
background-position:left bottom;
border:1px solid #6d8cb8;
}
span.nosee {position:absolute;z-index:-1;font-size:9px;color:#fff;}

div.image-block {
float:left;
margin:0;
padding:0;
}
div.image-block img {
float:left;
margin:0 10px 10px 0;
padding:4px;
background-color:#ccc;
}

.noshow {display:none;}

img {
margin:0;
padding:0;
}
img.logo {
display:block;
float:left;
margin:0;
padding:0;
}

ul {
list-style:none;
margin:0;
padding:0;
}
li {
list-style:none;
margin:0;
padding:0;
}

/*DL, DT, DD TAGS LIST DATA*/
dl {
display:block;
float:left;
width:275px;
margin:0 0 20px 0;
padding:0;
}

dl dt {
display:block;
float:left;
font-weight:bold; 
margin:0; 
padding:0;
width:75px 
}

dl dd {
display:block;
margin:0; 
padding:0;
}

/* Form ANFRAGE */
div.form {
font-size:1em;
font-family:Century Gothic, Geneva, Arial, Helvetica, sans-serif;
color:#131313;
background:#f9f9f9;
padding:10px;
margin:0;
text-align:left;
}

div.form table {
width:100%;
margin:0;
padding:0;
}
div.form table td {
background:transparent;
margin:0;
padding:5px 0;
}

#form{
margin:0;
padding:0;
border:none;
}
#form fieldset{
margin:0;
padding:0;
border:none;
}		
#form p{margin:.5em 0;padding:0;}	
#form label{
display:block;
padding:5px 0;
margin:0;
color:#111;
font-family:'century gothic',arial,helvetica,sans-serif;
font-weight:bold;
font-size:0.9em;
}
#form label span { font-weight:normal; }

#form input { 
font-family:arial,helvetica,sans-serif;
font-size:14px;
width:auto;
border:1px dotted #333;
background:#eee;
padding:5px;
color:#000;
}
#form textarea { 
font-family:arial,helvetica,sans-serif;
font-size:14px;
border:1px dotted #333;
background:#eee;
padding:5px;
color:#000;
width:90%;
height:50px;
overflow:auto;
vertical-align: top; 
transition: height 0.2s;
-webkit-transition: height 0.2s; 
-moz-transition: height 0.2s; 
 }	

input:hover,input:focus,
textarea:hover,textarea:focus { border:1px solid #401313 !important; }

#form input.submit {
font-family:'century gothic',arial,helvetica,sans-serif;
font-weight:normal;
font-size:1em;
padding:5px;
margin:0 20px 0 0;		
background:#ccc;
border:1px solid #fff;
color:#111;
cursor:pointer;		
text-align:center;
}
#form input.submit:hover,
#form input.submit:focus { color:#fff;background:#000;border:1px solid #000; }

/* css for datepicker */
.ui-datepicker-prev { background:transparent url(jquicss/images/arrow-left.png) no-repeat;margin:0 !important;padding:0 !important;cursor:pointer;border:none !important; }
.ui-datepicker-prev-hover { background:transparent url(jquicss/images/arrow-left-hover.png) no-repeat;margin:0 !important;padding:0 !important;cursor:pointer;border:none !important; }
.ui-datepicker-next { background:transparent url(jquicss/images/arrow-right.png) no-repeat;margin:0 !important;padding:0 !important;cursor:pointer;border:none !important; }
.ui-datepicker-next-hover { background:transparent url(jquicss/images/arrow-right-hover.png) no-repeat;margin:0 !important;padding:0 !important;cursor:pointer;border:none !important; }
.ui-state-default { text-align:center !important;border:1px solid #ccc; }
.ui-state-hover { text-align:center !important;border:1px solid #222; }
.ui-state-highlight, .ui-state-active { border:1px solid #000; }
/* css for timepicker */
.ui-slider-handle, .ui-state-default ui-corner-all, .ui-state-focus ui-state-hover { background-color:#333; }
button.ui-datepicker-current { display:none; }
.ui-timepicker-div { font-size: 13px !important; }
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

/* Anti Spam Input Field */
#url {display:none !important;}

/* Error message */
#error {
font-family:'century gothic',arial;
color:#cc0000 !important;
font-size:14px;
margin:10px 0 0 0 !important;
display:none;
}
.needsfilled {
background:#333 !important;
color:#f4f4f4 !important;
border:1px solid #cc0000 !important;
}

#current-date{
position:absolute;
right:10px;
top:5px;
font-size:0.6em;
font-family:'century gothic',arial;
color:#666;
background:transparent;
margin:0;
padding:0;
}

/* CHECKBOXES */
.checklist {
list-style: none;
margin:0;
padding:0;
}
.checklist li {
float: left;
margin-right:10px;
padding:7px;
font-family:century gothic,arial;
font-size:0.9em;
color:#000 !important;
background:#ccc;
}
.checklist li.selected {
color:#fff;
background:#000;
font-size:0.9em;
}
.checklist li.selected .checkbox-select {
display: none;
}
.checkbox-select {
display: block;
background: transparent;
color: #222;
font-weight: normal;
text-align:center;
text-decoration: none;
border-bottom:none;
}
a.checkbox-select:hover {
text-decoration: none;
border-bottom:none;
}

.checklist li input {
display: none;
}
a.checkbox-deselect {
display: none;
color: #fff;
font-weight: normal;
text-align:center;
text-decoration: none;
}
a.checkbox-deselect:hover {
text-decoration: none;
border-bottom:none;
}

.checklist li.selected a.checkbox-deselect {
display: block;
}