body {
    color: 		#494949; 
    background: 	#D3D2D1 url(../img/hintergrund.jpg) repeat-x;
    font-size: 		12px;
    font-family: 	Georgia,Times New Roman,Arial,Verdana,Helvetica;
    margin: 		0; 
    padding: 		0; 
  }
	
div, img, span, p, a, ul, li,
h1, h2, h3, h4, h5, h6 {	
	padding:		0;
	margin:			0;
	border:			0;
}
	



/************************************** SCHATTEN */  
.SchattenUL {
	background: 		url(../img/schatten_unten_links.png) no-repeat;
	width: 			9px;
	height: 		11px;
	float: 			left;
}

.SchattenUR {
	background: 		url(../img/schatten_unten_rechts.png) no-repeat;
	width: 			9px;
	height: 		11px;
	float: 			left;
}

.SchattenOR {
	background: 		url(../img/schatten_oben_rechts.png) no-repeat;
	width: 			9px;
	height: 		11px;
	float: 			left;
}

.SchattenKontakt {
	background: 		url(../img/schatten_kontakt.jpg) no-repeat;
	width: 			9px;
	height: 		60px;
	float: 			left;
}

.SchattenR {
	background: 		url(../img/schatten_rechts.png) repeat-y;
	width: 			9px;
	float: 			left;
}

.SchattenU {
	background: 		url(../img/schatten_unten.png) repeat-x;
	height: 		11px;
	float: 			left;
}







/************************************** ALL */
#WrapAll {
	width:			992px;
	margin:			0px auto;
}



/************************************** TOP: LOGO, SCHLUESSEL, NAVI */
#WrapTop {
	width:			992px;
	height:			190px;
	background:		url(../img/zeichnung_hell.jpg) 261px 0px no-repeat;
	float:			left;
}


#Logo {
	width:			270px;	/* 261px bild  +9px schatten  */
	height:			190px;
	background:		url(../img/schatten_rechts.png) 261px 0px repeat-y;
	float:			left;
}


#Schluessel {
	width:			722px;
	height:			120px;
	background: 		url(../img/schluessel.jpg) 417px 0px no-repeat;
	float:			left;
}


#Navi {
	width:			722px;
	height:			70px;
	background: 		url(../img/zeichnung_dunkel.jpg) -104px 43px no-repeat;
	float:			left;
}


ul#Menu { 
	width:			722px;
	height: 		43px;
	line-height: 		44px;
	background: 		url(../img/schluessel.jpg) 417px bottom no-repeat;
	list-style:		none; 
	padding: 		0 0 0 20px;
} 

ul#Menu li { 
	color: 			#ffffff;
	font-size: 		14px;
	float:			left;
	font-weight:		bold;
	padding: 		0 20px 0 0;
}

ul#Menu li a { 
	color: 			#ffffff;
	text-decoration: 	none;
	font-size: 		14px;
}

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



/************************************** HEAD: SCHATTEN */
#WrapHead {
	width:			992px;
	height:			129px;
	background:		url(../img/zeichnung_dunkel.jpg) 166px -26px no-repeat;
	float:			left;
	clear: 			both;
}



/************************************** MIDDLE: KONTAKT, CONTENT */
#WrapMiddle {
	width:			944px;	
	min-height:		500px;
	background: 		url(../img/content_hintergrund.jpg) repeat-y;
	float:			left;
	clear: 			both;
}


/************************************** LEFT: KONTAKT, SCHATTEN */
#WrapLeft {
	width:			270px;	/* 261px bild  +9px schatten  */
	min-height:		362px;
	float:			left;
	clear: 			both;
}

#Kontakt {
	width:			227px;	/* 261 - 1x34  */
	min-height:		318px;	/* 362 - 2x28  */
	padding:		28px 0px 28px 34px;
	background:		#ffffff;
	color:			#494949;
	float:			left;
	clear: 			both;
}

#Kontakt a {
	color:			#494949;
	text-decoration:	none;
}

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

#Kontakt h1 {
	font-size: 		16px;
	color: 			#AD0000;
}



/************************************** RIGHT: CONTENT */
#WrapRight {
	width:			554px; /* 674 - 30 - 90 */
	min-height: 		180px;
	padding:		70px 90px 60px 30px;
	background: 		url(../img/zeichnung_dunkel.jpg) -104px -156px no-repeat;
	float:			left;
}

#WrapRight h1 {
	font-size: 		16px;
	color: 			#AD0000;
	margin:			18px 0 4px 0;
}

#WrapRight h1.csc-firstHeader {
	font-size: 		16px;
	color: 			#AD0000;
	margin:			0 0 16px 0;
}


#WrapRight h2 {
	font-size: 		14px;
	color: 			#AD0000;
	margin:			18px 0 4px 0;
}

#WrapRight h3 {
	font-size: 		13px;
	color: 			#AD0000;
	margin:			18px 0 4px 0;
}

#WrapRight p {
	font-size: 		12px;
	color: 			#494949;
}

#WrapRight a {
	color:			#494949;
	text-decoration:	underline;
}

#WrapRight a:hover {
	color: 			#AD0000;
}



/************************************** COPY, IMPRESSUM */
#Copy {
	height: 		15px;
	margin:			0 0 14px 0;
	float:			left;
	clear: 			both;
}

#Impressum {
	height: 		15px;
	margin:			0 54px 14px 0;
	float:			right;
}

#Impressum a {
	text-decoration: 	none;
	color: 			#494949;
}

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




/************************************** KONTAKT-FORMULAR */  

input {
	float:			right;
}

#mailformname,
#mailformemail {
	width:			160px !important;
	border:			1px solid #999999;
	margin:			0 140px 0 0 !important;
	float:			right;
}


#mailformbetreff,
#mailformnachricht {
	width:			300px !important;
	border:			1px solid #999999;
	float:			right;
}

.csc-mailform-field {
	width:			418px !important;
	float:			left;
	line-height:		16px;
	padding:		4px 0 4px 0;
	clear:			both;
}


*+html label {
	float:			left;
	clear:			both;
}

/************************************** MIETANGEBOTE */


div.MietWrap {
	background:		#ffffff url(../img/box_y.jpg) right top no-repeat;
	width:			586px;
	margin-top:		10px;
	float:			left;
	clear: 			both;
}


div.MietWrap img {
	max-width:		90px;
	max-height:		90px;
	padding:		10px 0px 0px 0px;
}

div.MietFuss {
	background:		#ffffff url(../img/mietangebote.jpg) right bottom no-repeat;
	height:			10px;
	width:			586px;
	float:			left;
	clear: 			both;
}


div.Mietangebot {
	margin:			0;
	padding:		10px 0 14px 14px;
	width:			562px;
	border:			1px solid #A3A3A3;
	font-size:		14px !important;
	float:			left;
	clear: 			both;
}

div.Mietangebot h1 {
	display:none;
}

div.Mietangebot table.contenttable tbody tr td p {
	font-size:		14px !important;
	line-height:		22px !important;
}

div.Mietangebot table.contenttable {
	width:			434px !important;
	padding:		0 !important;
	margin:			0px 10px 0 0 !important;
	overflow:		visible;
	vertical-align: 	top;
	float:			right;
}

div.Mietangebot table.contenttable tbody tr td {
	/*text-align:		left !important;*/
	width:			70%;
	min-width:		120px;
	vertical-align: 	top;
	line-height:		18px;
}


h2 a {
	text-decoration: none !important;
	color: #AD0000 !important;
}

a.Anker {
	color: #AD0000 !important;
	text-decoration: none !important;
}

a.Anker:hover {
	color: #494949 !important;
}





/* NUR IE7 AB HIER */

*+html div.Mietangebot csc-textpic csc-textpic-intext-left-nowrap csc-textpic-equalheight,
*+html div.Mietangebot csc-textpic-imagewrap {
	float:			left !important;
}


*+html div.Mietangebot div {
	/*margin:			0 !important;
	padding:		0 !important;*/
}


*+html div.Mietangebot img {
	float:left;
}




#AbmeldeButton a{
	text-decoration: none;
	color:#000000;
}


#AbmeldeButton {
	position:absolute;
	top:20px;
	left:20px;
	font-size:16px;
	width:150px;
	height:26px;
	padding:6px;
	z-index:99;
	display:none;
	border:2px solid #ff0000;
	background: #ffff00;
}




#CityHotelLink {
	width:106px;
	height:56px;
	margin: -66px 0 0 954px;
	position: absolute;
	z-index: 97;
}
#CityHotelLink a {
	display:block;
	width:106px;
	height:56px;
	background:url(../img/hotelsuche.png) 0 0 no-repeat;
}