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




}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        Customise the standard HTML
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
a:link, a:visited, a:active {
        color: #36213c;
        text-decoration: none;
}
a:hover {
        color: #841450;
        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: #36213c;}

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:380px;
}

#header_overlay img
{
position:absolute;
top:-220px;
left:-50px;
}

#text_home h1
{
position:absolute;
top:18px;
left:50px;
text-align:center;
color:#000;
width:250px;
z-index:2;
}

#hg_text img
{
position:absolute;
top:-13px;
left:-32px;
z-index:1;
}

#logo_home img
{
position:absolute;
top:-40px;
left:300px;
width:600px;
z-index:2;
}

#button_neuheiten_home img
{
position:absolute;
top:-60px;
left:720px;
width:200px;
z-index:3;
}

#slideshow_home
{
position:absolute;
top:70px;
left:70px;
height:350px;
}


#bildleiste_home img
{
position:absolute;
top:390px;
left:-55px;
width:960px;
}


/*Das Naturfreundehaus---------------------------------*/
#main_naturfreundehaus
{
position:relative;
height:370px;
}

#bild_naturfreundehaus img
{
position:absolute;
top:230px;
left:570px;
width:350px;
}

.text_ueber_uns01
{
width:480px;
text-align:justify;
}

.text_ueber_uns02
{
width:850px;
text-align:justify;
}
/*Geschichte Naturfreundehaus---------------------------------*/

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

#text_geschichte
{
position:absolute;
left:-10px;
top:20px;
width:450px;
text-align:justify;
}

#slideshow_geschichte
{
position:absolute;
top:40px;
left:470px;
height:350px;
}

/*Lage und Anfahrt---------------------------------*/

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

#bild1_anfahrt img {position:absolute; width:200px; left:0px;}
#bild2_anfahrt img {position:absolute; width:200px; left:220px;}
#bild3_anfahrt img {position:absolute; width:200px; left:440px;}
#bild4_anfahrt img {position:absolute; width:200px; left:660px;}

#text1_anfahrt {position:absolute; width:200px; left:0px; top:220px; text-align:justify; }
#text2_anfahrt {position:absolute; width:200px; left:220px; top:220px; text-align:justify; }
#text3_anfahrt {position:absolute; width:200px; left:440px; top:220px; text-align:justify; }
#text4_anfahrt {position:absolute; width:200px; left:660px; top:220px; text-align:justify; }

/*Preisliste---------------------------------*/

.tabellenzeile_links
{
border:none;
vertical-align:top;
}

.tabellenzeile_rechts
{
border:none;
vertical-align:top;
}

.table_main
{
width:420px;
border:solid #000 5px;
vertical-align:top;
}
.table_main2
{
width:842px;
border:solid #000 5px;
vertical-align:top;
}
.table_caption
{
border:solid #000 3px;
background-color:#f8ae33;
font-weight:bold;
font-size:1.2em;
color:#000;
padding:10px;
}
.table_text
{
text-align:left;
border: solid #000 3px;
padding:10px;
vertical-align:top;
}

.table_left
{
width:300px;
text-align:left;
padding:10px;
vertical-align:top;
}
.table_middle
{
width:70px;
text-align:right;
padding:10px;
vertical-align:top;
}
.table_right
{
width:70px;
text-align:right;
padding:10px;
vertical-align:top;
}

/*Ausstattung---------------------------------*/
#main_ausstattung
{
position:relative;
height:350px;
}

#ausstattung_text
{
position:absolute;
left:15px;
top:20px;
width:380px;
text-align:justify;
}

#bild_ausstattung img
{
width:400px;
}

/*Ortsgruppe---------------------------------*/
#main_ortsgruppe
{
position:relative;
height:1150px;
}

#main_ortsgruppe h2
{
text-align:center;
}

#ortsgruppe_text
{
position:absolute;
left:15px;
top:20px;
width:800px;
text-align:justify;
}

#ortsgruppe_logo_links img
{
position:absolute;
left:0px;
top:0px;
}

#ortsgruppe_logo_rechts img
{
position:absolute;
left:730px;
top:0px;
}

/*Aktivcamp Übersichtsseite---------------------------------*/

#main_aktivcamp_einleitung
{
position:relative;
height:350px;
}

#main_aktivcamp_einleitung a:link
{
color:blue;
}

#aktivcamp_einleitung
{
position:absolute;
left:-5px;
top:20px;
width:300px;
text-align:justify;
}

#uebersicht_aktivcamp img
{
position:absolute;
top:-20px;
left:-50px;
width:950px;
}

.link01 a{color: #c64246; font-size:1.2em; font-weight: bold; text-decoration:none;}
#aktivcamp_einleitung_naturpur {position:absolute;top:34px;left:643px;}
#aktivcamp_einleitung_handwerk {position:absolute;top:83px;left:657px;}
#aktivcamp_einleitung_indianer {position:absolute;top:119px;left:690px;}
#aktivcamp_einleitung_geocaching {position:absolute;top:151px;left:653px;}
#aktivcamp_einleitung_wandern {position:absolute;top:204px;left:713px;}
#aktivcamp_einleitung_kunst {position:absolute;top:247px;left:743px;}
#aktivcamp_einleitung_wasser {position:absolute;top:289px;left:733px;}
#aktivcamp_einleitung_bio {position:absolute;top:319px;left:705px;}


/*Aktivcamp Einzelseiten---------------------------------*/

#main_aktivcamp
{
position:relative;
height:315px;
}

#aktivcamp_text
{
position:absolute;
left:15px;
top:20px;
width:490px;
text-align:justify;
z-index:1;
}

#aktivcamp_text2
{
position:absolute;
left:540px;
top:325px;
width:350px;
text-align:justify;
z-index:1;
}

#aktivcamp_hg img
{
position:absolute;
top:-20px;
left:-40px;
width:570px;
}

#aktivcamp_bild img
{
position:absolute;
top:250px;
left:500px;
width:400px;
}

#preisschild_natur_pur img {position:absolute; top:285px; left:380px;}
#preisschild_kunst img {position:absolute; top:295px; left:30px;}
#preisschild_handwerk img {position:absolute; top:330px; left:230px;}
#preisschild_geo img {position:absolute; top:338px; left:350px;}
#preisschild_bio img {position:absolute; top:310px; left:30px;}
#preisschild_wandern img {position:absolute; top:280px; left:-10px;}
#preisschild_wasser img {position:absolute; top:210px; left:120px;}
#preisschild_indianer img {position:absolute; top:320px; left:30px;}
#preisschild_teamfitness img {position:absolute; top:280px; left:80px;}
#preisschild_wild_west img {position:absolute; top:250px; left:90px;}

#bild_neuheiten01 img {position:absolute; top:230px; left:520px; width:200px;}
#bild_neuheiten02 img {position:absolute; top:530px; left:600px; width:200px;}
#bild_neuheiten03 img {position:absolute; top:730px; left:450px; width:200px;}
#bild_neuheiten04 img {position:absolute; top:1070px; left:600px; width:250px;}
#bild_neuheiten05 img {position:absolute; top:1300px; left:500px; width:200px;}
#bild_neuheiten06 img {position:absolute; top:240px; left:320px; width:170px;}
#bild_neuheiten07 img {position:absolute; top:260px; left:750px; width:170px;}
#bild_neuheiten08 img {position:absolute; top:520px; left:400px; width:170px;}
#bild_neuheiten09 img {position:absolute; top:710px; left:680px; width:170px;}

/*Wanderungen Übersicht---------------------------------*/

#main_wanderungen
{
position:relative;
height:150px;
font-weight:bold;
text-align:center;
}

#bild1_wanderungen img {position:absolute; width:200px; top:40px; left:0px;}
#bild2_wanderungen img {position:absolute; width:200px; top:40px; left:220px;}
#bild3_wanderungen img {position:absolute; width:200px; top:40px; left:440px;}
#bild4_wanderungen img {position:absolute; width:200px; top:40px; left:660px;}

#text1_wanderungen {position:absolute; width:200px; left:0px; }
#text2_wanderungen {position:absolute; width:200px; left:220px; }
#text3_wanderungen {position:absolute; width:200px; left:440px;  }
#text4_wanderungen {position:absolute; width:200px; left:660px;  }

#link01_wanderungen {position:absolute; left:0px; top:190px;text-align:left;}
#link02_wanderungen {position:absolute; left:220px; top:190px;text-align:left;}
#link03_wanderungen {position:absolute; left:440px; top:190px;text-align:left;}
#link04_wanderungen {position:absolute; left:660px; top:190px;text-align:left;}


/*Wanderung Grimma---------------------------------*/

#main_wanderung_grimma
{
position:relative;
height:1700px;
text-align:justify;
}

#spalte1 {position:absolute; width:610px; }
#spalte2 { position:absolute; top:430px; left:270px; width:610px; }
#spalte3 { position:absolute; top:840px; width:620px; }
#spalte4 { position:absolute; top:1020px; left:270px; width:610px; }
#spalte5 { position:absolute; top:1430px; left:0px; width:880px; }

#wanderung_bild01 img{ position:absolute; top:60px; left:630px; width:250px; }
#wanderung_bild02 img{ position:absolute; top:430px; left:0px; width:250px; }
#wanderung_bild03 img{ position:absolute; top:840px; left:650px; width:220px; }
#wanderung_bild04 img{ position:absolute; top:1030px; left:0px; width:250px; }

/*Wanderung Rund um das Naturfreundehaus---------------------------------*/

#main_wanderung_rund
{
position:relative;
height:700px;
text-align:justify;
}

#spalte1_2 {position:absolute; width:610px; }
#spalte2_2 {position:absolute; top:400px; left:270px; width:610px; }

#wanderung2_bild01 img{ position:absolute; top:30px; left:630px; width:250px; }
#wanderung2_bild02 img{ position:absolute; top:200px; left:630px; width:250px; }
#wanderung2_bild03 img{ position:absolute; top:400px; left:0px; width:220px; }

/*Wanderung Von Naunhof zum Naturfreundehaus---------------------------------*/

#main_wanderung_naunhof
{
position:relative;
height:700px;
text-align:justify;
}

#spalte1_3 {position:absolute; width:610px; }
#spalte2_3 {position:absolute; top:230px; left:270px; width:610px; }

#wanderung3_bild01 img{ position:absolute; top:20px; left:630px; width:250px; }
#wanderung3_bild02 img{ position:absolute; top:230px; left:0px; width:250px; }

/*Wanderung zu beiden Seitend er Mulde---------------------------------*/

#main_wanderung_mulde
{
position:relative;
height:1250px;
text-align:justify;
}

#spalte1_4 {position:absolute; width:590px; }
#spalte2_4 { position:absolute; top:530px; left:320px; width:560px; }
#spalte3_4 { position:absolute; top:780px; width:620px; }

#wanderung4_bild01 img{ position:absolute; top:0px; left:620px; width:260px; }
#wanderung4_bild02 img{ position:absolute; top:530px; left:0px; width:300px; }
#wanderung4_bild03 img{ position:absolute; top:780px; left:650px; width:220px; }
#wanderung4_bild04 img{ position:absolute; top:960px; left:650px; width:220px;}
#wanderung4_bild05 img{ position:absolute; top:1120px; left:650px; width:220px;}

/*sehenswürdigkeiten---------------------------------*/

.sehen_zelle
{
width:200px;
font-weight:bold;
text-align:center;
}

.sehen_zelle img
{
width:180px;
padding:10px;
}

/*reservierungsanfrage---------------------------------*/
#res_table_main
{

}

.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:#dfca95;
}

.res_zelle5 /*name*/
{
text-align:left;
border-right: solid #000 3px;
padding-left:10px;
padding-top:10px;
width:120px;
vertical-align:top;
background-color:#f8ae33;
}

.res_zelle_rahmen
{
text-align:left;

vertical-align:top;
background-color:#dfca95;
border: solid #000 3px;
vertical-align:bottom;
}

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

/*Neuheiten---------------------------------*/
#main_neuheiten
{
position:relative;
height:550px;
}

/*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 und neuheiten oben rechts---------------------------------*/

.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;
}

.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;

}

/*hover box neuheiten unten linkss---------------------------------*/

.hoverbox3
{
position: relative;
height:300px;
top: 200px;
left:-20px;
cursor: default;
list-style: none;


}

.hoverbox3 a
{
        cursor: default;
}

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

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

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

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

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

}

.hoverbox3 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;

}

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

#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;
}





/*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; }