/* Hotel Residenz Joop (by xulu.net)
www.residenzjoop.de
Start: 08.05.2007
Letzte Aenderung: 10.02.2006
*/
/* Reset all */
*{
	padding: 0;
	margin: 0;
}

html, body {
	line-height: 1.6em;
	color: #333;
	/*background: #f3efd6 url(../img/main/bg.jpg);*/
	font: 100.1% verdana,arial,tahoma,sans-serif;
	text-align: center;
	height: 100%;
         margin-left:0px;margin-top:0px;
}

/* Clear Class */
.c {
	clear: both;
	height: 0;
	line-height: 0;
}

a { color: #000; }

a:hover { color: #92805E; }

img, a img { border: 0; }

.none { display: none; }

p { margin: 0.7em 0; }

.s { font-size: 0.85em; }

#wrapper {
	width: 957px;
	border-right: 1px solid #bcb397;
	border-left: 1px solid #bcb397;
	text-align: left;
	/*margin: 24px auto;*/
	margin: 0 auto;
	background: #fef0dd url(../img/main/wrapper2.png) repeat-y;
	font-size: 0.8em;
	position: relative;
	min-height: 100%;
}

* html #wrapper {
	height: 100%;
}

#wrapper h1#cap {
	float: left;
	width: 100%;
	height: 0px;
	font-size: 1em;

}

#wrapper h1#cap span {
	display: none;
}
li.error_message{margin-left:12px;}
#navi {
	float: left;
	list-style: none none;
	width: 139px;
	border-bottom: 1px solid #d0c1a4;
	margin: 69px 0 50px;
}

#navi li {
	float: left;
	width: 100%;
}

#navi a {
	float: left;
	border-top: 1px solid #d0c1a4;
	line-height: 1em;
	padding: 10px 17px;
	text-decoration: none;
	width: 105px;
}

* html #navi a {
	width: 139px;
	w\idth: 105px;
}

#navi a:hover,
#navi li.active a {
	background: #eed2ae;
	color: #000;
}

#navi li.active a{
	font-weight: 600;
}

#header {
	float: left;
	background: #fff;
	height: 160px;
	padding: 1px 0;
	overflow: hidden;
	border-bottom: 3px solid #92805e;
	position: relative;
	width: 957px;
}

* html #header {
	height: 165px;
	hei\ght: 160px;
}

#header #slide {
	position: absolute;
	top: 1;
	left: 0;
	z-index: 2;
	background: #ECC699 url(../img/main/slides/raum6.jpg);
	width: 758px;
	height: 160px;
}

#header #slide img {
	padding-bottom: 2px;
	width: 758px;
	height: 160px;
}

#header #slide .layer {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
}

#contact {
	position: absolute;
	top: 1;
	width: 199px;
	height: 160px;
	right: 0;
	z-index: 1;
	font-size: 0.85em;
	background: #ECC699 url(../test/img/main/contact.png) right top;
	line-height: 1.65em;
}

* html #contact {
	margin-right: -1px;
}

#contact p {
	padding-left: 17px;
	margin-top: 16px;
}

#contact p#tel {
	line-height: 1.97em;
	margin-top: 10px;
}

#content {
	float: left;
	width: 584px;
	text-align: center;
	margin: 0 2px;
	padding: 20px 19px 50px 18px;
	line-height: 1.6em;
	background: url(../img/main/content_top.jpg) repeat-x;
}

#content1 {
	float: left;
	width: 584px;
	text-align: center;
	margin: 0 0px;
	padding: 0px 0px 0px 0px;
	line-height: 1.6em;
	background: url(../img/main/content_top.jpg) repeat-x;
}
#content ul, #content ol {
	margin-left: 2.5em;
}

#content h2 {
	color: #009b87;
	font: 2.24em georgia,"times new roman",serif;
	font-weight: 400;
	font-style: italic;
	margin: 10px 0;
}
#content1 h2 {
	color: #009b87;
	font: 2.24em georgia,"times new roman",serif;
	font-weight: 400;
	font-style: italic;
	margin: 10px 0;
}

#content h3 {
	font-size: 1.2em;
}
#content1 h3 {
	font-size: 1.2em;
}

#rightbar {
	float: right;
	width: 193px;
	margin-bottom: 30px;
}

#rightbar h3 {
	font-size: 1.1em;
	font-weight: 400;
	background: #eed2ae;
	padding: 5px 0 7px 15px;
	margin-top: 19px;
}

#rightbar h3.navbuchung{
	margin-top: 29px;
	margin-bottom: 15px;
}
#rightbar h3.navpartner{
	margin-top: 0px;
	margin-bottom: 5px;
}
#rightbar h3.navarragements{
	margin-top: 0px;
	margin-bottom: 15px;
}

#rightbar h3.navevents{
	margin-top: 25px;
}

#rightbar h3 a {
	text-decoration: none;
}

#rightbar fieldset {
	border: 0;
	text-align: center;
	padding: 24px 0 3px 0;
}

#rightbar fieldset legend, #rightbar fieldset strong { display: none; }

#rightbar fieldset .ger {
font-size:12px;
	padding-left: 30px;
	background: url(../test/img/main/flag_ger.gif) no-repeat 0 0px;
	margin-right: 18px;
}

#rightbar fieldset .eng {
font-size:12px;
	padding-left: 30px;
	background: url(../test/img/main/flag_eng.gif) no-repeat 0 0px;
}

#rightbar li {
	list-style: none none;
	padding: 10px 5px 10px 14px;
	border-bottom: 1px solid #d0c1a4;
}

#rightbar li a {
	padding-left: 15px;
	background: url(../img/main/bullet.gif) no-repeat left 3px;
	text-decoration: none;
	display: block;
}

#footer {
	float: left;
	width: 100%;
	display: block;
	background: #fffffe url(../img/main/footer.gif) repeat-x;
	border-top: 3px solid #d2cab2;
	position: absolute;
	bottom: 0;
	left: 0;
}

#footer strong {
	color: #009b87;
}

#footer span {
	float: left;
	padding: 10px 17px;
}

#footer strong.x {
	margin-left: 14px;
}

#footer .right {
	float: right;
}

#klinke {
	text-align: center;
	padding-top: 15px;
}

#buchung {
	background: #FBE9D1;
	border: 1px solid #EBCFAB;
	padding: 10px;
}

#buchung fieldset {
font-size:12px;
	background: #ECE7C8;
	border: 1px solid #92805E;
	padding: 0px 10px 10px 10px;
	clear: both;
	text-align: left;
	margin-bottom: 10px;
}

#buchung fieldset legend {
	background: #FBE9D1;
	padding: 0 5px;
	font-weight: 600;
}

#buchung div.left {
	float: left;
	width: 260px;
	margin-left: 5px;
	border-right: 1px solid #BCB397;
}

#buchung div.right {
	float: right;
	width: 260px;
}

#buchung .down {
	margin-bottom: -2px;
	width: 16px;
}

#buchung .anfrage .s {
	margin: 0 0 0 22px;
	line-height: 1.2em;
	font-size: 0.8em;
}

#buchung select {
	width: 6em;
}

.inputtext {
	padding: 3px;
}

#buchung .single {
	width: 245px;
	float: left;
	clear: left;
}

#buchung .double {
	width: 255px;
	float: right;
	clear: right;
}

#buchung .extras textarea {
	width: 97.5%; height: 105px;
	padding: 2px;
	font: 1em verdana,arial,sans-serif;

}


#buchung .single .right,
#buchung .double .right {
	width: 40%;
}

#buchung .single .right {
	width: 43%;
}

#buchung .single .left,
#buchung .double .left {
	width: 50%;
}

#buchung .daten input {
	padding: 2px; height:14px;    font-size:11px;
}

#buchung .daten span {
	color: #009B87;
	font-size: 0.8em;
}

#buchung .gast img {
	float: right;
	border: 4px double #BCB397;
}

#buchung .error {
	background: #EED3B0;
	border-color: #771f03;
	padding-top: 8px;
}

#buchung .error legend {
	background: #771f03;
	color: #fff;
}

#buchung .send input { padding: 2px; }

.fulltable {
	text-align: left;
	float:left;
	width: 100%;
	margin-top: 10px;
}

.fulltable td {
	vertical-align: top;
	padding: 0 1em 1em 1em;
	background: #FBE9D1;
	border: 1px solid #EBCFAB;
}

.fulltable th {
	background: #ECE7C8;
	border: 1px solid #92805E;
	padding: 0.5em 1em;
}

.nopad td {
	padding: 0 1em;
}

.nopad {
	margin-bottom: 30px;
}

sup {
	font-weight: 600;
}

.trenner {
	visibility: hidden;
	clear: both;
	height: 1px;
	border: none;
}

.nouline a {
	text-decoration: none;
}

#content #picshow {
	margin: 20px 0 0 0;
	float: left;
}

#picshow li {
	height: 146px;
	width: 146px;
	list-style: none none;
	background: url(../img/main/showbg.jpg) no-repeat;
	padding: 14px;
	float: left;
	margin: 0 10px;
	font-size: 0.8em;
	line-height: 1.3em;
}

* html #picshow li {
	height: 203px;
	hei\ght: 146px;
	width: 174px;
	w\idth: 146px;
	margin: 0 3px;
	mar\gin : 0 7px;
}

#picshow li img {
	height: 146px;
	width: 146px;
	clear: both;
	margin-bottom: 2px;
}

.price {
	background: #ECE7C8;
	border: 1px solid #92805E;
	padding: 0 7px 7px 7px;
	clear: both;
	text-align: left;
	margin-bottom: 30px;
}

.price table {
	margin: 6px 0 0 0;
}

.price table td {
	padding: 0 1em;
}

.price table td.preis {
	vertical-align: middle;
}

.price legend {
	background: #F9E4C9;
	border: 1px solid #92805E;
	padding: 0 5px 2px 5px;
	font-weight: 600;
}

.price a {
	text-decoration: none;
}

.arra img {
	float: left;
	padding: 3px;
	border: 1px solid #EBCFAB;
	background: #fff;
	margin-top: 4px;
}

.arra div {
	float: right;
	width: 320px
}

.arra table {
	width: 100%;
	vertical-align: top;
	margin-top: 6px;
}

.arra thead tr {
	background: #EBCFAB;
}

.arra table td, .arra table th {
	vertical-align: top;
	padding: 3px 5px;
}

#content .arra ul {
	margin-left: 20px;
}

#map {
	border: 1px solid #92805E;
	width: 99%;
	height: 300px;
	background: #fff;
	margin: 5px 0 0 4px;
	text-align: left;
}

.eventpic {
	float: left;
	padding: 3px;
	border: 1px solid #EBCFAB;
	background: #fff;
	margin: 4px 10px 10px 0;
}

.event td {
	padding: 1px 4px;
}

.event th {
	text-align: center;
	font-weight: 600;
	background: #EBCFAB;
}

.event {
	margin: 20px 0;
	background: #FBE9D1;
	border:1px solid #92805E;
}

#buchung fieldset.zip {
	height: 0px;
	overflow:hidden;
	position: absolute;
	margin-left: -4000px;
}

#content #lage {
	background: url(../files/image/kollage.jpg) no-repeat;
	height: 530px;
	width: 539px;
	list-style: none none;
	position: relative;
	margin: 10px 22px;
}

#content #lage a {
	position: absolute;
	width: 113px;
	font-size: 10px;
	color: #333;
	padding-top: 97px;
	padding-bottom: 3px;
	line-height: 1em;
	background: url(../img/main/spacer.gif);
	text-decoration: none;
}

#content #lage a:hover {
      color: #00A189;
}

#lage .allecenter a { left: 26px; top: 26px; }
#lage .bahnhof a { left: 14px; top: 210px; }
#lage .hassel a { left: 26px; top: 394px; }
#lage .hundertwasser a { left: 213px; top: 14px; }
#lage .dom a { right: 26px; top: 26px; }
#lage .hegel a { left: 412px; top: 210px; }
#lage .stern a { left: 400px; top: 394px; }
#lage .kloster a { left: 213px; top: 406px; }

.routebuttons {
	width: 170px;
	position: absolute;
	top: 365px;
	left: 550px;
}

.routebuttons a {
	background: url(../img/main/route_button.gif) no-repeat;
	width: 190px;
	padding: 13px 0 15px;
	margin-bottom: 5px;
	text-align: center;
	clear: both;
	float: left;
}

.small {
	font-size: 0.7em;
	line-height: 1.6em;
	background: #F3F0DD;
	border: 1px solid #D2CAB2;
	padding: 10px;
}

#listtable li{
	position: relative;
}

#listtable li span {
	position: absolute;
	left: 140px;
	top: 0;
}

.partner {
	text-align: left;
}

.partner h3 {
	margin: 20px 0 10px;
}

.partner li {
	position: relative;
	margin: 5px 0;
}

.partner span {
	position: absolute;
	left: 300px;
}

#content ul#startgalerie{
	padding: 0;
	margin: 0 auto;
	background: url(../files/image/startseite_rahmen.jpg) no-repeat;
	width: 530px;
	height: 202px;
	position: relative;
	list-style: none;
}

ul#startgalerie li a{
	position: absolute;
	background: url(../img/main/spacer.gif);
	cursor: pointer;
}

ul#startgalerie li.haus a{
	width: 158px;
	height: 119px;
	left: 13px;
	top: 43px;
}

ul#startgalerie li.joops a{
	width: 132px;
	height: 176px;
	left: 199px;
	top: 13px;
}

ul#startgalerie li.garten a{
	width: 158px;
	height: 119px;
	left: 359px;
	top: 43px;
}

ul#startgalerie li a span{
	display: none;
}

span.grad{font-size:16px;font-weight:bolder;}
.panorama{
	margin: 15px 0px 0px 0px;  background: url(../img/main/panorama__.jpg) no-repeat;
}

.panorama a{
	padding: 150px 0 15px 0;
	display: block;
	color: #fff;

	text-align:center;
	font-size: 1.1em;
	font-weight: 600;
	text-decoration: none;
}

.panorama a:hover{
	color: #000;
}