@charset 'utf-8';
@import url(reset.css);
@import url(menu.css);

/*
** RIECKMANN.DE Project
** css level: 2
**
** css styles for W3Cconf Browser
** last modified: 08/18/2010
** www. version: released
*/


body {
background: rgb(208, 185, 130);
background-image: url(../lay/bg.gif);
background-repeat:no-repeat;
background-position:50% 154px;
background-attachment: scroll;
/*font-family: Helvetica, Arial, Trebuchet MS, Geneva, sans-serif;*/
font-family: Arial, sans-serif;
}
.skiplink {
position: absolute;
left: -3000px; 
top: -2000px; 
width: 0px; 
height: 0px; 
overflow: hidden; 
display: inline; 
}
#wrapper {
width: 960px;
position: relative;
margin: auto auto;
height: 100%;
padding:0 0px 0 10px;
border-right: 10px solid rgb(208, 186, 130);
}
#head {
/*background-color: rgb(209, 186, 131);*/
background-image: url(../lay/header/standard.jpg);
background-repeat:no-repeat;
background-position:right 154px;
height: 579px;
float: left;
}
.logo {
float:left;
}
#left {
position: absolute;
left: 10px;
margin:154px 0 0 0;
padding:0 0 0 10px;
width: 260px;
background-color: rgb(208, 186, 130);
float:left;
}
#nav_left {
background: url(../lay/nav_left.jpg);
background-repeat:no-repeat;
height:324px;
font-size: 1.5em;
}
.verlauf {
float: right;
margin: -130px 0 0 0;
visibility: hidden
}
#left_bottom {
background-image: url(../lay/left_bottom.jpg);
height: 432px;
padding: 2em 0 1.4em 3em;
margin: 0 9px 0 0;
line-height: 0.9em;
}
#left_bottom img {
padding: 1.5em 0 0 0;
}
address {
padding: 0 0 1.5em 0;
}
address, #left a, #left span {
font-size: 0.7em;
color: rgb(102, 51, 0);
}
address strong {
color: black;
}
#content {
/*position: relative;*/
margin: -204px 0 0 0px;
background-color: rgb(255, 255, 225);
background-image: url(../lay/wasserzeichen.png);
background-repeat:no-repeat;
background-position:left 118px;
width: 690px;
float: right;
}
#content p {
width: 402px;
font-size: 0.8em;
line-height: 1.4em;
color: rgb(51, 51, 51);
padding: 0px 0 30px 20px;
float: left;
}
#content a {
color: #000000;
text-decoration: underline;
}
#content a:hover {
color: #000000;
text-decoration: underline;
}
.goldbox, .bluebox {
width: 401px;
margin: 0 0 10px 0;
padding: 0 0 0px 20px;
clear: left;
}
.goldbox h3, .bluebox h3, .bluebox h4 {
font-size: 0.9em;
font-weight: bold;
padding: 13px 0 26px 13px;
}
.goldbox h3 {
background-color: rgb(231, 222, 154);
}
.goldbox ul {
margin: -14px 0 0 0;
font-size: 0.9em;
line-height: 1.2em;
background-color: rgb(241, 235, 187);
padding: 12px 0 12px 50px;
}
.goldbox li, .bluebox li {
letter-spacing: -0.3px;
padding: 0 0 12px 0;
list-style-type: disc;
}
.bluebox h3 {
background-color: rgb(185, 206, 212);
}
.bluebox h4 {
width: 311px;
margin: -15px 0 0 0;
padding: 10px 0 10px 90px;
background-color: rgb(226, 239, 246);
float: left;
}
.bluebox ul {
padding: 48px 0 0 0;
background-color: rgb(214, 230, 234);
}
.bluebox li {
font-size: 0.8em;
border-bottom: thin dotted;
padding: 6px 0 6px 0;
list-style-type: none;
clear: left;
}
.bluebox .icon {
position: absolute;
width: 161px;
height: 69px;
margin: 14px 0 0 220px;
}
.bluebox p {
width: 319px!important;
background-color: rgb(211, 229, 233);
padding: 0 0 25px 82px!important;
}
/*folgender Selektor nur auf die Liste bezogen*/
.paketpreis {
font-weight: bold;
padding: 20px 36px 10px 10px;
}
#content .buchungsanfrage {
margin: 10px 0 0 20px;
}
#content .buchungsanfrage a {
color: #000000;
font-size: 0.8em;
font-weight: bold;
letter-spacing: -1px;
}
#content .formularanfrage {
margin: 10px 0 0 20px;
}
#content .formularanfrage a {
color: #000000;
font-size: 0.8em;
font-weight: bold;
letter-spacing: -1px;
}
#content .meldung {
color:#ff0000;
}
#right {
position: absolute;
width: 240px;
margin:416px 10px 0 705px;
float: left;
}
#right img {
padding: 0 0 7px 0;
}
#footer {
float: left;
background-color: rgb(255, 255, 225);
padding: 50px 0 50px 20px; 
}
a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
h1, h2 {
width: 401px;
}
h1 {
color: rgb(0, 102, 51);
font-size: 1.3em;
font-weight: bold;
letter-spacing: -1px;
padding: 40px 0 10px 20px;
/*border: 1px solid #ff0000;*/
}
h2 {
font-size: 0.9em;
font-weight: bold;
letter-spacing: -0.8px;
line-height: 1.2em;
padding: 0px 0 20px 20px;
}
#content li {
padding: 0 0 5px 0;
}
/*---TEASERBOX---*/
#teaserbox {
position: absolute;
top: 430px;
left: 750px;
width: 194px;
height: 308px;
padding: 0 0 0 9px;
background: url(../lay/teaser/teaser_bg.png) no-repeat;
z-index:1;
color: #fff;
font-size: 0.7em;
line-height: 1.2em;
}
#teaserbox img {
padding: 0px 0 0 0px;
margin: 26px 0 -24px 0;
}
#teaserbox h3 {
font-weight: bold;
font-size: 1em;
letter-spacing: 0em;
margin: 28px 0 0 0;
}
#teaserbox p {
margin: 10px 0 10px 0;
}
#teaserbox a:link, a:visited,
a:hover, a:active, a:focus {
color: #fff;
}
/*---TEASERBOX Ende---*/
/*---Styles für die Startseite---*/

body.startseite #head {
background-image: url(../lay/header_startseite.jpg);
background-repeat:no-repeat;
background-position:right 154px;
background-color: none;
height: 579px;
float: left;
height: 682px;
margin: 0 0 12px 0;
}
body.startseite .trenner {
position: relative;
top: -218px;
left: 270px;
}
body.startseite h1 {
visibility: hidden;
position: absolute;
font-size: 0.9em;
letter-spacing: normal;
line-height: 1.4em;
}
body.startseite h2 {
margin: 20px 0 0 10px;
font-size: 0.9em;
letter-spacing: normal;
line-height: 1.4em;
color: #fff;
}
body.startseite #content {
margin: -223px 0 0 0px;
background: url(../lay/home_bg.jpg) no-repeat;
background-color: rgb(158, 132, 73);
left 118px;
width: 690px;
float: right;
}
body.startseite #content p {
width: 420px;
margin: 0 0 0 10px;
font-size: 0.8em;
font-weight: normal;
line-height: 1.5em;
float: left;
letter-spacing: normal;
color: #fff;
}
body.startseite #footer {
background: none;
padding: 0px 0 0 28px;
float: left;
}
body.startseite .signet {
float: left;
margin: -10px 0 10px -280px;
}
/*---Styles für die Startseite ENDE--*/

table {
float: left;
margin-left: 20px!important;
}

/* ONLINE RESERVIERUNG BOX */
#direktbuchung {
position: relative;
margin: 10px 0 0 0px;
padding: 8px 0 10px 40px;
background-color: #F7ECBA;
height: 144px;
width: 211px;
color: #40371D;
}
#direktbuchung-buchungsanfrage {
font-size: 0.75em;
}
#direktbuchung-buchungsanfrage fieldset legend {
font-weight: bold;
padding: 0 0 7px 0;
}
#direktbuchung-buchungsanfrage fieldset label {
display: block;
padding: 4px 6px 0px 0;
margin: 0 0px 10px 0px;
}
#direktbuchung-buchungsanfrage fieldset input, select {
position: relative;
background: #93BDD9;
background: #fff;
border: 1px solid #ccc;
padding: 0px 0px 0px 0px;
margin: -25px 90px 10px 0px;
float: right;
height: 20px;
/*border-style: hidden;*/
}
#direktbuchung-buchungsanfrage fieldset input {
width: 65px;
}
#direktbuchung-buchungsanfrage img {
position: relative;
margin: -28px 0 0 130px;
float: left;
}
#direktbuchung-buchungsanfrage #direktbuchung-ztyp {
width: 100px;
margin: -25px 41px 0 0px;
}
#direktbuchung-buchungsanfrage fieldset select {
min-width: 35px;
}
/* SENDEN BUTTON */
#direktbuchung-buchungsanfrage fieldset input[type=button] {
margin: -2px 0px 0px 1px;
padding: 2px;
font-size: 0.75em;
color: #fff;
background: #224B67;
height: 20px !important;
width: 70px;
float: left;
cursor: pointer;
clear: both
}
/* ENDE ONLINE RESERVIERUNG BOX */

/* FORMULARE "ANFRAGE / KONTAKT" */

#kontakt-buchungsanfrage, #kontakt-gutscheinkaufen, #kontakt-infosanfordern {
position: relative;
margin: 0px 0 0 20px;
width: 530px;
font-size: 0.82em;
float: left;
}
fieldset.kontakt label {
position: relative;
margin: 0px 0px -11px 10px;
padding: 5px 60px 5px 4px;
width: 324px;
/*width: 100%;
height: 16px;*/
float: left;
clear: both;
border: 1px dotted #224B67;
border: 1px dotted #ccc;
display: block;
color: #000;
background: #D0B982;
background: #224B67;
background: #F7ECBA;

opacity:.6;
filter:Alpha(opacity = 80);
}
fieldset.kontakt img {
position: relative;
float: left;
margin: -18px 0 0 285px;
}
fieldset.kontakt>p {
margin: 10px 0 -20px -8px;
font-size: 0.724em !important;
}
fieldset.kontakt input, textarea {
position: relative;
background: #93BDD9;
background: #fff;
margin: -12px 0px 0px 193px;
float: left;
clear:both;
height: 19px;
border-style: hidden;
border: 1px solid #ccc;
}
fieldset.kontakt select {
height: 21px;
width: 200px;
float: left;
padding: 1px 0 0 0;
margin: -11px 0px 0px 193px;
border: 1px solid #ccc;
background: #fff;
}
#kontakt-buchungsanfrage fieldset.kontakt input[type=radio] {
position: relative;
margin: -17px 0px 8px 340px;
float: left;
}
#kontakt-gutscheinkaufen fieldset.kontakt input[type=checkbox] {
margin: -26px 0px 20px 360px;
}
#kontakt-infosanfordern fieldset.kontakt input[type=radio] {
margin: -10px 0px 0px 320px !important;
}
fieldset.kontakt input[type=checkbox], fieldset.kontakt input[type=radio] {
background: none !important;
margin: 0;
}
fieldset.kontakt input[type=checkbox] {
margin: -10px 0px 0px 293px;
float: left;
}
fieldset.kontakt textarea {
height: 72px;
width: 202px;
margin: -75px 0 0px 193px;
}
fieldset.kontakt .label_doppelt {
height: 66px !important;
margin: 0 0 0px 10px;
}

/* SENDEN BUTTON */
fieldset.kontakt input[type=submit] {
margin: 0px 210px 0px 312px !important;
padding: 2px 2px 5px 2px;
font-size: 0.9em;
color: #fff;
background: #224B67;
height: 20px !important;
float: left;
cursor: pointer;
clear: both
}
#holidaycheck_copyright {
margin: 0 0 20px 25px;
}
#holidaycheck_copyright a {
line-height:20px;
font-size:10px;
color:#ffffff;
}
/* ENDE FORMULARE "ANFRAGE / KONTAKT" */

.sitemap {
font-size: 13px;
width: 650px;
margin: 20px 0 0 0;
}
.sitemap li {
margin: 0 0 0 20px;
}
.sitemapebene1 {
background: rgb(250, 244, 202);
font-weight: bold;
}