/* CSS für hiddensee-ferienhaus.de – erstellt von ericsturm.de, Berlin 2010 */


/* Farben

Haupttext (Anreisser), aktive Navigationspunkte: #222
Bildunterschriften, Service-Links: RGB 64,64,64
Inaktive Navigationspunkte, hellgrauer Text, Meta-Navigation: RGB 130,130,130
Seitenhintergrund: RGB 237,237,237

Headlines: 
- Frühjahr: RGB 167,74,60 / #A74A3C
- Sommer: RGB 65,114,167 / #4373AA
- Herbst: RGB 100,131,155 / #6D839A
- Winter: RGB 118,20,0 / #631A0A

*/


/* Layout */

* { padding: 0; margin: 0; }
body {padding: 0px;margin: 0px;}
.content {background-color:rgb(237,237,237);margin: 20px auto;width: 920px;padding:10px 20px 20px 20px;}
.service {margin: -15px auto 30px auto;width: 960px;}
.logo {margin:70px 0 20px 0;width:600px;}

.content280 {width:280px;float:left;margin-bottom:0px;}
#delicious, .content600 {width:600px;float:left;margin-bottom:0px;}
.content920 {width:920px;float:left;margin-bottom:10px;}

.trenner40 {width:40px;float:left;}
.trenner-vertikal-70 {height:70px;}
.rechts {float:right;}

table {width:600px;margin:0px 0 7px 0;}
tr:hover {background-color:#fff;}
td {padding:4px 0;}


/* Navigation */

#nav {width:900px;}
#nav, .first, .second {float:right;}

	
#nav li {list-style:none;float:left;padding:0 0 0 20px;}
#nav li a{text-decoration:none;}
.aktiv {color:#222 !important;}
#nav a:hover{color:#222;}

.fruehling {color:#A74A3C;}
.sommer {color:#4373AA;}
.herbst {color:#163279} /* war bis 110331: color:#6D839A; */
.winter {color:#631A0A;}


/* Typografie */

body {font-family:helvetica, arial, "sans serif";font-size:15px;}

.logo h1 {font-size:24px;}
.logo h2 {font-weight:normal;font-size:24px !important;}
.logo img {margin-bottom:-1px}

p {margin:0px 0 20px 0;}
.content280 h2, .content600 h2 {font-size:15px; margin:30px 0 7px 0;}

table p {margin:0;}

.first {font-size:18px;font-weight:bold;}
.second {font-size:16px;height:20px;line-height:20px;}

/* .content280, .content600 {text-align: justify;} */
.hellgrau {color:rgb(130,130,130);}
.delicious-post p {color:rgb(130,130,130);font-size:15px;margin-bottom:20px;}

.mittelgrau {color:rgb(64,64,64);}
.schwarz {color:#222;}


.px14 {font-size:14px !important;}
.bild {background-color:#fff;text-align:center;}

.content280 ol, .content600 ol {margin: 20px 0 20px 25px;}
.content280 ul, .content600 ul {margin: 20px 0 20px 15px;}

.service {font-size:13px;}


/* Links */

:focus {outline: 0;}

.fruehling a:link, .fruehling a:visited {color:#A74A3C !important;text-decoration:none !important;}
.sommer a:link, .sommer a:visited {color:#4373AA !important;text-decoration:none !important;}
.herbst a:link, .herbst a:visited {color:#163279 !important;text-decoration:none !important;} /* war bis 110331: color:#6D839A; */
.winter a:link, .winter a:visited {color:#631A0A !important;text-decoration:none !important;}


#map a:link, #map a:visited {color: rgb(64,64,64);}
#nav a:link, #nav a:visited {color: rgb(130,130,130);text-decoration:none;}
#nav a:hover, #nav a:active {color: #222;text-decoration:none;}
#map a:hover, #map a:active, .content280 a:hover, .content280 a:active {color: #222;}

.delicious-posts a:link, .delicious-posts a:visited {font-weight:bold; color: rgb(130,130,130);}
.hellgrau a:link, .hellgrau a:visited {color: rgb(130,130,130);}
.schwarz a:link, .schwarz a:visited, table p a:link, table p a:visited {color:#222;}
.mittelgrau a:link, .mittelgrau a:visited {color: rgb(120,120,120);}
.delicious-posts a:hover, delicious-posts a:active, .service a:hover, .service a:active, .hellgrau a:hover, .hellgrau a:active, .mittelgrau a:hover, .mittelgrau a:active {color:#222;}
.schwarz a:hover, table p a:hover {color:rgb(130,130,130);}

.service a {text-decoration:none;margin-right:5px;}
.rechts a {margin-right:0;margin-left:10px;}

.content600 a:link, .content600 a:visited,.content280 a:link, .content280 a:visited, .bildunterschrift a:link, .bildunterschrift a:visited {text-decoration:none;}

.content600 p a:link, .content600 p a:visited,.content280 p a:link, .content280 p a:visited,.content600 ul a:link, .content600 ul a:visited,.content280 ul a:link, .content280 ul a:visited, .content600 ol a:link, .content600 ol a:visited,.content280 ol a:link, .content280 ol a:visited {text-decoration:underline !important;}

.delicious-banner {display:none;}


/* Bilder */

img {border:0;}
.bildunterschrift {font-weight:bold;display:block;width:100%;margin-top:3px;background:url(../../grafiken/lupe.gif) top right no-repeat;height:20px;}
.ohne-lupe {background:none;}
.ecard, .bildunterschrift {margin-bottom:20px;}
.ecard {margin-top:-20px;}


/* .... Formulare ... */

#formular {width:610px;}
.formular_data{margin:8px 0 8px 0;letter-spacing:-0.1px;color:rgb(130,130,130);width:610px;}
.formular_data label{float:left;width:220px;padding-top:5px;}
.formular_data input[type="text"], textarea, select{background-color:#ededed;color:#666666;border:2px solid #999;padding:3px 2px 0px 2px; font-family:helvetica, arial, "sans serif";font-size:15px;line-height:1.2em;}
select {width:50px;padding-top:1px;padding-right:1px;}
.formular_data input{height:18px;}
#name,#firma,#strasse,#email,#tel,#start,#end, textarea{width:373px;}
		* html #name,* html #firma,* html #strasse,* html #email,* html #tel,* html  textarea{width:369px;} 

.formular_button{float:right;margin-right:10px;margin-bottom:20px;}
	*+html .formular_button{margin-right:0px;}
	* html .formular_button{margin-right:0px;}
.formular_button input{height:24px;padding:1px 6px 2px 6px;background:#666;color:#fff;border:1px solid #666;font-family:helvetica, arial, "sans serif";font-size:15px;}
.formular_end{clear:right;width:220px;margin-top:40px;font-size:12px;color:#666;}
.formular_button input:hover{background:#333;border:1px solid #333;}

.captcha {margin-right: 10px; vertical-align: bottom;}
.fett {font-weight:bold;}

.formular_check{margin-right:10px !important;border:none !important;}
.formular-checkbox {float:left;height: 40px;}


/*  .... Google Map ... */

#map {float:left;width: 600px; height: 500px; margin-bottom: 20px; }