/*  ostsee-appartement.de - Layout-Stylesheet

	Datum: 15.04.2010
	Autor: Jörg Harling

*/

/************************************/
/*          Seitenlayout            */
/************************************/

body {
	background: url(../bitmaps/bg_body.jpg) top center no-repeat #ffffff;
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}

#container {
	margin: 0 auto;
	padding:0;
	width: 960px;
	height: auto;
	background: url(../bitmaps/bg_content.jpg) right no-repeat #ffffff;
	background-position:right 390px;
}

#header {
	margin: 0;
	padding:0;
	width: 960px;
	height: 390px;
	position:relative;
}


/****************** Header-Overlayer ********************/ 

#header_overlayer {
	background:url(../bitmaps/header_overlayer.png) top left no-repeat;
	position:absolute;	
	width:960px;
	height:390px;
	margin:0;
	padding:0;
	z-index:99;
}

*html #header_overlayer {
	background:url(../bitmaps/header_overlayer.gif) top left no-repeat;
}

/*******************************************************/ 

#header_clicks {
	margin:0px 0px 0px 17px;	
}


#flashContent {
	position:absolute;
	width:950px;
	height:240px;
	background:#D3CFCE;
	z-index:1;
	margin:50px 0px 0px 0px;
}


#left {
	width:245px;
	height:auto;
	float:left;
	margin:0px;
	padding-bottom:20px;
	overflow:hidden;
	color:#444;
}

#content {
	width:690px;
	height:auto;
	float:left;
}

#content div.main {
	font-size:0.75em;
	padding-top:10px;
	padding-bottom:20px;
}

#footer {
	margin-top:15px;
	width:960px;
	height:78px;
	clear:both;
	background: url(../bitmaps/footer.gif) top left no-repeat;
}

/************************************/
/*       Layoutblöcke - Inhalt      */
/************************************/

.tippsbox, .angebot, .lastminuteangebot {
	background:#e6f0f7;
	padding:15px;
	margin-bottom:5px;
	height:auto;
	display:block;
}

.angebot {
	background:url(/bitmaps/angebot.gif) right top no-repeat #e6f0f7;
	font-size:1.2em;
}

.lastminuteangebot {
	background:url(/bitmaps/lastminute.gif) right top no-repeat #e6f0f7;
	font-size:1.2em;
}

.angebot h3, .lastminuteangebot h3 {
	font-size:1.3em;
	font-weight:normal;
}

.lastminutebild {
	float:left;
	margin:0px 15px 10px 0px;
}

.tippsbox img {
	margin-right:20px;
	float:left;
}

.fewobox {
	background:url(/bitmaps/bg_fewobox.jpg) no-repeat left top #e6f0f7;
	width:670px;
	padding:40px 0px 20px 20px;
	min-height:250px;
	margin-bottom:5px;
}

.galerie {
	width:270px;
	height:230px;
	float:right;
	margin:-20px 30px 30px 30px;
	position:relative;
}

*html .galerie {
	margin:-20px 15px 30px 0px;
}

.gal_nav {
	position:absolute;
	bottom:0;
	left:0;
}

.grundriss {
	float:left;
	margin:20px 100px 15px 0px;
}


.inner_left {
	float:left;
	width:330px;
	height:auto;
	padding-right:30px;
}

.inner_right {
	float:left;
	width:330px;
	height:auto;
}