/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  
* Filename: layout.css 
* Version: 1.0.0 (2009-06-15) YYYY-MM-DD 
* Website: http://www.clipper-hotels.de/ 
* Layout: Robert Morawe
* © Butterf!sch - Werbeagentur 2009 - www.butterfisch-werbeagentur.de -
* Description: Handles the site layout.

 == STRUCTURE: ============================== 
* Page width: 895 px 
* Number of columns: 3
* Colors: background: #33321e
					contentbg: #585040
					fontcolor: #d1ccc5
					darkbrown: #221807
					link active: #221807
* Keyvisuals: 654x300 px
 ============================================ */

/*== LAYOUT ==============================*/
#container {
	margin: auto;
	padding: 0px 0px 40px;
	width: 895px;
}
#servicenavigation {
	padding: 12px 5px 8px;
	line-height:0;
}
#header {
	background: #585040 url(../_images/bg-claim.gif) no-repeat right bottom;
	padding: 0px 0px 0px 43px;
	display: block;
	height: 88px;
	width: 852px;
}
#image-content {
	background: #585040;
	display: block;
	border-top: 6px solid #d1ccc5;
	border-right: none;
	border-bottom: none;
	border-left: none;
	height: 300px;
}
#imagefader {
	float: left;
	height: 300px;
	width: 654px;
	overflow: hidden;
	display: block;
}
#umgebungsplan {
	float: left;
	height: 300px;
	width: 654px;
	display: block;
	margin: 0px;
	padding: 0px;
}
#teaser {
	float: left;
	height: 285px;
	width: 177px;
	padding: 15px 32px 0px;
	overflow: auto;
	display: block;
}
#galerieimage {
	float: left;
	height: 300px;
	width: 654px;
	overflow: hidden;
	display: block;
	position: relative;
}
#galerie {
	float: left;
	height: 290px;
	width: 219px;
	padding: 10px 0px 0px 22px;
	display: block;
}
#colorcode {
	background: #585040 url(../_images/bg-clipper.gif) no-repeat left top;
	height: 50px;
}
#colorcode_cel {
	background: #585040 url(../_images/bg-clipper-elblodge.gif) no-repeat left top;
	height: 50px;
	padding: 0px 43px;
}
#colorcode_hch {
	background: #585040 url(../_images/bg-clipper-haus.gif) no-repeat left top;
	height: 50px;
	padding: 0px 43px;
}
#colorcode_cch {
	background: #585040 url(../_images/bg-clipper-cityhome.gif) no-repeat left top;
	height: 50px;
	padding: 0px 43px;
}
#colorcode_cel_xtra, #colorcode_hch_xtra, #colorcode_cch_xtra {
	height: 30px;
	width: 180px;
	padding: 0px 0px 20px;
}

#content {
	background: #585040;
	padding: 0px 43px 32px;
}
#mainnavigation {
	float: left;
	width: 165px;
	display: block;
}
#inhalt {
	float: left;
	width: 430px;
	padding: 0px 30px 0px 0px;
}
#subnavigation {
	float: right;
	width: 181px;
	display: block;
}
#subsubnavigation {
	float: right;
	width: 181px;
	display: block;
}
#footer {}

/*----- XTRATEMPLATE -----*/
#grundrisstext {
	width: 139px;
	display: block;
	height: 300px;
	text-align: right;
	padding: 0px 25px 0px 0px;
}
#grundrissimg {
	width: 430px;
	position: relative;
	height: 600px;
}
#grundrissnavigation {
	width: 181px;
	display: block;
	height: 250px;
}
#googlemaptext {
width: 139px;
	display: block;
	height: 340px;
	text-align: right;
	padding: 0px 25px 0px 0px;
}
#googlemapspacer {
	width: 181px;
	display: block;
	height: 300px;
}