html {
	min-height: 100%;
	overflow: auto;
	background: none;
}
body {
	font-family: Arial, Verdana, sans-serif;
	font-size: 13px;
	color: #000000;
	margin: 0px 0px 0px 0px;
	padding: 50px 0px 0px 0px;
	background: #fff url(../images/wallpaper_bg.jpg) fixed top left;
	position: relative;
	z-index: 999;
}
img {
	border: none;
}

a, a:link, a:visited, a:hover, a:active {
	color: #000;
	text-decoration: none;
}

#box #text a, 
#box #text a:link, 
#box #text a:visited, 
#box #text a:active {
	color: #AF1B3F;
	text-decoration: underline;
}

#box #text a:hover {
	text-decoration: none;
}

h1 {
	text-indent: -9999px;
	background-repeat: no-repeat;
	margin-bottom: 20px;
	position: relative;
}

h2 {
	text-indent: -9999px;
	background-repeat: no-repeat;
	margin: -15px 0 0 -15px;
	position: relative;
}

h3 {
	font-size: 93%;
	font-weight: bold;
	color: #666;
	margin-bottom: 10px;
	position: relative;
}

h4 {
	text-indent: -9999px;
	background-repeat: no-repeat;
	width: 900px;
}

table {
	margin: 0 0 20px 0;
	font-size: 85%;
}

table tr td p {
	margin: 0 !important;
}

table tr .csc-uploads-icon {
	padding: 0;
	vertical-align: top;
}

table tr .csc-uploads-icon img {
	margin: 9px 5px 0 0; 
}

table tr {
	border-bottom: 1px solid #cccccc;
}

table thead tr {
	border-bottom: 1px solid #993333;
	background: #eeeeee;
}

table tr td,
table tr th {
	padding: 5px 25px 5px 5px;
}

table tr .td-last,
table tr .th-last {
	padding-right: 5px;
}

table tr th {
	font-weight: bold;
}

#box ul {
	margin: 0 0 20px 10px;
}

#box ul li {
	list-style-type: none;
	background: url(../images/point.gif) no-repeat 0px 5px;
	padding: 0 0 5px 12px;
}

#hotel {
	background: url(../images/wallpaper_bg.jpg) top left;
}

#accessoire {
	background: url(../images/lamp.png) top left;
	width: 363px;
	height: 433px;
	position: fixed;
	bottom: 0px;
	right: 0px;
	z-index: -999;
}

#header {
	margin: 0;
	height: 85px;
	background: #fff url(../images/hotel_header_bar_footer_bg.gif) repeat-x bottom left;
	min-width: 960px;
	z-index: 98;
	position: relative;
}

#header .logo {
	float: left;
	margin: 15px 0 0 10px;
}

#header .romantik-hotels {
	float: right;
	margin: 14px 10px 0 0;
}


#wrapper {
	position: relative;
	z-index: 0;
}

.center-wrapper {
	width: 960px;
	margin: 0 auto;
}

#content {
	padding: 35px 28px 35px 26px;
	background: url(../images/gradient_bg.png) repeat-x bottom left;
	float: left;
	clear: both;
}

#box {
	background: #fff url(../images/hotel_box_bg.gif) repeat-y top left;
	width: 909px;
	float: left;
}

#box #box-bg {
	min-height: 337px;
	float: left;
	width: 909px;
	overflow: hidden;
}

#box #box-header {
	background: url(../images/hotel_box_header.gif) no-repeat top left;
	height: 2px;
}

#box #text {
	color: #666;
	margin: 28px 28px 0 28px;
	float: left;
	width: 853px;
	max-width: 853px;
	padding-bottom: 28px;
}

* html #box #text {
	margin: 14px;
}

#box #text p {
	line-height: 18px;
	margin-bottom: 15px;
	text-align: justify;
}

#box .clearer {
	border: 0px;
	clear: both;
	height: 0px;
	margin: 0;
}

#box #text .csc-textpic-caption {
	font-size: 85%;
}

.csc-textpic-imagewrap {

}

/* Action Box */

#action-box {
	background: url(../images/hotel_box_footer.gif) no-repeat top left;
	padding-top: 16px;
	color: #fff;
	clear:both;

	width: 100%;
	position: relative;
	z-index: 97;
}

#action-box h2 {
	height: 17px;
	margin-bottom: 7px;
	text-indent: -9999px;
	background: url(../images/temp/aktuelles.gif) no-repeat top left;
}

#action-box hr {
	padding-top: 12px;
	background: url(../images/gradient_action_box.png) no-repeat top right;
	border: 0;
}

#action-box ul {

	float: left;
}

#action-box ul li {
	background: url(../images/action_box_news_bg.png) no-repeat 5px 5px;
	float: left;
	display: block;
	height: 73px;
	overflow: hidden;
	width: 300px;
}

#action-box ul li a {
	float: left;
	display: block;
	height: 100%;
	position: relative;
	color: #fff;
	text-decoration: none;
}

/* Footer News Liste */

#action-box ul li img {
	float: left;
	border: 1px solid #fff;
	margin: 7px 0 0 7px;
	position: relative;
	z-index: 1;
}

#action-box ul li .headline {
	display: block;
	height: 21px;
	text-indent: -9999px;
	margin: 5px 0 0 100px;
	background: none no-repeat left top;
}

#action-box ul li .subheadline {
	display: block;
	position: absolute;
	bottom: 10px;
	left: 100px;
	font-size: 77%;
	max-height: 80px;
	overflow: hidden;
}

#action-box #news li a {
	width: 270px;
	margin-right: 15px;
}

/* Footer Link Liste */

#action-box #linklist li .headline {
	height: 21px;
}

#action-box #linklist li a {
	width: 272px;
	margin-right: 15px;
	overflow: hidden;
	position: relative;
}

#action-box .image-glow {
	width: 97px;
	height: 74px;
	background: url(../images/image_glow.png) no-repeat top left;	 
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 0;
	visibility: hidden;
}

/* Navigation */

#navigation {
	margin: 33px 0 0 20px;
	position: relative;
	display: inline;
	padding: 0;
	float: left;
}
#navigation li {
	display: block;
	padding: 0;
	float: left;
	position: relative;
	z-index: 1;
	
}
#navigation li a {
	display: block;
	text-indent: -9999px;
	cursor: pointer;
	background: #ffffff;
	height: 40px;
}
/* Ohne Rahmen */
#navigation li a:active,
#navigation li a:focus,
#navigation .active a {
	background-position: 0px -40px;
}
/* Mit Rahmen */
#navigation li.hover a,
#navigation li a:hover {
	background-position: 0px -80px;
}


/* UNTERPUNKTE */
#navigation li ul {
	display: none;
	width: 200px;
	position: absolute;
	top: 33px;
	left: -1px;
	z-index: -1;
	background: url(../images/subnav_top.png) no-repeat top left;	
	padding-top: 9px;
	padding-left: 0px;
}
#navigation .hover ul {
	display: block;
}
#navigation li ul li {
	display: block;
	float: left;
	padding: 0px;
	width: 200px;
	background: url(../images/subnav_bg.png) repeat-y top left;	
	font-size: 85%
}
#navigation li ul .last {
	background: url(../images/subnav_bottom.png) no-repeat top left;	
	height: 15px;
}
#navigation li ul li .toplink  {
	background: url(../images/subnav_toplink_bg.png) no-repeat top left;	
	padding: 12px 12px 12px 12px;
	line-height: 1em;
	min-height: 39px;
}
#navigation li ul li .toplink img {
	float: left;
	margin: 0 8px 12px 0;
	position: relative;
}
#navigation li ul li .toplink .headline {
	padding-top: 1px; 
	margin: 0px;
}
#navigation li ul .active .toplink .headline {
	font-weight: bold;
}
#navigation li ul .active .toplink {
	background: url(../images/subnav_toplink_hover_bg.gif) repeat-y top left;
}
#navigation li ul li .toplink .subheadline {
	padding-top: 5px;
	display: block;
	color: #999;
	line-height: 11px;
}

#navigation li ul li .toplink:hover {
	background: url(../images/subnav_toplink_hover_bg.gif) repeat-y top left;
}
#navigation li ul li a {
	color: #000;
	text-indent: 0;
	background: url(../images/sprite.gif) no-repeat 0px 0px;
	display: block;
	margin: 0 5px 0 6px;
	padding: 7px 0 6px 22px;
	height: auto;
	border-bottom: 1px solid #fff;
}
#navigation li ul .active a,
#navigation li ul li a:hover,
#navigation li ul li a:active,
#navigation li ul li a:focus {
	background-position: -189px 0px;
}
#navigation li ul li .seperator {
	border-top: 2px solid #9f2c37;
}


/* Footer Nav */

#footer {
	clear: both;
}

#footer ul {
	float: right;
	margin-right: 17px;
	padding-right: 11px;
	display: block;
	margin-bottom: 20px;
	background: url(../images/black_60.png) no-repeat top left;
}

#footer ul li {
	float: left;
	display: block;
	line-height: 30px;
	height: 30px;
	max-height: 30px;
	overflow: hidden;
	font-size: 85%;
	padding: 0 0 0 11px;
}

#footer ul li a {
	display: block;
	line-height: 30px;
	color: #fff;
}

#footer ul li a:hover {
	text-decoration: underline;
}

#footer ul .flags {
	padding: 0 0 0 11px;
	
}

#footer ul .flags a {
	padding: 0
	line-height: auto;
}

#footer ul li img {
	border: 1px solid transparent;
	margin-top: 7px;
}

#footer ul .active a img {
	border: 1px solid #fff;
}

/* Übernachtung */

#uebernachtung #accessoire {
	background: url(../images/chair.png) top left;
	width: 183px;
	height: 329px;
}

/* Wellness */

#wellness {
	background: url(../images/bamboo_bg.jpg) top left;
}

#wellness #accessoire {
	background: url(../images/bathrobe.png) top left;
	width: 169px;
	height: 610px;
}

#wellness #header {
	margin: 0;
	height: 85px;
	background-image: url(../images/wellness_header_bar_footer_bg.gif);
}

#wellness #box {
	background-image: url(../images/wellness_box_bg.gif);
}

#wellness #box #box-header {
	background-image: url(../images/wellness_box_header.gif);
}

#wellness #action-box {
	background-image: url(../images/wellness_box_footer.gif);
}

#header .sanctum {
	float: right;
	margin: 9px 10px 0 0;
}

#wellness #box #box-bg {
	background: url(../images/water_splash.gif) no-repeat 1px bottom;
}

#wellness #box ul li {
	background-image: url(../images/point_sanctum.gif);
}

#wellness #box #text a:link, a:visited, a:active {
	color: #542400;
}


/* Offer */

#action-box #offer {
	height: 88px;
	float: none;
}

#action-box #offer li {
	background-image: url(../images/offer_box_news_bg_.png);
	height: 95px;
	overflow: hidden;
}

#action-box #offer li .headline {
	display: block;
	height: 21px;
	text-indent: -9999px;
	margin: 5px 0 0 200px;

}

#action-box #offer li .subheadline {
	display: block;
	position: absolute;
	bottom: 5px;
	left: 200px;
	font-size: 77%;
}

#action-box #offer li {
	width: 100%;
	position: relative;
	overflow: visible;
}

#action-box #offer li a {
	width: 500px;
	overflow: hidden;
}

#action-box #offer .badge {
	text-indent: -9999px;
	width: 130px;
	height: 130px;
	background: url(../images/badge_bg.png) no-repeat top left;
	position: absolute;
	right: 0px;
	top: -33px;
}

#action-box #offer .badge-text {
	text-indent: -9999px;
	display: block;
	width: 130px;
	height: 130px;
}

#action-box #offer .image-glow {
	width: 199px;
	height: 98px;
	background-image: url(../images/image_glow_offer.png);	 
}
/* 2Spaltig */

.zweispaltig {
	float: left;
}

.zweispaltig .left {
	float: left;
	width: 373px;
}
.zweispaltig .right{
	float: right;
	width: 450px;
	margin-left: 30px;
}

/* Startseite */

#startseite {
	position: relative;
}

#startseite .left {
	float: left;
	width: 446px;
	position: relative;
}



#startseite .right {
	float: right;
	width: 380px;
	height: 313px;
	position: relative;
}

#startseite .right h3 {
	margin-left: -15px;
}

#startseite .left .csc-textpic-image {
	margin: 0px !important;
}

#startseite h1 {
	margin-left: 100px;
}

#startseite h2 {
	text-indent: -9999px;
	background-repeat: no-repeat;
	margin-left: -15px;
}

#startseite p {
	font-size: 85%;
}

#startseite h1 {
	margin-bottom: 10px;
}

#startseite .right .csc-textpic-intext-right .csc-textpic-imagewrap {
	position: absolute;
	bottom: 0px;
	right: 0px;
}

#startseite .right .csc-textpic-above {
	position: absolute;
	bottom: 5px;
	left: 0px;
}

#startseite .right .csc-textpic-above p {
	margin: 0 !important;
}

/* Sitemap */

#text .csc-sitemap ul {
	border-color: #666666;
	border-left: 1px solid #666666;
	list-style-image: none;
	margin: 0px 0px 5px 20px;
}
#text .csc-sitemap li {
	background: transparent url(../images/bullet.gif) no-repeat scroll left 0.8em !important;
	line-height: 1.6em;
	margin: 0;
	padding: 0 0 0 2em;
	font-weight: bold;
}

#text .csc-sitemap li ul li {
	font-weight: normal !important;
	color: #993333 !important;
}

#text .csc-sitemap ul li a, 
#text .csc-sitemap ul li a:link, 
#text .csc-sitemap ul li a:visited {
	text-decoration: underline !important;
	color: #993333 !important;
}

#text .csc-sitemap ul li a:hover {
 text-decoration: none !important;
	color: #000000 !important;
}

#text .csc-sitemap ul li ul li a, 
#text .csc-sitemap ul li ul li a:link, 
#text .csc-sitemap ul li ul li a:visited {
	text-decoration: none !important;
	color: #666666 !important;
}

#text .csc-sitemap ul li ul li a:hover {
	color: #000000 !important;
}


#text .csc-sitemap ul li ul li ul li a, 
#text .csc-sitemap ul li ul li ul li a:link, 
#text .csc-sitemap ul li ul li ul li a:visited {
	text-decoration: none !important;
	color: #999999 !important;
	font-size: 85%;
}

#text .csc-sitemap ul li ul li ul li a:hover {
	color: #000000 !important;
}

/* News */

#news-single h1 {
	margin-bottom: 20px;
}

#news-single h3 {
	color: #666666;
	margin-bottom: 25px;
}

#news-single .news-single-img {
	float: right;
	margin-top: -20px;
}

#news-single hr {
	border: 0px;
	clear: both;
}

#news-single .news-single-timedata {
	display: block;
	font-size: 77%;
	color: #000;
	float: left;
}

#news-single .news-single-backlink a {
	font-size: 77%;
	color: #666666;
	float: right;
}

#news-single .news-single-additional-info a {
	color: #666 !important;
}

#news-single .news-single-additional-info dl {
	margin-bottom: 20px;
}

#news-single .news-single-additional-info dt {
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	padding-bottom: 3px;
}

#news-single .news-single-additional-info dd {
	padding-top: 5px;
}

#news-single .news-single-additional-info dd img {
	float: left; 
	margin-top: 1px; 
	margin-right: 4px;
}

#news-single .left {
	width: 60%;
}

#news-single .right {
	width: 36%;
}

#news-single .news-single-imgcaption {
	font-size: 85%;
}

#news-single .news-single-additional-info {
	margin: 40px 0 40px 0;
}
/*** Google Maps ***/

/* MAPS */
#map {
	width: 99%;
	height: 300px;
	border: 1px solid #aaaaaa;
}

#kieler-kaufmann {
	visibility: hidden;
}
#map #kieler-kaufmann {
	display: block;
	visibility: visible;
}