/* Allgemeine Einstellungen */

html
{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
body
{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #EADAB9;
	color: #000000;
	font: normal 12px arial, helvetica, verdana, "trebuchet ms";
	text-align: center;
}
img
{
	border: none;
}
a
{
	color: #0B1761;
	text-decoration: none;
}
ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/**** FRAMEWORK ************************************************/

div#Wrapper
{
	width: 892px;
	height: auto;
	margin: 0 auto 0 auto;
	padding: 0;
	background-color: #FFFFFF;
	background-image: url(../images/brg.gif);
	background-repeat: repeat-y;
	text-align: left;
}

div#Wrapper div#Top
{
	width: 100%;
	height: 19px;
	background-color: #EADAB9;
	background-image: url(../images/brg_top.gif);
	background-position: 0 16px;
	background-repeat: no-repeat;
}
div#Wrapper div#Bottom
{
	width: 100%;
	height: 7px;
	background-image: url(../images/brg_bottom.gif);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #EADAB9;
}
div#Wrapper div#MainContainer
{
	width: 860px;
	margin: 10px 16px 10px 16px;
	background-color: #FFFFFF;
}

/* -- Header ------------------------------------------------- */

div#Wrapper div#MainContainer div#Header
{
	position: relative;
	width: 100%;
	height: 106px;
	background-color: #0B1761;
}
div#Wrapper div#MainContainer div#Header a
{
	display: block;
	width: 100%;
	height: 100%;
}
div#Wrapper div#MainContainer div#Header a img
{
	position: absolute;
}
div#Wrapper div#MainContainer div#Header a img#Logo
{
	top: 15px;
	left: 62px;
}
div#Wrapper div#MainContainer div#Header a img#GutBrook
{
	top: 18px;
	left: 196px;
}
div#Wrapper div#MainContainer div#Header a img#Slogan
{
	top: 48px;
	left: 444px;
}

/* -- Navigation --------------------------------------------- */

div#Wrapper div#MainContainer ul#Navigation
{
	width: 100%;
	height: 22px;
	margin: 4px 0 0 0;
	background-color: #0B1761;
}
div#Wrapper div#MainContainer ul#Navigation li
{
	float: left;
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}
div#Wrapper div#MainContainer ul#Navigation li.Ferienwohnungen
{
	width: 159px;
}
div#Wrapper div#MainContainer ul#Navigation li.Schlossgut
{
	width: 190px;	
}
div#Wrapper div#MainContainer ul#Navigation li.Aktuelles
{
	width: 102px;
}
div#Wrapper div#MainContainer ul#Navigation li.Region
{
	width: 89px;
}
div#Wrapper div#MainContainer ul#Navigation li.Veranstaltungshalle
{
	width: 160px;
}
div#Wrapper div#MainContainer ul#Navigation li.Landbau
{
	width: 160px;
}
div#Wrapper div#MainContainer ul#Navigation li.Kontakt
{
	width: 124px;
}
div#Wrapper div#MainContainer ul#Navigation li a
{
	float: left;
	width: 100%;
	height: 15px;
	padding: 3px 0 4px 0;
}
div#Wrapper div#MainContainer ul#Navigation li a:link,
div#Wrapper div#MainContainer ul#Navigation li a:visited
{
	color: #EADAB9;
	background-color: #0B1761;
}
div#Wrapper div#MainContainer ul#Navigation li a:hover,
div#Wrapper div#MainContainer ul#Navigation li a:focus
{
	color: #0B1761;
	background-color: #EADAB9;
}
div#Wrapper div#MainContainer ul#Navigation li.Active a,
div#Wrapper div#MainContainer ul#Navigation li.Active a:link,
div#Wrapper div#MainContainer ul#Navigation li.Active a:visited,
div#Wrapper div#MainContainer ul#Navigation li.Active a:hover,
div#Wrapper div#MainContainer ul#Navigation li.Active a:focus
{
	color: #0B1761;
	background-color: #EADAB9;
}

/* -- Content-Wrapper ---------------------------------------- */

div#Wrapper div#MainContainer div#ContentWrapper
{
	width: 100%;
	margin: 4px 0 0 0;
	padding: 0;
	background-image: url(../images/meta_brg.gif);
	background-repeat: repeat-y;
}

/* -- Meta-Navigation ---------------------------------------- */

div#Wrapper div#MainContainer ul#MetaNavigation
{
	float: left;
	width: 196px;
	margin: 0;
	padding: 0;
	background-color: #F6F0E3;
}
div#Wrapper div#MainContainer ul#MetaNavigation div.Spacer
{
	float: left;
	width: 100%;
	height: 22px;
	border-bottom: solid 1px #EADAB9;
}
div#Wrapper div#MainContainer ul#MetaNavigation li
{
	float: left;
	width: 100%;
	height: 22px;
	border-bottom: solid 1px #EADAB9;
}
div#Wrapper div#MainContainer ul#MetaNavigation li a
{
	display: block;
	width: 188px;
	height: 15px;
	padding: 3px 0 4px 8px;
	color: #000000;
}
div#Wrapper div#MainContainer ul#MetaNavigation li a:link,
div#Wrapper div#MainContainer ul#MetaNavigation li a:visited
{
	background-color: #F6F0E3;
}
div#Wrapper div#MainContainer ul#MetaNavigation li a:hover,
div#Wrapper div#MainContainer ul#MetaNavigation li a:focus
{
	background-color: #EADAB9;
}
div#Wrapper div#MainContainer ul#MetaNavigation li a span
{
	float: left;
	padding: 0;
}
div#Wrapper div#MainContainer ul#MetaNavigation li a span.Rooms
{
	float: right;
	margin: 1px 16px 0 0;
	font: normal 10px arial, helvetica, verdana, "trebuchet ms";
}
div#Wrapper div#MainContainer ul#MetaNavigation li.Active a
{
	color: #B09257;
	background-color: #FFFFFF;
}
div#Wrapper div#MainContainer ul#MetaNavigation li.Active a:link,
div#Wrapper div#MainContainer ul#MetaNavigation li.Active a:visited
{
	color: #B09257;
	background-color: #FFFFFF;
}
div#Wrapper div#MainContainer ul#MetaNavigation li.Active a:hover,
div#Wrapper div#MainContainer ul#MetaNavigation li.Active a:focus
{
	color: #B09257;
	background-color: #FFFFFF;
}

/* Der Buchungsanfrage-Button*/

div#Wrapper div#MainContainer ul#MetaNavigation li#Booking
{
	height: 96px;
	border: none;
}
div#Wrapper div#MainContainer ul#MetaNavigation li#Booking a
{
	margin: 32px 0 0 0px;
	color: #0B1761;
	display:block;
	font-weight:bold;
}

div#Wrapper div#MainContainer ul#MetaNavigation li#Booking a:hover
{
	display:block;
	text-decoration:underline;
	font-weight:bold;
	background-color: #F6F0E3;
}


div#Wrapper div#MainContainer ul#MetaNavigation li#HomepageImage
{
	height: 482px;
	border: none;
	background-image: url(../images/start.jpg);
	background-repeat: no-repeat;
}

/**** CONTENT-AREA *********************************************/

div#Wrapper div#MainContainer div#Content
{
	position: relative;
	width: 660px;
	float: left;
	margin: 0 0 0 4px;
	background-color: #FFFFFF;
}
div#Wrapper div#MainContainer div#Content.FullSize
{
	position: relative;
	width: 100%;
	float: left;
	margin: 0;
	background-color: #F6F0E3;
}
div#Wrapper div#MainContainer div#Content a
{
	text-decoration: underline;
}
div#Wrapper div#MainContainer div#Content div.Spacer
{
	width: 100%;
	height: 92px;
}
div#Wrapper div#MainContainer div#Content div.TitleImages
{
	width: 100%;
	height: 128px;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
}
div#Wrapper div#MainContainer div#Content div.TitleImages img
{
	float: left;
	margin: 0 4px 0 0;
	padding: 0;
}
div#Wrapper div#MainContainer div#Content img#Alltag
{
	margin: 64px 32px 0 24px;
}
div#Wrapper div#MainContainer div#Content div.TitleImages img.Last
{
	margin: 0;
}
div#Wrapper div#MainContainer div#Content img.FloorPlan
{
	float: right;
	margin: 16px 96px 24px 24px;
}
div#Wrapper div#MainContainer div#Content h2
{
	margin: 4px 4px 8px 24px;
	color: #0B1761;
	font: bold 16px arial, helvetica, verdana, "trebuchet ms";
}
div#Wrapper div#MainContainer div#Content h2.FirstHeadline
{
	margin: 24px 4px 16px 24px;
}
div#Wrapper div#MainContainer div#Content h3
{
	margin: 0 4px 0 24px;
	color: #0B1761;
	font: bold 12px arial, helvetica, verdana, "trebuchet ms";
}
div#Wrapper div#MainContainer div#Content p
{
	margin: 0 128px 8px 24px;
}
div#Wrapper div#MainContainer div#Content p.LinkNotification
{
	position: absolute;
	top: 128px;
	left: 400px;
	margin: 0;
	font-size: 11px;
	color: #BAAB8B;
}
div#Wrapper div#MainContainer div#Content div.NewsEntry
{
	width: 562px;
	margin: 0 0 8px 24px;
	padding: 0;
	border-bottom: solid 1px #EADAB9;
}
div#Wrapper div#MainContainer div#Content div.NewsEntry a
{
	text-decoration: none;
}
div#Wrapper div#MainContainer div#Content div.NewsEntry h3
{
	margin: 0 4px 0 0;
}
div#Wrapper div#MainContainer div#Content div.NewsEntry img
{
	float: right;
}
div#Wrapper div#MainContainer div#Content div.NewsEntry p
{
	margin: 0 0 8px 0;
}
div#Wrapper div#MainContainer div#Content ul
{
	margin: 0 32px 8px 24px;
	font: normal 12px arial, helvetica, verdana, "trebuchet ms";
	list-style-type: square;
}
div#Wrapper div#MainContainer div#Content ul li
{
	margin: 0 0 0 16px;
}
div#Wrapper div#MainContainer div#Content table
{
	margin: 4px 24px 8px 24px;
}
div#Wrapper div#MainContainer div#Content table td
{
	padding: 8px 0 8px 8px;
	vertical-align: top;
}
div#Wrapper div#MainContainer div#Content table td.ImageSubtitle
{
	color: #BAAB8B;
	font-size: 11px;
	text-align: center;
	padding: 0;
}
div#Wrapper div#MainContainer div#Content table td.ImageSubtitle a
{
	color: #BAAB8B;
	font-size: 11px;
	text-align: center;
	padding: 0;
	text-decoration: none;
}
div#Wrapper div#MainContainer div#Content table td.ImageSubtitle a:hover
{
	color: #BAAB8B;
	font-size: 11px;
	text-align: center;
	padding: 0;
	text-decoration: underline;
}
div#Wrapper div#MainContainer div#Content table.FloorPlan
{
	display: inline;
	float: right;
	margin: 0 64px 0 32px;
}
div#Wrapper div#MainContainer div#Content table.FloorPlan td
{
	padding: 0 0 8px 8px;
	vertical-align: bottom;
}
div#Wrapper div#MainContainer div#Content form input
{
	font: normal 12px arial, helvetica, verdana, "trebuchet ms";
}
div#Wrapper div#MainContainer div#Content form div.FormWrapper
{
	margin: 0 0 0 24px;
}
div#Wrapper div#MainContainer div#Content form div.FormUnit
{
	margin: 0;
	padding: 2px 8px 4px 0;
}
div#Wrapper div#MainContainer div#Content form div.FormUnit input
{
	margin: 0;
	padding: 2px 0 3px 2px;
	color: #0B1761;
	border: solid 1px #EADAB9;
}
div#Wrapper div#MainContainer div#Content form input#Hausprospekt
{
	padding: 0;
	border: none;
}
div#Wrapper div#MainContainer div#Content form input#FirstName,
div#Wrapper div#MainContainer div#Content form input#LastName,
div#Wrapper div#MainContainer div#Content form input#Phone
{
	width: 196px;
}
div#Wrapper div#MainContainer div#Content form input#Street,
div#Wrapper div#MainContainer div#Content form input#Email
{
	width: 256px;
}
div#Wrapper div#MainContainer div#Content form input#PostalCode
{
	width: 48px;
}
div#Wrapper div#MainContainer div#Content form input#City
{
	width: 196px;
}
div#Wrapper div#MainContainer div#Content form input#Submit,
div#Wrapper div#MainContainer div#Content form input#Drop
{
	width: 96px;
	height: 24px;
	margin: 12px 8px 0 0;
	padding: 0 0 1px 0;
	color: #EADAB9;
	background-color: #0B1761;
	font-weight: bold;
	border: none;
}
div#Wrapper div#MainContainer div#Content form select#Ferienwohnung
{
	width: 256px;
	margin: 6px 0 0 0;
	padding: 0 0 0 2px;
	color: #0B1761;
	border: solid 1px #EADAB9;
}
div#Wrapper div#MainContainer div#Content form input#Begin,
div#Wrapper div#MainContainer div#Content form input#End,
div#Wrapper div#MainContainer div#Content form input#Visitors
{
	width: 64px;
}
div#Wrapper div#MainContainer div#Content form textarea#Comment
{
	width: 512px;
	height: 64px;
	margin: 0;
	padding: 2px 0 3px 2px;
	color: #0B1761;
	border: solid 1px #EADAB9;
	overflow: auto;
}
div#Wrapper div#MainContainer div#Content form label
{
	display: block;
	color: #0B1761;
}
div#Wrapper div#MainContainer div#Content form label img.Required
{
	margin: 0 2px 2px 0;
}
/* -- Footer ------------------------------------------------- */

div#Wrapper div#MainContainer div#Footer
{
	clear: both;
	width: 860px;
	height: 58px;
	border-top: solid 4px #FFFFFF;
	background-color: #0B1761;
}
div#Wrapper div#MainContainer div#Footer ul#QuickNavigation
{
	float: right;
	height: 22px;
}
div#Wrapper div#MainContainer div#Footer ul#QuickNavigation li
{
	float: left;
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}
div#Wrapper div#MainContainer div#Footer ul#QuickNavigation li a
{
	float: left;
	color: #EADAB9;
	padding: 3px 32px 4px 31px;
}
div#Wrapper div#MainContainer div#Footer ul#QuickNavigation li a:link,
div#Wrapper div#MainContainer div#Footer ul#QuickNavigation li a:visited
{
	color: #EADAB9;
	background-color: #0B1761;
}
div#Wrapper div#MainContainer div#Footer ul#QuickNavigation li a:hover,
div#Wrapper div#MainContainer div#Footer ul#QuickNavigation li a:focus
{
	color: #0B1761;
	background-color: #EADAB9;
}
div#Wrapper div#MainContainer div#Footer ul#QuickNavigation li.Active a
{
	color: #0B1761;
	background-color: #EADAB9;
}
div#Wrapper div#MainContainer div#Footer ul#QuickNavigation li.Active a:link,
div#Wrapper div#MainContainer div#Footer ul#QuickNavigation li.Active a:visited,
div#Wrapper div#MainContainer div#Footer ul#QuickNavigation li.Active a:hover,
div#Wrapper div#MainContainer div#Footer ul#QuickNavigation li.Active a:focus
{
	color: #0B1761;
	background-color: #EADAB9;
}

p.hinweis {
	margin-top: 21px !important;
	padding: 10px 10px 8px 10px;
	background-color: #F6F0E3;
	border: 1px dashed #EADAB9;
	font-size: 12px;
	font-weight: bold;
}
#rauchverbot {
	padding-left: 44px;
	background-image: url(../images/rauchverbot.gif);
	background-position: 8px 5px;
	background-repeat: no-repeat;
}
