/* [Fischer AG] - [Maerz 2008]  */



/********** Fixes, Workarounds, etc.
*********************************************/

/* Clearfix fuer das Float-clearing */

.clearfix:after {

	content: '.';

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

/* End hide from IE-mac */

.clearfix {display: inline-block;} /* IE 7*/

/********** Grundlayout

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

#wrapper {

	height: 100%; /* das hier fuer den ie */

}

/* folgende anweisung wird nicht vom ie interpretiert */

#wrapper[id] {

	height:auto;

	min-height:100%;

}

html {

	font-family:Arial, Helvetica, sans-serif;

	font-size: 100.1%;

	line-height: 1.12em;

	height:100%;

}

body {

	font-size: 0.75em;

	color: #000099;

	height:100%;

}

#wrapper {

	width: 1000px;

	margin: 0 auto;

	min-height:100%;

	position: relative;

}

#header {

	text-align:center;

	position: relative;

	height:156px;

	background:url(../img/headergrafik.png) no-repeat;

	width: 1000px;

}

#menu {
	position: absolute;
	left: 70px;
	width: 530px;
	height: 140px;
	font-size: 0.5em;
}

#submenu {

	position:absolute;

	left: 60px;

	top: 170px;

	z-index:1;

}

#content {

	position: relative;

	background-color: white;

	margin: 40px 0 0 0;

	padding: 0 0 150px 70px;

	width: 510px;

}

#foto {

	width: 260px;

	min-height: 2px;

	height: auto !important;

	height: 2px;

	padding: 0 0 20px 0;

	margin-right: 57px;

	margin-top: 55px;

	float: right;

	overflow: hidden;

}

#reservation #foto {

	display: none;

}

#footer {

	position:absolute;

	background:url(../img/footergrafik.png) bottom no-repeat;

	margin: 0 auto;

	width: 1000px;

	clear: both;

	bottom: 0px;

	height: 128px;

}



/********** Navigation

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

#menu ul {

	list-style-type: none;

}

#menu ul li {

	float: left;
	margin-top: 16px;

}

#menu ul li a, #menu ul li a:link, #menu ul li a:visited {

	text-decoration: none;

	float: left;

	height: 140px;

	background-position: bottom;

}

#menu ul li a:hover, #menu ul li a:active, #menu ul li a:focus, #menu ul li.active a, #menu ul li.active a:link, #menu ul li.active a:visited {

	background-position: top;

}

#menu ul li a span {

	visibility: hidden;

}

#menu ul li.home a, #menu ul li.home a:link, #menu ul li.home a:visited {

	width: 58px;

	background-image: url('../img/menu_home.png')

}

#menu ul li.hotel a, #menu ul li.hotel a:link, #menu ul li.hotel a:visited {

	width: 58px;

	background-image: url('../img/menu_hotel.png')

}

#menu ul li.baeckerei a, #menu ul li.baeckerei a:link, #menu ul li.baeckerei a:visited {

	width: 58px;

	background-image: url('../img/menu_baeckerei.png')

}

#menu ul li.laden a, #menu ul li.laden a:link, #menu ul li.laden a:visited {

	width: 58px;

	background-image: url('../img/menu_laden.png')

}

#menu ul li.restaurant a, #menu ul li.restaurant a:link, #menu ul li.restaurant a:visited {

	width: 58px;

	background-image: url('../img/menu_restaurant.png')

}

#menu ul li.bilder a, #menu ul li.bilder a:link, #menu ul li.bilder a:visited {

	width: 58px;

	background-image: url('../img/menu_bilder.png')

}

#menu ul li.ueberuns a, #menu ul li.ueberuns a:link, #menu ul li.ueberuns a:visited {

	width: 61px;

	background-image: url('../img/menu_ueberuns.png')

}

#menu ul li.hilfuns {
	margin: 0 0 0 30px;
	}

#menu ul li.hilfuns a, #menu ul li.hilfuns a:link, #menu ul li.hilfuns a:visited {
	width: 72px;
	height: 155px;
	background-image: url('../img/button_hilfuns.png')
	}

#submenu ul {

	list-style-type: none;

}

#submenu ul li {

	float: left;

}

#submenu ul li a, #submenu ul li a:link, #submenu ul li a:visited {

	text-decoration: none;

	float: left;

	border-right: 1px solid #031380;

	padding: 0 10px;

	line-height: 1em;

	color: #031380;

}

#submenu ul li a:active, #submenu ul li a:focus, #submenu ul li.active a, #submenu ul li.active a:link, #submenu ul li.active a:visited {

	font-weight: bold;

}

#submenu ul li.last a, #submenu ul li.last a:link, #submenu ul li.last a:visited {

	border: none;

}



#submenu ul.hilfuns li a, #submenu ul.hilfuns li a:link, #submenu ul.hilfuns li a:visited {

	}
#submenu ul.hilfuns li.last a, #submenu ul.hilfuns li.last a:link, #submenu ul.hilfuns li.last a:visited {

	}


/********** Content-Absatzformate

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

/* Style-Elemente */

img {

	border: none;

}

hr {

	clear: both;

	height: 1px;

	background: #0C3188;

	color: #0C3188;

}



/* Ueberschriften */

h1, h2, h3 {font-weight: bold;}

h1 {

	font-size: 1.4em;

	padding: 10px 0;

}

h2 {

	font-size: 1.2em;

	padding: 5px 0;

}

h3 {

	font-size: 1em;

	padding: 5px 0;

}

/* Paragraph */

#content p {

	margin: 5px 0;

}

/* Links */

#content a, #content a:link, #content a:visited {

	color: #031380;

	font-weight: bold;

	text-decoration: none;

}

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

	color: #031380;

	font-weight: bold;

	text-decoration: none;

}

/* Listen */

#content ul {

	list-style-type: none;

}

#content ul li {

	background: url('../img/list_item.gif') left no-repeat;

	padding-left: 10px;

}

* html #content ul li {

	height: 1%;

}

#content ul ul {

	padding-left: 10px;

}

.news-single-additional-info {

	padding: 0;

	}

#content dl {

	padding: 5px;

	background: #E1E1E1;

}

#content dt {

	font-weight: bold;

	font-size: 1.1em;

}

#content dd {

}

/* Tabellen */

#content table {

}

#content table th, #content table td {

}

/********** Formular

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

/* CSS Document */

div.formular {

	font-size: .93em;

	width: 900px;

}

fieldset {

	padding: 5px 25px 15px 20px;

	margin-bottom: 10px;

	border: 1px solid #ddd;

}

.formular .left {

	float: left;

	width: 380px;

	margin-right: 60px;

}

.formular .right {

	float: left;

	width: 380px;

}

legend {

	padding: 0 5px;

	font-weight: bold;

	color: #0C3188;

}

label {

	float: left;

	width: 140px;

	padding-top: 3px;

}

input.txt, textarea {

	font-family: Arial, Helvetica, sans-serif;

	float: left;

	font-size: 1em;

	color: #0C3188;

	width: 170px;

	height: 17px;

	padding: 4px 15px 2px 5px;

	margin-top: 5px;

	border: none;

	background: url(../img/input.gif) left bottom no-repeat;

}

input.txt:hover, input.txt:focus {

	background-position: right bottom;

	}

input.radio {

	float: left;

	margin-right: 10px;

	margin-top: 5px;

}

input#anreise, input#abreise {

	width: 90px;

	background: url(../img/input_re_kurz.gif) left bottom no-repeat;

}

input#anreise:hover, input#abreise:hover {

	background-position: right bottom;

}

textarea {

	width: 310px;

	height: 115px;

	background: url(../img/textarea.gif) left bottom no-repeat;

}

textarea:hover, textarea:focus {

	background: url(../img/textarea.gif) right bottom no-repeat;

}

input.submit, input.submit:hover {

	clear: both;

	color: #fff !important;

	font-weight: bold;

	width: 820px;

	padding-top: 10px;

	padding-bottom: 10px;

	background: #0C3188 !important;

	border: 1px solid #0C3188;

}

input.required {

	background: url(../img/input_re.gif) left bottom no-repeat;

	color: #5b5b5b;

}

input.required:hover, input.required:focus {

	background: url(../img/input_re.gif) right bottom no-repeat;

	color: #5b5b5b;

}

input.validation-failed, textarea.validation-failed {

	border: 1px solid #fff221;

	color: #5b5b5b;

}

input.validation-passed, textarea.validation-passed {

	background: url(../img/input_fini.gif) no-repeat;

	color: #0C3188;

}

.validation-advice,

.custom-advice {

	clear: both;

	text-align: right;

	color: #d14000;

}

select {

	font-family: Arial, Verdana, Sans-Serif;

	font-size: 1em;

	width: 190px;

	margin-top: 5px;

	}

/********** Footer

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

#footer .wirelessarea {

	height: 38px;

	width: 188px;

	margin: 30px 0 0 700px;

	}

#footer p {

	text-align: center;

	color: #031380;

	padding-top: 40px;

	height:15px;

}