/* CSS Document */

body {
	margin:					0px;
	padding:				0px;
	text-align:				center;
	font-family:			verdana;
	font-size:				11px;
	color:					#900028;
	line-height:			20px;
}

img
{
    border: none;
}

h1 {
margin:0px 0px 24px 10px;
padding:0px 0px 12px 0px;
border-bottom: 1px dashed #00a5c0;
}

body p {
	text-align:				left;
	font-family:			verdana;
	font-size:				11px;
	color:					#900028;
	line-height:			20px;
	margin-left:			12px;
}

#frame {
	width:					960px;
	background-image:		url(../images/frame_bg.gif);
	background-repeat:		repeat-y;
	margin-left:			auto;
	margin-right:			auto;
}

#header {
	width:					960px;
	height:					278px;
	margin-left:			auto;
	margin-right:			auto;
}

#banner {
	width:					960px;
	height:	  	 			278px;
	margin-left:			auto;
	margin-right:			auto;
}

#mainbox {
	width:					960px;
	margin-left:			auto;
	margin-right:			auto;
}

#colleft {
	width:					175px;
	min-height:				1px;
	background-color:		#00aac3;
	float:					left;
	border-top:				1px solid #209cae;
	margin-top:				0px;
}

#nieuwsbrief {
	width:					175px;
	min-height:				1px;
    background:		        #00a5c0;
	float:					left;
    /*position:               relative;
    bottom:                 0px;
    left:                   -187px;*/
	padding:       		    20px 0 10px 0;
    text-align:             center;
    /*margin-top:             -45px;*/
}

#nieuwsbrief a{
    color:                  #FFFFFF;
}

#colcenter{
	float:					left;
	width:					752px;
	text-align:				left;
	margin-left:			12px;
}

#colright{
	width:					223px;
	float:					left;
}


#rightbox {
	width:					225px;
	margin-left:			auto;
	margin-right:			auto;
	margin-top:				26px;
	margin-bottom:			20px;
}

#rightbox2 {
	width:					200px;
	margin-left:			auto;
	margin-right:			auto;
	margin-top:				26px;
	margin-bottom:			20px;
}


/*-------------------------------  search  -----------------------------*/

form {
	width:					137px;
	height:					104px;
	margin-top:				130px;
	margin-left:			8px;
	margin-right:			auto;
	text-align:				left;
	font-family:			verdana;
	font-size:				10px;
	background-color:	 	#00aac3;
	position:				absolute;
	background-image:		url(../images/bg_search.gif);
}

.field {
	font-family:			verdana;
	font-size:				10px;
	color:					#900028;
	margin-top:				46px;
	margin-left:			7px;
}

.submit {
	background-image:		url(../images/btn_search.gif);
	background-repeat:		no-repeat;
	width:					65px;
	height:					20px;
	margin-top:				4px;
	margin-left:			7px;
	color:					#fff;
	border:					0px;
	font-family:			verdana;
	font-size:				10px;
	padding-bottom:			1px;
}


/*-------------------------------  headers & paragraphs -----------------------------*/


h2 { /*headers bij wandelroutes*/
	font-family:			verdana;
	font-size:				12px;
	color:					#900028;
	margin-left:			0px;
	margin-right:			14px;
	padding-bottom:			8px;
	text-align:				left;
}


h2.mainheader {
	font-family:			verdana;
	font-size:				18px;
	color:					#900028;
	margin-left:			14px;
	margin-right:			14px;
	margin-bottom:			0px;
	margin-top:				0px;
	padding:				0px;
	padding-bottom:			6px;
	text-align:				left;
	font-weight:			normal;
	border-bottom:			1px dashed #209cae;
}

h2.subheader {
	font-family:			verdana;
	font-size:				14px;
	color:					#900028;
	margin-left:			14px;
	margin-right:			14px;
	margin-bottom:			0px;
	margin-top:				0px;
	padding:				0px;
	padding-bottom:			6px;
	text-align:				left;
	font-weight:			bold;
	border-bottom:			1px dashed #209cae;
}

h2.rightheader {
	font-family:			verdana;
	font-size:				12px;
	color:					#900028;
	width:					200px;
	margin-left:			auto;
	margin-right:			auto;
	margin-bottom:			0px;
	margin-top:				10px;
	padding:				0px;
	padding-bottom:			4px;
	text-align:				right;
	font-weight:			normal;
	border-bottom:			1px dashed #209cae;
}

p.footertext {
	font-family:			verdana;
	font-size:				9px;
	color:					#900028;
	margin:					0px;
	margin-left:			6px;
	padding-top:			16px;
	text-align:				right;
	line-height:			12px;
}

.cr {
	color:					#0098ae;
}

p.bodytext {
	font-family:			verdana;
	font-size:				11px;
	color:					#900028;
	line-height:			20px;
	text-align:				justify;
	margin-left:			14px;
	margin-right:			14px;
	margin-bottom:			30px;
}

p.bodytext ul {
	font-family:			verdana;
	font-size:				11px;
	color:					#900028;
	line-height:			20px;
}

li {
	font-family:			verdana;
	font-size:				11px;
	color:					#900028;
	line-height:			20px;
}

.route_info {
	font-family:			verdana;
	font-size:				9px;
	color:					#a73c59;
	text-align:				justify;
	font-weight:			normal;
	margin-left:			10px;
	
	
}


p {
	font-family:			verdana;
	font-size:				11px;
	color:					#900028;
	line-height:			20px;
	text-align:				justify;
	margin-left:			14px;
	margin-right:			14px;
	margin-bottom:			30px;
}

.route_table {
	font-family:			verdana;
	font-size:				11px;
	color:					#900028;
	text-align:				left;
}

ul.list {
	text-align:				left;
	font-family:			verdana;
	font-size:				10px;
	color:					#047c8e;
	margin-top:				0px;
	line-height:			20px;
}

ul.list a{
	text-align:				left;
	font-family:			verdana;
	font-size:				10px;
	color:					#047c8e;
	margin-top:				0px;
	line-height:			20px;
}

ul.list a:hover{
	text-align:				left;
	font-family:			verdana;
	font-size:				10px;
	color:					#900028;
	margin-top:				0px;
	line-height:			20px;
}

.img {
	padding:				4px;
}

/*-------------------------------  drop down menu -----------------------------*/

/* --- functionality --- */

.topmenu {
	margin-left:			0px;
	padding-left:			0px;
	margin-top:				0px;
}

.topmenuul{
	list-style-type:		none;
	margin:					0;
	padding:				0;
}

.topmenuli{
	list-style-type:		none;
	float:					left;
	text-transform:			capitalize;
}

.topmenutitle{
	display:				block;
	width:					169px;
	}

.submenuul{
	list-style-type:		none;
	position:				absolute;
	margin: 				0;
	margin-left:			169px;
	padding: 				0;
	display:				none;
	
}

.submenuli a{
	display:				block;
	width:					175px;
}

li:hover ul , li.over ul{
	display: 				block;
}

#dmenu li>ul { 
	top: 					auto;
	left: 					auto;
}


/* --- menu design --- */

#dmenu {
	font-family: 			Verdana;
	font-size:				12px;
}


.topmenutitle {
	text-indent:			0px;
	text-decoration:		none;
	border:					0px;
	border-bottom:			1px solid #209cae;
	padding:				3px;
	line-height:			22px;
}


.topmenuli a{
	font:					verdana;
	font-size:				11px;
	color:					#FFFFFF;
	text-align:				left;
}

.topmenuli a:hover{
	font:					verdana;
	font-size:				11px;
	color:					#FFFFFF;
	text-align:				left;
	background-color:		#209cae;
}

.submenuul {
	margin-top:				-30px;
	background-color:		#900028;
	border-right:			1px solid #900028;
	border-left:			1px solid #fff;
	line-height:			14px;
	text-indent:			4px;
}

.submenuli a{
	font:					verdana;
	font-size:				10px;
	padding:				3px;
	text-decoration: 		none;
	color: 					#fff;
	border-bottom:			1px solid #aa0332;
}

.submenuli a:hover{
	text-decoration: 		none;
	font-size:				10px;
	background:				#aa0332;
	color: 					#fff;
}


/*------------------------------- footer -----------------------------*/


#footer {
	width:					960px;
	height:					80px;
	background-image:		url(../images/footer_bg.gif);
	background-position:	top;
	background-repeat:		no-repeat;
	margin-left:			auto;
	margin-right:			auto;
}

/*------------------------------- routes -----------------------------*/

.route_thumbnail {
	margin-right:			8px;
	margin-bottom:			8px;
	margin-left:			-8px;
	text-align:				right;
	float:					left;
	border:					1px solid #900028;
}

a {
	font-family:			verdana;
	font-size:				11px;
	color:					#047c8e;
	text-align:				left;
	text-decoration:		none;
}

a:hover {
	font-family:			verdana;
	font-size:				11px;
	color:					#900028;
	text-align:				left;
	text-decoration:		none;
}


.route {
	text-align:				left;
	margin-left:			20px;
	margin-right:			14px;
	padding-bottom:			4px;
	border-bottom:			1px dashed #209cae;
}

/*#logo_flb {
	width:120px;
	height:59px;
	position:absolute;

}*/

#route_info {
	font-family:			verdana;
	font-size:				11px;
	color:					#047c8e;
	width:					280px;
	height:					180px;
	border: 				1px solid #900028;
	float:					right;
	margin:					8px;
}

#route_info td {
	font-family:			verdana;
	font-size:				11px;
	color:					#047c8e;
	text-align:				left;
}

#route_info th {
	font-family:			verdana;
	font-size:				11px;
	color:					#900028;
	text-align:				left;
}

#accomodations {
	border:					1px solid #047c8e;
	width:					192px;
	margin-left:			14px;
	padding:				4px;
	background-color:		#a6dadf;
	text-align:				left;
}

#accomodations h3 {
	color:					#047c8e;
	font-size:				11px;
	margin:					0px 0px 4px 0px;
}

#accomodations ul {
	margin:					0px 0px 0px 18px;
	padding:				0px;
}

#accomodations ul li {
	line-height:			16px;
}

#streekverhaal form {
	margin:					0px;
	width:					auto;
	height:					auto;
	background-image:		none;
	float:					none;
	background-color:		transparent;
}

#streekverhaal {
	margin:					0px 12px 0px 10px;
	background-color:		#a6dadf;
	padding:				8px;
	border:					1px solid #047c8e;
}

#searchpagefield {
	margin:					0px 12px 0px 10px;
	background-color:		#a6dadf;
	padding:				8px;
	border:					1px solid #047c8e;
	height:					26px;
}

#searchpagefield  form {
	margin:					0px;
	width:					auto;
	height:					auto;
	background-image:		none;
	float:					none;
	background-color:		transparent;
}

#streekverhaal label {
	color:					#047c8e;
	font-weight:			bold;
}

#contactform {
	padding:				0px 0xp 0px 40px;
	width:					400px;
	height:360px;
}

#contactform form {
	margin:					0px 0px 0px 8px;
	width:					auto;
	height:					auto;
	background-image:		none;
	float:					none;
	background-color:		transparent;
}

#contactform label {
	margin:					0px 0px 0px 8px;
}

select {
	color:					#900028;
	font-size:				11px;
}

input {
	color:					#900028;
}

textarea {
	color:					#900028;
}

.page-list {
    margin:12px;
    padding:0px;
}
.page-list .page-list-item {
    margin:0px;
    padding:10px 0px 10px 0px;
    border-top:1px dashed #ccc;
}
.page-list .page-list-item h3 {
    margin:0px;
    padding:0px 0px 4px 0px;  
}
.page-list .page-list-item h3 a {
    margin:0px;
    padding:0px;
    font-size:14px;
}
.page-list .page-list-item p {
    margin:0px;
    padding:0px 0px 4px 0px;
}
.page-list .page-list-item a.readmore {
    margin:0px;
    padding:0px;
    text-decoration:underline;
}
