@IMPORT url('form.css');

html{
	height:100%;}

body {
	font-family:Arial,Trebuchet MS,verdana,arial;
	font-size: 12px;
	font-weight:normal;
	color: #666;
	text-decoration:none;
	margin:0px;
	height:100%;
	width:100%;
	background:#000 url(../images/bg.jpg) no-repeat top center fixed;

}

td {
	font-size:12px;
	font-family:Trebuchet MS,verdana, arial;
	text-decoration:none;
	font-weight:normal;
	color:#3e3e3e;
}
/**------------------------------------------------------------------------------------- START MAIN LAYOUT 2010**/





#container{
	width:996px;
	margin:0 auto;}

#header{
	width:996px;
	height:141px;
	background:url(../images/header.png) no-repeat;
	float:left;}
	
.naw{
	width:250px;
	height:141px;
	float:right;
	text-align:left;
	font-size:11px;
	color:#c6c6c6;
	line-height:15px;}
	
.naw2{
	width:235px;
	height:141px;
	float:left;
	text-align:left;
	font-size:11px;
	color:#9b9b9b;
	line-height:15px;
	margin-left:15px}
	
#header-menu{
	width:996px;
	height:41px;
	background:url(../images/header-menu_bg.png) no-repeat;
	float:left;}
	
	#header-menu ul{
		margin:0 0 0 4px;
		padding:0;
		list-style:none;}
		
	#header-menu ul li{
		margin:0;
		padding:0;
		list-style:none;}
		
	#header-menu ul li{
		float:left;
		background:url(../images/header-menu_lines.png) no-repeat right;
		height:41px;}
		
	#header-menu ul li a{
		font-family:Palatino Linotype, Georgia, "Times New Roman", Times, serif;
		font-size:18px;
		color:#ea0d8a;
		text-decoration:none;
		line-height:41px;
		padding:0 10px;
		font-weight:normal;}
		
	#header-menu ul li a:hover{
		text-decoration:underline;}
		

	

#categorie-menu{
	width:996px;
	height:54px;
	background:url(../images/carogorie-menu_bg.png) no-repeat;
	float:left;}

	#categorie-menu ul{
		margin:0 0 0 4px;
		padding:0;
		list-style:none;}
		
	#categorie-menu ul li{
		margin:0;
		padding:0;
		list-style:none;}
		
	#categorie-menu ul li{
		float:left;
		background:url(../images/carogorie-menu_lines.png) no-repeat right;
		height:54px;}
		
	#categorie-menu ul li a{
		font-family:Palatino Linotype, Georgia, "Times New Roman", Times, serif;
		font-size:13px;
		color:#FFF;
		text-decoration:none;
		line-height:54px;
		padding:0 7px;
		font-weight:bold;}
		
	#categorie-menu ul li a:hover{
		text-decoration:underline;}
	
#menu{
	width:996px;
	height:30px;
	background:url(../images/menu_bg.png) no-repeat;
	float:left;}
	
	#menu ul{
		margin:0 0 0 4px;
		padding:0;
		list-style:none;}
		
	#menu ul li{
		margin:0;
		padding:0;
		list-style:none;
		position:relative;}
		
	#menu ul li{
		float:left;}
		
	#menu ul li a{
		font-size:11px;
		color:#000;
		text-decoration:none;
		line-height:30px;
		height:30px;
		display:block;
		padding:0 8px;
		font-weight:normal;}
		
	#menu ul li a:hover{
		text-decoration:underline;}
		
		#menu ul li ul{
			display:none;}
			
		#menu ul li:hover ul{
			display:block;
			width:150px;
			position:absolute;
			top:29px;
			left:0;
			background:#FFF;
			z-index:5000;}
			
		#menu ul li ul li{
			border-bottom:1px solid #efefef;
			width:150px;}
		
	
#main-container{
	width:996px;
	background:url(../images/main_bg.png) repeat-y;
	float:left;}
	
#main{
	width:746px;
	float:left;}

#show{
	width:746px;
	height:242px;
	background:url(../images/show_bg.png) no-repeat;
	float:left;}

#nb{
	width:746px;
	height:41px;
	background:url(../images/nb_bg.png) no-repeat;
	float:left;}


#nb a{
	font-family:Palatino Linotype, Georgia, "Times New Roman", Times, serif;
	color:#000;
	font-size:20px;
	line-height:21px;
	font-weight:normal;
	text-decoration:none;
	margin:0 0 0 14px;}
	
#nb a:hover{
	text-decoration:underline;}
	
#content{
	width:690px;
	float:left;
	margin:10px 0 20px 30px;
	font-size:12px;
	color:#3e3e3e;
	line-height:20px;}

#balk{
	width:250px;
	float:left;}
	
#balk_top{
	width:250px;
	height:14px;
	background:url(../images/balk_bg.png) no-repeat;}
	
.box{
	width:250px;
	float:left;
	margin-bottom:15px;
	background:url(../images/box_bg.png) repeat-y;}

.box_top{
	width:250px;
	height:27px;
	float:left;
	background:url(../images/box_top.png) no-repeat;
	line-height:22px;
	font-size:15px;
	font-family:Palatino Linotype, Georgia, "Times New Roman", Times, serif;
	color:#FFF;}
	
.box_content{
	width:205px;
	float:left;
	margin:5px 0 0 14px;
	font-size:11px;
	color:#3e3e3e;
	line-height:15px;}
	
.box_bottom{
	width:250px;
	float:left;
	height:20px;}
	
.box_bottom img{
	margin:0px;
	border:0px;}
	
#box_sponsors{
	width:250px;
	height:330px;
	float:left;
	background:url(../images/sponsor_bg.png) no-repeat;}
	
#socialLinks{
	width:250px;
	height:86px;
	float:left;
	margin-left:8px;
	background:url(../images/tw_hy_bg.png) no-repeat;
	text-align:center;
}	
#socialLinks img
{
	margin-top:10px;
}
	
.box-title{
	font-family:Palatino Linotype, Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	font-weight:normal;
	margin:0px 0 0 14px;
	float:left;
	color:#FFF;
	width:220px;}
	
.box-show{
	width:205px;
	height:87px;
	float:left;
	margin:8px 0 9px 14px;}
	
#footer{
	width:996px;
	height:108px;
	float:left;}






























/**------------------------------------------------------------------------------------- END MAIN LAYOUT 2010**/

/** MAIN LAYOUT 


#container{
width:100%;
height:100%;}

#backleft{
width:35%;
height:100%;
background:url(../img/backleft.jpg) no-repeat top right;}

#backright{
width:35%;
height:100%;}

#mid_container{
width:990px;
height:100%;
vertical-align:top;
background:url(../img/mid_bg.gif) no-repeat top;}

#menu_tab{
height:27px;
width:615px;
margin-left:187px;}

.menu_tab_knop{
width:205px;
float:left;}

.spacer_horizontal{
height:12px;}

.spacer_vertical{
width:8px;
float:left;}

.cell_container{
width:204px;
float:left;}

#main_container{
width:990px;
float:left;}

#main{
width:550px;
float:left;
background:url(../img/main_bg.gif) repeat-y;}

#main_top{
width:550px;
background:url(../img/main_top.gif) no-repeat top;}

#reserveren{
width:204px;
height:114px;
background:url(../img/reserveren_bg.jpg) no-repeat;}

#content{
width:530px;
margin:0px 0 0 10px;}

#nav_bg{
width:204px;
background:url(../img/nav_bg.gif) repeat-y;}

.banner{
width:204px;
height:120px;
margin-top:4px;}

.banner_overlay{
width:204px;
height:120px;
z-index:30;
position:absolute;}

.banner_img{
width:204px;
height:120px;
z-index:10;
position:absolute;
overflow:hidden;}**/

/**	 FORMS **/

input {
	font-weight:normal;
	font-size:12px;
	color:#000000;
	border:1px solid #000000;
}
input.submit{
	color:#CBD300;
	font-weight:normal;
	font-size:12px;

}
textarea{

	font-weight:normal;
	font-size:12px;
	color:#000000;
	border:1px solid #000000;
}

.trans{
	border:0px;
}

/**	 LINKS **/


a{
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-decoration:underline;
}

a:hover{
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}
a.nlink{
	font-size:12px;
	font-weight:normal;
	color:#000000;
	text-decoration:none;
}

a.nlink:hover{
	font-size:12px;
	font-weight:normal;
	color:#EE992A;
	text-decoration:none;
}




/**	 MENU **/
.hoofd
{
	width:200px;
	height:20px;
}
.hoofd2
{
	margin-left:8px;
}
a.menu{
	color:#ffffff;
	font-weight:normal;
	text-decoration:none;
}
a.menu:hover{
	color:#000000;
	font-weight:normal;
	text-decoration:none;
}
a.menu_actief{
	color:#000000;
	font-weight:normal;
	text-decoration:none;
}
a.menu_actief:hover{
	color:#000000;
	font-weight:normal;
	text-decoration:none;
}

.sub
{
	width:200px;
	height:18px;
}
.sub2
{
	margin-left:16px;
}
a.subbiemenu{
	color:#000000;
	font-weight:normal;
	text-decoration:none;
}
a.subbiemenu:hover{
	color:#000000;
	font-weight:normal;
	text-decoration:underline;
}
a.submenu_actief{
	color:#000000;
	font-weight:normal;
	text-decoration:underline;
}
a.submenu_actief:hover{
	color:#000000;
	font-weight:normal;
	text-decoration:underline;
}
.intern
{

}.intern2
{
	margin-left:20px;
}
a.intmenu{
	color:#000000;
	font-weight:normal;
	text-decoration:none;
}
a.intmenu:hover{
	color:#000000;
	font-weight:normal;
	text-decoration:underline;
}
a.intmenu_actief{
	color:#000000;
	font-weight:normal;
	text-decoration:underline;
}
a.intmenu_actief:hover{
	color:#000000;
	font-weight:normal;
	text-decoration:underline;
}



ul.lnieuws{
	margin-left:3px;
}


/**	 TELLAFRIEND **/


#show_tellafriend
{
	display: none;
}
#display_tellafriend
{
	display: block;
}



/**	 PROJECTEN **/
.projectkop
{
	font-weight:bold;
	color:#000000;
	border-bottom:1px solid #666666;
}
.projectkopLink
{
	font-weight:bold;
	color:#000000;
	border-bottom:1px solid #666666;
	text-align:right;
}
.projectLink
{
	font-weight:bold;
	color:#000000;
	text-align:right;
}
.projectThumb
{
	border:2px solid #666666;
}

#deafbeelding
{
	border:2px solid #666666;
}



/** CONTACFORM **/

.contactFieldset
{
	color:#000;
}
.contactLegend
{
	font-weight:bold;
	font-size:10px;
	color:#000;
}

legend{
color:#000;}


/** GASTENBOEK **/
.gastPost
{
	color:#000;
}
.gastInfo
{
	font-weight:bold;
	color:#000;
	
}
.gast{
	width:10px;
	font-weight:bold;
	padding:2px;
}
.gastactief{
	color:#000000;
	font-weight:bold;
	padding:2px;
}
.gastTable
{
	width:100%;
}
.gastHeadTable
{
	width:100%;
	border-bottom:1px solid #333333;
}
.gastHead
{
	color:#333;
	font-weight:bold;
	text-align:left;
}
.gastHeadTime
{
	width:120px;
}
.gastHeadName
{

}
.gastHeadIcons
{
	width:100px;
	text-align:right;
}
.gastContent
{
	text-align:left;
	vertical-align:top;
	width:100%;
	padding:2px;
}
.gastReactie
{
	padding-left:3px;
	padding-right:3px;
	border-left:1px solid #000;
	color: #000000;
	vertical-align:top;
}




/** SMOELENBOEK **/
.smoelenboekTitle
{
	font-weight:bold;
}
.smoelenboekPicture
{
	width:110px;
	float:left;
}
	.smoelenboekPicture img
	{
		border:2px solid #d95936;
	}
.smoelenboekDescription
{
	float:left;
}
.smoelenboekLink
{
	float:right;
}
	/* SmoelenboekItem */
	
	#smoelenboekItemPicture
	{
		width:200px;
		float:left;
	}
		#smoelenboekItemPicture img
		{
			border:2px solid #d95936;
		}
	#smoelenboekItemDescription
	{
		float:left;
	}






/** INLOGGEN MODULE **/
#loginButton
{

}
/** NIEUWSBRIEF MODULE **/
#mailingButton
{

}



/**NIEUWS**//**NIEUWS**//**NIEUWS**//**NIEUWS**//**NIEUWS**//**NIEUWS**//**NIEUWS**//**NIEUWS**//**NIEUWS**//**NIEUWS**/

.newsTitle
{
	font-weight:bold;
	vertical-align:top;
}	
.newsDate
{
	font-weight:bold;
	vertical-align:top;
	text-align:right;
}
.newsLink
{
	text-align:right;
}
.newsLine
{
	border-top:1px solid #333;
}
.newsContent
{
	line-height:20px;
}
p, P
{

}
#newsBericht
{
	border-bottom:1px solid #f1a400;
	padding-top:10px;
	line-height:20px;
	padding-bottom:40px;
}	
.newsReageerHeader
{
	color:#28418d;
	font-weight:bold;
}
.newsReageerSpacer
{
	height:30px;
}
#newsReageerTable
{
	border:0px solid #dbf0f9;
}
.newsReageerKop
{
	font-weight:bold;
	color:#28418d;
}
#newsReageerOpslaan
{
	text-align:right;
}
.newsReageerText
{
	width:200px;
	height:100px;
}
.newsReageerNaam
{
	font-size:xx-small;
	color:#28418d;
	border-bottom:1px solid #E7E6FF;
	padding-bottom:3px;

}
.newsReageerReactieDH
{
	padding-left:30px;
}


iframe#payment
{
	width: 100%;
	border-width: 0px;
	height: 45em;
}

/* Prijsvraag */

div#prijsvraag label
{
	float: left;
	width: 10em;
	margin: 4px 0 5px 0;
}

div#prijsvraag input.long
{
	width: 350px;
	margin: 0 0 5px 0;
	padding: 4px;
	border: #999 solid 1px;
}

div.breaker
{
	clear: both;
	height: 1px;
	overflow: hidden;
}

div#prijsvraag input.button
{
	margin: 10px 0 0 0;
}

div#prijsvraag h1
{
	margin: 10px 0 20px 0;
	padding: 0 0 5px 0;
	font-size: 16px;	
	border-bottom: #FFF solid 1px;
}

/** Twitter **/


h2.tut{
	color:white;
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
	font-size:16px;
	padding:12px 0 0 58px;
	text-transform:uppercase;
	
	text-shadow:2px 1px 6px #333;
}

#twitter-ticker{
	width:230px;
	height:200px;
	background:url(../img/slickbg.png) no-repeat #f5f5f5;
	color:#666666;
	display:none;
	
	-moz-border-radius:10px 10px 6px 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;

	text-align:left;
}

#tweet-container{
	height:130px;
	width:auto;
	overflow:hidden;
	position:relative;
}

#twitIcon{
	position:absolute;
	top:-25px;
	left:-10px;
	width:64px;
	height:64px;
}

#top-bar{
	height:45px;
	background:#000;
	border-bottom:1px solid white;
	position:relative;
	margin-bottom:8px;
	
	-moz-border-radius:6px 6px 0 0;
}

.tweet{
	padding:5px;
	margin:0 8px 8px;
	
	border:1px solid #F0F0F0;
	background:url(../img/transparent.png);
	
	width:auto;
	overflow:hidden;
	
	font-family:arial, verdana, Helvetica, sans-serif;
	font-size:11px;
}

.tweet .avatar,
.tweet .user,
.tweet .time{
	float:left;
}

.tweet .time{
	text-transform:uppercase;
	font-size:10px;
	color:#AAAAAA;
	white-space:nowrap;
}


.tweet .avatar img{
	width:36px;
	height:36px;
	border:2px solid #eeeeee;
	margin:0 5px 5px 0;
}

.tweet .txt{
	clear:both;
}

.tweet .user{
	font-weight:bold;
}

.tweet a, .tweet a:visited {
	color:#ea0d8a;
	text-decoration:none;
	outline:none;
}

.tweet a:hover{
	text-decoration:underline;
}

.tweet #loading{
	margin:100px 95px;
}



