/* GENERAL */
body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	background-color: #f0f0f0;
}

p {
	line-height: 17px;
	margin: 0px 10px 0px 10px;
}

a {
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}

div.lightblock h2,
div.darkblock h2 {
	margin: 5px;
	padding: 0px;
	font-size: 12px;
	margin-left: 10px;
}

a:hover {
	text-decoration: underline;
}
input.field {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #cccccc;
	width: 97%;
	margin-top:5px;
	margin-bottom: 5px;
}

input.image {
	float: right;
}
input.subfield {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #cccccc;
	width: 97%;
	margin-top: 1px;
	margin-bottom: 2px;
}
	
input.field:focus, input.subfield { 
	color: #000000;
}

img {
	border: 0px;
}

img.titel {
	margin-bottom: 5px;
}

img.uitgelicht {
	border: 10px solid #ffffff;
	margin-left: 10px;
	margin-bottom: 5px;
}

/* WRAPPER */
div#wrapper {
	width: 982px;
	margin: auto;
	background-image:  url('../img/background.gif');
	background-repeat: no-repeat;
}

div#wraptwo {
	width: 962px;
	margin: auto;
	background-color: #ffffff;
	margin-bottom: 40px;
	overflow: hidden;
	background-image:  url('../img/footer2.jpg');
	background-repeat: no-repeat;
	background-position: bottom;
}

div#wrapthree {
	width: 962px;
	margin: auto;
	overflow: hidden;
	background-image: url('../img/bg.gif');
	background-repeat: repeat-y;	
}

/* CONTENT */
div#content {
	width: 942px;
	margin: auto;
	overflow: hidden;
}

div#top {
	width: 930px;
	height: 18px;
	background-color: #ffffff;
	padding: 2px;
	padding-right: 10px;
	padding-bottom: 0px;
}

p#breadcrumb {
	font-size: 10px;
	color: #999999;
	margin: 0px;
	padding: 0px;
	float: left;
	text-decoration: none;
}

p#breadcrumb a, p#breadcrumb a:hover {
	color: #999999;
	text-decoration: none;
}
a#addfavorites {
	float: right;
	display: block;
	padding: 2px 10px 2px 10px;
	background-color: #E80000;
	margin-top: 1px;
	color: #ffffff;
}

div.header {
	width: 942px;
	height: 200px;
	margin-bottom: 10px;
}

div#header_top {
	width: 942px;
	height: 170px;
}

div#title {
	padding: 0px 0px 0px 0px;
	float: left;
	width: 942px;
	margin-top: 60px;

}

div#title h1 {
	margin: 0px;
	padding: 0px;
	color: #E80000;
	font-size: 34px;
	float: left;
	display: inline-block;
	background-image:  url('../img/header_bg.gif');
	background-repeat: repeat-x;
}

div#header_bottom {
	width: 942px;
	height: 30px;
}

ul#tabmenu {
	height: 30px;
	float: right;	
	list-style: none;
	margin: 0px;
	margin-right: 58px;
}

ul#tabmenu li {
	float: left;
}

ul#tabmenu li a {
	display: inline-block;
	float: left;
	height: 22px;
	padding-left: 10px;
	padding-top: 8px;
	padding-right: 10px;
	background-color: #E80000;
	color: #ffffff;
	margin-left: 5px;
}

ul#tabmenu li a:hover, a#addfavorites:hover {
	text-decoration: none;
	background-color: #4DB1D2;
}

ul#tabmenu li a.selected, 
ul#tabmenu li a.selected:hover {
	background-color: #ffffff;
	color: #333333;
}

div#menu {
	margin: 0px;
	padding: 0px;
	width: 228px;
	font-size: 0px;
	float: left;
}

ul#leftmenu, ul#top5 {
	list-style: none;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
}

ul#leftmenu li, ul#top5 li {
	margin: 0px;
	padding: 0px;
}

ul#leftmenu li a{
	width: 203px;
	height: 20px;
	display: block;
	padding-left: 25px;
	padding-top: 5px;
	font-weight: bold;
	text-decoration: none;
	color: #333333;
	background-image: url('../img/menu_arrow.gif');
	background-repeat: no-repeat;
}


ul#leftmenu li.selected {
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	background-color: #4DB1D2;
	background-image: url('../img/menu_arrow_hover.gif');
	background-repeat: no-repeat;
}

ul#leftmenu li.even a{
	background-color: #B2DDEB;
}

ul#leftmenu li.oneven a{
	background-color: #C1E4EF;
}

ul#leftmenu li a:hover {
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	background-color: #4DB1D2;
	background-image: url('../img/menu_arrow_hover.gif');
	background-repeat: no-repeat;
}



div#topvijf {
	width: 228px;
	height: 150px;
	float: left;
	margin-left: 10px;
	background-color: #D1EAF3;
	font-size: 0px;
}

div#snelzoekfront {
	width: 228px;
	height: 150px;
	float: left;
	margin-left: 10px;
	background-color: #A3D6E8;
}

div#nieuwsbrieffront {
	width: 228px;
	height: 150px;
	float: left;
	margin-left: 10px;
	background-color: #D1EAF3;
}

ul#top5 li a{
	width: 198px;
	height: 20px;
	display: block;
	padding-left: 30px;
	padding-top: 5px;
	font-weight: bold;
	text-decoration: none;
	color: #333333;
}

div.blocktitle {
	width: 218px;
	height: 20px;	
	padding-left: 10px;
	padding-top: 5px;
	background-color: #E80000;
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
}

div.large-blocktitle {
	width: 694px;
	height: 20px;	
	padding-left: 10px;
	padding-top: 5px;
	background-color: #E80000;
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
	float: left;
	margin-top: 10px;
}

div.large-blocktitle a {
	color: #ffffff;
}

ul#top5 li.even a{
	background-color: #BCE1EE;
}

ul#top5 li.oneven a{
	background-color: #D1EAF3;
}

ul#top5 li a:hover {
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	background-color: #4DB1D2;
}

div#frontleft {
	width: 347px;
	margin-left: 10px;
	float: left;
}

div#frontright {
	width: 347px;
	margin-left: 10px;
	float: left;
}
div.lightblock {
	width: 347px;
	float: left;
	margin-top: 10px;
	background-color: #D1EAF3;
	padding-bottom: 10px;
}

div.darkblock {
	width: 347px;
	float: left;
	margin-top: 10px;
	background-color: #A3D6E8;
	padding-bottom: 10px;		
}

div.darkbottom {
	border-bottom: 5px solid #4DB1D2;
}

div.lightbottom {
	border-bottom: 5px solid #4DB1D2;
}


/*SUBPAGINA*/
div#toptwee {
	width: 228px;
	height: 75px;
	float: left;
	margin-left: 10px;
	background-color: #FEE6C4;
	font-size: 0px;
	margin-bottom: 10px;
}

div#snelzoeksub {
	width: 228px;
	height: 75px;
	float: left;
	margin-left: 10px;
	background-color: #A3D6E8;
	margin-bottom: 10px;
}

div#nieuwsbriefsub {
	width: 228px;
	height: 75px;
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
	background-color: #D1EAF3;
}


/* SUB CONTENT */

div#subwrap {
	width: 704px;
	float: left;
	padding-left: 10px;
}

div#subheader {
	width: 704px;
	float: left;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	padding-bottom: 10px;
	background-color: #EDF7FA;
}
table#contact{
	margin: 0px 10px 0px 10px;
	1margin-bottom: 5px;
}

h1#titel {
	font-size: 25px;
	margin: 0px 10px 0px 10px;
	margin-bottom: 5px;
	color: #333333;
}

h2#titel {
	font-size: 25px;
	margin: 0px;
	margin-bottom: 5px;
	color: #333333;
}

div#subheader a {
	font-weight: bold;
}

p.subheader {
	margin: 0px;
	margin-bottom: 10px;
}

div#subabout {
	width: 544px;
	margin: 0px;
	padding: 0px;
	padding-bottom: 10px;
}

div#subabout p {
	padding: 0px;
	margin: 0px;
}

div.block {
	width: 704px;
	float: left; 
	margin-bottom: 10px;
	margin-left: 0px;
	padding-bottom: 10px;
}

div.block h2, 
div#sublinks h2,
div.smallblock h2 {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	font-weight: bold;
	float: left;
	color: #333333;
}

a.subreview {
	float: right;
	padding: 3px;
	border: 1px dotted #468592;
}

a.subreview:hover {
	background-color: #ffffff;
}

a.subreview {
	border: 1px dotted #4DB1D2;
}

p.blocktxt {
	clear: both;
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
}

img.blockimg {
	margin: 10px 10px 0px 10px;
	border: 5px solid #66BCD9;
	float: left;
}

div.even {
	background-color: #DBEFF6;
}

div.oneven {
	background-color: #C9E7F1;
}

div.blockcontent {
	width: 544px;
	float: left;
	margin-top: 10px;
}

div#sublinks {
	width: 684px;
	background-color: #C9E7F1;
	float: left;
	padding: 10px;
	border-bottom: 5px solid #4DB1D2;
}

div#sublinks table {
	margin-top: 10px;
	clear: both;
	width: 684px;
}

div#sublinks table td.link {
	width: 230px;
	border-bottom: 1px dotted #A2C2C8;
}

div#sublinks table td.description {
	width: 444px;
	border-bottom: 1px dotted #A2C2C8;
}

div#sublinks table td.arrow {
	width: 10px;
	border-bottom: 1px dotted #A2C2C8;
}


/* REVIEW_DETAIL */

ul.stars {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

ul.stars li {
	display: block;
	width: 704px;
	border-bottom: 1px solid #E3EDEF;
	float: left;
}

ul.stars li#top {
	background-color: #E80000;
	color: #ffffff;
	font-weight: bold;
	border-bottom: 0px;

}

ul.stars label {
	float: left;
	width: 474px;
	display: block;
	height: 15px;
	padding: 7px 10px 7px 10px;
}

div.score {
	float: right;
	width: 200px;
	margin-top: 5px;
}

span#reviews {
	display: block;
	height: 20px;
	background-color: #E80000;
	color: #ffffff;
	font-weight: bold;
	float: left;
	width: 694px;
	padding-left: 10px;
	padding-top: 5px;
}

div.review {
	width: 684px;
	padding: 10px 10px 10px 10px;
	background-color: #EDF7FA;
	float: left;
	margin-bottom: 5px;
}

span.name {
	display: block;
	width: 679px;
	float: left;
	font-weight: bold;
}

span.rev {
	display: block;
	width: 679px;
	float: left;
	padding-top: 5px;
}

div.review p {
	padding: 0px;
	margin: 0px;
	margin-top: 5px;
	padding-top: 5px;
	margin-right: 0px;
	float: left;
	border-top: 1px solid #FEF3E2;
}

ul#revnav {
	list-style: none;
	padding: 0px;
	margin: 0px;
	float: right;
}

ul#revnav li {
	float: left;
}

ul#revnav a {
	display: block;
	color: #000000;
	padding: 5px;
	float: left;
	_width: 1px;
	font-weight: bold;
}

ul#revnav a:hover {
	display: block;
	color: #ffffff;
	padding: 5px;
	background-color: #4DB1D2;
	float: left;
	text-decoration: none;
}

ul#revnav a.selected, ul#revnav a.selected:hover {
	background-color: #E80000;
	color: #ffffff;
	text-decoration: none;
}

div.revoneven {
	background-color: #C9E7F1;
	margin-top: 20px;
}

input.revput {
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

div.revoneven p {
	padding: 10px 0px 0px 10px;
	margin: 0px; 
	float: left;
}

textarea#description {
	margin-left: 10px;
	margin-top: 5px;
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

input#revsubmit {
	margin: 10px 10px 0px 10px;
}


/* REVIEW OVERVIEW */

ul.overview {
	list-style: none;
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
}

ul.overview li {
	display: block;
	width: 704px;
	float: left;
}

ul.overview li.even {
	background-color: #DBEFF6;
}

ul.overview li.oneven {
	background-color: #EDF7FA;
}

ul.overview label {
	float: left;
	width: 207px;
	display: block;
	height: 15px;
	padding: 7px 10px 7px 10px;
	overflow: hidden;
}

ul.overview label.view {
	float: left;
	width: 253px;
}

ul.overview label.view a {
	font-weight: normal;
}

div.reviewblock {
	margin-top: 10px;
}

/* FOOTER */

div#footer {
	width: 942px;
	height: 60px;
	clear: both;
	/* background-image: url('../img/footer.jpg'); */
	background-repeat: no-repeat;
	margin: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 33px;
	font-size: 9px;
	color: #999999;
	text-align: right;
	text-transform: uppercase;
}



/* TOP5 AFBEELDINGEN */
li.een a {
	background-image:	url('../img/top5/1_off.png');
	background-repeat:	no-repeat;
	background-position: 5px 4px; 
}

li.twee a {
	background-image:	url('../img/top5/2_off.png');
	background-repeat:	no-repeat;
	background-position: 5px 4px; 
}

li.drie a {
	background-image:	url('../img/top5/3_off.png');
	background-repeat:	no-repeat;
	background-position: 5px 4px; 
}

li.vier a {
	background-image:	url('../img/top5/4_off.png');
	background-repeat:	no-repeat;
	background-position: 5px 4px; 
}

li.vijf a {
	background-image:	url('../img/top5/5_off.png');
	background-repeat:	no-repeat;
	background-position: 5px 4px; 
}

li.een a:hover {
	background-image:	url('../img/top5/1_on.png');
}

li.twee a:hover {
	background-image:	url('../img/top5/2_on.png');
}

li.drie a:hover {
	background-image:	url('../img/top5/3_on.png'); 
}

li.vier a:hover {
	background-image:	url('../img/top5/4_on.png');
}

li.vijf a:hover {
	background-image:	url('../img/top5/5_on.png');
}


/* tabs menu */
ul#tabs {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

ul#tabs li {
	float: left;
}

ul#tabs li a {
	float: left;
	padding: 10px;
	margin-right: 2px;
	background-color: #D1EAF3;
}

ul#tabs li a.selected,
ul#tabs li a.selected:hover {
	background-color: #EDF7FA;
	color: #000000;
}

ul#tabs li a:hover {
	background-color: #E80000;
	text-decoration: none;
	color: #ffffff;
}


/* menu dropdowns */
select.cities {
	width: 218px;
	margin: 5px;
	font-size: 11px;
	font-family: verdana;
	padding: 2px;
}

/* het weer */
div.weather {
	width: 704px;
	background-color: #DBEFF6;
	float: left;
}

div.weather p {
	margin: 10px;
}

div#reizen-left {
	width: 347px;
	float: left;
	margin-top: 10px;
}

div#txt-right {
	width: 347px;
	float: left;
	margin-top: 10px;
}

div.smallblock {
	width: 337px;
	float: left; 
	margin-bottom: 10px;
	padding-bottom: 10px;
	margin-left: 10px;
	display: inline;
}

div.smallblockcontent {
	width: 187px;
	float: left;
	margin-top: 10px;
}

div.smallblockcontent a.subreview {
	border: 1px dotted #468592;
	margin: 5px;
}

div.middle-blocktitle {
	width: 327px;
	height: 20px;	
	padding-left: 10px;
	padding-top: 5px;
	background-color: #E80000;
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
	float: left;
	margin-left: 10px;
	display: inline;
}

div.bw-image {
	width: 228px;
	margin-top: 10px;
	margin-right: 10px;
	float: left;
}

div#last {
	margin-right: 0px;
}

div.img-blocktitle {
	width: 218px;
	height: 20px;	
	padding-left: 10px;
	padding-top: 5px;
	background-color: #E80000;
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
	float: left;
}

a.city-button {
	display: inline-block;
	width: 167px;
	height: 26px;
	background-color: #66BCD9;
	color: #ffffff;
	float: left;
	text-align: center;
	padding-top: 14px;
	margin-right: 12px;
}

a.city-button:hover {
	text-decoration: none;
	background-color: #E80000;
}

a#lastcity {
	margin-right: 0px;
}


