#cmDisclaimerContainer {
	display: none;
	background-color: #ffffff;
	border: #000000 dotted 1px;
	width: 400px;
	height: 250px;
	overflow: auto;
	color: #000000;
	padding: 10px;
	position: absolute;
	left: 150px;
	top: 150px;
	z-index: 100;
}
#cmDisclaimerClose {
	position: absolute;
	top: 5px;
	right: 20px;
}


* {
	margin: 0px;
	padding: 0px;
}

body {
	background-color: #006CB8;

	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #333;
}

#wrap_all {
	width: 893px;
	height: 512px;
	text-align: left;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -296px;
	margin-left: -446px;
padding-top: 20px;
}

object {
margin-left: -4px;
}

.second_row {
position: relative;
top: 0px;
left: 205px;
}

#wrap #left {
	background-image: url('http://web02.city-map.de/homepage/01/0101/010101112/design/start_background_left.png');
	height: 404px;
	width: 10px;
	float:left;
}

#wrap #middle {
	float:left;
	width: 873px;
background-color: #fff;
}

#wrap #right {
	background-image: url('http://web02.city-map.de/homepage/01/0101/010101112/design/start_background_right.png');
	height: 404px;
	width: 10px;
	float:left;
}

#wrap #content_start {
	text-align: center;
}




#wrap img.start_logo {
	margin: 37px auto 0 auto;
}

#wrap img.start_lang {
	position: absolute;
        left:40px;
        top:220px
}


h2.starth2 {
	font-size: 12px;
	margin-top: 10px;
color: #333;
font-weight: normal;
}



#wrap #navigation {
	overflow: hidden;
	background-color: #ccd9ee;
	margin-top: 42px;
}

#wrap #navigation li {
	list-style: none;
line-height: 34px;
background-color: #004477;
float:left;
}

#wrap #navigation li a {
	line-height: 34px;
	height: 34px;
display: block;
	background-color: #CCD9EE;
	color: #333;
	margin-right: 1px;
	padding: 0 12px;
	text-decoration: none;
}

#wrap #navigation li a.lastnavipoint {
padding: 0px 13px 0px 14px; 
}

* html #wrap #navigation {
height: 34px;
}

* html #wrap #navigation li a {
display: inline;
height: 34px;
line-height: 34px;
padding-top: 11px;
padding-bottom: 10px;
}

* html #wrap #navigation li a.lastnavipoint {
padding: 11px 13px 10px 14px; 
}

#wrap #navigation li a:hover {
	text-decoration: underline;
}

.clear {
	clear: both;
}

img {
	display: block;
	border: none;
}


#mainframe {
	width: 893px;
	text-align: left;
	margin: 20px auto;
}


#newsticker marquee {
	line-height: 20px;
	color: #fff;
	font-size: 10px;
	display: none;
}

#backgroundleft {
	background-image: url('http://web02.city-map.de/homepage/01/0101/010101112/design/background_left.gif');
	background-repeat: repeat-y;
	background-color: #fff;
}

#backgroundright {
	background-image: url('http://web02.city-map.de/homepage/01/0101/010101112/design/background_right.gif');
	background-repeat: repeat-y;
	background-position: 100% 0%;
	padding: 0px 7px 10px 7px;
	
	width: 879px;
}

#naviback {
	background-image: url('http://web02.city-map.de/homepage/01/0101/010101112/design/navi-background.gif');
	background-repeat: repeat-y;
	background-position: 10px 0px;
	padding: 0px 10px 0px 10px;
background-color: #fff;
}

#header {
	padding-top: 10px;
	background-color: #fff;
}

#header #logo {
	float:left;
	margin-right: 10px;
	padding-bottom: 11px;
	margin-top: 10px;
	background-color: #fff;
}

/* Navigation */

#navi {
	background-color: #C6D5EC;
	width: 183px;
	list-style: none;
	float:left;
}

#navi li {
	padding: 2px 0;
	border-bottom: 1px solid #004477;
}

#navi li a {
	line-height: 15px;
	display: block;
	padding: 0 10px;
	text-decoration: none;
	color: #004477;
	margin: 2px 0px;
}

#navi li a:hover {
	background-color: #DBE4F2;
	color: #8F205A;
}

#navi li.active a.active {
	background-color: #DBE4F2;
	color: #8F205A;
}


#navi UL.subnavi {
	list-style: none;
	display: none;
}

#navi li.active ul.subnavi {
	display: block;
	margin-bottom: 10px;
}

#navi li.active a {
	margin-bottom: 0px;
} 





#navi UL.subnavi li {
	border: none;
}

#navi UL.subnavi li a {
	padding-left: 20px !important;
	color: #8F205A;
}

#content {
	width: 666px;
	float:left;
	margin-left: 10px;
}

#content a {
color: #8F205A;
text-decoration: none;
}

#content a:hover {
text-decoration: underline;
}

ul#imgList {
overflow: hidden;
list-style: none;
}

ul#imgList li{
float:left;
text-align:right;
font-style:italic;
margin-bottom: 10px;
}

ul#imgList li.mittel {
margin: 0 10px;
}


#footer p {
color: #fff;
line-height: 20px;
padding: 0 17px;
}

#footer_en p {
color: #fff;
line-height: 20px;
padding: 0 1px;
}

#footer p a {
color: #fff;
}

#footer_en p a {
color: #fff;
}

h2 {
font-size: 12px;
line-height: 200%;
color: #8F205A;
padding-left: 10px;
}

#content_frame {
margin-top: 10px;
}

#content p {
line-height: 17px;
color: #004477;
}

div.zweispaltig p {
float:left;
}


div.zweispaltig .tagung-left,
div.zweispaltig .tagung-right {
width: 308px;
background-color: #DFE8F4;
padding: 10px;
float:left;
}

div.zweispaltig .tagung-right {
margin-left: 10px;
}

div.zweispaltig p.left {
padding: 0 10px;
width: 308px;
}

div.zweispaltig p.right {
width: 308px;
margin: 0 0 0 20px;
}

div.zweispaltig p.right span {
background-color: #DFE8F4;
display: block;
padding: 10px;
}

div.zweispaltig .hochzeit_right,
div.zweispaltig .zimmer_right {
background-color: #DFE8F4;
float:left;
padding: 10px;
width: 308px;
}

div.zweispaltig .hochzeit_right ul,
div.zweispaltig .zimmer_right ul,
.tagung-ausstattung {
margin-bottom: 10px;
line-height: 180%;
padding-left: 15px;
margin-top: 5px;
list-style-type: square;
color: #004477;
overflow: hidden !important;
}

div.zweispaltig .zimmer_right ul li {
width: 140px;
float:left;
}

.stellvarianten {
padding: 0px !important;
}

.stellvarianten li {
width: 140px;
list-style: none;
text-align: center;
float: left;
margin-right: 10px;
}

.stellvarianten li img {
margin: 0 auto 10px auto;
}


/* Zimmer */

#preise-left {
width: 328px;
background-color: #DFE8F4;
margin-right: 10px;
float:left;
}

#preise-right {
width: 328px;
background-color: #DFE8F4;
float:left;
}

.description {
padding: 0 10px;
float:left;
width: 204px;
}

.description h2 {
padding: 10px 0;
}

.preisliste {
background-color: #fff;
width: 40px;
height: 280px;
border: 1px solid #004477;
float:left;
margin-right: 10px;
margin-top: 10px;
margin-bottom: 10px;
}

ul.preis_description {
position: absolute;
width: 318px;
overflow: hidden;
}

#preise-left ul.preis_description {
margin-top: 10px;
}

.description p {
margin-bottom: 10px !important;
}

ul.preis_description li {
float:left;
width: 204px;
list-style: none;
line-height: 150%;
color: #004477;
margin-top: 5px;
}

ul.preis_description li.preis {
width: 38px;
margin-left: 15px;
}

ul.preis_description_2 {
position: absolute;
width: 318px;
overflow: hidden;
}

#preise-left ul.preis_description_2 {
margin-top: 10px;
}

.description p {
margin-bottom: 10px !important;
}

ul.preis_description_2 li {
float:left;
width: 204px;
list-style: none;
line-height: 150%;
color: #004477;
margin-top: 5px;
}

ul.preis_description_2 li.preis {
width: 38px;
margin-left: 55px;
}


p.footlink {
text-align: right;
font-size: 11px;
margin-top: 10px;
}

h3, .h3Style, h3 a, .hpsubtitel {
font-size: 11px;
color: #047 !important;
font-weight: bold;
}

.partner-left h3 a,
.partner-right h3 a {
color: #8F205A !important;
}

.hpsubtitel {
margin-bottom: 5px;
}

blockquote img {
margin-right: 10px;
margin-bottom: 10px;
}

blockquote .hptext  {
line-height: 150%;
}

/* FORMULAR */

form .form_left label {
display: block;
padding:  0 0 3px 0;
color: #047;
}

form select {
width: 260px;
border: 1px solid;
border: 1px solid #ADC2E4;
background-color: #DDE6F4;
padding: 1px;
margin-bottom: 10px;
}

form select option {
background-color: #fff;
}

form .form_left input,
form .form_left textarea {
width: 250px;
border: 1px solid #ADC2E4;
background-color: #DDE6F4;
font-size: 11px;
padding: 3px; 
height: 14px;
margin-bottom: 5px;
}

form .form_right ul.formList input,
form .form_right ul.formListZeit input, 
form .form_right ul.formListAufmerksam li.sonstiges input{
border: 1px solid #ADC2E4;
background-color: #fff;
}

form .form_right ul.formList li,
form .form_right ul.formListZeit li {
margin-top: 5px;
}

form .form_left textarea {
height: 160px;
margin-bottom: 10px;
}

form .plz label,
form .plz input {
width: 40px;
}

form .plz {
float: left;
width: 47px !important;
margin-left: 0px !important;
margin-right: 10px !important;
margin-right: 5px;
}

form .ort {
width: 200px !important;
float:left;
margin: 0px !important;
}

form .ort input {
width: 192px;
}

div.form_right_left,
div.form_right_right {
width: 172px !important;
float:left;
margin-top: 10px;
}

div.form_right_left {
margin-right: 10px;
}

div.form_right_right input,
div.form_right_left input {
margin-top: 5px !important;
}

.anfrage .form_left {
float:left;
width: 270px;
margin-right: 10px !important;
margin-left: 10px !important;
margin-left: 5px; 
}

.anfrage .form_right {
float:left;
padding: 10px;
width: 354px;
border: 1px solid #ADC2E4;
background-color: #DDE6F4;
margin-top: 15px;
}

.form_right h2 {
padding: 0px;
}

ul.formList,
ul.formListZeit {
overflow: hidden;
margin: 0px 0 10px 0;
list-style: none;
}

ul.formList label,
ul.formListZeit label{
float:left;
width: 150px;
margin-top: 5px;
}


ul.formList input {
width: 50px;
}

ul.formListZeit input {
width: 100px;
}

ul.formListAufmerksam {
list-style: none;
overflow: hidden;
}

ul.formListAufmerksam li {
float:left;
display: block;
width: 150px;
margin-top: 5px;
}

hr {
height: 1px !important;
margin: 10px 0;
border: none;
border-top: 1px solid #047;
line-height: 0px;
font-size: 0px;
}

ul.formListAufmerksam input {
margin-right: 5px;
}

li.sonstiges {
width: 300px !important;
}

li.sonstiges label {
margin-right: 5px;
}

li.sonstiges input {
width: 230px;
}

input#datenschutz {
margin-left: 10px;
margin-right: 5px;
}

input#agb {
margin-left: 10px;
margin-right: 5px;
}

input#abschicken{
margin: 10px;
width: 260px;
}



/* EVENTS */

.einspaltig {
padding-left: 10px;
}

/* Speisekarten */

.menue-left {
width: 328px;

float:left;
}

.menue-left {
margin-right: 10px;
width: 328px;
float:left;
}

.menue-left p {
padding: 0 10px;
}

.menue-right {
float: left;
width: 308px;
padding: 10px;
background-color: #DDE6F4;
text-align: center;
}


/* Partner */

.partner-left,
.partner-right {
width: 303px;
float:left;
padding: 0 10px;
margin-top: 10px;
text-align: center !important;
}

.zweispaltig .partner-left p,
.zweispaltig .partner-right p {
margin: 0 0 10px 0 !important;
width: 303px;
float:none !important;
text-align: center !important;
}

.partner-left {
margin-right: 10px;
}


.partner-left h3.first,
.partner-right h3.first,
.partner-left h3.last,
.partner-right h3.last {
padding-top: 40px !important;
background-image: url('http://web02.city-map.de/homepage/01/0101/010101112/design/auflocker.gif');
background-position: 50% 20%;
background-repeat: no-repeat;
}


.nextlink {
display: block;
text-align: right;
width: 308px;;
}

/* Bildergalerie */

.image_gallery h1 a {
font-size: 11px !important;
padding-left: 10px;
margin-top: 10px !important;
display: block;
color: #004477 !important;
}

.image_gallery_index_more {
padding: 0 10px;
text-align: right;
}

#imageContainer img {
margin: 0 auto;
}

.tagungsraeume td {
border: 1px solid #fff !important;
line-height: 20px;
vertical-align: top;
padding: 2px;
color: #047;
background-color: #E8EEF7;
}

.tagungsraeume th {
background-color: #DFE8F4;
vertical-align: top;
padding: 2px;
line-height: 20px;
color: #047;
border: 1px solid #fff !important;
}

.zweispaltig.tagungen div.preise-left,
.zweispaltig.tagungen div.preise-right {
float:left;
width: 308px;
padding: 10px;
}


.zweispaltig.tagungen div.preise-left p,
.zweispaltig.tagungen div.preise-right p {
padding-bottom: 10px;
}

/* Erlebnisprogramme */

ul#programme-left,
ul#programme-right  {
background-color: #DBE4F2;
float:left;
padding-left: 20px !important;
padding: 10px;
list-style: square;
line-height: 150%;
width: 298px;
margin-right: 10px;
margin-bottom: 20px;
color: #047;
}

ul#programme-right {
margin-right: 0px;
}


/* Hotel */

.right.startseite {
background-image: url(http://web02.city-map.de/homepage/01/0101/010101112/hotel/kommentar.gif);
padding: 0 15px 0 15px !important;
background-repeat: no-repeat;
width: 288px !important;
}


/* Impressum */

.impressum table {
line-height: 180%;
}




/* Kulinarischer Kalender */

#pdfdokument {
float:left;
}

#pdfdokument img {
margin-top: 0px !important;
}

#pdftext {
line-height: 150%;
float:left;
margin-right: 20px;
width: 190px;
padding-left: 10px;
}

.presse-left,
.presse-right {
width: 328px;
float:left;
margin-right: 10px;
}

.presse-left p,
.presse-right p {
padding: 0 10px;
width: 300px;
}


.presse-right {
margin: 0px;
}




div.border-top {
border-top: 1px solid #479;
margin: 10px 0;
font-size: 0px;
line-height: 0px;
height: 1px;
}

.form_right_left input {
margin: 0px !important;
width: 15px;
padding: 0px !important;
}

.form_right_left label {
margin: 0px !important;
padding: 0px !important;
}

*+html div.form_right_right input,
*+html div.form_right_left input {
margin-top: 0px !important;
}

/* Gästebuch */

table.eintrag_top {
width: 646px !important;
}

DIV.eintrag_text {
line-height: 150% !important;
width: 636px !important;
}

a.gbtitel_link {
font-size: 11px;
}

.gbtitel {
font-size: 11px;
font-family: verdana, arial, sans-serif
}

.gblink {
text-decoration: none !important;
}


#newsticker {
text-align: center;
padding: 0 10px;
}



#press_list {
overflow: hidden;
margin-top: 10px;
}

#presse_list li {
list-style: none;
float:left;
margin-left: 10px;
margin-bottom: 10px;
}

.erlebnisprogramme div.hptext img {
margin-right: 10px;
margin-bottom: 10px;
}

div.hptext {
line-height: 150%;
color: #004477;
}



.programmbox img {
float:left;
margin: 10px 10px 0 0;
width: 120px;
}

.programmbox {
overflow: hidden;
padding: 10px;
margin-bottom: 10px;
}

.programmbox p {
margin-top: 10px;
}

.programmbox.blue {
background-color: #DBE4F2;
}


a.aktuelles_zurueck {
display: none;
}

ul.stellenangebot {
margin-top: 10px;
margin-left: 25px;
}


.stoerer {
position: absolute;
right: 40px;
top: 180px;
}

/* Schlummer-Atlas-IMG */

#schlummer_atlas {
padding: 10px 0px 5px 5px;
}

/* Buchen-Button-IMG */
#buchen_button {
padding: 5px 0px 5px 5px;
}

#speisekarte-weihnachten{
display: block;
border: 1px solid #8F205A;
padding: 6px 0px 10px 7px;
margin: 15px 10px 0 10px;
}
#colorsDiv {
	width: 270px;
}

#colorsDiv DIV {
	width: 15px;
	height: 15px;
	float: left;
}

.newstickerSpacer {
	margin-left: 20px;
	margin-right: 20px;
}