
#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;
}


body {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 0.7em;
	line-height: 1.5em;
	color: #666666;
	text-align: left;
	background-color: #FFFFFF;
	background-image: url("http://web02.city-map.de/homepage/01/0101/010101176/seiten_hg.jpg");
	background-repeat: repeat-x;
}

#main {
	width: 950px;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0;
}

#main #top {
	width: 900px;
	height: 77px;
	text-align: left;
	padding: 0;
	margin: 0;
}

#top #logo{
	width: 230px;
	float: left;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 20px;
}
#top #newsletter{
	width: 470px;
	float: left;
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: 50px 0px 0px 0px;
	background-color: #FFFFFF;
}

#top #sprachen{
	width: 160px;
	float: left;
	text-align: right;
	padding: 0px 0px 0px 0px;
	margin: 50px 0px 0px 0px;
	background-color: #FFFFFF;
}

#main #head {
	width: 950px;
	height: 140px;
	float: left;
	text-align: left;
	padding: 0;
	margin: 0px 0px 0px 0px;
}

#head #images_top {
	width: 670px;
	height: 130px;
	text-align: left;
	float: left;
	padding: 6px 0px 0px 20px;
}

#head #news {
	width: 200px;
	height: 110px;
	text-align: left;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 0px 20px;
}

#head #news a {
color:#fff;
margin-left:5px;
}

#head #news a:hover {
text-decoration:underline;
}

div.hptext blockquote {
margin-top:30px;
}

div.hptext blockquote li {
margin-top:-30px !important;
margin-top:-10px;
}

#main #navigation {
	width: 950px;
	height: 110px;
	float: left;
	text-align: left;
	padding: 0;
	margin: 0px 0px 0px 0px;
}

#navigation  .navibox {
	width: 225px;
	height: 85px;
	float: left;
	text-align: left;
	padding: 0;
	margin: 15px 0px 0px 0px;
	border-right: 3px solid #FFFFFF;
}

#navigation  .navibox.noborder {
	border-right: 0px solid #F3C4F2;
}

.navibox ul {
    width: 200px;
	height: 80px;
    margin: 5px 0px 0px 20px;; 
	padding: 0;
  }
  
 .navibox  ul li {
    list-style: none;
    width: 200px;
	height: 20px;
    margin: 0; 
	padding: 0px 0px 0px 0px;
	text-align: left;
	color: #999999;
	font-weight: bold;
	font-size: 1.2em;
	font-family:  Arial !important;
  }
  
   .navibox  ul li a {
    color: #999999;
    margin: 0; 
	padding: 0px 0px 0px 0px;
	text-decoration: none;
  }
  
    .navibox  ul li a.aktiv,
	.navibox  ul li a:hover {
    color: #E494AE;
	text-decoration: none;
  }

  
  /* Inhalte */
  #main #content{
	width: 930px;
	float: left;
	text-align: left;
	padding: 20px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
}

  #content #leftbox{
	width: 460px;
	float: left;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

  #content #rightbox{
	width: 425px;
	float: left;
	text-align: left;
	padding: 0px 0px 20px 0px;
	margin: 0px 0px 0px 25px;
}


  #content #rightbox_small{
	width: 351px !important;
	float: left;
	text-align: left;
	padding: 5px 0px 20px 0px;
	margin: 0px 0px 0px 62px;
}

 #rightbox_small #imageshow {
 width: 351px !important;
	float: left;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
	background-color: silver;
}


  #rightbox_small #infobox{
	float: left;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#rightbox_small #infobox ul {
	padding: 5px 10px 5px 5px;
	width: 331px;
	margin: 0;
	float: left;
	text-align: left;
	background-color: #FFF7DD;
	border: 1px solid #FFDF80;
}

  #rightbox_small  #infobox ul li{
	list-style: none;
	text-align: left;
	padding: 3px 0px 0px 10px;
	color: #666666;
	margin: 0;
	float: left;
}


   #leftbox .maintext {
	width: 425px;
	float: left;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	background-color: #FFFFFF;
}

 #leftbox .maintext  p,
 #infobox p {
   padding-top: 10px;
   padding-bottom: 10px;
}

 #leftbox .maintext  P.viollet,
 #infobox {
   color: #D04471;
   padding-bottom: 10px;
}   
   
#leftbox .maintext.nomargin {
	   margin-right: 0px;
   }
   
#content .highlights{
	width: 185px;
	float: left;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 25px 40px 0px 0px;
}

#content .highlights.nomargin,
#content .raeume.nomargin {
	   margin-right: 0px;
}

#content .highlights div h3,
#content .raeume div h3,
#content  #rightbox_small h3 {
   border-bottom: 0px;
   padding-left: 10px;
   color: #FFFFFF;
}

#content .highlights div div p,
#content .raeume div div {
   padding-left: 10px;
    padding-top: 10px;
	margin: 0;
}

#content  #rightbox_small div div {
   padding-left: 2px;
    padding-top: 3px;
margin: 0;

}
#content  #rightbox_small div div div {
    padding: 0px;
	margin-right: 3px;
	margin-bottom: 3px;
	float: left;
	width: 113px;
cursor:pointer;
}

#content  #rightbox_small div div div.last {
	margin-right: 0px;
}

#content .highlights div a,
#content .maintext a {
   text-decoration: none;
 color: #D04471;
}

#content .maintext ul {
padding: 5px 10px 5px 10px;
width: 405px;
margin: 0;
float: left;
text-align: left;
background-color: #FBECF1;
border: 1px solid #EFB6C9;
}

#content .maintext ul.yellow {
background-color: #FFF7DD;
border: 1px solid #FFDF80;
}

#content .maintext ul li{
	list-style: none;
	width: 185px;
	text-align: left;
	padding: 3px 0px 0px 10px;
	color: #666666;
	margin: 0;
	float: left;
	background-image: url("http://web02.city-map.de/homepage/01/0101/010101176/arrow_list.gif");
	background-repeat: no-repeat;
	background-position: 0px 9px;
}

#content .maintext ul li.wide{
	list-style: none;
	width: 380px;
}

#content .maintext ul li.no_image {
	background-image: none;
}


#content .raeume{
	width: 260px;
	float: left;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 25px 50px 30px 0px;
}
   
/* allgemeines */

H1 {
	font-size: 1.2em;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-weight: bold;
	color: #D04471;
}


H3 {
	font-size: 1.0em;
	margin: 0px;
	padding: 0px;
	border-bottom: 3px solid #FFFFFF;
}

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

P.news,
h3.news{
color: #FFFFFF;
padding: 3px 0px 3px 0px;
}

A {
	text-decoration: none;
	color: #D04471;
}

A:active {
	text-decoration: none;
	color: #D04471;
}

A:hover {
	text-decoration: none;
	color: #E789A8;
}

 UL {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

UL LI {
	float: left;
	padding-top: 4px;
	padding-left: 5px;
	text-align: right;
}

IMG {
margin: 0;
padding: 0;
border: 0;
}

#content form table,
#content  table   {
width: 420px;
}

.hpsubtitel, .hptitel{
color: black;
}


div#news p {
  line-height: 100%;
padding-top: 15px;
}



#formular-buchen {
padding: 10px;
border: 1px solid #ccc;
margin-top: 10px;
margin-bottom: 10px;
width: 405px;
}

FORM.quickform {
padding: 0px;
margin: 0px;
}

#formular-buchen h3 {
margin-bottom: 10px;
color: #D04471;
line-height: 100%;
}

FORM.quickform P.ankunftstag {
float:left;
}

FORM.quickform P.ankunftstag SELECT {
margin-left: 10px;
}

FORM.quickform P.anzahl_ez,
FORM.quickform P.ankunftstag {
width: 240px;
}

FORM.quickform P.anzahl_ez,
FORM.quickform P.anzahl_dz {
float:left;
margin-top: 10px;
margin-bottom: 10px;
}

FORM.quickform P.anzahl_dz,
FORM.quickform P.naechte {
width: 135px;
float:left;
margin-left: 25px;
}

FORM.quickform P.anzahl_ez FONT,
FORM.quickform P.anzahl_dz FORT {
float:left;
}

FORM.quickform P.anzahl_ez SELECT,
FORM.quickform P.anzahl_dz SELECT {
float:right;
margin-right: 0px;
width: 43px;
}


FORM.quickform P.anzahl_ez SELECT {
margin-right: 110px;
}

FORM.quickform .submit_button INPUT {
width: 405px;
margin: 0px;
}

.clear {
clear: both;
}

.aktuelles .hpsubtitel {
margin-top: 10px;
font-weight: bold;
margin-bottom: 10px;
}


UL.image_gallery {
width: 349px;
overflow: hidden;
background-color: #fff;
padding: 1px;
}

UL.image_gallery LI {
margin: 0px 4px 4px 0;
width: 113px;
padding: 0px;
height: 100px;
}

UL.image_gallery LI.last_img {
margin: 0px;
}

UL.image_gallery LI IMG {
display: block;
}



#quickform {
margin: 10px 0px;
padding: 10px;
width: 405px;
border: 1px solid #ccc;
}


#quickform h3 {
margin-bottom: 10px;
color: #D04471;
line-height: 100%;
}

#quickform .ankunft,
#quickform .naechte,
#quickform .personen,
#quickform .zimmeranzahl {
float:left;
width: 50%;
}

#quickform .ankunft LABEL,
#quickform .naechte LABEL,
#quickform .personen LABEL,
#quickform .zimmeranzahl LABEL {
float:left;

}

#quickform .naechte LABEL,
#quickform .zimmeranzahl LABEL {
margin-left: 20px;
}

#quickform .ankunft INPUT {
width: 70px;
float:right;
}
#quickform .naechte INPUT {
width: 70px;
float:right;
}

#quickform .personen INPUT {
width: 70px;
float:right;
}

#quickform .zimmeranzahl INPUT {
width: 70px;
float:right;
}


#quickform INPUT#submit {
width: 100%;
background-color: #D04471;
color: #fff;
}

/*-------------------------*/
#colorsDiv {
	width: 270px;
}

#colorsDiv DIV {
	width: 15px;
	height: 15px;
	float: left;
}

.newstickerSpacer {
	margin-left: 20px;
	margin-right: 20px;
}

