/*	// __________________________________________________________________________________________________________________
	HTML
	*/
	
	html {
		margin: 0px;
		padding: 0px;
	}
	
	body {
		margin: 0px;
		padding: 40px 0 100px 0;
		
		color: #666666;
		font: normal 12px Arial, Tahoma, Helvetica, sans-serif;
		
		background: url(../img/background.png);
	}



/*	// __________________________________________________________________________________________________________________
	Common
	*/

	img { 
		border: 0px; 
	}
	
	a:link,
	a:visited,
	a:active {
		color: #8dc63f;
		text-decoration: underline;
	}
	
	a:hover {
		color: #8dc63f;
		text-decoration: none;
	}
	
	form {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	
	
/*	// __________________________________________________________________________________________________________________
	Site
	*/
	
	#site {
		margin: 0 auto 0 auto;
		padding: 25px 50px 25px 50px;
		width: 800px;
		overflow: auto; 
		
		text-align: left;
		
		background-color: #FFFFFF;
		border-top: 7px solid #CCCCCC;
	}
	

/*	// __________________________________________________________________________________________________________________
	Common textstyles
	*/
	
	h1 {
		margin-bottom: 0px;
		margin-top: 0px;
		
		color: #006738;
		font: normal 26px Arial, Helvetica, sans-serif;
		letter-spacing: -1px;
	}
	
	div.h1 {
		padding: 2px 16px 2px 16px;
		border-left: 5px solid #8dc63f;
	}
	
	h2 {
		margin-bottom: 0px;
		margin-top: 0px;
		
		color: #000000;
		font: normal 20px Arial, Helvetica, sans-serif;
		/*letter-spacing: -1px;*/
	}
	
	div.h2 {
		padding: 2px 16px 2px 16px;
		border-left: 5px solid #fedb00;
	}
	
	
/*	// __________________________________________________________________________________________________________________
	Sections
	*/
	
	/* Header */
	#header {
		width: 800px;
		height: 242px;
		padding: 0 0 20px 0;
	}
	
	
	/* Flags */
	#flags {
		overflow: hidden;
		width: 800px;
		padding: 0 0 10px 0;
		text-align: right;
	}
	
	
	/* Frontpage */
	#frontpage-left {
		float: left;
		width: 250px; /*250px*/
		line-height: 16px;
	}
	
	#frontpage-left .box {
		padding: 10px 25px 10px 25px;
		background: #EEEEEE;
		font-size: 11px;
	}
	
	#frontpage-left .box .highlight {
		color: #000000;
	}
	
	#frontpage-left .box .padd {
		padding-right: 30px;
	}
	
	#frontpage-left .box-top {
		height: 10px;
		background: url(../img/box.png) top center no-repeat;
	}
	
	#frontpage-left .box-bottom {
		height: 10px;
		background: url(../img/box.png) bottom center no-repeat;
	}
	
	#frontpage-left .box2 {
		padding: 10px 25px 17px 25px;
		background: #006738;
		color: #FFFFFF;
		font-size: 11px;
	}
	
	#frontpage-left .box2 .highlight {
		font-weight: bold;
		font-size: 18px;
		color: #f5ee31;
	}
	
	#frontpage-left .box2 .padd {
		padding-right: 30px;
	}
	
	#frontpage-left .box2-top {
		height: 10px;
		background: url(../img/box2.png) top center no-repeat;
	}
	
	#frontpage-left .box2-bottom {
		height: 10px;
		background: url(../img/box2.png) bottom center no-repeat;
	}

	#frontpage-left .box2 a.button {

		padding: 7px 18px 7px 18px;

		font: bold 12px Tahoma, Arial, Verdana, sans-serif;
		color: #FFFFFF;
		text-decoration: none; 

		background: url(../img/menu_background_constant.png);
	}
	
	#frontpage-left .box2 a.button:hover {
		color: #000000;
	}

	#frontpage-right {
		float: right;
		width: 510px; /*550px*/
		margin-left: 40px;
	}
	
	#frontpage-right .text {
		margin: 20px 0 20px 0;
		line-height: 24px;
	}
	
	#frontpage-right .puffs {
		overflow: hidden;
		margin-bottom: 40px;
	}
	
	#frontpage-right .puff {
		float: left;
		padding-right: 9px;
		text-align: center;
		font-size: 18px;
	}
	
	#frontpage-right .puff a {
		text-decoration: none;
		color: #000000;
	}
	
	#frontpage-right .puff a:hover {
		color: #8dc63f;
	}
	
	#frontpage-right .puff img {
		margin-top: 10px;
	}
	
	/* Subpage */
	#sidebar {
		float: left;
		width: 211px; /*252px*/
		padding: 20px 20px 0 20px;
		color: #999999;
		line-height: 22px;
	}
	
	#sidebar .highlight {
		font-weight: bold;
		color: #000000;
	}
	
	#subpage {
		float: right;
		width: 528px; /*800px*/
		padding-left: 20px;
		/*margin-left: 252px;*/
		border-left: 1px solid #EAEAEA;
	}
	
	#subpage .text {
		margin: 20px 0 20px 0;
		line-height: 24px;
	}
	
	#subpage .table {
		line-height: 18px;
	}
	
	#subpage .table table {
		width: 100%;
		background: #CCCCCC;
	}
	
	#subpage .table table td {
		vertical-align: top;
		padding: 4px 6px 4px 6px;
		background: #FFFFFF;
	}
	
	#subpage div.label {
		font-size: 10px;
		font-weight: bold;
		margin-top: 8px;
	}
	
	#subpage p.error {
		color: white;
		font-weight: bold;
		background-color: red;
		margin: 0 0 1px 0;
		padding: 6px 10px 6px 10px;
	}
	
	#subpage .divider {
		float: none;
		clear: both;
		width: 100%;
		height: 1px;
		margin: 20px 0 10px 0;
		border-top: 1px solid #EAEAEA;
	}
	
	#subpage .column {
		float: left;
		padding-right: 30px;
		padding-bottom: 20px;
		overflow: auto;
	}
	
	#subpage table.pricelist {
		width: 100%;
		margin: 15px 0 0 0;
		line-height: 20px;
		border-top: 1px solid #EAEAEA;
	}
	
	#subpage table.pricelist td.name {
		width: 50%;
	}
	
	#subpage table.pricelist td.price {
		width: 50%;
	}
	
	#subpage table.pricelist p {
		margin: 0;
	}
	
	#subpage table.pricelist .title {
		color: #000000;
		font-size: 11px;
		font-weight: bold;
	}
	
	#subpage table.pricelist .price table {
		width: 100%;
		margin: 0 0 10px 0;
		line-height: 20px;
	}
	
	
	/* Room */
	#title {
		padding: 0 0 20px 10px;
		border-bottom: 1px solid #EAEAEA;
	}
	
	#rooms {
		float: left;
		width: 211px; /*252px*/
		padding: 20px 20px 0 20px;
	}
	
	#rooms .title {
		margin-bottom: 10px;
		padding: 0 0 0 20px;
		color: #000000;
		font-size: 11px;
		font-weight: bold;
	}
	
	#rooms a.normal {
		display: block;
		height: 20px; /*24px*/
		
		border: 1px solid #FFFFFF;
		padding: 4px 10px 0 20px;

		/*font: bold 12px Tahoma, Arial, Verdana, sans-serif;*/
		color: #999999;
		text-decoration: none; 
	}
	
	#rooms a.normal:hover {
		border: 1px solid #ECECEC;
		background: url(../img/list_background_active.jpg);
		color: #000000;
	}
	
	#rooms a.active {
		border: 1px solid #ECECEC;
		background: url(../img/list_background_active.jpg);
		color: #000000;
	}
	
	#room {
		float: right;
		width: 528px; /*528px*/
		padding: 20px 0 0 20px;
		border-left: 1px solid #EAEAEA;
	}
	
	#room .tagline {
		margin-top: 25px;
		padding: 15px 0 0 0;
		
		border-top: 1px solid #EAEAEA;
		
		color: #CCCCCC;
		font-size: 11px;
		font-style: italic;
		text-align: center;
	}
	
	#room .text {
		margin: 15px 0 15px 0;
		line-height: 24px;
	}
	
	#room table {
		width: 100%;
		margin: 15px 0 0 0;
		line-height: 20px;
	}
	
	#room table p {
		margin: 0;
	}
	
	#room .title {
		color: #000000;
		font-size: 11px;
		font-weight: bold;
	}
	
	#room .price table {
		width: 100%;
		margin: 0 0 10px 0;
		line-height: 20px;
	}

	
/*	// __________________________________________________________________________________________________________________
	Nav
	*/
	
	#menu {
		width: 100%;
		height: 41px;
		
		background: url(../img/menu_background.png);
	}
	
	#menu #items {
		margin: 0 auto 0 auto;
		width: 800px;
	}
	
	#menu #items a.normal {
		float: left;
		height: 28px; /*41px*/
		
		padding: 13px 18px 0px 18px;

		font: bold 12px Tahoma, Arial, Verdana, sans-serif;
		color: #717171;
		text-decoration: none; 
	}
	
	#menu #items a.normal:hover {
		background: url(../img/menu_background_active.png);
		color: #FFFFFF;
	}
	
	#menu #items a.active {
		background: url(../img/menu_background_active.png);
		color: #FFFFFF;
	}
	
	#menu #items a.constant {
		background: url(../img/menu_background_constant.png);
		color: #FFFFFF;
	}
	
	#menu #items a.constant:hover {
		background: url(../img/menu_background_constant.png);
	}
	
	
/*	// __________________________________________________________________________________________________________________
	Logos
	*/
	
	#logos {
		margin: 0 auto 0 auto;
		padding: 15px 50px 15px 50px;
		width: 800px;
		overflow: auto; 
		
		background-color: #FFFFFF;
		border-top: 1px solid #EAEAEA;
	}
	
	
/*	// __________________________________________________________________________________________________________________
	Footer
	*/
	
	#footer {
		width: 800px; /*900px*/
		margin: 0 auto 0 auto;
		padding: 12px 50px 0 50px;
		
		color: #999999;
		font-size: 11px;
		
		border-top: 7px solid #CCCCCC;
	}
	
	#footer span {
		padding: 0 4px 0 4px;
		color: #666666;
	}
	
	#footer span.flags {
		padding: 0 0 0 10px;
	}
	
	#footer .left {
		float: left;
	}
	
	#footer .right {
		float: right;
	}
	
	#footer a {
		color: #FFFFFF;
		text-decoration: underline;
	}
	
	#footer a:hover {
		text-decoration: none;
	}