/*
	CSS Document: css_template.css
	Version: 1.0 | Date: 2007-07-17
	Project: www.apartement-deluxe.com
	Author: websLINE, 2007
	-------
*/


/* HAUPTEINSTELLUNGEN  */

img {
	border: 0;
	display: block;
	}
.content img {
	display: inline;
	}
.clearer {
	clear: both;
	line-height: 0;
	}
.skip {
	display: none;
	}
form {
	margin: 0; padding: 0;
	}
table {
	padding: 0;
	border: 0;
	}
td {
	vertical-align: top;
	}



/* LAYOUT */

html, body {
  	height: 100%; /* wichtig */
	}
body {
	background: url(img_bg-main.jpg) repeat-x fixed;
	margin: 0; padding: 0;
	}
#site {
	background: url(img_bg-site.jpg) repeat-y;
	min-height: 100%;
	height:auto !important;
	height: 100%; /* für ie6 */
	}
#mainLeft {
	background: url(img_bg-mainleft.jpg) repeat-x;
	margin: 0 -112px 0 0;
	padding: 45px 0 0 68px;
	width: 330px;
  	height: 700px;
	float: left;
	}
#mainRight {
	position: relative;
	float: left;
	padding: 67px 0;
	width: 650px;
	}

/* Left */

.box {
	width: 170px;
	padding: 10px;
	background: #5F769D url(img_bg-box.gif) no-repeat 0% 0%;
	}
.subnav {
	margin: 0; padding: 0;
	list-style: none;
	} 
.subnav li {
	border-bottom: 1px solid rgb(117,138,174);
	text-align: right;
	padding: 1px 0;
	}
.subnav li a {
	display: block;
	font: 1.2em Tahoma, sans-serif;
	color: #FFF;
	text-decoration: none !important;
	background: url(img_arrow-darkblue.gif) no-repeat 100% 8px;
	padding: 3px 15px 2px 0;
	}
.subnav li a:hover {
	background: rgb(117,138,174) url(img_arrow-darkblue.gif) no-repeat 100% 8px;
	}
.arrival {
	background: rgb(116,137,171) url(img_bg-box.gif) no-repeat 0% 0%;
	}
.info ul {
	margin: 10px 0 0 0; padding: 0;
	list-style: none;
	}
.info ul li {
	padding: 1px 0 0 0;
	}
.info ul li a {
	color: #FFF;
	text-decoration: none;
	background: url(img_arrow-darkblue.gif) no-repeat 0% 3px;
	padding: 0 0 0 11px;
	}
.info ul li a:hover {
	text-decoration: underline;
	}

/* Right */

.navi {
	display: block;
	background: rgb(186,200,221);
	height: 34px;
	}
b.corner, b.cornerRight {
	display: block;
	width: 10px;
	line-height: 8px;
	}
b.cornerRight {
	float: right;
	}
.navi b.corner, .navi b.cornerRight {
	background: rgb(148,170,202);
	}
.slogan {
	position: absolute;
	left: 16px;
	}
#dContent .slogan {
	top: 260px;
	}
#dStart .slogan {
	top: 330px;
	}
.image {
	margin: 7px 0 0 0;
	background: #BCC6D7 url(img_bg-image.gif) repeat-x;
	}
.image b.corner, .image b.cornerRight {
	background: rgb(72,98,141);
	}
.image img, .image object {
	margin: 0 10px;
	border: 6px solid #FFF;
	}
.contentBg {
	border-left: 10px solid #BCC6D7;
	border-right: 10px solid #BCC6D7;
	background: #FFF;
	padding: 0 6px;
	}
.content {
	background: #FFF url(img_bg-content.gif) repeat-x;
	padding: 22px 20px;
	width: auto;
	}
#dStart .content {
	padding: 22px 0 10px 0;
	}
.footerBg {
	background: rgb(222,231,245) url(img_bg-footer.gif) no-repeat 0 100%;
	}
.footer {
	border-left: 10px solid #BCC6D7;
	border-right: 10px solid #BCC6D7;
	}
.footer div {
	border: 6px solid #FFF;
	background: #F1F1F4;
	padding: 0 0 0 20px;
	}
.footerBg b.corner, .footerBg b.cornerRight {
	background: rgb(178,190,210);
	}
.footer .copyright {
	display: block;
	margin: 0 0 0 180px;
	padding: 10px 20px 5px 10px;
	text-align: right;
	background: #D9DDE1;
	color: #072964;
	height: 30px;
	}
.footer .top {
	float: left;
	background: url(img_arrow-darkblue2.gif) no-repeat 100% 50%;
	padding: 0 10px 0 0;
	}
.footer .copyright b {
	float: right;
	padding: 0 0 0 40px;
	font-weight: normal;
	}
.footer .copyright b a {
	color: #567AAE;
	}