﻿body {
	background: #A6E3F9 url('../images/styles/bg_main.jpg')  repeat-x;
	color:#333333;
	font-family:Trebuchet MS,Helvetica,sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
	
}
a img {border: none;}
a {
	color:#40C2F3;
	font-weight:normal;
	text-decoration:underline;
}
a:hover {
	text-decoration:underline;
}
h1 {
	color:#00AEEF;
	font-family:Trebuchet MS,Helvetica,sans-serif;
	font-size:22px;
	font-weight:bold;
	margin:0 0 20px;
}

div#site
{
	width: 900px;
	margin: 0px auto;
	position:relative;
	padding: 147px 0px 0px 0px;
}
	div#header
	{
		position:absolute;
		top: 0px;
		background:#FFFFFF url(../images/styles/bg_header.gif) center top repeat-x;
		height:84px;
		width:900px;
	}
		div#logo {		
			display:block;
			height:52px;
			padding:20px;			
			top:20px;
			width:199px;
			float:left;
		}
		div#login {
			text-align: right;
			margin:20px 10px 0 0;
		}
		div#login, div#login a {
			color:#40C2F3;
			font-size:12px;
			font-weight:bold;
			line-height:16px;
			text-decoration:none;
		}
		div#login a:hover {
			text-decoration: underline;
		}
	div#tabs {
		background: url(../images/styles/dots.gif) 0 30px no-repeat;
		height:63px;
		top: 84px;
		position:absolute;
		width:900px;
	}
	div#tabs ul {
	list-style-type:none;
	margin:0 0 0 200px;
	padding:0;
	}
		div#tabs ul li {
			display: block;
			float: left;
		}
		#tabs a { 
			display:block;
			height:48px;
			width:122px;
			text-decoration: none;
		}
		div#tabs ul li.item_zo_werkt_het a{
			background: url(../images/styles/zo_werkt_het.gif) top left no-repeat;
		}
		div#tabs ul li.item_kaartengalerij a{
			background: url(../images/styles/kaartengalerij.gif) top left no-repeat;
		}
		div#tabs ul li.item_onze_prijzen a{
			background: url(../images/styles/onze_prijzen.gif) top left no-repeat;
		}
		div#tabs ul li.item_tips_ideeen a{
			background: url(../images/styles/tips_ideeen.gif) top left no-repeat;
		}
		div#tabs ul li a:hover{
			background-position: bottom left;
		}
		#tabs a span {
			visibility: hidden;
			font-size: 2px;
		}
	

	div#content
	{
		background: white url(../images/styles/bg_content.gif) left center repeat-y;
		position:relative;
		
	}
		div#mainContent
		{
			width: 409px;
			margin:0px auto;
			padding: 10px 11px;
		}
			div#mainContent p
			{
				line-height: 18px;
			}
			div#mainContent p.img {
				text-align:center;
				padding: 10px 0px;
			}
		div#leftColumn
		{
			position:absolute;
			left: 0px;
			top: 0px;
			width: 236px;
		}
			div.korting {
				background: url(../images/styles/bg_left_bl.jpg) center bottom repeat-x;
				margin:0 0 12px 12px;
				position:relative;
				padding:0 0 10px;
				width:215px;
			}
				div.korting h2{
					background: url(../images/styles/bg_h1_left.gif) left top no-repeat;
					color:#FF9933;
					font-size:18px;
					font-weight:bold;
					line-height:34px;
					margin:0;
					padding:0 10px;
				}
				div.korting ul{
					margin:0 10px;
					padding: 0px;
					list-style: none;
				}
					div.korting ul li {
						background: url(../images/styles/ok_icon.gif) 0 2px no-repeat;
						color:#333333;
						font-size: 11px;
						font-weight:bold;
						padding:2px 0 2px 22px;
					}
			div.flash_banner_section {
				background-image:url(../images/styles/grey_dot.gif);
				background-position:center top;
				background-repeat:repeat-x;
			}
				div.flash_banner {
					position:relative;
					background-image:url(../images/styles/grey_dot.gif);
					background-position:center bottom;
					background-repeat:repeat-x;
					padding:8px 0 5px;
					height: 190px;
					width: 225px;
				}
					div.flash_banner a.go_btn {
						bottom:10px;
					}
			div.klanten_over {
				background:url(../images/styles/bg_grad_bl.jpg) center bottom repeat-x;
				color:#006C96;
				font-size:12px;
				margin:12px 0 12px 12px;
				padding:0 0 15px;
				position:relative;
				width:215px;
			}
				div.klanten_over h3{				
					color:#FF9933;
					font-size:15px;
					font-weight:bold;
			
					margin:0;
					padding:0 10px;
				}
	
				div.klanten_over p {
					color:#006C96;
					font-size:12px;
					font-weight: normal;
					margin:10px;
				}
				div.klanten_over .avtor {
					font-weight: bold;
				}
				div.klanten_over a.go_btn_blue {
					right: 16px;
				}
		div#rightColumn
		{
			position:absolute;
			right: 0px;
			top: 0px;
			width: 232px;
		}
			div.kaart_groot {
				padding:0 0 60px 10px;
				position:relative;
				text-align:center;
				background:url(../images/styles/grey_dot.gif) center bottom repeat-x;
			}
			div.tips_ideeen {
				color:#006F98;
				font-size:11px;
				margin:0 10px 12px;
				padding:18px 5px 13px 10px;
				position:relative;
			}	
				div.tips_ideeen a {
					font-size:11px;
				}
				div.tips_ideeen h4 {
					color:#FF9933;
			
					font-size:15px;
					font-weight:bold;
					margin:0 0 10px;
				}
				div.tips_ideeen h5 {
					font-size:12px;
					font-weight:bold;
					margin:0px 0 0 0;
					padding-top:10px;
				}
				div.tips_ideeen img {
					float:right;
					display:block;
					margin:0 0 0 0px;
				}
				div.tips_ideeen p {
					margin: 0px 0px 1em 0;
				}
		div#footer {
			background-color:#D3F1FC;
			background-image:url(../images/styles/blue_dot.gif);
			background-position:center top;
			background-repeat:repeat-x;
			font-family:Arial,Helvetica,sans-serif;
			height:43px;
		}
			div#footer img {
				float: left;
				margin:10px 0 0 10px;
			}
			div.copyright {
				color:#40C2F3;
				float:right;
				font-family:Arial,Helvetica,sans-serif;
				font-size:11px;
				line-height:11px;
				margin:17px 20px 0 0;
			}
		div#footer_link {
			color:#006C96;
			font-family:Arial,Helvetica,sans-serif;
			font-size:11px;
			margin:0 auto;
			padding:10px 0 30px;
			text-align:center;
			width:900px;
		}
		#footer_link a {
			color:#006C96;
			font-family:Arial,Helvetica,sans-serif;
			font-size:11px;
			text-decoration:none;
		}
		#footer_link a:hover {
			text-decoration: underline;
		}
		
a.go_btn, a.go_btn_blue{
	background:url(../images/styles/list_right.gif) right top no-repeat;
	/*bottom:5px;*/
	color:#00AEEF;
	display:block;
	height:22px;
	line-height:22px;
	padding:0 34px 0 20px;
	margin: 0px 5px 5px 0px;
	/*position:absolute;*/
	/*right:10px;*/
	text-align:right;
	text-decoration:underline;
}
a.go_btn:hover, a.go_btn_blue:hover, a.maak_je_kaart_big_nl:hover, a.maak_je_kaart_nl:hover {
	background-position:right bottom;
	text-decoration: none;
}
a.go_btn_blue{
	background:url(../images/styles/go_btn_blue.gif) right top no-repeat;
}
a.maak_je_kaart_big_nl{
	background:url(../images/styles/maak_je_kaart_big_nl.gif) left top no-repeat;
	display:block;
	height:87px;
	margin: 40px auto 50px auto;	
	width:274px;
	text-decoration: none;
}

a.maak_je_kaart_big_nl span, a.maak_je_kaart_nl span{
	visibility: hidden;
}
a.maak_je_kaart_nl {
	background:url(../images/styles/maak_je_kaart_nl.gif) left top no-repeat;
	bottom:2px;
	display:block;
	height:77px;
	left:15px;
	position:absolute;
	width:213px;
	text-decoration: none;
}
a.go_btn_small {
	display:block;
}