/* KLEUREN
donkerblauw: 	#00338E;
50% blauw:		#8FA5CD
Rood:			#E2001A;
*/
/* ============================================================	*/ 
/* ========	HTML STANDAARDEN  	===============================	*/
/* ============================================================	*/ 

html {
	height:100%;
	width:100%;
	}
body {
	margin:0 0 0 0;
	width:100%;
	height:100%;
	text-align:center;
	font-size:14px;
	}
body, table, th, td, p, input, textarea, select {
	font-family:Arial, Helvetica, Sans-serif;
	font-size:11px;
	}	
a {}
a:hover {}
h1 {font-size:20px;color:#00338E;margin:10px 0;font-style:italic;}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}	
p {margin-bottom:15px;}
	
ol {}
ul {}
li {}
li li {}

label {}
.cB {clear:both;}

/* ============================================================	*/ 
/* ========	LAYOUT BLOCKEN  	===============================	*/
/* ============================================================	*/ 

.container {position:relative;margin:0 auto 0 auto;width:998px;min-height:100%;height:auto;text-align:left;background:#FFF url(../gfx/page_back.gif) repeat-y left top;}

/* ============================================================	*/ 
/* ========	HEADER				===============================	*/
/* ============================================================	*/

.header 	{position:relative;padding:0 9px;height:110px;}
.header .logo 		{float:left;}
.header .visual		{float:left;}

/* ============================================================	*/ 
/* ========	NAVIGATION			===============================	*/
/* ============================================================	*/

.navigation 								{clear:left;height:24px;margin:0 9px;border-bottom:4px solid #FFF;background-color:#7F99C6;}
.navigation ul {}
.navigation ul li 							{float:left;height:24px;}
.navigation ul li span 						{display:none;}
.navigation ul li a 						{display:block;height:24px;}
.navigation ul li a:hover 					{}

.navigation ul li.wie_zijn a 				{width:252px;background:transparent url(../gfx/nav_wie_zijn_normal.gif) no-repeat left top;}
.navigation ul li.referenties a 			{width:91px;background:transparent url(../gfx/nav_referenties_normal.gif) no-repeat left top;}
.navigation ul li.links a 					{width:54px;background:transparent url(../gfx/nav_links_normal.gif) no-repeat left top;}
.navigation ul li.algemene_voorwaarden a 	{width:170px;background:transparent url(../gfx/nav_voorwaarden_normal.gif) no-repeat left top;}
.navigation ul li.contact a 				{width:67px;background:transparent url(../gfx/nav_contact_normal.gif) no-repeat left top;}

.navigation ul li.wie_zijn a:hover		 	{background:transparent url(../gfx/nav_wie_zijn_hover.gif) no-repeat left top;}
.navigation ul li.referenties a:hover		{background:transparent url(../gfx/nav_referenties_hover.gif) no-repeat left top;}
.navigation ul li.links a:hover				{background:transparent url(../gfx/nav_links_hover.gif) no-repeat left top;}
.navigation ul li.algemene_voorwaarden a:hover {background:transparent url(../gfx/nav_voorwaarden_hover.gif) no-repeat left top;}
.navigation ul li.contact a:hover		 	{background:transparent url(../gfx/nav_contact_hover.gif) no-repeat left top;}

/* ============================================================	*/ 
/* ========	FOOTER				===============================	*/
/* ============================================================	*/

div.footer 				{position:absolute;bottom:0;right:9px;height:18px;width:609px;clear:both;background:#FFF url(../gfx/footer.gif) no-repeat left top;}
.footer-text 			{padding:3px 10px 0px 10px;color:#FFF;text-align:right;font-size:9px;}
.footer-text a 			{color:#FFF;}
.footer-text a:hover 	{color:#00338E;}

/* ============================================================	*/ 
/* ========	CONTENT-BLOCK		===============================	*/
/* ============================================================	*/

.content-block 			{margin:0 9px;width:980px;padding-bottom:30px;overflow:hidden;}

/* ============================================================	*/ 
/* ========	SIDEBAR				===============================	*/
/* ============================================================	*/

.sidebar 					{float:left;width:180px;}

.last_news 					{margin-bottom:10px;}
.last_news .block 			{margin:0 5px;border-bottom:1px solid #BFCCE3;}
.last_news .block a 		{display:block;padding:8px 6px 3px 4px;color:#000;}
.last_news .block a .h3 	{display:block;margin-bottom:3px;font-size:14px;color:#00338E;font-weight:normal;}
.last_news .block a:hover 	{background:#FFF url(../gfx/side_gradiback_pink.png) repeat-y left top;}
.last_news p				{margin:0;}
span.read-more 				{display:block;text-align:right;height:17px;padding-right:12px;color:#E2001A;background:transparent url(../gfx/red_arrow.gif) no-repeat 100% 2px;}

.bannerblock 				{padding-left:5px;}


.all_side 					{}
.all_side .block 			{margin:0 5px;border-bottom:1px solid #BFCCE3;}
.all_side .block a 			{display:block;padding:8px 6px 5px 4px;color:#000;}
.all_side .block .h3 		{display:block;margin-bottom:0px;font-size:11px;color:#00338E;font-weight:bold;}
.all_side .block a:hover  	{background:#FFF url(../gfx/side_gradiback_pink.png) repeat-y left top;}
.all_side .block .date 		{color:#E2001A;}
.all_side .block .place 	{color:#7F99C6;}

/* ============================================================	*/ 
/* ========	MAIN-CONTENT		===============================	*/
/* ============================================================	*/

.main-content 				{float:left;border-left:4px solid #FFF;width:796px;}
.main-block 				{float:left;border-right:4px solid #FFF;width:512px;}
.side-block 				{float:left;width:280px;}
.last-toppers				{}

.colset .head-dark			{margin-bottom:20px;}
.colset .head-dark img		{display:block;}
.leftcol					{width:380px;border-right:24px solid #FFF;border-left:20px solid #FFF;}
.rightcol					{width:360px;}
.left						{float:left;}
/* ============================================================	*/ 
/* ========	HEADS				===============================	*/
/* ============================================================	*/

.head-dark 									{position:relative;height:30px;overflow:hidden;background:#00338E url(../gfx/head_back_dark.png) repeat-x -4px 0;}
.head-dark div	 							{display:block;height:30px;}
.last_news .head-dark 						{background:transparent url(../gfx/kop_last_news.gif) no-repeat left top;}
.all_toppers .head-dark div.indent			{background:transparent url(../gfx/kop_alle_toppers.gif) no-repeat left top;}
.contact .head-dark div.indent				{background:transparent url(../gfx/kop_contact.gif) no-repeat left top;}


.ref .head-dark div.indent			    	{background:transparent url(../gfx/headers/referenties.gif) no-repeat left top;}
.hoe .head-dark div.indent			    	{background:transparent url(../gfx/headers/hoe-gaat-het-in-zijn-werk.gif) no-repeat left top;}
.wie .head-dark div.indent			   	{background:transparent url(../gfx/headers/wie-zijn-wij.gif) no-repeat left top;}
.links .head-dark div.indent 				{background:transparent url(../gfx/headers/links.gif) no-repeat left top;}	
.voor .head-dark div.indent 				{background:transparent url(../gfx/headers/algemene-voorwaarden.gif) no-repeat left top;}	


.alle_uitjes .head-dark div.indent			{background:transparent url(../gfx/kop_alle_uitjes.gif) no-repeat left top;}
.last-toppers .head-dark div.indent 		{background:transparent url(../gfx/kop_last_minute.gif) no-repeat left top;}
.mooi-weer .head-dark div.indent 			{background:transparent url(../gfx/kop_mooi_weer.gif) no-repeat left top;}
.last-news-detail .head-dark div.indent 	{background:transparent url(../gfx/kop_last_news_big.gif) no-repeat left top;}

div.indent 								{text-indent:-5000px;display:block;}


/* ============================================================	*/ 
/* ========	ITEMS		  		===============================	*/
/* ============================================================	*/ 

.mooi-weer 					{width:280px;height:744px;background:#D9E0EE url(../gfx/sidebar_back.png) repeat-x 0px 30px;}
.mooi-weer .content 		{padding:10px 0 0 10px;}
.mooi-weer ul.top11			{margin:0 10px 0 0;background-color:#FFF;}
.mooi-weer ul.top11 li 		{display:block;height:44px;border-bottom:1px solid #BFCCE3;cursor:pointer;}
.mooi-weer ul.top11 a 		{display:block;width:260px;height:42px;padding:1px 0;color:#00338E;}
.mooi-weer ul.top11 span	{display:block;width:160px;padding:5px;float:left;cursor:pointer;}
.mooi-weer ul.top11 li a:hover	{background:transparent url(../gfx/menu_hover.png) repeat-y left top;color:#E2001A;font-weight:bold;}
.mooi-weer ul.top11 img.number {float:left;display:block;margin:4px;}
.mooi-weer ul.top11 img.thumb {float:left;display:block;}
.mooi-weer .img123 			{display:block;}

ul.list 					{margin:5px;}
ul.list li 					{padding:0 10px;background:transparent url(../gfx/li.gif) no-repeat 0px 4px;}
ul.list li a 				{color:#00338E;}
ul.list li a:hover 			{}

span.sort					{position:relative;text-align:right;line-height:15px;padding-right:20px;width:100px;float:right;color:#FFF;font-size:9px;}
a.sort-date,
a.sort-price				{position:absolute;top:12px;left:15px;width:auto;height:11px;font-size:11px;font-weight:bold;color:#FFF;text-decoration:underline;z-index:10;}
a.sort-price 				{left:74px}
				
.topper-block 				{border-bottom:5px solid #FFF;height:120px;margin:-1px 0 0 0px;width:512px;border-top:1px solid #BFCCE3;}
.topper-block img			{display:block;float:left;margin-right:16px;}
.topper-block h2			{font-size:16px;color:#00338E;margin:5px 0px 5px 0px;}
.topper-block h2 a			{color:#00338E;}
.topper-block h2 a:hover	{color:#E2001A;}
.topper-block h4			{font-size:14px;color:#00338E;margin:9px 0 0 0;}
.topper-block table			{margin-left:20px;}
.topper-block table th		{font-size:11px;width:80px;font-weight:normal;text-align:right;color:#8FA5CD;padding-right:5px;border-right:1px solid #00338E;}
.topper-block table td		{font-size:14px;padding-left:10px;padding-right:15px;}
.topper-block span.line		{position:relative;display:block;font-size:14px;color:#000;}
.topper-block span.line span{position:absolute;top:0px;left:0px;width:52px;height:16px;z-index:10;background:transparent url(../gfx/old_price.png) no-repeat 0px 0px;}
.topper-block span.line b	{font-size:14px;color:#000;}
.topper-block span.price	{font-weight:bold;font-size:18px;color:#E2001A;}
.topper-block a.info 		{display:block;color:#8FA5CD;padding:5px 30px;text-align:right;background:transparent url(../gfx/info_blue.png) no-repeat right top;}
.topper-block a.info:hover 	{}

.hover h2 					{color:#E2001A;}
.hover a.info 				{color:#E2001A;background:transparent url(../gfx/info_red.png) no-repeat right top;}

.topper-block.normal 		{background:transparent url(../gfx/back_gradi_blue.png) repeat-y left top;}
.topper-block.hover 		{background:transparent url(../gfx/back_gradi_pink.png) repeat-y left top;}	
.topper-block.hover h2 a	{color:#E2001A;}


.last-news-detail {}
						
.last-news-detail .content {padding:20px;}
.today-date {float:right;color:#00338E;}
.back-home
							
							
.page-nav {margin-top:40px;}
.page-nav a.next {float:right;}
.page-nav a.previous {}
.page-nav a.hidden {display:none;
}


.colset {}
.colset .back-home {margin:0 0 0 20px;}
.content h2,.padding h2 {color:#00338E;font-size:14px;margin-bottom:15px;}
.main-block .content ul li {
	list-style:disc;
	margin-left:20px;
	}


.left-col {overflow:hidden;}	
.rightcol .back-home {margin-left:0;}
.padding {padding:20px;}
.padding li {padding-bottom:3px;}
.padding li a {color:#00338E;}
.padding li a:hover {color:#E00;text-decoration:underline;}
div.visual_large {width:359px;overflow:hidden;margin:15px 0 4px 0;}
div.visual_large img {display:block;}
div.thumbs {position:relative;width:380px;margin-left:-1px;margin-bottom:4px;overflow:hidden;}
div.thumbs a {display:block;float:left;border:1px solid #FFF;margin-right:3px;}
div.thumbs img {display:block;}
div.thumbs a:hover {border:1px solid #DB1229;}

table.specs {width:359px;border:1px solid #728EC1;background:#FFF url(../gfx/gradiback.png) no-repeat left top;}
table.specs td.headdark {padding:5px 10px;color:#FFF;font-weight:bold;font-size:14px;background:transparent url(../gfx/head_back_dark.png) repeat-x left top;border:none;}	
table.specs th {padding:5px 10px;font-size:12px;border-top:1px solid #B5C4DE;color:#00338E;font-weight:normal;vertical-align:top;text-align:left;}
table.specs td {width:150px;padding:5px 0px;font-size:12px;border-top:1px solid #B5C4DE;color:#E2001A;vertical-align:top;text-align:left;}
table.specs td.price {width:200px;font-size:16px;font-weight:bold;}

form table {border:1px solid #B9C8E0;background:#D9E1EE url(../gfx/gradiback.png) repeat-x left top;}
form table th {padding:3px 5px;text-align:left;vertical-align:top;color:#00338E;font-weight:normal;font-size:12px;}
form table td {padding-bottom:7px;font-size:12px;}

div.contact {}
div.contact .back-home {margin:0 0 20px 0;}

.contact address {display:block;margin-bottom:20px;font-style:normal;}
.contact address strong {color:#00338E;font-size:12px;}
/* ============================================================	*/ 
/* ========	DETAIL COLSET		===============================	*/
/* ============================================================	*/

.enlarge {
	display:block;
	padding:5px 2px;
	font-size:11px;
	font-weight:bold;
	}
.visualBig {
	width:364px;
	height:270px;
	}
div.subImage {	
	position:absolute;
	display:none;
	margin-left:2px;
	width:360px;
	height:270px;
	z-index:100;
	}
.visualSmall {width:365px;}
.visualSmall a {display:block;float:left;border:2px solid #FFF;}
.visualSmall a:hover {border:2px solid #F00;}
.visualSmall a.active {border:2px solid #F00;}


.dividerNav {
	margin:20px 0 0 0;
	padding:10px 0 0 0;
	position:relative;
	background:transparent url(../gfx/dots.gif) repeat-x left top;
	}
	.dividerNav table {width:100%;}
	.dividerNav td {
		white-space:nowrap;
		height:40px;
		padding:0 10px 10px 10px;
		background:transparent url(../gfx/dots.gif) repeat-x left bottom;
		}
	.dividerNav a {
		font-size:11px;
		color:#F00;
		font-weight:bold;
		text-decoration:none;
		}



/* ============================================================	*/ 
/* ========	FORMULIEREN		  	===============================	*/
/* ============================================================	*/ 

.formgrid {
	margin-top:30px;
	width:378px;
	}
input, select {
	vertical-align:middle;
	}
.type-text {
	padding:2px 0 0 5px;
	color:#333;
	font-size:12px;
	width:194px;
	background:#FFF url(../gfx/input_back.gif) no-repeat left top;
	border:1px solid #8E8E8E;
	border-color:#8E8E8E #CECECE #E4E4E4 #CECECE;
	}
.type-button {
	border:1px solid #F00;
	background-color:#F00;
	color:#333;
	font-weight:bold;
	cursor:pointer;
	margin:0;
	padding:0;
	}
.w45 {width:72px;}
.w80 {width:176px;float:left;margin-right:3px;}
label {vertical-align:middle;cursor:pointer;}
select.select {}
textarea.textarea {
	padding:2px 0 0 5px;
	font-size:12px;
	width:194px;	
	color:#333;
	background:#FFF url(../gfx/input_back.gif) no-repeat left top;
	border:1px solid #8E8E8E;
	border-color:#8E8E8E #CECECE #E4E4E4 #CECECE;
	}
	

.radio {}
.radio input {
	margin-right:5px;
	vertical-align:middle;
	}