body {
        font-family:Comic Sans MS, Verdana, Arial, Helvetica, sans-serif;
          font-size: 12px;
        /*font-size: 0.9em;*/
          color: #fff;
        background: #fff;




}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        Customise the standard HTML
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
a:link, a:visited, a:active {
        color: #cccccc;
        text-decoration: none;
}
a:hover {
        color: #999999;
        text-decoration: underline;
}

a img {border:0}
p a {background: transparent url(img/link.gif) no-repeat;
        padding: 6px 2px 0px 12px;}
span a {background: transparent url(img/link.gif) no-repeat;
        padding: 6px 2px 0px 12px;}


/* ------------------------------------------------ */
h1, h2, h3, h4, h5, h6, strong {color: #fff;}

p {margin:0 0 5px 0; line-height: 150%;}


h1 {
        margin:0 0 10px 0;
        font-size: 18px;
}

h2 {
        margin:10px 0 4px 0;
        font-size: 16px;

}

h3 { margin:10px 0 4px 0;
        font-size: 14px;
}

h4 {
        margin:10px 0 0 0;
        font-size: 1em;

}

h5 {
        margin:10px 0 0 0;
        font-size: 0.9em;
}

h6 {
        margin:3px 0 0 0;
        font-size: 0.75em;
}


form {margin: 0;}

hr {
        margin: 5px 0px 5px 0px;
        color: #5a3b63;
        border: 0;
        border-top: 1px solid #5a3b63;
        height: 1px;
}



ul li {
        padding-bottom: 0px;
        list-style: disc;

}

ul {
        line-height: 150%;
        margin-top: 0;
        margin-bottom: 10px;
        margin-left: 0.7em;
        padding-left: 0.7em;

}

ol {

        line-height: 150%;
        margin-top: 0;
        margin-bottom: 10px;
        margin-left: 0.9em;
        padding-left: 0.9em;
}


blockquote{
        background-color:#ccbfd0;
        padding: 3px;
        border-left: 2px solid #ccbfd0;
        margin: 3px 0 20px 0;
}

pre, .code {
        color: #4b4b4b;
        padding: 6px 0 20px 6px;
        border-top: 1px solid #ccbfd0;
        border-right: 1px solid #ccbfd0;
        border-bottom: 1px solid #ccbfd0;
        border-left: 6px solid #ccbfd0;
        background-color: #ffffff;
        margin: 3px 0 20px 0;

        font-size:1em;
        overflow:auto;
        line-height:2.2em;
}

address {
        line-height:120%;
        margin: 10px 0 20px 0;
        padding-left: 10px;
        border-left: 6px solid #ccbfd0;
        font-style: normal;
        font-weight: bold;
        }


/*-----------------------------------------------------------------*/

table {border-collapse:collapse; border:0;}


abbr                                {}
acroynm                        {}
cite                                {}
address                        {}
strong                        {}
em                                        {}

/* Inline font Styles */
/* Pretty styles for changing text in the WYSIWYG editor */

.important        {font-weight:bold;color:#f00;}
.code                                {font-family: "Courier New", Courier, mono; color:#093;letter-spacing: 1px;}

.info-box                {border: 1px solid #cc3; background-color:#F9F8E2;padding:4px;}


/*Anpassungen der Einzelseiten*/
/*Startseite---------------------------------------*/
#main_home
{
position:relative;
height:518px;
}

#bg_home img
{
position:absolute;
top:-40px;
left:-50px;
}

.news_home
{
position:absolute;
top:-30px;
left:20px;
text-align:Justify;
width:450px;
z-index:2;
list-style:none;
}
.news_home li
{
position:relative;
list-style:none;
padding-top:10px;
}

.news_home li h1
{color:#f8ae33;}

/*Kontaktformular---------------------------------*/
#kontakt_caption
{
padding: 20px;
font-weight: bold;
background: url(img/bg_header.jpg);
}

.res_zelle_caption /*einleitungstext*/
{
text-align:justify;
border-bottom: solid #000 3px;
padding:15px;
height:90px;
vertical-align:top;
background-color:#dfca95;

}

.res_zelle /*felder*/
{
text-align:left;
padding-left:10px;
padding-top:10px;
padding-bottom:5px;
width:280px;
vertical-align:middle;
background-color:#feea8a;
}

.res_zelle5 /*name*/
{
text-align:left;
padding-left:20px;
padding-top:10px;
width:120px;
vertical-align:top;
background-color:#f8ae33;
font-weight:bold;
}

.res_zelle_rahmen
{
text-align:left;

vertical-align:top;
background-color:#f8ae33;
border: solid #f8ae33 5px;
vertical-align:bottom;
}

#res_button
{
border: 1px solid black;
padding:5px;
background-color: #f8ae33;
font-weight:bold;
font-size:1.2em;
}

/*dankeseite Reservierung und Kontakt---------------------------------*/

#main_danke
{
position:relative;
height:300px;
}


/*hover box aktivcamp---------------------------------*/

.hoverbox
{
position: relative;
height:300px;
top: 230px;
left:520px;
        cursor: default;
        list-style: none;
}

.hoverbox a
{
        cursor: default;
}

.hoverbox a #preview01 {display: none;}
.hoverbox #preview01{border-color: #000; width: 320px;}
.hoverbox a:hover #preview01
{
        display: block;
        position: absolute;
        top: -250px;
        left: 2px;
        z-index: 1;
}

.hoverbox a #preview02 {display: none;}
.hoverbox #preview02{border-color: #000; width: 320px;}
.hoverbox a:hover #preview02
{
        display: block;
        position: absolute;
        top: -250px;
        left: -110px;
        z-index: 1;
}

.hoverbox a #preview03 {display: none;}
.hoverbox #preview03{border-color: #000; width: 320px;}
.hoverbox a:hover #preview03
{
        display: block;
        position: absolute;
        top: -250px;
        left: -223px;
        z-index: 1;
}

.hoverbox img
{
        background: #fff;
        border-color: #aaa #ccc #ddd #bbb;
        border-style: solid;
        border-width: 1px;
        color: inherit;
        padding: 1px;
        vertical-align: top;
        width: 90px;

}

.hoverbox li
{
        background: #eee;
        border-color: #ddd #bbb #aaa #ccc;
        border-style: solid;
        border-width: 1px;
        color: inherit;
        display: inline;
        float: left;
        margin: 3px;
        padding: 5px;
        position: relative;
}

/*hover box ausstattung---------------------------------*/

.hoverbox2
{
position: relative;
height:300px;
top: 320px;
left:420px;
cursor: default;
list-style: none;


}

.hoverbox2 a
{
        cursor: default;
}

.hoverbox2 a #preview01 {display: none;}
.hoverbox2 #preview01{border-color: #000; width: 400px;}
.hoverbox2 a:hover #preview01
{
        display: block;
        position: absolute;
        top: -315px;
        left: 20px;
        z-index: 1;
}

.hoverbox2 a #preview02 {display: none;}
.hoverbox2 #preview02{border-color: #000; width: 400px;}
.hoverbox2 a:hover #preview02
{
        display: block;
        position: absolute;
        top: -315px;
        left: -93px;
        z-index: 1;
}

.hoverbox2 a #preview03 {display: none;}
.hoverbox2 #preview03{border-color: #000; width: 400px;}
.hoverbox2 a:hover #preview03
{
        display: block;
        position: absolute;
        top: -315px;
        left: -205px;
        z-index: 1;
}

.hoverbox2 a #preview04 {display: none;}
.hoverbox2 #preview04{border-color: #000; width: 400px;}
.hoverbox2 a:hover #preview04
{
        display: block;
        position: absolute;
        top: -315px;
        left: -315px;
        z-index: 1;
}

#bild_ausstattung
{
position:absolute;
top: -10px;
left: 447px;
border-color: #000;
width: 400px;
background: #eee;
border-color: #ddd #bbb #aaa #ccc;
border-style: solid;
border-width: 1px;
}


.hoverbox2 img
{
        background: #fff;
        border-color: #aaa #ccc #ddd #bbb;
        border-style: solid;
        border-width: 1px;
        color: inherit;
        padding: 1px;
        vertical-align: top;
        width: 90px;

}

.hoverbox2 li
{
        background: #eee;
        border-color: #ddd #bbb #aaa #ccc;
        border-style: solid;
        border-width: 1px;
        color: inherit;
        display: inline;
        float: left;
        margin: 3px;
        padding: 5px;
        position: relative;

}


/*slideshow_home---------------------------------*/
.next { position: absolute; top: 0; left: 0; opacity: 0; filter:alpha(opacity=0); }
.fader { position: relative; display: inline-block; }
.fader img { vertical-align: top; }