/* 1.0 | hannes | 2006-10-03 | template */
html, body, #showcases dl, #showcases dt, #showcases dd {
	margin: 0;
	padding: 0;
}
body {
	background: #F9D397 url(/grafik/body_bg.gif) repeat-y center top;
	text-align: center;
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
}
html, body { text-align: center; }
#maincontainer {
	position: relative;
	margin: auto;
	background: url(/grafik/maincontainer_bg.gif) repeat-y;
}
#maincontainer, #topheader, #panoramabild, #contentmaincontainer, #footer {
	width: 990px;
	margin: 0 auto;
	text-align: left;
}
#contentmaincontainer { padding-bottom: 170px; }
#menu { width: 200px; }
/* LINKS */
#topheader a, #showcases a { color: white; }
#topheader a:hover, #showcases a:hover {  color: #FFE3BB; }

/* EXTRAMENU */
#topheader {
	height: 30px;
	line-height: 30px;
	text-indent: 4px;
	color: white;
	max-width: 990px;
	background: #C50016 url(/grafik/extramenucontainer_bg.jpg) repeat-x left top;
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#topheader a {
	font-weight: bold;
	text-decoration: none;
}
#topheader #languageselect {
	float: right;
	margin-right: 4px;
	font-size: 10px;
}
#extramenu { padding-left: 4px; }
#topheader h2 {
	float: left;
	margin: 0;
	padding: 0;
	font: bold 16px Tahoma, Geneva, Arial, Helvetica, sans-serif;
	vertical-align: middle;
	line-height: 28px;
	margin-left: 5px;
}

/* PANORAMABILD */
#panoramabild {
	height: 328px;
	background-color: #FEF4DE;
/*	background: #C50016 url(/grafik/panoramabild/home.jpg) no-repeat left top;*/
	overflow: hidden;
}
#swosh { 
	position: absolute;
	z-index: 1001;
}

/* MENU */
.closed { display: none; }
#menu ul, #verkaufsmenu ul {
	width: 200px;
	margin: 0 0 3em 0;
	padding: 0;
	overflow: hidden;
	border-bottom: 1px solid #D34A4A;	
}
#menu ul li, #verkaufsmenu ul li { list-style: none; }

/* LEVEL 0 */
#menu ul li, #verkaufsmenu ul li { border-top: 1px solid #D34A4A; }
#menu ul li a, #verkaufsmenu ul li a {
	display: block;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 17px;
	background: url(/grafik/menu_ul.gif) no-repeat left top;
	text-decoration: none;
	color: white;
	font-size: 14px;
}
#menu ul li.activ a, #menu ul li a:hover, #verkaufsmenu ul li.activ a, #verkaufsmenu ul li a:hover { background-color: #A50011; } /*BA0010*/
.wettertable td { padding-left: 8px; }
/* LEVEL 1 */
#menu ul ul, #verkaufsmenu ul ul { 
	border-bottom: none;
	margin: 0;
	background-color: #FDEDC8;
}
#menu ul ul li, #verkaufsmenu ul ul li { border-top: 1px solid #FFF; }
#menu ul ul li a, #verkaufsmenu ul ul li a {
	width: 170px;
	padding-left: 25px;
	background: #FDEDC8 url(/grafik/menu_ul_ul.gif) no-repeat left top;
	text-decoration: none;
	color: #716448;
	font-weight: normal;
}
#menu ul li.activ ul li a, #menu ul li.activ ul li a:hover, #verkaufsmenu ul li.activ ul li a, #verkaufsmenu ul li.activ ul li a:hover { 
	background-color: #F6E6C1;
	color: #716448;
}
#menu ul li.activ ul li a:hover, #verkaufsmenu ul li.activ ul li a:hover { background-color: #FDEDC8; }
#menu ul li.activ ul li.activ a, #verkaufsmenu ul li.activ ul li.activ a { text-decoration: underline; }
#menu ul li.activ ul li.activ li a, #verkaufsmenu ul li.activ ul li.activ li a { text-decoration: none; }

/* LEVEL 2 */
#menu ul ul ul li a {
	padding-left: 37px;
	width: 150px;
	font-size: 13px;
	background: #FDEDC8 url(/grafik/menu_ul_ul_ul.gif) no-repeat left top;
}

/* LEVEL 3 */
#menu ul ul ul ul li a {
	font-size: 11px;
	background: #FEF8E9 url(/grafik/menu_ul_ul_ul_ul.gif) no-repeat left top;
	border-bottom: 1px solid #fff;
	padding-left: 47px;
}
#menu ul ul ul ul li a.active, #menu ul ul ul ul li a:hover { background-color: #fff; }

#menu div.links {
	margin: -20px 0 10px 0;
	padding: 0;
	text-align: center;
}
#menu div#showcasemerkzettel {
	width: 200px;
	height: 250px;
	background: url(/grafik/merkzettel_en_bg.png) no-repeat left top;
	padding-top: 40px;
}
#menu div#showcasemerkzettel blockquote {
	margin: 0 0 4px 10px;
	padding: 0;
	color: #534D4D;
	width: 190px;
	height: 220px;
	overflow: auto;
}
#menu div#showcasemerkzettel a.anfrage {
	width: 180px;
	display: block;
	text-align: right;
}
#menu dl, #menu dl dt, #menu dl dd {
	margin: 0;
	padding: 0;
	text-align: left;
}
#menu dl {
	background: #C50016 url(/grafik/showcase_top_bg.jpg) repeat-x left top;
	border-top: 1px solid #D34A4A;
	border-bottom: 1px solid #D34A4A;
	margin: 0.5em 0;
}
#menu dl dt {
	color: #FFE3BB;
	font-weight: bold;
	font-size: 13px;
	padding: 10px 5px 10px 17px;
	background: url(/grafik/pfeil.gif) no-repeat left center;
}
#menu dl dd { padding: 0 10px 10px 10px; }
#menu dl dd, #menu dl dd table td { color: white; }

/* CONTENTCONTAINER */
#contentcontainer {
	padding: 0 20px;
	line-height: 140%;
}
#sitemap { margin-top: 4px; font: 10px Arial, Helvetica, sans-serif; }
#sitemap a { color: #716448; text-decoration: none; }
#sitemap a:hover { text-decoration: underline; }
#contentcontainer h1 {
	color: #C50016;
	font: normal 24px/100% Arial, Helvetica, sans-serif;
}
#contentcontainer h2 {
	font: bold 16px Tahoma, Geneva, Arial, Helvetica, sans-serif;
	list-style: square url(/grafik/h2_liststyle.gif) inside;
	display: list-item;
	line-height: 95%;
	margin: 1em 0;
}
#contentcontainer h3 { font-size: 14px; }
#content { font-size: 14px; }
#content dt {
	background: #C00 url(/grafik/content_dt_bg.gif) no-repeat left top;
	color: #FFE3BB;
	font-weight: bold;
	text-transform: uppercase;
	padding: 1px 4px 2px 20px;
}
#content dd {
	background: #FFF;
	border-right: 1px solid #C40B1B;
	border-bottom: 1px solid #C40B1B;
	border-left: 1px solid #C40B1B;
	margin: 0px;
	padding: 12px;
}

/* SHOWCASES */
#showcases, #menu {
	width: 200px;
	color: white;
}
#showcases h2 {
	font-size: 14px;
	text-align: center;
	margin: 5px auto;
}
#showcases h2 a { text-decoration: none; }
#showcases blockquote {
	margin: 0 0 15px 15px;
	padding: 0;
}
#showcases dl {
	margin-bottom: 2em;
	color: #716448;
}
#showcases dt {
	vertical-align: middle;
	font-weight: bold;
}
#showcases dt, #showcases dd { padding: 5px 5px 0 5px; }
#showcases ul, #showcases ul li { margin: 0; padding: 0; }
#showcases ul { margin-left: 15px; }
#menu table td { font-size: 11px; }


#socialweb {
		width: 200px;
		overflow: hidden;
		margin: 0;
		padding: 0;
}
#socialweb, dl#socialweb, #socialweb dt, #socialweb dd, #socialweb ul, #socialweb ul li {
		margin: 0;
		padding: 0;
		border: none;
}
#socialweb ul li {
	height: 40px;
	overflow: hidden;
}
#socialweb ul li a {
	line-height: 40px;
	background: transparent url(/grafik/showcase_socialweb_sprites.gif) no-repeat 0px 0px;
	text-indent: 300px;
}
#socialweb ul li a:hover { background-color: transparent; }
#socialweb ul li.youtube a { background-position: 0 -40px; }
#socialweb ul li.facebook a { background-position: 0 -80px; }
#socialweb ul li.blog a { background-position: 0 -120px; }
#socialweb ul li.picasa a:hover { background-position: -200px 0; }
#socialweb ul li.youtube a:hover { background-position: -200px -40px; }
#socialweb ul li.facebook a:hover { background-position: -200px -80px; }
#socialweb ul li.blog a:hover { background-position: -200px -120px; }

/* CONTACT */
#showcases div.contact h2 {
	margin: 0 0 0 15px;
	padding: 0;
	text-align: left;
}
#showcases div.contact h2 a:hover { text-decoration: underline; }

/* THEMENWOCHEN */
#wochenangebote, #themenschwerpunkte { margin: 2em 0; }
#wochenangebote {
	position: relative;
	overflow: hidden;
	height: 100px;
	font-size: 14px;
	line-height: 120%;
	width: 200px;
}
#wochenangebote div.items {
	width: 20000em;
	position: absolute;
	cursor: pointer;
}
#wochenangebote dl {
	border: 1px solid #C50016;
	padding: 0;
	margin: 10px 0;
	height: 100px;
	background-color: white;
	width: 200px;
	max-width: 198px; /* bug +2px border */
	float: right;
}
#wochenangebote dl dt a, #wochenangebote dl dt a:hover {
	color: #716448;
	text-decoration: none;
}
#wochenangebote dl dt a:hover { text-decoration: underline; }
#wochenangebote dl dt, #wochenangebote div dl dd { margin: 0; }
#wochenangebote div.navigationbuttons {
	position: absolute;
	margin: 82px 2px 0 166px;
	width: 32px;
	cursor: pointer;
}
/* THEMENSCHWERPUNKT */
#themenschwerpunkte {
	height: 115px;
	position: relative;
	overflow: hidden;
	width: 200px;
}
#themenschwerpunkte div.items {
	width: 20000em;
	position: absolute;
	cursor: pointer;
}
#themenschwerpunkte div.navigationbuttons {
	position: absolute;
	margin: 97px 2px 0 166px;
	width: 32px;
	cursor: pointer;
}
.navigationbuttons img { margin: 1px; }
/* FOOTER */
#footer {
	height: 180px;
	background: url(/grafik/footer_bg.gif) repeat-x left top;
	font: 10px/28px Tahoma, Geneva, Arial, Helvetica, sans-serif;
	vertical-align: middle;
	color: #C50016;
	position: absolute; 
	bottom: 0; 
	left: 0;
	width: 100%;
	color: #716448;
}
#footer a {
	color: #716448;
	text-decoration: none;
}
#footer a:hover { text-decoration: underline; }
#footertable {
	width: 950px;
	margin: 20px auto 0 auto;
	height: 130px;
	margin-top: 20px;
}
#footertable td h2 {
	margin: 0;
	padding: 0;
	font-size: 14px;
}
#footertable td {
	font-size: 14px;
	vertical-align: top;
}
#contacticons {
	width: 170px;
	margin-top: 4px;
}
#contacticons img { margin-bottom: 2px; }

#footertable td ul {
	list-style: none;
	margin-left: 0;
	margin-top: 0;
	padding-left: 0;
}
#footertable td.newsletter { white-space: nowrap; }
#footertable td.newsletter input {
	border: 1px solid #CCC;
	border: none;
	margin: 0;
	padding: 0;
	height: 24px;
	float: left;
}
#footertable td.newsletter input.field {
	background: url(/grafik/footer_input_bg.jpg) repeat-x left bottom;
	width: 150px;
}
#footertable td.newsletter input.button {
	background-color: #716448;
	color: white;
	width: 24px;
	height: 24px;
	line-height: 24px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}
#copyright {
	font: 10px Arial, Helvetica, sans-serif;
	padding: 0 4px;
}
#copyright span { color: #BEB091; }

/* KLASSEN */
.imagebox {
	clear: both;
	margin: 1em 0;
	text-align: right;
	width: 550px;
	overflow: hidden;
	white-space: nowrap;
}
.imagebox img {
	margin-bottom: 2px;
	clear: right;
	margin: 1px 0 0 1px;
}

/* TABELLE */
.tabelle { 
	border: 1px solid #F6D192;
	background-color: #FFF;
	width: 100%;
}
.tabelle td, .tabelle th { 
	padding: 5px;
	border: 1px solid #FFF;
	border-bottom: none;
}
.tabelle table td, .tabelle table th { border: none; padding: 0; vertical-align: middle; }
.tabelle td, td.hell, .tabelle tr.hell td, .tabelle tr.hell th { background-color: #FDEFD0; }
.tabelle th, td.dunkel, .tabelle tr.dunkel td, .tabelle tr.dunkel th { background-color: #FDEDC8; }
.tabelle td h2, .tabelle th h2 { margin: 0; }
.tabelle th.week { 
	padding-left: 22px;
	background: #FDEDC8 url(/grafik/pfeil_tabelle.gif) no-repeat 3px 8px;
}
.tabelle th.week a { color: #716448; }
.tabelle td.dunkelbraun { background: #FBE6BD; }
.tabelle table, .tabelle table td, .tabelle table th, .merkzettelpreis th, .merkzettelpreis td { background: transparent!important; }
.room a { font-weight: bold; color: #C00; }

/* MERKZETTEL */
.merkzettelpreis { width: 100%; }
.merkzettelpreis td { text-align: right; width: 170px; }
.merkzettel { width: auto; }
.merkzettel th { 
	white-space: nowrap; 
	padding-right: 5px; 
}
#newslettershowcase fieldset label { text-align: left; }
#newslettershowcase input.inputsmall { width: 140px; }
a.pdf {
	line-height: 16px;
	padding-left: 20px;
	display: block;
	background: url(/grafik/icon_pdf.gif) no-repeat left center;
}
/* BUTTON */
.contentbutton, .contentbutton a {
	height: 54px;
	line-height: 54px;
	margin: 0;
	padding: 0;
}
.contentbutton {
	text-align: center;
	background: url(/grafik/button_bg.gif) no-repeat left top;
	min-width: 100px;
	padding-left: 10px;
}
.contentbutton a {
	color: white;
	font-size: 18px;
	background: url(/grafik/button_a_bg.gif) no-repeat right top;
	display: block;
	text-decoration: none;
	padding-right: 10px;
}
.contentbutton a:hover { text-decoration: underline; }