html, body{

	margin:0px;

	padding:0px;

	background-color:#00133F;

}

ul {

	padding: 0px;

	margin:0px;

}



/**** Bereich Styles ****/

#site {

	margin:auto;

	width:900px;

	margin-top:43px;

}



#head {

	display:block;

}



#titel{	

	background-color:#C7C7C7;

	border:solid white 1px;

	padding:0px;

	line-height:0px;

	margin-top:13px;

	height:99px; /** eigentlich falsch da min-height erwünscht. IE kennt min-height aber nicht. **/

	width:898px;

}

#site > #titel {

	height:auto;

	min-height: 99px;

}



#navi {

	background-color:#00133F;

	font-size: 10px;

	font-family: verdana;

	color:#C7C7C7;

	padding:8px 0px 10px 0px;

}

#navi a {

	text-decoration:none;

	color:#C7C7C7;

}

#navi a.active, #navi a:hover {

	color:#FFC645;

}

#navi ul.navi{

	padding:0px;

	margin:0px 0px 0px 10px;

	list-style-type:none;

}

#navi ul.subnavi{

	padding:0px;

	margin:0px 0px 0px 10px;

	list-style-type:none;

}

#navi ul li{

	float:left;

}

li.spacer{

	text-align:center;

	width:10px;

}



#content {

	padding:0px 0px 10px 0px;

	margin:0px 0px 0px 0px;

	font-family:verdana;

	font-size:10px;

	line-height:16px;

	background-color:#E9E9E9;

	background-image:url(bg.gif);

	background-repeat:repeat-x;

	border:solid white 1px;

	height:373px; /** eigentlich falsch da min-height erwünscht. IE kennt min-height aber nicht. **/

}



#site > #content {

	height:auto;

	min-height: 373px;

}

#content a {

	text-decoration:none;

	color:#00133F;

}

#content a.active, #content a:hover {

	color:#FFC645;

}



#footer {

	background-color:#00133F;

	margin:0px 0px 10px 0px;

}

#footerleiste {

	font-size: 10px;

	font-family: verdana;

	color:#C7C7C7;

	margin:7px 0px 7px 10px;

}





/**** allgemeine Klassen ****/

h2{

	color:#002B51;

	font-family:verdana;

	font-size:16px;

}

.tmplspacer {

	padding:0px;

	margin:0px;

	height:8px;

	line-height:0px;

}



.clearer{

	clear:both;

}

.whiteline{

	width:878px;

	height:21px;

	background-image: url(content_spacer.gif);

	background-repeat:no-repeat;

	margin: 0px 10px 0px 10px;

}





.elementtextbild{

	width:878px;

	background-color:#F1F1F1;

	margin:0px 10px 0px 10px;

	color:#002B51;

	font-family:verdana;

	font-size:10px;

}

.elementtextbildimage{

	float:left;

	margin:10px 0px 10px 10px;

	display:inline;

	line-height:0px;

	border:solid 1px white;

}

.elementtextbild p{

	width:470px;

	margin:10px 0px 10px 13px;

	float:left;

}

.elementtextbild p strong{

	font-size:12px;

}



.elementtextbild p.breit{

	width:550px;

	margin:10px 0px 10px 13px;

	float:left;

}





.siteheadline{

	width:878px;

	height:45px;

	display:block;

	border-bottom: solid white 1px;

	margin:0px 10px 10px 10px;

	line-height:0px;

}

.siteheadline p{

	float:right;

	padding:0px;

	margin:0px;

	margin:11px 0px 0px 0px;

	line-height:0px;

}

.siteheadlineimg{

	float:right;

	display:inline;

	line-height:0px;

}





.speisekarte{

	width:878px;

	margin:0px 10px 0px 10px;

	color:#002B51;

	font-family:verdana;

	font-size:10px;

}

.speisekarte a{



}

.speisekarte a:hover{



}

.speisekarteimage{

	float:left;

	margin:0px 10px 0px 0px;

	display:inline;

	line-height:0px;

	border:solid 1px white;

}

.speisekartetext{

	float:left;

	border-left:solid white 1px;

	width:558px;

	margin:0px 0px 0px 0px;

	padding-left:13px;

}

.speisekarte .weiss{

	/*color:#FFC645;*/

	color:#00133F;

	font-weight:bold;

	margin:14px 0px 5px 10px;

}

.speisekarte .hell{

	background-color:#F1F1F1;

	width:558px;

	margin:0px;

	padding:5px 0px 5px 0px;

}

.speisekarte .text{	

	font-weight:normal;

	margin:14px 0px 5px 10px;

}

.speisekarte .hell p{

	display:block;

	margin:0px 10px 0px 10px;

}

.speisekarte table{

	margin:0px 0px 0px 5px;

	width:550px;

}

.speisekarte .preis {

	font-weight:bold;

	width:55px;

	vertical-align:bottom;

	text-align:right;



}





.event {

	margin:0px 10px 0px 10px;

	background-image: url(eventbg.gif);

	width:878px;

	color:#002B51;

}

.event .left{

	float:left;

	width:296px;

}

.event .right{

	float:right;

	width:553px;

}

.event .right p{

	font-size:10px;

	width:533px;

	margin:10px;

}

.event .left h3{

	font-size:12px;

	margin:10px 10px 0px 10px;

	padding:0px;

}

.event .left h4{

	font-size:12px;

	margin:0px 10px 10px 10px;

	padding:0px;

}





.presse {

	margin:0px 10px 0px 10px;

	background-image: url(downloadbg.gif);

	width:878px;

	color:#002B51;

}

.presse .left{

	float:left;

	width:298px;

}

.presse .middle{

	float:left;

	width:480px;

}

.presse .right{

	float:right;

	width:76px;

	line-height:0px;

}

.presse .middle p{

	font-size:10px;

	width:434px;

	margin:10px 10px 10px 36px;

}

.presse .left p{

	font-size:12px;

	font-weight:bold;

	margin:10px 10px 0px 10px;

	padding:0px;

}





.artlist{

	display:block;

	width:878px;

	margin:0px 10px 0px 10px;

	color:#002B51;

	text-align:right;

}

.artlist ul{

	float:right;

	margin:2px 0px 10px 0px;

}

.artlist ul li{

	list-style-type:none;

	float:left;

	margin:0px 2px 0px 2px;

	border-top:1px solid #C9C9C9;

	border-bottom:1px solid #C9C9C9;

}

.artlist ul li a{

	color:#002B51;

	text-decoration:none;

	font-weight:bold;

}

.artlist ul li.active{

	border-top:1px solid #002B51;

	border-bottom:1px solid #002B51;

}





.kueche {

	margin:0px 10px 10px 10px;

	background-image: url(eventbg.gif);

	width:878px;

	color:#002B51;

}

.kueche .left{

	float:left;

	width:296px;

	margin:0px;

	padding:0px;

}

.kueche .right{

	float:right;

	width:553px;

}

.kueche .right p{

	font-size:10px;

	width:533px;

	margin:10px;

}

.kueche .left p{

	font-size:12px;

	font-weight:bold;

	margin:10px 10px 10px 10px;

	padding:0px;

}



/***** *****/

.formular {

	width:878px;

	background-color:#F1F1F1;

	margin:0px 10px 0px 10px;

}

.formular .bild{

	margin:10px 5px 10px 10px;

	float:left;

	display:inline;

	line-height:0px;

	border:solid 1px white;

}





#kontaktmodul *{

padding:0px;

margin:0px;

}

#kontaktmodul{

	float:left;

	width:570px;

	font-size:10px;

	margin:0px 0px 10px 0px;

	color:#002B51;

}



#kontaktmodul .kontaktmodulelement{

	clear:both;

	display:block;

}

#kontaktmodul fieldset{

	margin:3px 5px 0px 10px;

	border:solid 0px white;

}

#kontaktmodul legend{

	display:none;

}

#kontaktmodul .beschreibung{

	width:560px;

	

}

#kontaktmodul .beschreibungcheckbox{

	

	width:500px;

	

}

#kontaktmodul .inhaltcheckbox{

	float:left;

	width:20px;

	padding:5px 0px 0px 5px;

	

}

#kontaktmodul .inhalt{

	padding:5px 0px 0px 5px;

}



#kontaktmodul label{

	padding:5px 0px 0px 5px;

	display:block;

	border:solid 0px orange;

	font-weight:bold;

}

#kontaktmodul label.ueberschrift{

	font-weight:normal;

}

#kontaktmodul .text{

	width:540px;

	height:12px;

	border:solid 1px #C7C7C7;

	font-size:10px;

	font-family:verdana;

	padding:4px;

	

}

#kontaktmodul .textarea{

	height:88px;

	width:540px;

	border:solid 1px #C7C7C7;

	font-size:10px;

	font-family:verdana;

	padding:4px;

}

#kontaktmodul .select{

	width:548px;

	font-size:10px;

	font-family:verdana;

}

#kontaktmodul .checkbox{

	padding:0px;

	margin-left:0px;

	border:solid 0px #C7C7C7;

}

#kontaktmodul .submit{

	float:right;

	border:solid 1px #C7C7C7;

	background-color:white;

	font-family:verdana;

	font-size:10px;

	color:#002B51;

}



#kontaktmodul .nofloat{

	float:none;

	width:auto;

}

#kontaktmoduldanke{

	display:block;

	font-family:verdana;

	font-size:10px;

	color:#666;

}





/************** Gallerie ****************/

#hassoGallery {

	width:878px;

	margin:0px 10px 0px 10px;

}



#hassoNav {

	display: block;

	text-align:left;

}



#hassoNav ul {

	display: block;

	text-align:left;

	list-style: none;

	margin-left: 0.5em;

	line-height: normal;

	margin-top: 2px;

	margin-bottom: 2px;

}



#hassoNav a {

	display: block;

}



#hassoNav a:hover {

	display: block;

	background-color:silver;

}



#hassoNav #active {

	display: block;

	background-color:silver;



}



#hassoThumbs {

	padding: 0;

	width: 873px;

	margin-left:8px;

	text-align: center;

}



#hassoThumbs .hassoThumb {

	float: left;

	display:inline;

	margin:0px 0px 13px 0px;

	border:1;

	height: 108px;

	width:108px;

	line-height:0px;

	text-align: center;

	vertical-align:middle;

}



#hassoThumbs .hassoThumb a {

	border:0;	

}



#hassoThumbs .hassoThumb a img {

	border:solid 1px white;

}





#hassoPic {

	text-align:center;

	padding: 5px;

	width: 878px;

	margin: 0px;	

}





#hassoPic .hassoTitle {	

	text-align:left;	

}



#hassoPic .hassoTitle a{

	font-weight:bold;

	color:#00133F;

	text-decoration:none;

}



#hassoPic .hassoDescription {

	text-align:left;	

}



#hassoPic img {

	border: 0px;

	margin: 0px;

	border:solid 1px white;

}



#hassoPrevNextNav {

	margin:auto;

	display: block;

	width: 878px;

	padding: 0;

}



#hassoPrevNextNav #hassoPrevPic{

	float: left;	

}



#hassoPrevNextNav #hassoNextPic{

	float: right;

}



#hassoPrevNextNav #hassoPrevPic a {

	text-align:left;

	text-decoration:none;

	color:#00133F;

	font-weight:bold;

}



#hassoPrevNextNav #hassoNextPic a {

	text-align:right;

	text-decoration:none;

	color:#00133F;

	font-weight:bold;

}

#hassoPrevNextNav #hassoNextPic a:hover, #hassoPrevNextNav #hassoPrevPic a:hover, #hassoPic .hassoTitle a:hover{

	color:#FFC645;

}

.elementgaleriehead{	
	width:878px;
	display:block;
	margin:0px 10px 0px 10px;
}
.elementgaleriehead p{
	font-size:10px;
	margin:10px 0px 10px 0px;
	font-weight:bold;
	text-align:right;
}

.grundriss{
	width:878px;
	margin:0px 10px 0px 10px;
	color:#002B51;
	font-family:verdana;
	font-size:10px;
}

#sitemaplist {
	padding-left: 30px;
	padding-top: 0px;
	padding-bottom: 10px;
}


#sitemaplist li {
	font-weight: bold;
}