/* ################################################## */
/*  Made by: www.DIRECT BASING.com                    */
/*  Semantisch correcte xHTML Basing                  */
/* ################################################## */

/* ### general ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Arial; font-size: 11px; color: #042e60; }
input, select, textarea { font-family: Arial; font-size: 11px; color: #042e60; }
body { background: #e7e7e7 url('../images/bodyStrip.gif') repeat-x; }
img { border: 0px; display: block; }
a, input { outline: none; }


.pics {  
    height:  203;  
    width:   984;  
    padding: 0;  
    margin:  0;
} 
 
.pics img {  
    width:  984px; 
    height: 203px; 
    top:  0; 
    left: 0 
} 

/* ### global classes ### */
.clear { clear: both; height: 0px; }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; }

/* ### main container ### */
#mainCntr { margin: 0 auto; width: 984px; }

	/* ### header container ### */
	#headerCntr { width: 984px; height: 242px; padding-top: 10px; }
	
		/* ### banner box ### */
		.bannerBox { width: 984px; height: 203px; position: relative; }
		.bannerBox h1 { z-index:5;  position: absolute; top: 10px; left: 10px; }
		.bannerBox h1 a { z-index:5;  display: block; width: 207px; height: 49px; text-indent: -9999px; background: url('../images/logo.png') no-repeat; }
		.bannerBox h2 { z-index:5; position: absolute; top: 43px; right: -20px; font-size: 24px; color: #fff; font-weight: normal; padding: 4px 0 0 9px; width: 454px; height: 58px; background: url('../images/taglineBg.png') no-repeat; }
		.bannerBox h2 span { font-weight: bold; }
		
		/* ### menu box ### */
		.menuBox { width: 984px; height: 39px; background: url('../images/menuBg.jpg') repeat-x; }
		.menuBox ul { float: left; list-style: none; }
		.menuBox li { float: left; font-size: 13px; line-height: 39px; }
		.menuBox li a { display: block; color: #fff; text-decoration: none; padding: 0 15px; }
		.menuBox li a:hover, .menuBox li.active a { font-weight: bold; background: url('../images/menuPointer.gif') no-repeat 5px 18px; }
		.menuBox fieldset { float: right; width: 198px; height: 27px; margin: 6px 6px 0 0; background: #fff; border: none; }
		.menuBox input.field { float: left; width: 165px; color: #cfcfcf; font-size: 14px; margin: 6px 5px 0 5px; display: inline; border: none; background: none; }
		.menuBox input.button { float: left; width: 19px; height: 20px; margin-top: 4px; border: none; cursor: pointer; background: url('../images/button.gif') no-repeat; }
	
	/* ### content container ### */
	#contentCntr { width: 984px; background: url('../images/contentMid.gif') repeat-y; }
	#contentCntr .bottom { width: 100%; overflow: hidden; padding-bottom: 10px; background: url('../images/contentBot.gif') no-repeat 0 bottom; }
	
		/* ### left container ### */
		#leftCntr { float: left; width: 210px; background: #70b9fd; }
		
			/* ### photo box ### */
			.photoBox { width: 210px; }
			.photoBox .heading { width: 100%; height: 39px; background: url('../images/headingBg.gif') repeat-x; }
			.photoBox h3 { font-size: 18px; font-weight: normal; color: #fff; margin: 10px 0 0 9px; float: left; padding-left: 23px; background: url('../images/arrow.gif') no-repeat 0 6px; }
			.photoBox a.more { float: right; color: #042e60; text-decoration: none; margin: 13px 8px 0 0; font-weight: bold; }
			.photoBox a.more:hover { text-decoration: underline; }
			.photoBox ul { list-style: none; padding: 10px 0 0 10px; overflow: hidden; }
			.photoBox li { float: left; padding: 0 8px 9px 0; }
			
			/* ### hotel box ### */
			.hotelBox { width: 210px; }
			.hotelBox .heading { width: 100%; height: 39px; background: url('../images/headingBg.gif') repeat-x; }
			.hotelBox h3 { font-size: 18px; font-weight: normal; color: #fff; margin: 10px 0 0 9px; float: left; padding-left: 23px; background: url('../images/arrow.gif') no-repeat 0 6px; }
			.hotelBox ul { list-style: none; padding: 8px 0 0 9px; }
			.hotelBox li { padding-bottom: 9px; }
			.hotelBox li a { display: block; color: #042e60; text-decoration: none; padding-left: 13px; background: url('../images/arrowBlue.gif') no-repeat 0 5px; }
			.hotelBox li a:hover { text-decoration: underline; }
			.hotelBox.restaurant li a:hover { font-weight: bold; }
			.hotelBox li.last a { color: #fff; font-weight: bold; background: url('../images/arrowWhite.gif') no-repeat 0 4px; }
		
		/* ### center container ### */
		#centerCntr { float: left; width: 564px; }
		
			/* ### text box ### */
			.textBox { width: 564px; overflow: hidden; }
			.textBox h3 { line-height: 39px; padding-left: 10px; font-size: 17px; background: url('../images/headingBgWhite.gif') repeat-x; }
			.textBox p { line-height: 24px; padding: 0 10px; overflow: hidden; }
			.textBox p img { float: right; margin: 10px 0 10px 10px; }
			.textBox p a { color: #ff6000; font-weight: bold; text-decoration: none; }
			.textBox p a:hover { text-decoration: underline; }
	
		/* ### right container ### */
		#rightCntr { float: right; width: 210px; }
		
			/* ### weather box ### */
			.weatherBox { width: 210px;text-align: center; }
			.weatherBox .heading { width: 100%; height: 39px; margin-bottom: 7px; background: url('../images/headingBg.gif') repeat-x; }
			.weatherBox h3 { font-size: 18px; font-weight: normal; color: #fff; margin: 10px 0 0 9px; float: left; padding-left: 23px; background: url('../images/arrow.gif') no-repeat 0 6px; }
			.weatherBox	img { display: inline; }
			.weatherBox p { line-height: 18px; padding-bottom: 5px; }
			.weatherBox p span { font-size: 14px; font-weight: bold; }
			.weatherBox p span.time { font-size: 18px; }
	
			/* ### weather box ### */
			.adbox { width: 210px;text-align: center; }
			.adbox .heading { width: 100%; height: 39px; margin-bottom: 7px; background: url('../images/headingBg.gif') repeat-x; }
			.adbox h3 { font-size: 18px; font-weight: normal; color: #fff; margin: 10px 0 0 9px; float: left; padding-left: 23px; background: url('../images/arrow.gif') no-repeat 0 6px; }
			.adbox	img { display: inline; }
			.adbox p { line-height: 18px; padding-bottom: 5px; }
			.adbox p span { font-size: 14px; font-weight: bold; }
			.adbox p span.time { font-size: 18px; }
			
	/* ### footer container ### */
	#footerCntr { width: 984px; height: 77px; }
	#footerCntr ul { float: left; list-style: none; padding-top: 30px; }
	#footerCntr li { float: left; padding-left: 18px; }
	#footerCntr li a { color: #042e60; font-weight: bold; text-decoration: none; }
	#footerCntr li a:hover { text-decoration: underline; font-weight: normal; }
	#footerCntr p { float: right; padding: 30px 18px 0 0; }