/* YUI Reset CSS - More information: http://developer.yahoo.com/yui/reset/ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
caption,th {text-align:left;}
fieldset,img {border:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
ol,ul {list-style:none;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
table {border-collapse:collapse; border-spacing:0;}

/* DEFAULT */
a:link, a:visited {color:#000000; text-decoration:none;}
a:hover, a:active {color:#000000; text-decoration:underline;}
a img {border:0; text-decoration:none; vertical-align:top;}
.clear {clear:both;}

/* LAYOUT */
html,body,td,th {height:100%; min-height:100%;}
body {background-image:url(bgline.jpg); background-repeat:repeat-x; background-color:#9b0014; text-align:center; margin:0; padding:0;}

/* SITE */
#wrapper {width:899px; min-height:100%; color:#FFF; margin:0 auto ; background:url(main.jpg); background-repeat:no-repeat;}
* html #wrapper {height:100%;}
#wrapper-d01{width:899px; min-height:100%; color:#FFF; margin:0 auto ; background:url(zimmer.jpg); background-repeat:no-repeat;}
#wrapper-d02{width:899px; min-height:100%; color:#FFF; margin:0 auto ; background:url(blank.gif); background-repeat:no-repeat;}
#wrapper-d03{width:899px; min-height:100%; color:#FFF; margin:0 auto ; background:url(map-01.jpg); background-repeat:no-repeat;}
#wrapper-d04{width:899px; min-height:100%; color:#FFF; margin:0 auto ; background:url(map-02.jpg); background-repeat:no-repeat;}
#wrapper-d05{width:899px; min-height:100%; color:#FFF; margin:0 auto ; background:url(impressum.jpg); background-repeat:no-repeat;}

/* LOGO */
#logo1 {height:49px; width:215px; margin-left:21px; margin-top:29px; margin-right:0px; margin-bottom:0px; float:left;}	
h1 {width:215px; height:49px; background:transparent url(has-logo.jpg) no-repeat; text-indent:-9009px;}
h1 a {display:block; width:215px; height:49px; outline:none;}
		
/* CONTENT */
#content {width:899px; height:305px; margin-left:21px; margin-top:71px; float:left;}
.text1 {font-family: Verdana, Arial, New Times Roman; font-size:12px; color: #ffffff; font-style:normal; text-align:left;}
.text2 {font-size:8px;}
#logo2 {background:url(rz-logo.gif); background-repeat:no-repeat; width:393px; height:22px; margin-left:21px; float:left;}

/* NAV-EN*/
#navcon {width:899px; float:left; height:42px;}
#nav {display:table; padding-left:21px; margin-top:13px;}
#nav li {float:left; width:50px;}
#nav a,#nav strong {display:block; height:17px; width:100%; position:relative; overflow:hidden;}
#nav span {position:absolute; width:100%; height:17px; top:0; left:0; background:url(nav-e.gif) no-repeat;}

#nav #prices {width:38px;}
#nav #prices a span {background-position:0 0;}
#nav #prices a:hover span,#nav #prices a:active span,#nav #prices a:focus span,#nav #prices strong span {background-position: 0px -17px;}

#nav #d1 {width:27px;}
#nav #d1 a span {background-position:-38px 0;}
#nav #d1 a:hover span,#nav #d1 a:active span,#nav #d1 a:focus span,#nav #d1 strong span {background-position: -38px -17px;}

#nav #request {width:59px;}
#nav #request a span {background-position:-65px 0;}
#nav #request a:hover span,#nav #request a:active span,#nav #request a:focus span,#nav #request strong span {background-position: -65px -17px;}

#nav #d2 {width:25px;}
#nav #d2 a span {background-position:-124px 0;}
#nav #d2 a:hover span,#nav #d2 a:active span,#nav #d2 a:focus span,#nav #d2 strong span {background-position: -124px -17px;}

#nav #ob {width:112px;}
#nav #ob a span {background-position:-149px 0;}
#nav #ob a:hover span,#nav #ob a:active span,#nav #ob a:focus span,#nav #ob strong span {background-position: -149px -17px;}

#nav #d3 {width:26px;}
#nav #d3 a span {background-position:-260px 0;}
#nav #d3 a:hover span,#nav #d3 a:active span,#nav #d3 a:focus span,#nav #d3 strong span {background-position: -260px -17px;}

#nav #la {width:27px;}
#nav #la a span {background-position:-286px 0;}
#nav #la a:hover span,#nav #la a:active span,#nav #la a:focus span,#nav #la strong span {background-position: -286px -17px;}

#nav #d4 {width:26px;}
#nav #d4 a span {background-position:-313px 0;}
#nav #d4 a:hover span,#nav #d4 a:active span,#nav #d4 a:focus span,#nav #d4 strong span {background-position: -313x -17px;}

#nav #photos {width:51px;}
#nav #photos a span {background-position:-339px 0;}
#nav #photos a:hover span,#nav #photos a:active span,#nav #photos a:focus span,#nav #photos strong span {background-position: -339px -17px;}

#nav #d5 {width:26px;}
#nav #d5 a span {background-position:-390px 0;}
#nav #d5 a:hover span,#nav #d5 a:active span,#nav #d5 a:focus span,#nav #d5 strong span {background-position: -390px -17px;}

#nav #serviced {width:52px;}
#nav #serviced a span {background-position:-416px 0;}
#nav #serviced a:hover span,#nav #serviced a:active span,#nav #serviced a:focus span,#nav #serviced strong span {background-position: -416px -17px;}

#nav #d6 {width:254px;}
#nav #d6 a span {background-position:-468px 0;}
#nav #d6 a:hover span,#nav #d6 a:active span,#nav #d6 a:focus span,#nav #d6 strong span {background-position: -468px -17px;}

#nav #de {width:126px;}
#nav #de a span {background-position:-722px 0;}
#nav #de a:hover span,#nav #de a:active span,#nav #de a:focus span,#nav #de strong span {background-position: -722px -17px;}

/* FOOTER-EN */
#footer {width:899px; height:88px; margin-top:10px; background:url(footerbg-e.gif) no-repeat;}
#footernavcon {width:180px; height:12px; float:right; margin-right:6px; margin-top:11px;}
#footernav {display:table; padding-left:21px;}
#footernav li {float:left; width:50px; height:12px;}
#footernav a,#footernav strong {display:block; height:12px; width:100%; position:relative; overflow:hidden;}
#footernav span {position:absolute; width:100%; height:17px; top:0; left:0; background:url(footernav-e.gif) no-repeat;}
#footernav #sitemap {width:68px;}
#footernav #sitemap a span {background-position:0 0;}
#footernav #sitemap a:hover span,#footernav #sitemap a:active span,#footernav #sitemap a:focus span,#footernav #sitemap strong span {background-position: 0px -12px;}
#footernav #imprint {width:69px;}
#footernav #imprint a span {background-position:-69px 0;}
#footernav #imprint a:hover span,#footernav #imprint a:active span,#footernav #imprint a:focus span,#footernav #imprint strong span {background-position:-69px -12px;}


/* FORM */
#ex8	{
	background-color: #4d4d4d;
	height: 230px;
	width: 420px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	float: left
	}

#ex9	{
	background-color: #4d4d4d;
	height: 230px;
	width: 420px;
	margin-left: 436px;
	margin-top: -230px;
	margin-right: 0px;
	margin-bottom: 0px;
	float: left
	}

form	{
	width: 800px;
	margin: 0;
	padding: 0 -10px 0 0;
	}

fieldset	{
	padding: 0 0 20px 0;
	border: 0px;
	}
	
fieldset ul	{
	margin: 0 0 10px 0;
	padding: 0;
	list-style-type: none;
	}
	
li {
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
	width: 400px;
	list-style-type: none;
	}
	
label		{
	float:left;
	line-light: 167%;
	width: 130px;
	cursor: pointer;
	}
	
	
.datafield_1,input.post,textarea.post,select.post,option.post	{
	font-family: Verdana, Arial, New Times Roman;
	font-size: 11px;
	text-align: left;
	height: 14;
	background-color: #4d4d4d;
	border: #FFFFFF; 
	border-style: solid; 
	border-top-width: 0px; 
	border-right-width: 0px; 
	border-bottom-width: 1px; 
	border-left-width: 0px
	}

.error	{
	font-family: Verdana, Arial, New Times Roman;
	font-size: 11px;
	text-align: left;
	height: 14;
	background-color: #4d4d4d;
	border: #980014; 
	border-style: solid; 
	border-top-width: 0px; 
	border-right-width: 0px; 
	border-bottom-width: 1px; 
	border-left-width: 0px
	}

.checkbox_1	{
	background-color: #4d4d4d;
	border: 1px;
	border-color: #FFFFFF;
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
	width: 200px;
	height: 100px
	}

input.button	{
	height: 25;
	background-color: #4d4d4d;
	border: #FFFFFF; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
	font-family: Verdana, Arial, New Times Roman;
	font-size: 11px;
	font-style: normal;
	line-height: normal; 
	font-weight: bold; 
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	}

a.menue,a.menue:hover	{
	font-family: Verdana, Arial, New Times Roman;
	font-size: 12px;
	color: #ffffff;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: underline
	}

#mapframe	{
	background-color: #4d4d4d;
	height: 250px;
	width: 400px;
	margin-left: 500px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	float: left
	}
	
#fehler	{
	height: 20px;
	width: 870px;
	margin-left: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	float: left;
	color: #ffffff;
	}
	
/* MAP */
.mapselect{
	background-repeat: no;
	width: 102px;
	height: 39px;
	margin-top: 184px;
	margin-left: 516px
	}

/* GALLERY */
#pictureshow	{
	width: 400px;
	margin-left: 400px;
	margin-top: -122px;
	float:left
	}

#pictureshow-01	{
	background: url(hotel-am-stadtgarten-foto-01-large.jpg) no-repeat;
	width: 448px;
	height: 250px;
	margin-left: 400px;
	margin-top: -230px;
	float:left;
	}
	
#pictureshow-02	{
	background: url(hotel-am-stadtgarten-foto-02-large.jpg) no-repeat;
	width: 448px;
	height: 250px;
	margin-left: 400px;
	margin-top: -230px;
	float:left;
	}

#pictureshow-03	{
	background: url(hotel-am-stadtgarten-foto-03-large.jpg) no-repeat;
	width: 448px;
	height: 250px;
	margin-left: 400px;
	margin-top: -230px;
	float:left;
	}

#pictureshow-04	{
	background: url(hotel-am-stadtgarten-foto-04-large.jpg) no-repeat;
	width: 448px;
	height: 250px;
	margin-left: 400px;
	margin-top: -230px;
	float:left;
	}

#pictureshow-05	{
	background: url(hotel-am-stadtgarten-foto-05-large.jpg) no-repeat;
	width: 448px;
	height: 250px;
	margin-left: 400px;
	margin-top: -230px;
	float:left;
	}

#pictureshow-06	{
	background: url(hotel-am-stadtgarten-foto-06-large.jpg) no-repeat;
	width: 448px;
	height: 250px;
	margin-left: 400px;
	margin-top: -230px;
	float:left;
	}

#pictureshow-07	{
	background: url(hotel-am-stadtgarten-foto-07-large.jpg) no-repeat;
	width: 448px;
	height: 250px;
	margin-left: 400px;
	margin-top: -230px;
	float:left;
	}

#pictureshow-08	{
	background: url(hotel-am-stadtgarten-foto-08-large.jpg) no-repeat;
	width: 448px;
	height: 250px;
	margin-left: 400px;
	margin-top: -230px;
	float:left;
	}
	
.contentpicture{
	padding: 5px;
	}

.imagea	{
	padding-right: 5px
	}

.imageb	{
	padding-top: 5px;
	padding-right: 5px
	}

#blindtext {
	font-family: Verdana, Arial, New Times Roman;
	font-size: 12px;
	color: #ffffff;
	margin-left: 21px;
	margin-top: 250px;
	margin-right: 0px;
	margin-bottom: 0px;
	position: absolute;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	width: 255px;
	height: 150px
	}

#ex0	{
	background-color: #4d4d4d;
	height: 230px;
	width: 255px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	float: left
	}
	
#collage1 {display:table; padding-top:0px;padding-left:0px;}
#collage1 li {float:left; width:50px;}
#collage1 a,#collage1 strong {display:block; height:45px; width:100%; position:relative; overflow:hidden;}
#collage1 span {position:absolute; width:100%; height:45px; top:0; left:0; background:url(collage-01.jpg) no-repeat;}

#collage1 #pic1 {width:60px;}
#collage1 #pic1 a span {background-position:0 0;}
#collage1 #pic1 a:hover span,#collage1 #pic1 a:active span,#collage1 #pic1 a:focus span,#collage1 #pic1 strong span {background-position: 0px -50px;}

#collage1 #f1 {width:5px;}
#collage1 #f1 a span {background-position:-60px 0;}
#collage1 #f1 a:hover span,#collage1 #f1 a:active span,#collage1 #f1 a:focus span,#collage1 #f1 strong span {background-position: -60px -50px;}

#collage1 #pic2 {width:60px;}
#collage1 #pic2 a span {background-position:-65px 0;}
#collage1 #pic2 a:hover span,#collage1 #pic2 a:active span,#collage1 #pic2 a:focus span,#collage1 #pic2 strong span {background-position: -65px -50px;}

#collage1 #f2 {width:5px;}
#collage1 #f2 a span {background-position:-125px 0;}
#collage1 #f2 a:hover span,#collage1 #f2 a:active span,#collage1 #f2 a:focus span,#collage1 #f2 strong span {background-position: -125px -50px;}

#collage1 #pic3 {width:60px;}
#collage1 #pic3 a span {background-position:-130px 0;}
#collage1 #pic3 a:hover span,#collage1 #pic3 a:active span,#collage1 #pic3 a:focus span,#collage1 #pic3 strong span {background-position: -130px -50px;}

#collage1 #f3 {width:5px;}
#collage1 #f3 a span {background-position:-190px 0;}
#collage1 #f3 a:hover span,#collage1 #f3 a:active span,#collage1 #f3 a:focus span,#collage1 #f3 strong span {background-position: -190px -50px;}

#collage1 #pic4 {width:60px;}
#collage1 #pic4 a span {background-position:-195px 0;}
#collage1 #pic4 a:hover span,#collage1 #pic4 a:active span,#collage1 #pic4 a:focus span,#collage1 #pic4 strong span {background-position: -195px -50px;}



#collage2 {display:table; margin-top:-5px;padding-left:0px;}
#collage2 li {float:left; width:50px;}
#collage2 a,#collage2 strong {display:block; height:45px; width:100%; position:relative; overflow:hidden;}
#collage2 span {position:absolute; width:100%; height:45px; top:0; left:0; background:url(collage-02.jpg) no-repeat;}

#collage2 #pic5 {width:60px;}
#collage2 #pic5 a span {background-position:0 0;}
#collage2 #pic5 a:hover span,#collage2 #pic5 a:active span,#collage2 #pic5 a:focus span,#collage2 #pic5 strong span {background-position: 0px -50px;}

#collage2 #f4 {width:5px;}
#collage2 #f4 a span {background-position:-60px 0;}
#collage2 #f4 a:hover span,#collage2 #f4 a:active span,#collage2 #f4 a:focus span,#collage2 #f4 strong span {background-position: -60px -50px;}

#collage2 #pic6 {width:60px;}
#collage2 #pic6 a span {background-position:-65px 0;}
#collage2 #pic6 a:hover span,#collage2 #pic6 a:active span,#collage2 #pic6 a:focus span,#collage2 #pic6 strong span {background-position: -65px -50px;}

#collage2 #f5 {width:5px;}
#collage2 #f5 a span {background-position:-125px 0;}
#collage2 #f5 a:hover span,#collage2 #f5 a:active span,#collage2 #f5 a:focus span,#collage2 #f5 strong span {background-position: -125px -50px;}

#collage2 #pic7 {width:60px;}
#collage2 #pic7 a span {background-position:-130px 0;}
#collage2 #pic7 a:hover span,#collage2 #pic7 a:active span,#collage2 #pic7 a:focus span,#collage2 #pic7 strong span {background-position: -130px -50px;}

#collage2 #f6 {width:5px;}
#collage2 #f6 a span {background-position:-190px 0;}
#collage2 #f6 a:hover span,#collage2 #f6 a:active span,#collage2 #f6 a:focus span,#collage2 #f6 strong span {background-position: -190px -50px;}

#collage2 #pic8 {width:60px;}
#collage2 #pic8 a span {background-position:-195px 0;}
#collage2 #pic8 a:hover span,#collage2 #pic8 a:active span,#collage2 #pic8 a:focus span,#collage2 #pic8 strong span {background-position: -195px -50px;}


#sm {list-style-type:none;font-family: Verdana, Arial, New Times Roman; font-size:12px; color: #ffffff; font-style:normal; text-align:left;}
#sm li {float:left;}
#sm a {width:100%; position:relative; overflow:hidden;color:#ffffff;}
#sm strong {width:100%; position:relative; overflow:hidden;color:#ffffff;text-decoration:underline;}