/**
 * Vakantieparadijs
 * Layout en technische realisatie: Thomas Smit (thomas[AT]tsmit.nl)
 * http://tsmit.nl -- http://lunaticasylum.nl
 */

a.GalleryImage{
	float: left;
	width: 120px;
	height: 120px;
	background-position: center center;
	background-repeat: no-repeat;
	border: 1px solid silver;
	margin: 6px;
}

a.GalleryImage:hover{
	background-color: #f3f3f3;
	border-color: #7d7d7d;
}

.PhotoGallery div.List{
	float: left;
	width: 224px;
}

.PhotoGallery div.Photos h2{
	margin-top: 13px;
	padding-left: 6px;
	border-bottom: 1px solid silver;
	margin-bottom: 2px !important;
}


.PhotoGallery div.List ul{
	list-style-position: inside !important;
	list-style-image: none !important;
	list-style-type: none !important;
	margin: 0 !important;
	margin-top: 20px !important;
	padding: 0 !important;
}



.PhotoGallery div.List ul a{
	display: block;
	overflow: hidden;
	line-height: 30px;
	padding-left: 10px;
	height: 29px;
	background-image: url(../images/layout/fotogalbutton.gif);
	background-position: -400px -400px;
	background-repeat: no-repeat;
	cursor: pointer;
	color: #e19513;
	_width: 240px;
	*width: 240px;
}

.PhotoGallery div.List ul a.Selected, .PhotoGallery div.List ul a.Selected:hover{
	font-weight: bold;
	background-position: 0 -30px;
	color: white !important;
	text-decoration: none;
}

.PhotoGallery div.List ul a:hover{
	background-position: 0 0 ;
	text-decoration: none;
	color: #905b0e;
}

.PhotoGallery div.Photos{
	float: right;
	width: 600px;
	_width: 560px;
	*width: 560px;
}

body, form, h1, h2, h3, h4, h5, h6, blockquote, ul, li, p{
	margin: 0;
	padding: 0;
}

.Clear{
	clear: both;
}


a img{
	
	border: 0 none;
}

/* @group Debug */


.dbg{
	margin-top: 50px;
}

/* @end */

/* @group Layout */

body{
	background: #e0f6cf url(../images/layout/body.gif) repeat-x 0 146px;
}

div.Wrapper{
	margin: auto;
	width: 872px;
}

div#TopBar{
	background: url(../images/layout/header.gif) repeat-x left top;
}

div#Header{
	height: 114px;
}

div#Header a#Logo{
	display: block;
	background-image: url(../images/layout/logo.gif);
	width: 304px;
	height: 71px;
	float: left;
	margin-top: 20px;
}

/* @group Language Selector */

div#Header div#Languages{
	float: right;
	width: 168px;
	height: 114px;
}

div#Header div#Languages div#LanDropdown{
	background: url(../images/layout/lanselectordropdown.gif) no-repeat left bottom;	
	color: white;
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
}

div#Header div#Languages div#CurrentSelection{
	height: 18px;
	padding: 5px 0 0 14px;
	cursor: pointer;
	clear:  both;
	background-repeat: no-repeat;
	background-position: 16px center;
}

div#Header div#Languages div#CurrentSelection img{
	border: 1px solid silver;
	margin-right: 2px;
}

div#Header div#Languages div#CurrentSelection:hover{
	color: #f2d179;
}

div#Header div#Languages div#LanDropdown div#LanList{
	height: 0px;
	overflow: hidden;
}

div#Header div#Languages div#LanDropdown ul{
	list-style-position: inside;
	list-style-type: none;
	list-style-image: none;
}

div#Header div#Languages div#LanDropdown ul a{
	color: #f2d179;
	display: block;
	height: 18px;
	line-height: 18px;
	text-decoration: none;
	padding-left: 20px;
	background-position: left center;
	background-repeat: no-repeat;
	margin-top: 2px;
}

div#Header div#Languages div#LanDropdown ul a:hover{
	color: white;
	text-decoration: underline;
}

/* @end */

/* @group Menubar */


div#Menubar{
	background: url(../images/layout/menubar.gif) repeat-x left top;
}

div#Menubar ul{
	list-style-type: none;
	list-style-image: none;
	list-style-position: inside;
	margin: 0;
	padding: 0;
	height: 32px;
}

div#Menubar ul li{
	float: left;
}

div#Menubar ul li a, div#Menubar ul li a span{
	background: url(../images/layout/menubuttons.gif) no-repeat -400px -400px;
	cursor: pointer;
}

div#Menubar ul li a span{
	display: block;
	width: 100%;
	height: 100%;
	padding-right: 7px;
}

div#Menubar ul li a{
	font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	display: block;
	height: 29px;
	line-height: 32px;
	text-decoration: none;
	color: white;
	padding-left: 12px;
	_width: 1%; /*IE*/
	_white-space: nowrap; /*IE*/
}

div#Menubar ul li a:hover, div#Menubar ul li a.Selected{
	text-shadow: #707070 0 1px 1px;
}

div#Menubar ul#Subbar li a{
	height: 28px;
}

/* @group Menu hovers en selecties */

/* @group Main bar */

div#Menubar a#Reservation, div#Menubar a#Reservation span{
	display: block;
	width: 160px;
	height: 26px;
	font: bold 13px/26px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-decoration: none;
	text-align: center;
	color: #97541a;
}

div#Menubar a#Reservation{
	float: right;
	background: url(../images/resbutton/resbuttonleft.gif) no-repeat 0 0;
	margin-top: 3px;

}

div#Menubar a#Reservation:hover{
	background-position: 0 -28px;
}

div#Menubar a#Reservation:hover span{
	background-position: right -28px;
}


div#Menubar a#Reservation span{
	background: url(../images/resbutton/resbuttonright.gif) no-repeat right top;
}

div#Menubar ul#Mainbar{
	width: 700px;
}

div#Menubar ul#Mainbar li a:hover{
	background-position: 0 -98px;
}

div#Menubar ul#Mainbar li a:hover span{
	background-position: right -230px;
}


div#Menubar ul#Mainbar li a.Selected{
	background-position: 0 -64px;
	padding-left: 27px;
	text-shadow: #707070 0 1px 1px;
}

div#Menubar ul#Mainbar li a.Selected span{
	background-position: right -196px;
}

/* @end */


/* @group Sub bar */

div#Menubar ul#Subbar li a:hover{
	background-position: 0 -31px;
}

div#Menubar ul#Subbar li a:hover span{
	background-position: right -163px;
}


div#Menubar ul#Subbar li a.Selected{
	background-position: 0 1px;
}

div#Menubar ul#Subbar li a.Selected span{
	background-position: right -131px;
}

/* @end */


/* @end */

/* @end */

div#Content{
	margin-top: 10px;
}

div#Content div#PagePhoto{
	height: 100px;
	background-position: center center;
	background-repeat: no-repeat;
	margin-bottom: 10px;;
}

div#Document div#DocRounding{
	height: 7px;
	background: url(../images/layout/contenttop.gif) no-repeat 0 0;
}

div#Document{
	background: white url(../images/layout/contentbg.gif) repeat-y;
	border-bottom: 1px solid #c8e4b2;;
}

div#Document div#Contents{
	padding: 10px;
}

div#Footer{
	font-size: 11px;
	padding: 15px;
}

div#Footer p{
	color: #549f1c;
	font-size: 11px;
	margin: 2px 0 2px 10px;
}

div#Footer p a{
	color: #3a7013;

}

/* @end */

/* @group Select Language */

ul#SelectLan{
	list-style-position: inside;
	list-style-image: none;
	list-style-type: none;
	margin: 0 0 0 10px;
}

ul#SelectLan li a{
	color: #e19413;
	padding-left: 20px;
	display: block;
	height: 25px;
	background-position: left center;
	background-repeat: no-repeat;
	font: 14px/25px "Lucida Grande", Lucida, Verdana, sans-serif;
}

ul#SelectLan li a:hover{
	color: #925f15;
	text-decoration: none;
}

/* @end */

/* @group Forms */


form{
}

form fieldset.SubmitError{
	border: 1px solid maroon;;
}

form fieldset legend{
	color: maroon;
	font: bold 12px "Lucida Grande", Lucida, Verdana, sans-serif;
}

form fieldset p{
	margin: 3px 0 3px 0;
}

form p.Error{
	background: url(../images/forms/error.gif) no-repeat 0 0;
	min-height: 32px;
	font-weight: bold;
	color: white;
	padding-left: 40px;
}

form p.Error span{
	background-color: #980c0c;
	padding: 5px;
	margin-top: 6px;
	border: 1px solid #350707;
}


form h6.FormCaption{
	font-size: 13px;
	background: url(../images/forms/group.gif) no-repeat 0 0;
	height: 30px;
	line-height: 30px;
	margin-top: 10px;
	font-weight: bold;
	text-transform: uppercase;
}

form h6.FormCaption span{
	margin: 0 10px 0 11px;
	color: white;
	font-weight: bold;
}

form table.Form, form table.Controls{
	border-collapse: collapse;
	width: 100%;
	
}

form table.Controls td.Label, form table.Controls td.Control{
	padding: 10px;
	margin: 0;
}

form table td.Label{
	text-align: right;
	font-weight: bold;
	vertical-align: top;
	padding-top: 5px;
}

form table td.Label label{
	vertical-align: top;
	padding-top: 5px;
	font-weight: bold;
	color: #6b6b6b;
}

form input.Edit, form textarea, form select{
	border: 1px solid gray;
	color: #000;
	background-color: #f4f4f4;
}

form label.Checkbox{
	cursor: pointer;
}

form input.Edit, form select{
	height: 25px;
	width: 70%;
	line-height: 25px;
	padding: 4px 0 0 4px;
}

form input.Edit:hover, form select:hover{
	border: 1px solid #e0a013;
}

form input.Edit:focus, form select:focus{
	border: 1px solid #e0a013;
	background-color: #fff;
}


form select.Country{
	width: 180px;
}

form div.Textarea{
	
}

form div.Textarea div.Top{
	height: 5px;
}

form div.Textarea div.Bottom{
	height: 5px;
}

form input.Number{
	width: 30px;
}

form textarea{
	padding: 5px;
	margin: 0;
	width: 589px;
	height: 100px;
}

form span.ControlInfo{
	color: #6b6b6b;
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
}

/* @end */

/* @group Startpagina */

div.Frontpage{
	
}

div.Frontpage div.Content{
	float: left;
	width: 600px;
}

div.Frontpage div.Sidebar{
	float: right;
	width: 240px;
}


/* @end */

/* @group Roulation */

div.FPRoulation{
	height: 160px;	
	margin-bottom: 7px;
}

div.FPRoulation div.PhotoInfo{
	height: 160px;
	width: 280px;
	float: right;
	overflow: hidden;
}

div.FPRoulation div.PhotoInfo div.Text{
	height: 130px;
	overflow: hidden;
}

div.FPRoulation div.PhotoInfo a{
	display: block;
	float: left;
	background: url(../images/frontpage/buttons.gif) no-repeat;
	outline: none;
	cursor: pointer;
}

div.FPRoulation div.PhotoInfo a.Prev{
	width: 31px;
	height: 23px;
}

div.FPRoulation div.PhotoInfo a.Prev:hover{
	background-position: 0 -23px;
}

div.FPRoulation div.PhotoInfo a.Prev:active{
	background-position: 0 -46px;
}

div.FPRoulation div.PhotoInfo a.Next{
	width: 32px;
	height: 23px;
	background-position: -32px 0;
}

div.FPRoulation div.PhotoInfo a.Next:hover{
	background-position: -32px -23px;
}

div.FPRoulation div.PhotoInfo a.Next:active{
	background-position: -32px -46px;
}


div.FPRoulation div.PhotoInfo h6{
	margin: 0 0 10px 0;
	font-size: 16px;
}

div.FPRoulation div.Photos{
	height: 160px;
	width: 583px;
	float: left;
	overflow: hidden;
}


div.FPRoulation div.Photos div.Bar{
	height: 160px;
}

div.FPRoulation div.Photos div.Photo{
	height: 160px;
	width: 583px;
	float: left;
	background-repeat: no-repeat;
	background-position: center center;
}

/* @end */


div.FrontDocument{
	float: left;
	width: 70%;
}

div.FrontSidebar{
	float: right;
	width: 25%;
	border-left:  1px solid orange;
	padding-left: 15px;
	padding-bottom: 15px;
}

div#Weather{
	
}

table.Weather .Temp{
	font-size: 23px;
	color: #e19451;
}

table.Weather .Temp small{
	color: black;
	font-size: 11px;
}

table.Weather .Icon{
	width: 10%;
	
}

table.Weather .Forecast{
	font-size: 11px;
}

div.CurrencyConverter{
	margin-top: 20px;
	background-image: url(../images/layout/curr.png);
	background-position: right 23px;
	background-repeat: no-repeat;
}

div.CurrencyConverter span{
	padding: 0 0 0 5px;
	font-family: Verdana, Arial;
	font-size: 12px;
}

div.CurrencyConverter h2{
	margin-bottom: 10px;
}

div.CurrencyConverter label{
	float:  left;
	width: 50px;
	text-align: right;
	padding-right: 4px;
	padding-top: 3px;
}

div.CurrencyConverter input{
	width: 50px;
	border: 1px solid orange;
}

div.CurrencyConverter br{
	
	clear: both;
}