/* Presentation Stylesheet */

a:link, a:visited, a:active  { color: #FF3200; background: transparent;  text-decoration:underline; }
a:hover { color: #000; background: transparent;  text-decoration: underline; }

#top_right a:link, #top_right a:visited, #top_right a:active { color: #FFF; background: transparent; text-decoration: none; }
#top_right a:hover { color: #FFF; background: transparent; text-decoration: underline; }

#footer a:link, #footer a:visited, #footer a:active { color: #000; background: transparent; text-decoration: none; }
#footer a:hover { color: #000; background: transparent; text-decoration: underline; }

	/* ---- NAVIGATION ---- */

	#mainnav ul {
		list-style-type: disc;
		padding: 0;
		margin: 0px 0 0 0;
		
		font-size: 12px;
		font-weight: normal;
		height: 31px;
	}
	
	#mainnav ul li{
		
		display: block;
		float: left;
		height: 31px;
		
		margin: 0px 0 0 0;
		padding: 0px 0px 0 0px;
		text-align: center;
		background-image: none;		
		
		background-color: transparent;
	
	}
	
	* html #mainnav ul li{
		width: 1px;
	}
	
	
	#mainnav ul li a {
		padding: 8px 20px 0px 20px;
		margin: 0px 0 0 0;
		text-decoration: none;
		font-weight: normal;
		color: #0454A1;
		letter-spacing: 1px;
		display: block;
		height: 21px;
		
	}
	
	
	#mainnav ul li.first a {
		background-image: none;
	}
	
	#mainnav ul li a:hover{
		padding: 8px 20px 0px 20px;
		margin: 0px 0 0 0;
		color: #0454A1;
		text-decoration: none;
		background: #C0DBF8;	
	}
		
	
	#mainnav ul li.highlight a{
		color: #FFF;
		text-decoration: none;
		font-weight: bold;
		background: #3380CA;
	}
	
	#mainnav ul li.highlight a:hover{
		padding: 8px 20px 0px 20px;
		margin: 0px 0 0 0;
		color: #fff;
		text-decoration: none;
		background: #3380CA;
	}

	
	/* ---- /NAVIGATION ---- */	


h1, h2, h3, h4 { font-family: "arial", serif; }

h1 {
	font-size:18px;
	font-weight: normal;
	margin: 2px 0px 6px 0px;
	color: #E04701;	
	line-height: 18px;
}

h2 {
	font-size:18px;
	font-weight: normal;
	margin: 8px 0px 8px 0px;
	color: #2D8BFF;	
}

h2.product {
	margin: 0px 0px 10px 0px;
	padding: 0px;	
	font-size:12px;	
	color: #FF3200;
	font-weight: bold;
}

h3 {
	font-size:16px;
	margin: 20px 0px 10px 0px;
	color: #B70505;		
}

h4 {
	margin: 0px 0px 10px 0px;
	padding: 0px;	
	font-size:12px;	
	color: #FF3200;
}

#cont_first h1 { color: #FFF; margin: 0px 0px 15px 0px; }

p {
	font-size: 12px;
	padding: 0;
	margin: 5px 0px 0px 0px;
	line-height: 18px; 	
}

#header_cont p { font-size: 14px; line-height: 24px; font-weight: normal; }

br.break { clear: both; }



/* <!-- BOXEN --> */
.boxblue {
	margin: 0px 0px 13px 0px;
	padding: 5px 8px;  
	width: 176px;
	/* height: 160px; */
	border: 1px solid #3399FF;
	background: #EEF8FF url(../images/boxblue_bg.gif);
	background-repeat: repeat-x;
	background-position: top left;
}

.boxblue_header {
	margin: 10px 0 0px 0;
	padding: 4px 0 4px 7px;
	color: #FFF000;
	font-size: 12px;
	font-weight: bold;
	background-image: url(../images/boxheader.jpg);
	background-repeat: no-repeat;	
	background-position: top left; 	
}

.boxred {
	margin: 0px 0px 13px 0px;
	padding: 10px 2px 5px 6px;  
	width: 184px;
	/* height: 160px; */
	border: 1px solid #EA4A00;
	background: #EA4A00;
	background-repeat: repeat-x;
	background-position: top left;
	color: #FFF;
	
}

.boxred img { border: 1px solid white; float: left; }
.boxredprice { font-size: 24px; font-weight: bold; display: block; padding: 20px 10px 50px 10px; width: 75px; float: right;}

.boxred_header {
	margin: 10px 0 0px 0;
	padding: 4px 0 4px 7px;
	color: #FFF000;
	font-size: 12px;
	font-weight: bold;
	background-image: url(../images/boxheader_red.jpg);
	background-repeat: no-repeat;	
	background-position: top left; 	
}

.boxblue p, .boxred p { padding: 0px 2px; margin: 0 0 0 0; }
.boxred p { line-height: 18px; margin: 5px 0 8px 0; }

#left_col a:link, #left_col a:visited, #left_col a:active, #right_col a:link, #right_col a:visited, #right_col a:active { color: #000; background: transparent; text-decoration:underline; }
#left_col a:hover, #right_col a:hover  { color: #FF0404; background: transparent; text-decoration:underline; }

.boxred a:link, .boxred a:visited, .boxred a:active { color: #FFF !important; background: transparent; text-decoration: underline;} 
.boxred a:hover { color: #FECB1A !important ; background: transparent; text-decoration: underline; }

.linkbox {
	margin: 5px 10px 5px 0px;
	padding: 8px;  
	width: 160px;
	/* height: 160px; */
	float: left; 
	border: 1px solid #3399FF;
	background: #EEF8FF;
}

.linkbox_last { margin: 5px 0px 5px 0px; }

/* <!-- BOXEN //--> */

.reislist {
	background: #FFF url(../images/item_bg.gif);
	background-repeat: repeat-x;
	background-position: top left; 
	padding: 10px;
	margin: 0 0 10px 0;
	border: 1px solid #A9D7FF;
	height: 120px;
}

.reislist_item {
	background: #FFF url(../images/item_bg.gif);
	background-repeat: repeat-x;
	background-position: top left; 
	padding: 10px;
	margin: 0 0 10px 0;
	border: 1px solid #A9D7FF;
}

.reislistprice { font-size: 24px; font-weight: bold;  padding: 0px 0 5px 10px; }
.reislistboeken { font-size: 24px; font-weight: bold;  padding: 0px 0 5px 10px; }

.page_nav {
	font-size:18px;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	color: #2D8BFF;	
	text-align: right;
}

.pagenav_current { color: #222; }
.partners { text-align: center; font-size: 11px; }

img { background: #eee; border: 0px solid black; margin: 0px; } 
img.img_content { background: #eee; border: 0px solid #3399FF; padding: 0; margin: 0px 7px 7px 0; }
img.img_special { background: #eee; border: 3px solid #BBB; padding: 0; margin: 0px 10px 10px 0; }
img.menu { background: #eee; border: 0px; padding: 0 0 0 0; margin: 0 0 0 0; }
img.nobg { background: none; border: 0px solid black; }
img.nomargin { margin: 0px 0px 0px 0px; }
img.img_red { background: none; border: 3px solid white; margin: 15px 20px 20px 0; }

#trail {margin:0px 2px 20px 0px; font-size:95%; background:#fff; color:#aaa;}
#trail a {color:#aaa}
#trail a:hover {text-decoration:underline; color:#333}
#trail_delimiter { font-weight:bold; color: gray;}
.trail_delimiter { font-weight:bold; color: gray;}

/* p image classes */
p.picborder { border: 1px solid gray; margin: 0px 0px 0px 0px; }
p.left { border: 1px solid gray; float: left; margin: 3px 3px 3px 0px; padding: 0px 0px 0px 0px; }
p.right { border: 1px solid gray; float: right; margin: 3px 0px 3px 3px; }

div.error {
	border: 1px solid red;
	background-color : #FFCCCC;
	width: auto;
	margin: 0px;
	padding: 15px;  
}

form { padding: 10px; background: #FFFA94;	border: 1px solid #DBB72F; margin: 0 0 0 0; }
input { background-color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000; border:1px solid #D5AD1A; }
input.radio { vertical-align: middle; background-color: #EEEEEE; border-style: none;}
input.checkbox { margin: 0 0.25em 0 0; vertical-align: middle; background-color: #fff; border-style: none;}

textarea {
background-color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000; border:1px solid #D5AD1A;
height: 90px;
width: 370px;
}

/* TABLE */
table { font-size: 12px; line-height: 18px; }

table.datatable  {
	margin:0px; 
	padding: 5px; 
	width: 100%;
	font-family: verdana; 
	font-size: 11px; 
	color: #000;
	border-collapse: collapse;	
}

table.datatable th { 
	font-weight: bold;
	color:#FFF; 
	background: #9B9B9B; 
	margin: 0; 
	padding: 3px 3px; 
	border: 0px solid;
}

table.datatable td { border: 1px solid #CCC; padding: 6px; margin: 0; vertical-align: middle; }
table.datatable tr.odd { background: #EFEFEF; }
table.datatable tr.even { background: #FFF; }

/* { border: 1px solid #F00; }