
body {
	background-image: url(../images/bodypagebg.gif);
	background-color: #fff;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
#masthead {
	color: #999999;
	background-color: #900;
	padding: 0;
	margin: 0;
	width: 780px;
	min-width: 780px;
	margin: 0 auto;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}
#topnav  {
	background-color: #996;
	width: 780px;
	font-size: 0.8em;
}
#topnav div.clearer{
	clear: both;
}

#center {
	width: 780px;
	min-width: 780px;
	margin: 0 auto;
	background-image : url(../images/khakipagebg.gif);
	background-repeat :repeat-y;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	clear: both;
}
#center.winter {
	background-image : url(../images/snowpagebg5.gif);
}

#center .content {
	padding: 20px 24px;
	font-size: 0.8em;
	line-height: 1.5em;
}
#footer .content {
	padding: 12px 20px;
}
#footer {
	color: #fff;
	background-color: #323221;
	padding: 0px;
	width: 780px;
	min-width: 780px;
	margin: 0 auto;
	font-size: 0.7em;
	border-left: 1px solid #323221;
	border-right: 1px solid #323221;
}
.menulist {
	margin: 6px 0 12px 0;
	padding: 0;
	list-style-type: none;
}
#center a:link {
	color: #fff;
}
#center .content a:link {
	color: #663;
}

#center .content a:visited {
	color: #333333;
}
#center .content a:hover {
	color: #996;
}
#wrapper .menulist a, #wrapper .menulist a:visited {
	color: #000000;
	border-left: 6px solid #FFFFFF;
	padding: 0 0 0 3px;
}
#wrapper .menulist a:hover {
	border-color: #000000;
}
#footer a:link {
	color: #999999;
}
#footer a:visited {
	color: #666666;
}
#footer a:hover {
	color: #FFFFFF;
}
.p7uberlink {
	font-weight: bold !important;
	letter-spacing: 0.15em;
	border-color: #000000 !important;
}
h1 {
	font-size: 1.8em;
	margin: 20px 0 0 0;
	color: #663;
	border-bottom: 1px solid #996;
}
h2 {
	font-size: 1.6em;
	margin: 30px 0 0 0;
	color: #996;
}
h3 {
	font-size: 1.25em;
	margin: 20px 0 10px 0;
	color: #663;
}
h4 {
	font-size: 1.1em;
	margin: 20px 0 0 0;
}
.nomargintop {
	margin-top: 0;
}
.content p {
	margin: 12px 0;
}
.content p strong, .content p strong a{
	color: #900;
}

.leftimg {
	float : left;
	margin : 5px 10px 5px 0;
}
hr {
display: block;
clear: both; 
 visibility: hidden;
  }
.bottomlink {
	clear:both;
	text-align:center;
}
/*pricetables*/
#winterpreise, #sommerpreise{
	width: 600px;
	margin: auto;
    border-right : #f5f5f5 1px solid;
    border-top : #868686 1px solid;
    border-left :  #868686 1px solid;
    border-bottom : #f5f5f5 1px solid
}
#winterpreise th{
	background-color: #009;
	color: #fff;
}
#winterpreise td{
	background-color: #fff;
	color: #009;
	padding: 3px;
}
#sommerpreise th{
	background-color: #060;
	color: #fff;
}
#sommerpreise td{
	background-color: #fff;
	color: #060;
	padding: 3px;
}

.content .textemphasis {
	color: #900;
}
/*language box styles*/
.language {
	float: right;
}
.firstpar {
	clear:both;
}


/* maincontent containers*/
.contentbox {
	margin: 10px auto;
	clear: both;
}
.contentbox br{
	clear:both;
}

.contentbox .imgleft {
	float: left;
	margin: 5px 5px 10px 0;
}
.contentright {
	float: right;
	margin: 0 0 5px 5px;
	width: 550px;
}
.contentright strong{
	color: #663;

}

/*sommeraktiv table*/
#sommeraktiv {
	width: 660px;
	text-align: center;
	margin: auto;
	background-color : #EDF1E7;
	}
#sommeraktiv th{
	color :#fff;
	background-color : #060;
	padding: 3px;
	}
#sommeraktiv td{
	padding: 5px;
	width: 100px;
	}
#sommeraktiv td img{
	margin:0;
	padding: 0;
	}
#sommeraktiv td.inklusiv{
	color :#fff;
	background-color : #060;
	font-weight: bold:
	}

/* main angebote page */
.smallwinterangebot{
	margin : 10px;
	background-color : #F0FDFF;
	border : 1px solid #006;
	clear: both;
}
.smallwinterangebot h2{
	color : #fff;
	font-size : 12px;
	background-color : #006;
	padding : 5px;
	margin: 0;
}
.smallwinterangebot p{
	padding : 5px;
}
.smallwinterangebot p strong{
	font-weight : bold;
}
.smallwinterangebot img{
	margin : 0px 10px 10px 10px;
	float : right;
}

.angebot{
	margin : 10px;
	border : 1px solid #060;
	background-color : #EDF1E7;
	clear:both;
	padding-bottom: 5px;
}
.angebot h2{
	color : #fff;
	background-color : #060;
	padding : 5px;
	margin: 0;
	font-size : 12px;
}
 .angebot p{
	padding : 5px;
}
 .angebot br{
	clear:both;
}

.winterangebot img, .angebot img{
	margin : 0 10px 10px 10px;
	float : right;
}
.angebot table.sommertabelle {
	width : 500px;
	margin: 0 0 20px 20px;

}
.angebot table.sommertabelle th{
	background-color:#060;
	color: #fff;
	margin: 1px;
	padding: 2px;
}

.angebot table.sommertabelle td{
	background-color:#fff;
	margin: 1px;
	padding: 2px;
}
/*winter offers*/
.winterangebot{
	margin : 10px;
	background-color : #F0FDFF;
}
.winterangebot h2{
	color : #fff;
	background-color : #006;
	padding : 5px;
	margin: 0;
	font-size : 12px;
}
.winterangebot p{
	font-size : 10px;
}
.winterangebot p strong{
	font-weight : bold;
}
.winterangebot img{
	margin : 0px 10px 10px 10px;
	float : right;
}
/* new packages page*/

table.neuangebot {
	width: 100%;
	background-color : #006;
}
table.neuangebot td, table.neuangebot th{
	padding : 2px;
	margin: 2px;
	vertical-align:top;
	background-color : #fff;
}

table.neuangebot td strong{
	color : #006;
}
table.neuangebot td.pricestyles{
	text-align: center;
	width: 75px;
}

table.neuangebot td strong.summer{
	color : #060;
}
table.neuangebot td.midhead{
	color : #fff;
	background-color : #060;
	font-weight: bold;
}

/*loipentables*/
#inhalttabelle table.loipen td{
	font : bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000;
}
#inhalttabelle table.loipen td.leicht{
	color: #00C;
}
#inhalttabelle table.loipen td.mittel{
	color: #f00;
}
/*loipencontent*/
span.leicht {
	color: #00C;
	font-size: 11px;
	font-weight: bold;
}
span.mittel {
	color: #f00;
	font-size: 11px;
	font-weight: bold;
}
span.schwer {
	color: #000;
	font-size: 11px;
	font-weight: bold;
}
.clearingdiv {
	clear : both;
	margin-bottom: 10px;
}
/*speisekarte*/
#speisekarte {

 }

#speisekarte th, #speisekarte td.heading {
	background-color:#996;
	color:#fff;
	text-align:center;
	font-weight:bold;
}
#speisekarte td {
	background-color: #fff;
}
/* ratings div */
#rating {
	width: 650px;
	margin: auto;
	clear: both;
}
#rating iframe{
	margin: 10px auto 10px 50px;
}

