/*
	CSS Document: template.css
	Version: vers1 | Date: 28.05.2010 
	Project: www.hotel-rothof.de
	Author: websLINE, 2010
	-------
*/

@import url("base.css");
@import url("navigation.css");
@import url("modules.css");


/* LAYOUT  */

body {
	text-align: center;
	background:url(../img/bg-all.gif) #d9d9d9 50% top no-repeat;
	margin: 0; 
	padding: 0;
	}
#wrapper {
	position: relative;
	text-align: left; 
	margin: 38px auto 0 auto;
	width: 980px;
	padding-top: 585px;
	border:5px solid #fff;
	background-color:#fff;
	}


/* Header */

#header {
	position: absolute;
	top: 0; 
	left: 0;
	width: 980px; 
	/*height: 580px;*/
	}
#header .logo {
	position:absolute;
	right:51px;
	top:-32px;
	z-index:2;
	background:url(../img/logo.png) 0 0 no-repeat;
	width:154px;
	height:180px;
	text-indent:-19999px;
	}
#header .links {
	position:absolute;
	top:-28px;
	left:0;
	}
#header .links li {
	display: inline;
	}
#header .links a {
	padding-right: 3px;
	}
#header .headimage{
	position:absolute;
	left:0;
	top:0;
}
#header .lang .de a, #header .lang .en a, #header .lang .it a, #header .lang .fr a, #header .lang .ru a{
	background:url(../img/flags.gif) 0 0 no-repeat;
	float:left;
	text-indent:-19999px;
	display:block;
	width:16px;
	height:13px;
	margin-top:12px;
	margin-right:5px;
	position:absolute;
	top:-38px;
	left:280px;
}
#header .lang .en a{
	background-position:-16px 0;
	left:300px;
}
#header .lang .it a{
	background-position:-32px 0;
	left:320px;
}
#header .lang .fr a{
	background-position:-48px 0;
	left:340px;
}
#header .lang .ru a{
	background-position:-64px 0;
	left:360px;
}


/* Content */

#content {
	}
#contentLeft {
	float: left;
	width:232px;
	margin-left:20px;
	}
#contentLeft .image{
	margin:10px 0;
}
#contentLeft img{
	z-index:2;
}
#contentRight {
	float: right;
	width:688px;
	margin-right:20px;
	}
#article {
	/*background: #eee;*/
	margin-top:30px;
	}


/* Footer  */

#footer {
	background-color:#f6f6f6;
	padding:20px;
	position:relative;
	}
#footer strong i{
	color:#be0d1e;
	font-style:normal;
}

#footer .address{
	float:left;
}
.location{
	float:left;
	background:url(../img/lage.gif) 0 20px no-repeat;
	width:200px;
	height:103px;
	display:block;
	padding:-20px;
	margin-left:110px;
	
}
.partners{
	float:left;
	width:200px;
	margin:30px 10px 0 80px;
}
.gymboree{
	width:134px;
	height:33px;
	display:block;
	background:url(../img/gymboree.gif) 0 -33px no-repeat;
	text-indent:-19999px;
	float:left;
}
.gymboree:hover{
	background-position:0 0;
}
.sterntaler{
	width:77px;
	height:25px;
	display:block;
	background:url(../img/sterntaler.gif) 0 0 no-repeat;
	text-indent:-19999px;
	float:left;
}
.websline{
	width:77px;
	height:25px;
	display:block;
	background:url(../img/websline.gif) 0 -25px no-repeat;
	text-indent:-19999px;
	float:left;
	margin-top:3px;
}
.websline:hover{
	background-position:0 0;
}	

.rothofsport{
	float:left;
	width:189px;
	height:104px;
	background:url(../img/sport-rothof.gif) 0 0 no-repeat;
	display:block;
	text-indent:-19999px;
}
.rothofsport-en{
	float:left;
	width:189px;
	height:104px;
	background:url(../img/sport-rothof-en.gif) 0 0 no-repeat;
	display:block;
	text-indent:-19999px;
}
.rothofsport:hover, .rothofsport-en:hover{
	background-position:0 0;
}
#squireelBottom{
	width:272px;
	height:257px;
	position:absolute;
	left:0;
	bottom:165px;
	display:block;
	/*background:url(../img/left-hotel.gif) 0 0 no-repeat;*/
}
#squireelBottom img{
	z-index:1;
}
	

#printheader {
	display: none;
	position: absolute;
	top: 0; left: 0;
	margin-top: -10px;
	border-bottom: 1px solid #000;
	}
	
/* TEASER */

.teaser li{
	border-bottom:1px solid #797979;
	text-decoration:none;
	background-color:#f3f3f3;
	margin:0 !important;
	list-style:none !important;
	display:block;
}
.teaser li:hover{
	background-color:#fff;
}

.teaser li a{
	text-decoration:none;
	margin:0;
	padding:5px 10px;
	display:block;
	color:#333 !important;
}	
.teaser li a img{
	float:left;
	margin-right:7px;
	border:0;
}
.teaser li a strong{
	display:block;
	color:#be0d1e;
	padding-bottom:5px;
}

.more{
	text-decoration:underline !important;
	float:right;
	display:block;
	color:#be0d1e !important;
	padding-top:10px;
}

/* Packageteaser */

.teaser dd {
	float: left;
	background:url(../img/bg-package-top.png) 0 0 no-repeat;
	padding:6px; 
	margin:5px 20px 20px 0;
	}

.teaser dd a {
	display: block;
	width: 278px; 
	height: 94px;
	background:url(../img/bg-package-top.png) -6px -6px no-repeat;
	padding:10px;
	text-decoration: none;
	color:#333 !important;
	}
.teaser dd a:hover {
	background-color: #f9faec;
	}
.teaser dd img {
	float: left;
	margin-right: 10px;
	}
.teaser dd strong {
	display: block;
	padding-bottom: 5px;
	color:#bd0f1e !important;
	}