@charset "utf-8";

html { background: #d6dde3 url("../images/strandpassage-bg.gif") repeat top left; }
html, body {  
 height: 100%; 
 font-size: 13px; 
 font-family: verdana,arial,helvetica,sans-serif; 
 color: #4e463f; 
 margin: 0px; 
 padding: 0px; 
 border: 0px; 
 text-align: center; 
}

/* TEXTAUSZEICHNUNGEN */
h1 { font-size: 24px; color:  #101010; margin: 0px; padding: 0px; font-weight: bold; }
h2 { font-size: 14px; color: #ffffff; margin: 0px; padding: 0px; font-weight: normal; }
h3 { font-size: 15px; color: #02516b; margin: 0px 0px 20px 0px; padding: 0px; font-weight: bold; }
h4 { font-size: 14px; color: #4E463F; margin: 0px 0px 12px 0px; padding: 0px; font-weight: bold; }
a { font-family: verdana,arial,helvetica,sans-serif; text-decoration: none; font-weight: normal; outline: none; cursor: pointer; }
a:link { text-decoration: none; color: #4e463f; }
a:visited { text-decoration: none; color: #4e463f; }
a:hover { text-decoration: none; color: #062e6d; }
a:active { text-decoration: none; color: #4e463f; }
p { line-height: 16px; margin: 0px 0px 14px 0px; padding: 0px; }
/* TEXTAUSZEICHNUNGEN ENDE */

/* KLASSEN allgemein*/
img { border: none; outline: none; }
.left { float: left; }
.right { float: right; }
/* KLASSEN ENDE */


#container {
 background: transparent; 
 color: #4e463f;
 margin: 0px auto; 
 clear: left;
 width: 970px;
 text-align: left;
 padding: 0px;
}
#header { 
 width: 970px;
 margin: 0px 0px 0px 0px; 
 height: 160px;
 text-align: left;
 padding: 0px;
}
/*
#slideshow { 
 background: #ffffff url("../images/strandgrafik1.jpg") no-repeat;
 float: left;
 width: 769px;
 height: 170px;
 display: block;
 margin: 0px;
}
*/
#grafik { 
 background: #ffffff url("../images/timmendorf.jpg") no-repeat;
 float: right;
 width: 790px;
 height: 160px;
 display: block;
 margin: 0px;
}
#branding a { 
 background: url("../images/strandpassage-logo.gif") no-repeat;
 float: left;
 width: 180px;
 height: 160px;
 display: block;
 margin: 0px;
}
#branding h1 a span { display: none; }


/* online-shops */
#online-shops { 
 background: #ffffff;
 float: left;
 width: 970px;
 display: block;
 margin: 0px;
 color: #ffffff;
 border-top: #ffffff 1px solid;
}
#online-shops h2 {
 background: #062e6d;
 height: 26px; 
 text-align: center; 
 color: #ffffff;
 padding: 6px 0px 0px 0px;
}
#online-shops ul {
 background: #ffffff;
 margin: 0px 0px 0px 1px;
 padding: 3px 0px 0px 0px;  
 height: 128px;
}
#online-shops ul li {
 float: left;
 margin: 0px;
 padding: 0px 0px 0px 4px;
 list-style-type: none;
 display: inline;
}
#online-shops a img  { 
 border: #808080 1px solid;
 margin: 0px;
 padding: 0px;
}

/* MAINNAVI */
#mainnavi { 
 float: left; 
 background: #062e6d;
 width: 970px; 
 margin: 0px;
 padding: 0px;  
}
#mainnavi ul {
 margin: 0px 0px 0px 222px;
 padding: 0px;  
 list-style-type: none;
}
#mainnavi ul li {
 float: left;
 display: inline;
 margin: 0px;
 padding: 9px 0px 9px 0px;
}
#mainnavi ul li a { 
 margin: 0px 30px 0px 0px;
 padding: 9px 10px 9px 10px;
 color: #ffffff;
 font-size: 12px;  
}
#mainnavi ul li a:hover { color: #99ccff; }
#mainnavi ul li a.active { color: #ffffff; font-weight: bold; }

/* content */
#maincontent {
 float: left;
 background: #ffffff;
 margin: 0px; 
 padding: 30px;
 width: 910px;
 min-height: 350px;
 height: auto !important;
 height: 350px;
}
#leftcontent {
 float: left;
 background: #ffffff;
 margin: 0px; 
 padding: 0px 25px 0px 0px;
 width: 500px;
}
#leftcontent img { border: #9e9e9e 1px solid; }

#rightcontent { 
 float: left;
 background: #ffffff;
 margin: 0px; 
 padding: 0px;
 width: 375px;
 text-align: justify;
}
#centeredcontent {
 float: left;
 background: transparent;
 margin: 0px; 
 padding: 0px 100px 0px 100px;
 width: 710px; text-align: justify;
}
#aktuellcontent {
 background: transparent;
 margin: 0px; 
 padding: 0px;
}
#aktuellcontent h4 { margin: 0px; font-size: 19px; font-weight: normal; }
#aktuellcontent img  { 
 border: #000000 1px solid;
 margin: 0px;
 padding: 0px;
}
#adresse { 
 float:left; 
 width: 150px; 
 margin: 0px; 
 padding: 0px;
 background: transparent; 
 display: block;
}
#eroeffnung { 
 float: left; 
 width: 560px;
 margin: 0px; 
 padding: 14px 0px 0px 0px;
 background: transparent; 
 display: block;
 font-size: 36px;
 color: #A30011;
 text-align: right;
}

/* shops vor ort */
#shops { 
 float: left;
 background: #ffffff;
 width: 970px;
 margin: 0px;
 padding: 0px 0px 30px 0px; 
}
#shops h2 {
 background: transparent;
 text-align: center; 
 color: #101010;
 padding: 6px 0px 0px 0px;
}
#shops ul {
 margin: 20px 0px 0px 30px;
 padding: 0px;  
 list-style-type: none;
}
#shops ul li {
 display: inline;
 margin: 0px;
 padding: 0px 16px 0px 0px;  
}
#shops ul li a img  { 
 border: #000000 1px solid;
 margin: 0px;
 padding: 0px;
}

/* SUBNAVI */
#subnavi { 
 float: left; 
 background: #062e6d;
 width: 970px; 
 margin: 0px;
 padding: 0px;  
}
#subnavi ul {
 margin: 0px 0px 0px 162px;
 padding: 0px;  
 list-style-type: none; 
}
#subnavi ul li {
 float: left;
 display: inline;
 margin: 0px; 
 padding: 9px 0px 9px 0px;
}
#subnavi ul li a { 
 margin: 0px 30px 0px 0px;
 padding: 9px 10px 9px 10px;
 color: #ffffff;
 font-size: 12px;   
}
#subnavi ul li a:hover { color: #99ccff; }
#subnavi ul li a.active { color: #ffffff; font-weight: bold; }


/* google maps anzeigen */
#google { 
 background: #d2d2d2;
 width: 500px;
 height: 333px;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 color: #000000;
}
#google span { 
 display: none;
}


/* Formular Kontakt */
#kontakt {
 margin: 0px;
 text-align: left;
 font-size: 12px;
 display: block;
}
#kontakt label {
 line-height: 140%;
 margin-top: 5px;
 color: #4e463f;
 display: block;
 width: 120px;
 cursor: pointer;
}
#kontakt input {
 width: 480px;
 color: #000000;
 background: transparent;
 border: #4e463f 1px solid;
 padding-left: 2px;
}
#kontakt textarea {
 font-family: verdana,arial,helvetica,sans-serif;
 font-size: 12px;
 width: 476px;
 height: 160px;
 color: #000000;
 background: url("../images/form_back.jpg") repeat-x bottom left;
 background-color: #ffffff;
 border: #4e463f 1px solid;
 padding: 2px; 
 overflow: auto;
}
#kontakt input.senden {
 margin: 10px 0px 0px 0px;
 width: 120px;
 color: #4e463f;
 border: #02101C 1px solid;
 text-align: center;
 cursor:pointer;
}
#kontakt input.senden:hover {
 color: #000000;
}