@charset "utf-8";
/* CSS Document */
body{
	font-family:Arial, Helvetica, sans-serif;
	background:url(/img/bg.jpg) top center #000 repeat-y;
	font-size:10px;
	color:#FFF;
	margin:0;
	padding:0;
}

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

h1{
	font-size:18px;	
	margin:0;
	padding:0;
}

h2{
	font-size:10px;
	margin:0;
	padding:0;
}

ul li{
	line-height:18px;
}	

object, img{
	outline:none;
	border:none;
}

.clear_left{
	clear:left;
}
.clear_both{
	clear:both;
}

#website{
	width:900px;
	margin:0 auto 0 auto;
	position:relative;
}

#brochure-kites{
	position:absolute;
	right:110px;
	top:480px;
	width:195px;
	height:275px;
}

#terug{
	position:absolute;
	right:22px;
	top:433px;
	text-align:right;
}
	#terug ul{
		list-style:none;
			text-align:right;
	}
	#terug ul li{
		color:#666666;
		text-align:right;
		font-size:11px;
		padding:0 0 0 15px;
		font-weight:bold;
		background:url(../img/li_terug.gif) 0 6px no-repeat;
	}
	#terug ul li a{
		color:#666666;
		text-decoration:none;		
	}
	#terug ul li a:hover{
		border-bottom:1px solid #666;	
	}
	

#website #menu{
	width:900px;
	height:75px;
}

#website #slider{
	width:900px;
	height:375px;
	text-align:center;
}
#slider p{
	text-align:center;
	padding:150px 0 0 0;
}
#slider p a{
	color:#FFF;	
	font-weight:bold;
}

#website #home-bottom{
	width:900px;
	height:200px;
}

	#home-bottom #left{
		margin-left:25px;
		float:left;
		width:250px;
		height:200px;
	}
	#home-bottom #middle{
		float:left;
		width:250px;
		height:200px;		
		margin-left:50px;
	}
	#home-bottom #right{
		float:left;
		width:250px;
		height:200px;
		margin-left:50px;
	}
/* */
#heading{
		width:900px;
		height:30px;
		position:relative;
	}
		#heading h1{		
		 	margin-left:305px;
			font-size:20px;
		}
		#heading h2{
			font-size:14px;
		 	width:270px;
		 	text-align:right;
			float:left;
			font-variant:small-caps;
		}
	
/* */	
#content-left{
	width:250px;
	margin-left:25px;
	float:left;
	position:relative;
}

#content-right{
	margin-left:310px;
	width:560px;
	height:100%;
	min-height:260px;
	position:relative;
}
	#kenmerken{
		float:right;
		width:140px;
		height:120px;
		margin-left:10px;
		padding:0 0 0 10px;
	}
	#kenmerken h2{
		font-weight:bold;
		font-size:15px;
		font-variant:small-caps;
		margin:0 0 10px 0;
	}
	

	
	#content-right .text{
		padding-right:23px;	
	}
	.text a{
		color:#FFF;	
	}
	
	#content-right #news-foto{
		width:250px;
		height:200px;
	}
	
	#content-right #news-overview{
		width:500px;
		padding:10px 0 15px 0;	
	}
	#content-right ul{
		list-style:none;
		margin:0;
		padding:0;
	}
	#content-right ul li{
		color:#FFF;
		font-size:12px;
		padding:0 0 0 15px;
		font-variant:small-caps;
		font-weight:bold;
		background:url(../img/li.gif) 0 6px no-repeat;
	}
	#content-right ul li a{
		color:#FFF;
		text-decoration:none;		
	}
	#content-right ul li a:hover{
		border-bottom:1px solid #666;	
	}
	
	#content-right #fotos{
		border-top:1px solid #464648;
		border-bottom:1px solid #464648;
		margin:5px 0 5px 0;	
		padding:15px 0 5px 0;
	}
		#content-right #fotos a img{
			border:2px solid #FFF;
		}
		#content-right #fotos img{
			float:left;
			margin:0 10px 10px 0;
		}
		.highslide-caption{
			color:#000;
			font-weight:bold;
		}
/* */
#item_1,#item_2,#item_3,#item_4,#item_5,#item_6,#item_7,#item_8,#item_9{
		width:250px;
		height:200px;
		margin:0 0 20px 0;		
	}
.item_desc{
	height:180px;
	width:450px;
	margin:0 0 20px 0;
	padding:20px 0 0 0;
}
.item_desc h2{
	font-size:22px;	
	margin:0;
	padding:0;
}
.item_desc h3{
	font-size:16px;	
	margin:0 0 15px 0;
	padding:0;
	font-variant:small-caps;
}

/* */
.dealers{
	padding:5px 23px 0 0;	
}

.dealers h2{
	float:left;
	background:url(../img/bg_h2.png) 0 0 no-repeat;
	width:250px;
	height:20px;
	font-size:15px;
	font-variant:small-caps;
	font-weight:bold;
	margin:0 0 5px 0;
	padding:5px 0 0 15px;
}

.dealers select{
	width:230px;	
	margin:5px 0 30px 12px;
	padding:3px;
	border:none;
}

#info{
	float:right;
	width:250px;
	margin-right:0;
	padding:10px 0 0 0;
}

#info h2{
	float:none;
	background:url(/img/bg_h2.png) 0 0 no-repeat;
	width:250px;
	height:20px;
	font-size:15px;
	font-variant:small-caps;
	font-weight:bold;
	margin:0 0 5px 0;
	padding:5px 0 0 15px;
}
#info_content{
	margin:5px 5px 0 0;
	border:1px solid #333;
	padding:5px 20px 10px 15px;	
	min-height:140px;
}

ul#list_dealers_nl{
	float:left;	
	width:250px;
	padding:5px 0 0 15px;
}

ul#list_dealers_be{
	float:left;	
	width:250px;
	padding:5px 0 0 15px;
}

ul#list_dealers_nl li, ul#list_dealers_be li{
	font-variant:normal;
	background:none;
	padding:0 0 15px 0;
	margin:0;
	font-weight:normal;
}
/* */

.nieuws_ov{
		
}

.nieuws_ov h2{
	background:url(../img/bg_h2_nieuws.png) 0 0 no-repeat;
	width:400px;
	height:20px;
	font-size:15px;
	font-variant:small-caps;
	font-weight:bold;
	margin:0 0 5px 0;
	padding:4px 0 0 16px;
}
.nieuws_ov p{
	margin:0;
	padding:0 0 0 15px;
	font-weight:normal;
	width:380px;
}

#content-right .nieuws_ov ul li{
	margin:0 0 30px 0;
	font-variant:normal;
}

.nieuws_ov ul li a{
	font-weight:bold;
}

#content-right .pagina_nummering{
	border-top:#333 1px solid;
	width:400px;
	padding:15px 0 15px 0;
	margin:0 0 15px 0;
}
#content-right .pagina_nummering a{
	color:#FFF;
	text-decoration:none;
	
}
#content-right .pagina_nummering a:hover{
	text-decoration:underline;	
}
.vorige{
	float:left;
	width:80px;	
	height:30px;
	font-weight:bold;

}
.nummers{
	float:left;
	width:230px;
	text-align:center;
	padding:0 5px 0 5px
}
.volgende{
	float:left;
	width:80px;
	height:30px;
	text-align:right;
	font-weight:bold;	
}

#content-right .pagina_nummering .nummers .selected{
	font-size:14px;
	font-weight:bold;	
}


/* */
#afmetingen{
	width:550px;
	padding:15px 0 0 0;
}
#afmetingen h2{
		background:url(../img/bg_h2.png) 0 0 no-repeat;
		width:240px;
		height:20px;
		font-size:15px;
		font-variant:small-caps;
		font-weight:bold;
		margin:0 0 5px 0;
		padding:5px 0 0 15px;
}
#afmetingen table{
	border-collapse:collapse;
}

#afmetingen table th{
	padding:5px 15px 5px 5px;
	font-weight:bold;
	font-size:12px;
}
#afmetingen table td{
	padding:5px 15px 5px 5px;
	font-size:12px;
}
	
/* */
.image{
	margin:0 0 15px 0;
}	
	.image-top{
		width:230px;
		height:23px;
		background:url(../img/bg_top_images.png) 0 0 no-repeat;
		padding:2px 0 0 20px;
		font-size:15px;
		color:#999999;
		font-weight:bold;
		font-variant:small-caps;
	}
	.image-content{
		min-height:100px;
		background:#FFF;
	}
		.image-content ul{
			margin:0 0 0 10px;
			padding:0;			
			list-style:none;
		}
		.image-content ul li{
			float:left;
			margin:0 7px 0 0;
			padding:0;
			line-height:normal;
		}
		.image-content ul li.last{
			margin-right:0;
		}
	.image-bottom{
		margin:-10px 0 0 0;
		width:250px;
		height:25px;
		background:url(../img/bg_bottom_images.png) 0 0 no-repeat;
	}
/* */
.list-content{
	margin:0 0 15px 0;
	padding:15px 0 0 0;
}
	.list-content-left{
		float:left;
		width:280px;
	}
	
	.list-content-right{
		margin-left:280px;
		width:280px;
	}
	
	.list-content-left h2, .list-content-right h2{
		background:url(../img/bg_h2.png) 0 0 no-repeat;
		width:240px;
		height:20px;
		font-size:15px;
		font-variant:small-caps;
		font-weight:bold;
		margin:0 0 5px 0;
		padding:5px 0 0 15px;
	}
	
	#content-right .list-content-left ul li, #content-right .list-content-right ul li{
		font-variant:normal;	
		font-weight:normal;
		padding-right:10px;
	}
	#content-right .list-content-right ul li{
			padding-right:20px;
	}
	#content-right .list-content-right ol{
		font-size:12px;
		margin:0 0 0 8px;
		padding:0 0 0 20px;
	}
	#content-right .list-content-right ol li{
		line-height:21px;
		font-size:12px;
	}
	
	#controlbarAdv h2{
		background:url(../img/bg_h2.png) 0 0 no-repeat;
		width:240px;
		height:20px;
		font-size:15px;
		font-variant:small-caps;
		font-weight:bold;
		margin:0 0 5px 0;
		padding:5px 0 0 15px;
	}
	#controlbarAdv ul li{
		font-variant:normal;	
		font-weight:normal;
		padding-right:10px;
	}
/* Kite overzicht */

#kites_overview ul{
	margin:0 0 30px 30px;
	padding:15px 0 0 0;
	list-style:none;
}

#kites_overview ul li, #boards_overview ul li{
	float:left;
	margin:0 10px 15px 15px;
	line-height:normal;
	padding:3px;
	width:182px;
	height:181px;
	background:url(../img/bg_ov_kites.png) 0 0 no-repeat;
}

#kites_overview ul li img, #boards_overview ul li img{
	margin:0;	
}

#kites_overview ul li a h2, #boards_overview ul li a h2{
	color:#FFF;
	text-align:center;
	text-decoration:none;
	font-size:18px;
	line-height:normal;
	margin:0;
	padding:4px 0 0 0;
	font-weight:normal;
	font-variant:small-caps;
}

#kites_overview ul li:hover, #boards_overview ul li:hover{
	background:url(../img/bg_ov_kites_hover.png) 0 0 no-repeat;
}

/* Overzicht boards */

#boards_overview ul{
	width:850px;
	margin:0 0 15px 30px;
	padding:5px 0 0 0;
	list-style:none;
}

#boards_overview ul li.heading{
	width:50px;
	height:187px;
	background:none;
	margin:0 10px 15px 13px;	
	padding:0;
}

.info{
    position:relative; /*this is the key*/
    z-index:24;    
}

.info:hover{ z-index:25; background-color:#ff0}

.info span{ display: none}

.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-80px; 
	left:50px; 
	width:202px;
	height:89px;
	background:url(../img/tag.png) 0 0 no-repeat;
	color:#fff;
	padding:5px;
}



/* */
#contact h2{
	font-size:14px;	
	font-weight:bold;
	margin:10px 0 5px 0;
}
#contact table{
	margin:0 0 15px 0;	
}
#contact tr td{
	font-size:12px;	
	padding:2px 20px 2px 0;
	line-height:22px;
	vertical-align:top;
}
#contact input{
	margin:0;
	padding:5px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	background-color:#0C0C0D;
	border:1px solid #666;
	width:250px;
}
#contact textarea{
	margin:0;
	padding:5px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	background-color:#0C0C0D;
	width:300px;
	height:150px;
	border:1px solid #666;
}
#contact .noborder{
	width:auto;
	background:none;
	border:none;
}

#contact .browse{
	border:1px solid #FFF;
	background-color:#0C0C0D;
	color:#FFF;
	padding:2px;
	margin:2px;
	width:auto;
	padding:0;
}

#contact .button{
	width:auto;
	padding:3px 10px 3px 10px;
	background-color:#FFF;
	border:1px solid #000;
	color:#000;
	font-weight:bold;
	cursor:pointer;
}

#error{
	border:1px solid #FFF;
	padding:10px;
	margin:15px 0 15px 0;
	width:430px;
}
	#error p{
		margin:0;	
	}

/* */

#website #footer{
	padding:10px 0 10px 0;
	color:#464648;
}
	#website #footer a{
		color:#464648;
		text-decoration:none;
	}
	#website #footer a:hover{
		color:#999;
		text-decoration:none;
	}
	
	#footer-left{
		padding-left:25px;
		float:left;	
	}
	#footer-right{
		float:right;
		text-align:right;
		padding-right:25px;
	}