/* 	HTTP://WWW.EUROHOTELSBUSINESS.COM
	html/css by artform media
========================================================================== */

body { text-align:center; } 

/* div container for graphical user interface
========================================================================== */
#layout { position:relative; width:950px; margin:0 auto; text-align:left; }

/* top/header
========================================================================== */
#top { position:relative; width:950px; height:240px; }

#header { position:relative; width:950px; height:200px; }

.top_menu { display:block; text-align:center; height:40px; }
#tmenu { display:block; padding-top:8px; width:560px; height:30px; margin:0 auto; }
#tmenu li { display:block; float:left; }
#tmenu ul, #menu ul li { list-style:none; margin:0; padding:0; }
#tmenu a { 
	display:block; 
	font-family:"Trebuchet MS"; 
	color:#383838; 
	font-size:11pt; 
	text-align:right; 
	padding:6px 10px 4px 10px;
	margin:0 1px 0 1px;
	text-decoration:none;
	text-transform:lowercase;
}
#tmenu a:hover { margin:0 1px 0 1px; padding:6px 9px 4px 9px; background:#fff url('../images/bgmenu_hover.gif') top left repeat-x; }
#tmenu a.currentPage { margin:0 1px 0 1px; padding:6px 9px 4px 9px; background:#fff url('../images/bgmenu_hover.gif') top left repeat-x; }

/* set height for content 
========================================================================== */
.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clear {display: inline-block;}

/* content
========================================================================== */
#content_1st { 
	position:relative; 
	border-top:1px solid #fff;
	width:950px;
}

#content_2nd { 
	position:relative; 
	border-top:1px solid #fff;
	width:950px;
}


#text { position:relative; width:600px; margin:0 auto; padding:0; text-align:center; }

#text table { margin:0 auto; }
#text table tr td { text-align:left; vertical-align:top; }

/* Homepage
========================================================================== */

/* Banner properties */
a.banner {
	width:470px;
	height:127px;
	padding:0;
	margin:0;
	float:left;
	text-decoration:none;
	margin-bottom:5px;
}

/* Floating left or right */
a.left { float:left; }
a.right { float:right; }

/* Span for contents */
span.contents { width:250px; float:right; padding:25px 25px 0 0; cursor:pointer; text-decoration:none; }

/* Banners */
a.appartments { color:#004f89; border:1px solid #73baef; background:#cce0eb url('../images/banner_appartments.jpg') 0 0 no-repeat; }
a.appartments:hover { color:#004f89; border:1px solid #004f89; background:#cce0eb url('../images/banner_appartments.jpg') 0 -127px no-repeat; }
a.appartments h3 { color:#004f89; font-size:15pt; margin:0; line-height:15pt; text-transform:uppercase; }
a.campings { color:#436200; border:1px solid #aed755; background:#cce0eb url('../images/banner_campings.jpg') 0 0 no-repeat; }
a.campings:hover { color:#436200; border:1px solid #436200; background:#cce0eb url('../images/banner_campings.jpg') 0 -127px no-repeat; }
a.campings h3 { color:#436200; font-size:15pt; margin:0; line-height:15pt; text-transform:uppercase; }
a.gasthoefe { color:#a96b00; border:1px solid #d1a65a; background:#cce0eb url('../images/banner_gasthoefe.jpg') 0 0 no-repeat; }
a.gasthoefe:hover { color:#a96b00; border:1px solid #a96b00; background:#cce0eb url('../images/banner_gasthoefe.jpg') 0 -127px no-repeat; }
a.gasthoefe h3 { color:#a96b00; font-size:15pt; margin:0; line-height:15pt; text-transform:uppercase; }
a.hotels { color:#ac9330; border:1px solid #d5c566; background:#cce0eb url('../images/banner_hotels.jpg') 0 0 no-repeat; }
a.hotels:hover { color:#ac9330; border:1px solid #ac9330; background:#cce0eb url('../images/banner_hotels.jpg') 0 -127px no-repeat; }
a.hotels h3 { color:#ac9330; font-size:15pt; margin:0; line-height:15pt; text-transform:uppercase; }
a.restaurant { color:#bd0d0d; border:1px solid #de5852; background:#cce0eb url('../images/banner_restaurant.jpg') 0 0 repeat-y; }
a.restaurant:hover { color:#bd0d0d; border:1px solid #bd0d0d; background:#cce0eb url('../images/banner_restaurant.jpg') 0 -127px no-repeat; }
a.restaurant h3 { color:#bd0d0d; font-size:15pt; margin:0; line-height:15pt; text-transform:uppercase; }
a.wellnessbeauty { color:#ad3800; border:1px solid #e47c4f; background:#cce0eb url('../images/banner_wellnessbeauty.jpg') 0 0 no-repeat; }
a.wellnessbeauty:hover { color:#ad3800; border:1px solid #ad3800; background:#cce0eb url('../images/banner_wellnessbeauty.jpg') 0 -127px no-repeat; }
a.wellnessbeauty h3 { color:#ad3800; font-size:15pt; margin:0; line-height:15pt; text-transform:uppercase; }

/* Eurohotels
========================================================================== */

.left_menu { position:relative; width:220px; height:430px; float:left; }
#left_menu_title { 
	position:relative;
	top:0;
	padding:29px 0 0 20px; 
	font-family:tahoma; 
	color:#383838; 
	font-size:10pt; 
	text-align:left;
	line-height:12pt;
}
#lmenu { position:relative; padding:0; top:7px; width:150px; height:270px; }
#lmenu li { display:inline; }
#lmenu ul, #lmenu ul li { margin:0; padding:0; list-style:none none; }
#lmenu a { width:170px; float:left; margin:1px; padding:5px 0 3px 45px; }
#lmenu a { 
	font-family:tahoma; 
	color:#383838; 
	font-size:10pt; 
	text-align:left;
	line-height:11pt;

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

#eurohotels { display:block; position:relative; float:left; width:730px; }

.eurohotel { text-align:left; }
.eurohotel img {float:left; margin-right:10px; margin-bottom:20px; }
.eurohotel a:hover { text-decoration:underline; }

.hotel_header { display:block; float:left; width:315px; }
.hotel_pictures { display:block; float:right; width:315px; }
.hotel_pictures ul, 
.hotel_pictures ul li { list-style:none none; }
.hotel_pictures li { float:left; position:relative; white-space:nowrap; list-style-type:none; margin:0; padding:23px 5px 0 0; }
.hotel_pictures a { float:left; margin:0; height:100px; width:100px; }


#map { display:block; width:500px; height:200px; margin-bottom:10px; }

a.bt_bookings {
	width:300px;
	height:23px;
	padding-top:4px;
	margin:0;
	float:left;
	text-decoration:none;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
}
a.bt_bookings { background:url('../images/bt_bookings.jpg') 0 0 no-repeat; }
a.bt_bookings:hover { background:url('../images/bt_bookings.jpg') -300px 0 no-repeat; }

/* bannner
========================================================================== */
#bannner {
	position:relative;
	display:block;
	width:950px; 
	height:120px; 
	background:#fff;
	text-align:center;
}
div.banner-bikewitz {
	position:relative;
	margin:0 auto; 
	width:468px; 
	height:120px;
	border:1px solid #7f431e;
}

/* footer
========================================================================== */
#footer {
	position:relative; 
	width:950px; 
	height:auto; 
	background:#fff;
	padding-top:10px;
}
#footer_menu { position:relative; width:950px; height:30px; background:#ffffff url('../images/fborder.gif') bottom left no-repeat; }
#fmenu { position:relative; width:285px; height:20px; margin:0 auto; }
#fmenu li { display:block; float:left; }
#fmenu ul, #menu ul li { list-style:none; margin:0; padding:0; }
#fmenu a { 
	display:block; 
	font-family:"Trebuchet MS"; 
	color:#383838; 
	font-size:9pt; 
	text-align:right; 
	padding:0 10px 0 15px;
	text-decoration:none;
	text-transform:lowercase;
}
#fmenu a:hover { text-decoration:underline; }
#fmenu a.information { background:#ffffff url('../images/ico_information.gif') center left no-repeat; }
#fmenu a.advertising { background:#ffffff url('../images/ico_advertising.gif') center left no-repeat; }
#fmenu a.addobject { background:#ffffff url('../images/ico_addobject.gif') center left no-repeat; }

#footer_credits { position:relative; width:950px; height:60px; padding-top:10px; }
#footer_credits p { text-align:center; font-size:8pt; color:#b2b2b2; float:none; }
#footer_credits a { text-align:center; font-size:8pt; color:#b2b2b2; }