/* GRUNDFORMATIERUNG */
body 
{
    margin:0;
    padding:0;
    font-family: Times New Roman, Garamond, Helvetica;
	color:#8f5418;
	font-size:14px;
	background:#f8f4e9 url(bg_main.gif) repeat-x;
}

img { border:0 }

a, a:link, a:visited, a:active { color:#666600; font-weight: normal; text-decoration:underline;}
a:hover, a:active { color:#000000; text-decoration:none; }	

h1 
{
	font-size: 30px;
	color: #be7832; 
	margin:0px 0 6px 0;
	font-weight:normal;
    }
h2 
{
	font-size: 30px;
	color: #be7832; 
	margin:0px 0 6px 0;
	font-weight:normal;
	}
	
h3 
{
	color: #ffffff; 
	margin:0px 0 0px 0;
	}
	
	.float_320 h3, .strict_320 h3 
{
	color: #be7832; 
	margin:0px 0 0px 0;
	}
	
	
h4 
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #937a62; 
	margin:0 4px 0 8px;
	font-weight:normal;
	float:left;
	}
	
strong { color:#666600;letter-spacing:1px;font-size:16px;font-weight:normal;}
	
/* GRUNDFORMATIERUNG */


/* LAYOUT */
#print_header, #print_footer { display:none; }

#main 
{
    width:960px; 
    margin:auto auto; 
    overflow:hidden;
    min-height:400px;
    position:relative;
    }
    
#header {float:left;height:100px;}

#functions 
{
    width:140px;
    height:60px;
    padding:0;
    margin:20px 0 0 20px;
    float:right;
    color: #FBF3E2;
    font-size:12px;
    }
    #functions ol {margin:0;padding:0;list-style-type: none;text-indent: 7px}
    #functions li { margin:0;padding:0;background:url(arrow01.gif) no-repeat 0px 4px;}
    
.strict_320 { float:left;height:280px;width:300px;padding:10px;background:url(bg_content.jpg) no-repeat; }
.strict_640 { float:left;width:640px;height:300px;background:url(bg_slideshow1.gif) no-repeat;}

.float_960 { clear:both;width:960px;background: #d5c391 url(bg_slideshow3.gif) repeat-y;position:relative;overflow:hidden;}
.float_640 { min-height:300px; width:960px;overflow:hidden;background: url(bg_slideshow2.gif) no-repeat bottom left;}
.float_320 { float:right;min-height:200px;width:300px;padding:10px;background:url(bg_content2.jpg) no-repeat; }
*html .float_320 { float:right;width:300px;padding:10px;background:url(bg_content2.jpg) no-repeat; }

.news_640 { float:left;padding:35px 0 0 140px; width:500px;height:265px;background:url(bg_bild.gif) no-repeat;}

.slideshow_640 { float:left;width:600px;height:285px;padding:15px 0 0 40px;background:url(bg_slideshow1.gif) no-repeat;}
a.slideshow { float:left;padding:10px;width:120px;height:70px;background:url(bg_slideshow.gif) no-repeat;}

.liste { float:left;width:110px;margin:0;padding:20px 5px 0 5px;overflow:hidden;text-align:center; }
a.aliste { text-decoration:none; }

.small {font-size:11px;}

#buttons 
{
    padding: 20px 0 0px 0;
    clear:both; 
    padding:0;
    text-align:left;
    width:960px; 
    height:78px;
    background:url(bg_buttons.gif) no-repeat 0 20px;
    font-size:12px;
    }

#special 
{
    margin: 0 auto 0 auto;
    clear:both; 
    height:61px;
    padding: 20px 0 ;
    width:960px; 
    background: url(bottom.gif) no-repeat bottom;
    font-size:12px;
    }
    #special h3, #special h3 a
{
    font-size:20px;
    line-height:normal;
    margin:0; padding:0;
    text-decoration:none;
    }
    #special div { width:500px;float:left;padding-right:10px;background:url(special2.png) repeat-y right; }
    a.specialbutton 
    {
        display:block;
        float:left;
        background:url(special3.png) no-repeat;
        margin:0 10px;
        line-height:16px;
        width:94px;
        height:31px;
        padding:15px 30px;
        text-decoration:none;
        color:#fff;
        font-size:18px;
        }
    a.specialbutton:hover 
    {
        color:#000000;
        }
  
#footer 
{
    margin: 20px auto;
    clear:both; 
    padding:10px 0 0 0;
    text-align:center;
    width:960px; 
    background:url(bottom.gif) no-repeat;
    font-size:12px;
    }

    a.links, a.links:link, a.links:visited {  padding:0 0 0 9px; display:block; background:url(arrow01.gif) no-repeat 2px 6px; font-weight: normal; font-style:normal; }
    a.links:hover { color:#000000; font-weight: normal; text-decoration:none; }
    
    a.links2, a.links2:link, a.links2:visited {  padding:0 0 0 9px; display:inline; background:url(arrow01.gif) no-repeat 2px 6px; font-weight: normal; font-style:normal; }
    a.links2:hover { color:#000000; font-weight: normal; text-decoration:none; }
    
    a.kcard, a.kcard:link, a.kcard:visited {  margin-top:20px; padding:15px 0 15px 62px; display:block; background:url(kcard.jpg) no-repeat 0px 0px; font-weight: normal; font-style:normal; }
    a.kcard:hover { color:#000000; font-weight: normal; text-decoration:none; }

    a.kcard2, a.kcard2:link, a.kcard2:visited {  padding:5px 0 5px 42px; display:block; background:url(kcard2.jpg) no-repeat 0px 0px; font-weight: normal; font-style:normal; }
    a.kcard2:hover { color:#000000; font-weight: normal; text-decoration:none; }

table.subtable { font-family:Times New Roman, Garamond, Helvetica; width:552px; margin:0; padding: 0px;text-align:left;vertical-align:middle;color:#000000;}
table.subtable td 
{
        font-size:14px  !important; 
	    padding: 5px 5px 5px 0 !important;
	    border:0 !important;
	    height:12px !important;
	    color:#be7832; 
    }


table.zimmerpreise { font-family:arial, helvetica, tahoma; width:612px; margin:15px 0 15px 15px;background:#ffffff; padding: 0px;text-align:left;vertical-align:middle;color:#000000;border-collapse:collapse;}
table.zimmerpreise td 
{
    font-size:11px; 
	    border: 3px #d5c391 solid;
	    padding: 5px;
	    -moz-border-radius: 0px 0px 0px 0px;
	    height:35px;
    }
table.zimmerpreise th 
{
    font-size:11px; 
	    border: 3px #d5c391 solid;
	    padding: 5px;
	    -moz-border-radius: 0px 0px 0px 0px;
	    height:35px;
	    color:#ffffff; 
	    background:#666600; 
	    border-bottom:0;
    }

table.arrangements { font-family:arial, helvetica, tahoma; width:612px; margin:15px 0 15px 15px;background:#ffffff; padding: 0px;text-align:left;vertical-align:middle;color:#000000;border-collapse:collapse;}
table.arrangements td 
{
    font-size:11px; 
	    border: 1px #d5c391 solid;
	    padding: 5px;
	    -moz-border-radius: 0px 0px 0px 0px;
	    height:35px;
    }
table.arrangements th 
{
    font-size:11px; 
	    border: 1px #d5c391 solid;
	    padding: 5px;
	    -moz-border-radius: 0px 0px 0px 0px;
	    height:35px;
	    color:#ffffff; 
	    background:#666600; 
	    border-bottom:0;
    }
table.arrangements h2 { font-size:18px;margin:10px 0 2px 0}

.tb_standard {border:1px solid #c0c0c0; height:18px; }
.ddl {width:50px;border:1px solid #c0c0c0; }
.tb_textbox  {width:385px;border:1px solid #c0c0c0 }
.validatorCalloutHighlight {  height:18px; background:#ff0000;border:1px solid #ff0000; color:#ffffff}

.anfahrt_overlay { position:absolute;top:0;left:0;background:url(anfahrt.png) no-repeat left; z-index:3;width:81px;height:300px; }
*html .anfahrt_overlay { display:none;}
#route { clear:both; background:#d5c391 url(bg_slideshow1.gif) no-repeat bottom left;padding:30px;width:900px;margin-top:20px;}

.input_route 
{
    float:left; 
    border:1px solid #937a62; 
    width:150px; 
    padding:2px 0px 0px 5px; 
    height:17px;
    } 
    
/* LAYOUT */

/* CSS FÜR TOPNAVI */
/* Root = Horizontal, Secondary = Vertical */
#navmenu 
{
    clear:left;
    position:relative;
    width:960px;
    text-align:center;
    padding:0;
    z-index:10;
    background: url(nav_bg3.gif) right no-repeat;
    }

ul#navmenu-h {
  border: 0 none;
  padding: 0;
 width:100%;
  list-style: none;
  height: 33px;
 display:table !important;
margin: 0 auto;
}


ul#navmenu-h li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 33px;
  display: table-cell !important;
}


ul#navmenu-h ul {
  margin: 0;
  border: 0px;
  padding: 0;
  width: 200px;
  list-style: none;
  display: none;
  position: absolute;
  top: 33px;
  left: 0;
  z-index:10;
}

ul#navmenu-h ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu-h ul li {
  width: 200px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

ul#navmenu-h ul li.li_arrow {
    background: url(arrow04.png) no-repeat;
    height:7px;
}

/* Root Menu */
ul#navmenu-h a 
{
  background: url(nav_bg2.gif) repeat-x;
  border-left:1px solid #c57c34;
  border-right:1px solid #854d16;
  padding: 0px 14px 0px 13px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  color: #ffffff;
  font: 16px/33px Times New Roman, Garamond, Helvetica;
  text-decoration: none;
  letter-spacing:1px;
  height: auto !important;
  height: 1%; /*For IE*/
}

ul#navmenu-h a.green
{
  background: url(nav_bg.gif) repeat-x;
  border-left:1px solid #abab02;
  border-right:0px;
}

ul#navmenu-h a.red
{
  background: url(nav_bg4.gif);
  border-right:1px solid #854d16;
  border-left:0px;
}

ul#navmenu-h a.act
{
  background: url(nav_bg2-over.gif);
  border-right:1px solid #854d16;
  border-left:0px;
}

ul#navmenu-h a.actred
{
  background: url(nav_bg4-over.gif);
  border-right:1px solid #854d16;
  border-left:0px;
}

ul#navmenu-h a.actgreen
{
color:#000000;
background: url(nav_bg.gif) repeat-x;
  border-left:1px solid #abab02;
  border-right:0px;
}


/* Root Menu Hover Persistence */
ul#navmenu-h a:hover,
ul#navmenu-h li:hover a,
ul#navmenu-h li.iehover a {
  background: url(nav_bg2-over.gif);
}

ul#navmenu-h a.red:hover,
ul#navmenu-h li:hover a.red,
ul#navmenu-h li.iehover a.red,
ul#navmenu-h a.actred:hover,
ul#navmenu-h li:hover a.actred,
ul#navmenu-h li.iehover a.actred
{
  background: url(nav_bg4-over.gif);
}

ul#navmenu-h a.green:hover,
ul#navmenu-h li:hover a.green,
ul#navmenu-h li.iehover a.green,
ul#navmenu-h a.actgreen:hover,
ul#navmenu-h li:hover a.actgreen,
ul#navmenu-h li.iehover a.actgreen
{
  background: url(nav_bg.gif);
  color:#000000;
}

ul#navmenu-h a.a_first

{
    background:transparent !important;
}

/* 2nd Menu */
ul#navmenu-h li:hover li a,
ul#navmenu-h li.iehover li a {
  float: none;
  text-transform:none;
  color: #ffffff;
  border:0px;
  text-align:left;
  padding: 0px 2px 0px 12px;
  letter-spacing:normal;
  font-size:14px;
  height:16px;
  background: url(nav_bg.png);
  border-bottom:1px solid #000000;
}
*html ul#navmenu-h li:hover li a { border-bottom:1px solid #7b430b}
*html ul#navmenu-h li.iehover li a { border-bottom:1px solid #7b430b}

/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover,
ul#navmenu-h li:hover li:hover a,
ul#navmenu-h li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover a {
  background: #7b430b;
  color: #ffffff;
}

/* 3rd Menu */
ul#navmenu-h li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-h li:hover li:hover li a:hover,
ul#navmenu-h li:hover li:hover li:hover a,
ul#navmenu-h li.iehover li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 4th Menu */
ul#navmenu-h li:hover li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#navmenu-h li:hover li:hover li:hover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#navmenu-h ul ul,
ul#navmenu-h ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-h li:hover ul ul,
ul#navmenu-h li:hover ul ul ul,
ul#navmenu-h li.iehover ul ul,
ul#navmenu-h li.iehover ul ul ul {
  display: none;
}

ul#navmenu-h li:hover ul,
ul#navmenu-h ul li:hover ul,
ul#navmenu-h ul ul li:hover ul,
ul#navmenu-h li.iehover ul,
ul#navmenu-h ul li.iehover ul,
ul#navmenu-h ul ul li.iehover ul {
  display: block;
}
/* CSS FÜR TOPNAVI */

        #LeftArrow
        {
            position: relative;
            width: 55px;
            float:left;
            margin:0;
            padding:19px 5px 0 0px;
            overflow:hidden;
            cursor: pointer;
        }

        #RightArrow
        {
            position: relative;
            width: 52px;
            float:right;
            margin:0;
            padding:19px 2px 0 5px;
            overflow:hidden;
            cursor: pointer;
        }
        
        /* Side Scroller */

        #ScrollBox 
        {
	        width: 835px;
	        height: 140px;
	        position:  relative;
	        float:left;
	        overflow: hidden;
        }

        #BigBox
        {
	        width: 3800px;
	        position:  absolute;
        }

        .block
        {
	        width: 835px;
	        float: left;
	        height: 140px;
	        background:#ff0000;
        }


#booking {
	position: absolute;
	left: 645px;
	top: 30px;
}