/* CSS Document zu Posthotel Mittenwald von www.gastrodreams.de */

html, body {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.0em;
font-weight:normal;
color:#7c5930;
text-align:left;
height:100%; 


	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding:0;
}

body{
background-color:#efe8cb;
background-image:url(images/bg/bg_03.jpg);
background-position:center;
background-repeat:repeat-y;
}

#header2{
width:100%;
height:446px;
margin: 0;
padding: 0;
background-repeat:no-repeat;
background-position:top center;
z-index:0;
}

#header { 
height:446px;
margin: 0;
padding: 0;
}
.headerimg { background-position: center top; background-repeat: no-repeat;width:100%; height:446px; position:absolute; }


#midbar{
width:100%;
height:336px;
margin: 0;
padding: 0;
background-image:url(images/bg/bg_02.jpg);
background-repeat:no-repeat;
background-position:top center;
z-index:0;
}


#frame {
padding:0;
margin:-782px auto 0 auto;
width:950px;
z-index:10;
}

#left {
margin: 0;
padding: 0;
margin-top:0; padding-top:0;
margin-left:20px;
width:194px;
float:left;
z-index:10;
}

#logo{
margin: 0;
padding: 0;
width:100%;
float:left;
z-index:10;
}

.none {
border:0 !important;
margin:0 !important;
padding:0 !important;
}

#navi{
margin: 0;
padding: 0;
 margin-top:25px;
 margin-left:18px;
 float:left;
}

.menue {
font-weight:bold;
color:#8D5F2F;
margin:0;
padding:0;
float:left;
}

.menue ul {
margin: 0;
padding: 0;
float:left;
list-style: none;

}

.menue li {
margin:0;
padding:0;
width: 140px;
float:left;
line-height:1.3em;
}

.menue li a {
color: #8D5F2F;
font-size:1.1em;
font-weight:normal;
text-decoration: none;
padding-top:1px;
padding-bottom:1px;
display: block;
width: 99.9%;
padding-left:35px;
}

.menue li a:hover {
font-size:1.1em;
font-weight:normal;
padding-left:35px;
color: #8D5F2F;
text-decoration: underline;
background-image:url(images/icons/navi-icon.gif);
background-position:left;
background-repeat:no-repeat;
}

.nav ul {
display: none;
background: #FFF4D7;
border-width: 1px;
border-style:solid;
border-color:#8D5F2F;
}

.nav li:hover ul, .nav li.over ul {
width: 200px;
display: block;
position: absolute;
padding-top: 7px !important;
padding-left: 7px !important;
padding-bottom:7px !important;
margin: -25px 0 0 160px !important;
}


#angebotbox{
margin: 0;
padding: 0;
float:left;
margin-top:25px;
}

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border-bottom-width: 6px;
width: 190px; /*width of featured content slider*/
height: 420px;
float:left;
z-index:5 !important;
}



.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 0px;
margin-left:10px;
width: 176px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
text-align:center;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
float:left;
z-index:5 !important;
}

.sliderwrapper .contentdiv p{
 text-align:left;
 margin:0;
 padding:0;
 font-size:0.9em;
 margin-left:5px;
 margin-bottom:10px;
 margin-top:5px;
 color:#9D814B;
 z-index:5 !important;
}

.sliderwrapper .contentdiv img{
margin-top:7px;
margin-bottom:7px;
margin-left:0;
z-index:5 !important;
}


.sliderwrapper .contentdiv  .buttonangebot{
 margin-left:0px !important;
 border:0 !important;
 margin-bottom:0px;
 z-index:5 !important;
}

.sliderwrapper .contentdiv .border{
border-top:1px;
border-top-style:dotted;
border-top-color:#8D5F2F;
padding-top:7px;
margin-top:7px;
margin-left:0px;
margin-right:0px;
}


.sliderwrapper .contentdiv h3{
text-align:center;
font-size:1.0em;
margin:0;
color:#88B339;
margin-left:0px !important;
padding:0;
}


.newblockborder {
padding-bottom:15px;
margin-bottom:10px;
border-bottom:1px;
border-bottom-color:#967C50;
border-bottom-style:dotted;
float:left;
}

.pagination{
width: 170px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align:center;
margin-top:0px;
padding: 0px 10px;
float:left;
position:relative;
top:95px;
z-index:100000!important;
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #00007D;


}

.pagination a:hover, .pagination a.selected{
color: #000;

}



#buchungsanfrage{
float:left;
margin:0;
padding:0;
width:100%;
margin-top:10px;
}

#buchungsanfrage .blockborder {
border-top:1px;
border-top-style:dotted;
border-top-color:#8D5F2F;
padding-top:7px;
margin-top:5px;
margin-left:15px;
margin-right:15px;
margin-bottom:10px;
}

#buchungsanfrage h3{
text-align:center;
font-size:1.0em;
margin:0;
color:#88B339;
margin-left:0px !important;
margin-bottom:10px;
padding:0;
}

.anfrage {
padding-left:9px;
	font-size:0.9em !important;
}

.anfrage h3.docs { clear:left; font-size:12px; font-weight:normal; padding:0 0 1em; margin:0; 
}


#right {
width:710px;
float:left;
z-index:10;
margin:0;
padding:0;
margin-top:405px;
margin-left:17px;
}

#contactbox{
margin:0;
padding:0;
width:100%;
text-align:right;
color:#7E4115;
float:right;
}

#contactbox p{
font-size:0.8em;
font-weight:bold;
}

#contactbox a{
color:#7E4115;
text-decoration:none;
}

#contactbox a:hover{
color:#7E4115;
text-decoration:underline;
}

#contactbox img{
vertical-align:middle;
}


#breadcrumb{
margin:0;
padding:0;
width:600px;
margin-top:14px;
margin-left:15px;
float:left;
}

#breadcrumb p{
color:#B09A6A;
font-size:0.85em;
}

#breadcrumb a{
color:#B09A6A;
text-decoration:none;
}

#breadcrumb a:hover{
color:#B09A6A;
text-decoration:underline;
}

.article1{
margin: 0 ;
padding: 0 ;
width:703px;
float:left;
background-image:url(images/content/content_03.jpg);
background-position:top center;
background-repeat:repeat-y;
margin-bottom:10px;
}



.article1 p{
line-height:1.4em;
color:#763C02;
font-size:1.0em;
margin-left:40px;
margin-right:30px;

}

.article1 table{
color:#763C02;
font-size:1.0em;
margin-left:40px;
margin-right:30px;
margin-bottom:20px;
}

.article1 table img{
border:0 !important;
margin:0 !important;
padding:0 !important;
}

.article1 h1{
margin-top:10px;
margin-left:40px;
color:#990000;
font-size:1.4em;
margin-bottom:10px;
font-weight:normal;
}

.article1 ul{
line-height:1.4em;
margin-left:40px;
margin-right:25px;
color:#763C02;
font-size:1.0em;
font-weight:normal;
}


.article1 h3{
margin-top:10px !important;
margin-left:40px !important;
color:#990000;
font-size:1.3em;
margin-bottom:10px;
font-weight:normal;
}

.article1 img{
border:1px;
border-color:#ffffff;
border-style:solid;
background-color:#ffffff;
margin:0px 0px 5px 5px;
padding:2px;
}

.article1 form{
line-height:1.4em;
color:#763C02;
font-size:1.0em;
margin-left:40px;
margin-right:30px;
}

.ablockborder{
margin:0;
padding:0;
padding-bottom:15px;
margin-bottom:10px;
border-bottom:1px;

border-bottom-color:#967C50;
border-bottom-style:dotted;
}


.article1 a{
text-decoration:none;
color:#763C02;
font-size:1.0em;
}

.article1 a:hover{
text-decoration:underline;
color:#763C02;
font-size:1.0em;
}



.kartenbox {
width:431px;
height:35px;
margin-left:0px;
margin-bottom:20px;
background-image:url(images/startseite/bg_karten.jpg);
background-repeat:no-repeat;
float:left;
}

.kartenbox p{
color:#763C02;
font-size:1.1em;
margin-left:10px;
margin-top:5px;
margin-bottom:0;
float:left;
}

.kartenbox img{
border:none !important;
background:none;
float:right;
margin-top:2px;
}

.imgr {
float:right;
margin-right:50px !important;
margin-left:15px !important;
}

.imgl {
float:left;
margin-left:0px !important;
margin-right:15px !important;
}

.article2{
margin: 0 ;
padding: 0 ;
width:703px;
float:left;
background-image:url(images/content/content2_03.jpg);
background-position:top center;
background-repeat:repeat-y;
margin-bottom:10px;
}


.article2 p{
line-height:1.4em;
color:#763C02;
font-size:1.0em;
margin-left:40px;
margin-right:30px;

}

.article2 form{
line-height:1.4em;
color:#763C02;
font-size:1.0em;
margin-left:40px;
margin-right:30px;
}


.article2 table{
color:#763C02;
font-size:1.0em;
margin-left:40px;
margin-right:30px;
margin-bottom:20px;
}

.article2 h1{
margin-top:10px;
margin-left:40px;
color:#990000;
font-size:1.4em;
margin-bottom:10px;
font-weight:normal;
}

.article2 ul{
line-height:1.4em;
margin-left:40px;
color:#763C02;
font-size:1.0em;
font-weight:normal;
}


.article2 h3{
margin-top:10px !important;
margin-left:40px !important;
color:#990000;
font-size:1.3em;
margin-bottom:10px;
font-weight:normal;
}

.article2 img{
border:1px;
border-color:#ffffff;
border-style:solid;
background-color:#ffffff;
margin:0px 0px 5px 5px;
padding:2px;
}




.article2 a{
text-decoration:none;
color:#763C02;
font-size:1.0em;
}

.article2 a:hover{
text-decoration:underline;
color:#763C02;
font-size:1.0em;
}


#botbar {
width:100%;
height:286px;
background-image:url(images/bg/bg_05.jpg);
background-repeat:no-repeat;
background-position:top center;
float:left;
z-index:10;
}

#footer {
margin-top:200px;
margin-left:30px;
}

#footer h3 {
font-size:0.9em;
color:#9C8F59;
text-align:center;
}
#footer p {
font-size:0.9em;
color:#9C8F59;
text-align:center;
}
#footer a {
text-decoration:none;
color:#9C8F59;
}
#footer a:hover {
text-decoration:none;
color:#9C8F59;
}
.frame2 {
width:950px;
margin:0 auto 0 auto;
text-align:left;
}



/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox
{ margin-left:0px !important;
	cursor: default;
	list-style: none;
	width:550px;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position:absolute;
	top:-100px;
	left:-250px;
	z-index: 100;
}

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

}

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

.hoverbox .preview
{	border-color: #000;
    width:300%;
	height:300%;
}