@import url("navigation.css");

/*---- layout -----*/
html { height: 100%; margin-bottom: 1px; }

body {
font: 0.8em/1.4em "Arial", "Verdana", "Sans-Serif";
color: #000;
margin: 12px 0px 0px 0px;
padding: 0;
text-align: center;
background-color: #767676;
}

.bodycontent /* falls hintergrundfarbe des inhalts von der vom body abweicht */ {
text-align: left;
background-color: #fff;
}
	
#accesskeys {
position: absolute;
top: -300px; 
}

#shadow {
width: 991px;
background-image: url(../img/bg_container_shadow.gif);
background-repeat: repeat-y;
background-position: top left;
background-color: #fff;
width: 991px;
text-align: center;
margin: auto;
}

#head {
background-image: url(../img/bg_head.jpg);
background-repeat: no-repeat;
background-position: top left;
height: 208px;
width: 983px;
margin: 0px 0px 0px 4px;
cursor: pointer;
margin: auto;
}

#container {
margin: 20px 0px 20px 4px;
text-align: center;
margin: auto;
}

#navi {
float: left;
width: 190px;
margin: 0px 0px 0px 4px;
text-align: left;
}

#right {
text-align: left;
float: right;
width: 190px;
}

#right a {
text-decoration: none;
}

#banner {
border-top: 1px solid #767676;
width: 176px;
margin: 15px 0px 0px 0px;
padding: 15px 0px 0px 0px;
}

#content {
margin: 0px 225px 15px 225px;
width: 530px;
text-align: left;
}

#content-felche {
margin: 0px 225px 15px 196px;
padding-left: 28px;
padding-bottom: 160px;
width: 530px;
text-align: left;
background-image: url(../img/felche.jpg);
background-repeat: no-repeat;
background-position: 0px 20px;
}

#content-start {
background-image: url(../img/bt_topnews.jpg);
background-repeat: no-repeat;
height: 300px;
margin: 9px 225px 15px 225px;
width: 530px;
text-align: left;
}

#content-start #topnews {
position: relative;
left: 180px;
top: 80px;
width: 340px;
text-align: left;
}

#footer {
clear: both;
background-image: url(../img/bg_shadow_bottom.gif);
background-repeat: no-repeat;
background-position: bottom;
width: 991px;
padding: 5px 0px 15px 0px;
font-size: 0.9em;
text-align: left;
margin-top: 50px;
color: rgb(100, 100, 100);
}

#footer ul {
margin: 0px 0px 0px 215px;
padding: 0;
}

#footer ul li {
display: inline;
margin: 0px 0px 0px 15px;
}

address {
font-style: normal;
}

address a {
	text-decoration: none;
}
	

/*------ links, typo -------
------------------------------------------*/	

a {
	color: #767676;
}

a:visited {
	color: #767676;
}

a:hover { 
	color: #767676;
}

a img { 
border: none;
	}
p, .normal	{
margin-bottom: 10px;
	}
h1 {
font-size: 1.1em;
color: #767676;
margin-bottom: 10px;
background-color: #E5FF66;
padding: 3px 0px 3px 3px;
background-image: url(../img/bg_h1.gif);
background-repeat: repeat-y;
background-position: right;
}

h2 {
font-size: 1.1em;
color: #767676;
margin-bottom: 10px;
}
h3  {
font-size: 1em;
color: #767676;
font-weight: bold;
margin-top: 1em;
margin-bottom: 0.5em;
	}
hr {
color: #767676;
background-color: #767676;
height: 1px;
border: 0 
}
ul  {
	}
ol {
	}
	
table {
font-size: 1em;
margin: 0;
padding: 0;
border-collapse: collapse;
border-spacing: 0;
}

th  {
font-weight: bold;
text-align: left;
	}
td  {
vertical-align: top;
font-size: 1em;
  	}
img	{
border: 0;
	}

#Kontaktformular .formfield {
border: 1px solid grey;
margin: 0px 0px 7px 0px;
padding: 2px;

}

/* dokumente 
-----------------------------------------------
-----------------------------------------------*/

a.pdf  {
	background-image: url("../img/icon_pdf_klein.gif");
	}
a.doc, a.rtf  {
	background-image: url("../img/icon_word_klein.gif");
	}
a.xls  {
	background-image: url("../img/icon_excel_klein.gif");
	}
a.pps  {
	background-image: url("../img/icon_powerpoint_klein.gif");
	}
a.zip  {
	background-image: url("../img/icon_zip_klein.gif");
	}
 a.document {
	background-position: 0 0;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 20px;
	background-repeat: no-repeat;
	}

a.txt {
	background-image: url("../img/icon_txt_klein.gif");
}
a.vcf  {
	background-image: url("../img/icon_vcf_klein.gif");
	background-position: 0 3px; }


/* ======================================== */
table#anlaesse td, table#jahresprogramm td {
	padding-bottom: 12px;
}
table#anlaesse td.val {
	font-weight: normal;
}
td.val {
	padding-left: 16px;
	font-weight: bold;
	color: rgb(80, 80, 80);
}
td.date {
	color: rgb(120, 120, 120);
}

table.deklaration td {
	color: rgb(100, 100, 100);
}

div.desc {
	font-weight: normal;
	margin-top: 2px;
}

div.menu {
	text-align: center;
}

div.menu-sep {
	padding: 8px 0px 8px 0px;
	color: #767676;
}

div#felchen {
	margin-left: 60px;
	margin-right: 60px;
}

span.title {
	font-weight: bold;
}
span.ausgebucht {
	font-weight: normal;
	color: red;
}

div.angebot {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 4px;
	border-bottom: 1px solid rgb(120, 120, 120);
}


div.news {
	margin: 0px 5px 30px 5px;
}

h1.news div.date {
	float: right;
	text-align: right;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: normal;
}

table.speisekarte {
	width: 100%;
}

div#news-archive {
	margin: 60px 0px 10px 0px;
}

strong {
	color: rgb(60,60,60);
}

/* ======================================== */
.right { text-align: right; }
.left  { text-align: left; }
.top   { vertical-align: top; }
br.clear { clear: both; }

table.zimmerpreise {
	margin-right: 160px;
}

.zimmerpreise th {
	background-color: #cccccc;
	font-weight: normal;
	vertical-align: top;
}

.zimmerpreise tr.even {
	background-color: rgb(230,230,230);
}

.zimmerpreise tr.odd {
	background-color: transparent;
}

ul.zimmerpreise {
	padding-left: 30px;
}

img.gallery {
	float: left;
	padding: 1px;
	border: 1px solid rgb(200,200,200);
	margin: 0px 5px 10px 0px;
}
img.gallery:hover {
	background-color: rgb(230,230,230);
}