html,body{margin:0;padding:0 0 10px 0;background-color:#FAF9F6}
body{font:12px verdana,trebuchet ms,arial,sans-serif;text-align:center;line-height:1.4;}

div#container{
text-align:left;
width:956px;
margin:0 auto;
/*
background-color:#FFFFFF;
*/
}

div#header{
text-align:center;
width:100%;
height:122px;
margin-top:0px;
background:url(images/header_back.gif) no-repeat;
}

div#wrapper{
margin:0;
float:left;
width:100%;
background:url(images/back-c.gif) repeat-y;
}

div#content{
margin:0 0 0 170px;
padding:3px;
background:url(images/content_head.gif) no-repeat;
}
div#content p{
padding-left:52px;
}
div#content p.ndx {
padding-left:70px;
padding-right:250px;
}
div.content-1col{
margin-left:25px;
padding-top:37px;
width:626px;
}
div.content-2col{
margin-left:25px;
padding-top:37px;
width:476px;
}
div.content-xtra{
margin-left:25px;
padding-top:37px;
width:552px;
}

div#extra{
float:left;
width:226px;
padding-top:28px;
margin-left:-254px;
}
div#extra-small{
float:left;
width:150px;
padding-top:28px;
margin-left:-178px;
}
div#extra-ndx{
float:left;
margin-top:273px;
margin-left:-198px;
width:190px;
height:153px;
background:url(images/adresse-back.jpg) no-repeat;
}

div#navigation{
float:left;
width:170px;
margin-left:-956px;
margin-top:0px;
background:url(images/menu_head.gif) no-repeat;
line-height:13px;
}

div#footer{
clear:left;
margin:0;
width:956px;
height:39px;
background:url(images/footer.gif) no-repeat;
}
div#footer p{
padding:18px 0 0 175px;
FONT-SIZE:11px;
text-align:center;
}

iframe.map{
margin:0;
width:220px;
height:294px;
border:3px solid #C8B193;
}

/* Startseite */
.ndxbox-head 
{
display:block;
font-size:10px;
font-weight:bold;
color:#C8B193;
padding:2px 12px;
background-color:#997649;
}
.ndxbox 
{
display:block;
font-size:11px;
padding:6px 12px;
background-color:#F6F3EE;
}
div.adr{
width:520px;
margin-left:35px;
padding:2px;
text-align:center;
font-size:11px;
font-weight:bold;
color:#997649;
background-color:#F6F3EE;
}


/* ALLGEMEIN */
.line 
{
display:block;
height:16px;
margin-left:52px;
font-size:11px;
background:url(images/line_point2.gif) repeat-x;
}
.line1
{
display:block;
height:5px;
margin-left:52px;
font-size:11px;
background:url(images/line_point2.gif) repeat-x;
}
.line2
{
height:51px;
font-size:1px;
background:url(images/line_point3.gif) repeat-x;
}

div.nfo{
display:block;
margin-left:4px;
height:200px;
background:url(images/karte.gif) #F6F3EE no-repeat;
border-top:1px solid #ECE4D9;
border-bottom:1px solid #ECE4D9;
}
div.nfotxt{
padding:10px 10px 0 130px;
font-size:11px;
color:#997649;
}

div.date 
{
display:block;
margin-left:52px;
padding:2px 10px;
font-size:12px;
font-weight:bold;
color:#997649;
background-color:#F4E3C8;
border-bottom:1px solid #FFFFFF;
}
div.tip 
{
display:block;
margin:0 0 10px 52px;
padding:5px 10px;
font-size:12px;
border-bottom:1px solid  #ECE4D9;
}

div.formular{
display:block;
margin-left:52px;
padding:40px 0 10px 60px;
background:url(images/form-back.gif) #F6F3EE no-repeat;
border-top:1px solid #ECE4D9;
border-bottom:1px solid #ECE4D9;
}

div#loadarea{
width:226px;
height:305px;
}


/* Tabelle Infoübersicht */
td {font-size:12px;}

table.einzug{
margin-left:51px;
/*width:426px;*/
}
td.thead{
padding:5px 10px;
background-color:#F6F3EE;
border-left:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
}
/*td.qm{
width:95px;
padding:0;
font-size:16px;
font-weight:bold;
color:#997649;
text-align:center;
background-color:#C8B294;
border-bottom:1px solid #FFFFFF;
}*/
td.info{
width:142px;
padding:5px 0 5px 5px;
background-color:#F4E3C8;
border-left:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
}
td.but{
line-height:1.4;
padding:5px 0;
}

.karten{
margin-left:51px;
width:486px;
}
.headline{
padding:2px 0 2px 10px;
font-size:16px;
font-weight:bold; 
color:#997649;
background-color:#F4E3C8;
border-bottom:1px solid #FFFFFF;
}
.cont{
padding:2px 0 2px 10px;
background-color:#F6F3EE;
border-bottom:1px solid #FFFFFF;
}
.cont2{
padding:2px 0 2px 10px;
background-color:#FEF9F2;
border-bottom:1px solid #FFFFFF;
}
.menge{
width:45px;
padding:2px 0;
text-align:right;
background-color:#F6F3EE;
border-bottom:1px solid #FFFFFF;
}
.preis{
width:71px;
padding:2px 10px 2px 0;
text-align:right;
font-weight:bold; 
color:#997649;
background-color:#F6F3EE;
border-bottom:1px solid #FFFFFF;
}


/* ALLGEMEIN FONTS */
h1 {
margin-top:0;
padding:8px 52px;
font-size:18px;
color:#997649;
vertical-align:middle;
BACKGROUND:url(images/headline.gif) no-repeat;
}
h2 {
font-size:16px;
color:#997649;
}
h3 {
margin:0;
padding:5px 10px;
font-size:10px;
font-weight:normal;
color:#DAC7AF;
line-height:1.4em;
}

strong {color:#997649;}
small {font-size:10px;}


/* ALLGEMEIN URLs */
a{color:#000;}
a:hover{color:#C8B193;}

a.room{
display:block;
width:180px;
padding:2px 0 3px 24px;
font-size:12px;
background:url(images/icon_room.gif) left center no-repeat;
border-bottom:1px solid  #ECE4D9;
}
a.room:hover{color:#997649;}

a.card{
display:block;
width:180px;
padding:2px 0 3px 24px;
font-size:12px;
background:url(images/icon_card.gif) left center no-repeat;
border-bottom:1px solid  #ECE4D9;
}
a.card:hover{color:#997649;}

a.pdf{
display:block;
width:180px;
padding:2px 0 3px 24px;
font-size:12px;
background:url(images/icon_pdf.gif) left center no-repeat;
border-bottom:1px solid  #ECE4D9;
}
a.pdf:hover{color:#997649;}

a.pdf2{
display:block;
width:250px;
padding:2px 0 3px 24px;
font-size:12px;
background:url(images/icon_pdf.gif) left center no-repeat;
border-bottom:1px solid  #ECE4D9;
}
a.pdf2:hover{color:#997649;}

a.pdf3{
display:block;
padding:0 0 3px 20px;
font-size:12px;
background:url(images/icon_pdf.gif) left center no-repeat;
}
a.pdf3:hover{color:#997649;}

a.img{
display:block;
padding:0 0 3px 20px;
font-size:12px;
background:url(images/icon_img.gif) left center no-repeat;
}
a.img:hover{color:#997649;}

a.agb{
padding:2px 0 3px 24px;
font-size:12px;
background:url(images/icon_card.gif) left center no-repeat;
border-bottom:1px solid  #ECE4D9;
}
a.agb:hover{color:#997649;}

a.url{
display:block;
padding:0 0 3px 27px;
font-size:12px;
background:url(images/icon_url.gif) left center no-repeat;
}
a.url:hover{color:#997649;}

a.more{
padding:0 0 1px 14px;
font-size:12px;
background:url(images/icon_more.gif) left center no-repeat;
}
a.more:hover{color:#997649;}

/* URLs2 */
a.back{color:#000;padding-left:11px;background:url(images/arrow-back.gif) left center no-repeat;}
a.back:hover{color:#F45813;}


/* FORMULARE */
.Button { 
width:150px;
font-size:11px; 
font-weight:bold; 
color:#FFFFFF; 
padding:5px 0 6px 4px;
vertical-align:middle; 
background:url(images/button.gif) left center no-repeat;
border:0;
}
.Button a{ 
padding:3px 3px;
color:#FFFFFF; 
text-decoration:none;
}
.Button a:hover{ 
color:#FFFFFF; 
text-decoration:none;
}

.Auswahl { 
background-color:#FFFFFF; 
border:1px solid #E6DFD4; 
FONT-SIZE: 11px; 
vertical-align: middle; 
}


/* LISTEN */
ul {
list-style-position:outside;
margin-left:52px;
padding:0;
}
li {
list-style-image:url(images/bullet.gif);
margin:0 0 0.2em 1.5em;
padding:0;
}

ul.nor {
list-style-position:outside;
margin:0.2em 0 0 -1px;
padding:0em;
}
ul.nor li {
list-style-image:none;
list-style:square;
margin:0 0 0.3em 1.5em;
}

ol {
list-style-type:lower-alpha;
list-style-position:outside;
margin-left:52px;
padding:0;
}
ol li {
list-style-image:none;
margin:0 0 0.3em 1.8em;
}


/* SUBMENÜ Left*/
/*Style-Definition für die First-Level-Navigation*/
DIV.fstLevel 
{
DISPLAY:block;
TEXT-ALIGN:left;
PADDING:4px 12px 5px 26px;
background:url(images/menu-fst.gif) no-repeat;
}
DIV.fstLevel a
{
TEXT-DECORATION:none;
DISPLAY:block;
width:100%;
FONT-SIZE:11px;
COLOR:#997649;
}
/*Style-Definition für die First-Level-Navigation bei Mouse-Over*/
DIV.fstLevel a:hover
{
COLOR:#A72428;
}
/*Style-Definition für die First-Level-Navigation bei aktivem Link*/
DIV.fstLevelActive
{
DISPLAY:block;
TEXT-ALIGN:left;
PADDING:4px 12px 5px 26px;
background:url(images/menu-fst-a.gif) no-repeat;
}
DIV.fstLevelActive a
{
TEXT-DECORATION:none;
DISPLAY:block;
width:100%;
FONT-SIZE:11px;
COLOR:#A72428;
}
/*Style-Definition für die First-Level-Navigation bei Mouse-Over*/
DIV.fstLevelActive a:hover
{
COLOR:#A72428;
}

/*Style-Definition für die Second-Level-Navigation*/
DIV.secLevel
{
DISPLAY:block;
TEXT-ALIGN:left;
PADDING:2px 12px 3px 37px;
background:url(images/menu-sec.gif) no-repeat;
}
DIV.secLevel a
{
TEXT-DECORATION:none;
DISPLAY:block;
width:100%;
FONT-SIZE:11px;
COLOR:#A72428;
}
/*Style-Definition für die Second-Level-Navigation bei Mouse-Over*/
DIV.secLevel a:hover
{
COLOR:#FF4F1D;
}
/*Style-Definition für die Second-Level-Navigation bei aktivem Link*/
DIV.secLevelActive
{
DISPLAY:block;
TEXT-ALIGN:left;
PADDING:2px 12px 3px 37px;
background:url(images/menu-sec-a.gif) no-repeat;
}
DIV.secLevelActive a
{
TEXT-DECORATION:none;
DISPLAY:block;
width:100%;
FONT-SIZE:11px;
COLOR:#FF4F1D;
}
/*Style-Definition für die Second-Level-Navigation bei Mouse-Over*/
DIV.secLevelActive a:hover
{
COLOR:#FF4F1D;
}

/*Style-Definition für die Third-Level-Navigation*/
DIV.trdLevel
{
DISPLAY:block;
TEXT-ALIGN:left;
PADDING:2px 12px 3px 49px;
background:url(images/menu-sec.gif) no-repeat;
}
DIV.trdLevel a
{
TEXT-DECORATION:none;
DISPLAY:block;
width:100%;
FONT-SIZE:11px;
COLOR:#A72428;
}
/*Style-Definition für die Third-Level-Navigation bei Mouse-Over*/
DIV.trdLevel a:hover
{
COLOR:#FF4F1D;
}
/*Style-Definition für die Third-Level-Navigation bei aktivem Link*/
DIV.trdLevelActive
{
DISPLAY:block;
TEXT-ALIGN:left;
PADDING:2px 12px 3px 49px;
COLOR:#FF4F1D;
background:url(images/menu-sec.gif) no-repeat;
}
DIV.trdLevelActive a
{
TEXT-DECORATION:none;
DISPLAY:block;
width:100%;
FONT-SIZE:11px;
font-weight: bold; 
COLOR:#FF4F1D;
}
/*Style-Definition für die Third-Level-Navigation bei Mouse-Over*/
DIV.trdLevelActive a:hover
{
COLOR:#FF4F1D;
}

