* {
	margin: 0;
	padding: 0;
}
body {
	background: #ecedee;
	color: #000;
	font: 0.65em Verdana, Arial, Tahoma;
}
#container {
	background: #fff;
	position: relative;
	width: 1000px;
	margin: 0px auto 30px;
	border: 0px solid #000;
	
}
/*******************/
/***** HEADER *****/
/******************/
#vtop{
	color: #fff;
	background: #ff0303;
	position: relative;
	width: 1000px;
	height: 30px;
	font-weight: bold;
	font-size: 9px;
}
#vtop .adres {
	position: absolute;
	left: 90px;
	bottom: 0px;
	width: 580px;
}
#vtop .email {
	text-align:right;
	position: absolute;
	right: 12px;
	bottom: 0px;
	
}
#vtop .email img {
	padding-left:7px;
}
#vtop .adres a {
	color:#FFFFFF;
	text-decoration:none;
	
}
#vtop .adres a:hover {
	color:#fff00f;
	text-decoration:none;

}
#header {
	position: relative;
	height: 108px;
	margin-bottom: 20px;
	background: url(images/header.gif);
	
}

#header a.logo {
	position: relative;
	top: 10px;
	left: 13px;
	height: 54px;
	width: 356px;
	display: block;
}
#header a.logo:hover {
	background: url(images/logo.gif);
}
#header h1, #header h2 {
	font-size: 1px;
	text-indent: -999em;
}
span.pagina {
	color: #ff0303;
	position: absolute;
	top: 20px;
	left: 5px;
}
/***** TOPMENU *****/
ul#topmenu {
	position: absolute;
	right: 14px;
	top: 17px;
	list-style: none;
}
ul#topmenu li {
	float: left;
}
ul#topmenu li a {
	text-indent: -999em;
	display: block;
	height: 54px;
	float: left;
}
ul#topmenu li.tp_pers a { background: url(images/tp2_pers.gif) left top no-repeat; width: 56px; }
ul#topmenu li.tp_links a { background: url(images/tp2_links.gif) left top no-repeat; width: 56px; }
ul#topmenu li.tp_terug a { background: url(images/tp2_terug.gif) left top no-repeat; width: 47px; }
ul#topmenu li.tp_home a { background: url(images/tp2_home.gif) left top no-repeat; width: 57px; }


ul#topmenu li a:hover { background-position: right top;}
/*****************/
/***** MENU *****/
/****************/
ul#menu {	
	position:absolute;
	z-index:100;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 110%;
	list-style: none;
	top: 98px;
	left: 90px;
}
ul#menu li {
	float: left;
	position: relative;	
	line-height: 20px;
	margin-right: 8px;
}
ul#menu a {
	display: block;
	text-decoration: none;
	color: #000;
	width: 213px; 
	height: 40px; 
	line-height: 20px;
	padding: 0 0 0 5px; 
}
ul#menu ul ul, ul#menu li {list-style: none;}
ul#menu ul a.drop { background: #fff00f url(images/arrow_yellow.jpg) center right no-repeat;}
ul#menu ul a.drop:hover{background: #ff0303 url(images/arrow_red.jpg) center right no-repeat; color: #fff;}
ul#menu ul :hover > a.drop {background: #ff0303 url(images/arrow_red.jpg) center right no-repeat; color: #fff;}
ul#menu ul ul a {background: #fff00f;}
ul#menu ul ul a:hover {background: #ff0303;}
ul#menu ul {visibility:hidden;position:absolute;height:0;top: 20px;left:0;width: 218px; padding-top: 20px;}
ul#menu ul ul{left: 218px; top:0px; width: 218px; padding: 0;}
ul#menu table {position:absolute; top:0; left:0; border-collapse:collapse;}
ul#menu ul a {
	background: #fff00f;
	color: #000;
	height: 20px;
	line-height: 20px;
	width: 213px;
	border-top: 2px solid #fff;
}
ul#menu a:hover {color: #ff0303; background: url(images/yellow.jpg) no-repeat;}
ul#menu ul a:hover {background: #ff0303; color: #fff;}
ul#menu ul ul a:hover { color: #fff;}
ul#menu ul :hover > a {background: #ff0303; color: #fff;}
ul#menu ul ul :hover > a {color:#fff; background: #ff0303;}
ul#menu li:hover ul, ul#menu a:hover ul{visibility:visible; }
ul#menu :hover ul ul{visibility:hidden;}
ul#menu :hover ul :hover ul{ visibility:visible;}

/*********************/
/***** CONTENT *****/
/********************/
#left {
	position: relative;
	float: left;
	width: 444px;
	margin-right: 8px;
}
#center {
	float: left;
	width: 293px;
	margin-right: 8px;
}
#right {
	position: relative;
	float: right;
	width: 143px;
}

.content {
	margin: 0 14px 0 90px;
	width: 896px;
	min-height: 369px;
	height: auto !important;
	height: 369px;
	position: relative;
}
#evenementen.content {
	margin: 0 14px 0 10px;
	width: 976px;
	overflow: hidden;
}
#fotos.content {
	margin: 0 14px 0 10px;
	width: 976px;
	overflow: hidden;
}
h4 {
	color: #ff0303;
	font-size: 100%;
	margin: 5px 0 2px 0;
}
p {
	margin: 0 0 10px 0;
}
hr {
	border: 0;
	height: 0;
	border-top: 1px dashed #ff0303;
}
p.borderbottom {
	margin: 20px 0 8px 0;
	padding: 0 370px 8px 9px;
	border-bottom: 1px dashed #ff0303;
}
/***** BLOK *****/
.blok {
	margin: 23px 0 0 0;
}
.blok a, .blok_r a {
	text-decoration: none;
	color: #000;
}
.blok_besch {
	float: right;
	border-bottom: 1px dashed #ff0303;
}
.blok img, .blok_r img {
	border: 0;
	float: left;
}
.blok h4 {
	margin: 0 0 5px 0;
}
.blok  h4 a, .blok_r h4 a{
	display: block;
	line-height: 20px;
	height: 20px;
	background: #ff0303 url(images/arrow.gif) right center no-repeat;
	padding: 0 0 0 8px;
	color: #fff;
}
.blok  p {padding: 0 0 0 8px; margin: 0;}
.blok p a {display: block;}
.blok p a:hover, .blok_r  p a:hover {color: #ff0303;}
.blok  h4 a:hover, .blok_r h4 a:hover {color: #fff00f; background-image: url(images/arrow_redyellow.gif);}

.blok:hover p a, .blok_r:hover  p a, #active.blok  p a, .hovered p a {color: #ff0303;}
.blok:hover h4 a, .blok_r:hover h4 a, #active.blok h4 a, .hovered h4 a {color: #fff00f; background-image: url(images/arrow_redyellow.gif);}
/***** TOP *****/
.top {
	color: #939598;
	padding: 5px 0 2px 0;
	position: relative;
	border-top: 1px dashed #ff0303;
	border-bottom: 1px dashed #ff0303;
}
.top a, .bottom_event a, .bottom_visie a {
	font-weight: bold;
	color: #939598;
	text-decoration: none;
}
.top a:hover, .bottom_event a:hover, .bottom_visie a:hover {
	color: #ff0303;
}
.top ul {
	list-style: none;
	font-weight: bold;
	color: #000;
	padding: 5px 0;
}
.top h3 {
	position: relative;
	background: #fff00f;
	height: 20px;
	line-height: 20px;
	padding-left: 5px;
	color: #ff0303;
	font-size: 100%;
	margin: 5px 0 0 0;
	text-transform: uppercase;
}
.top h3 a {
	position: absolute;
	right: 5px;
	top: 0;
}
/***** BOTTOM *****/
.bottom_event, .bottom_visie {
	clear: both;
	color: #939598;
	text-align: right;
	position: relative;
	width: 444px;
	line-height: 20px;
	border-top: 1px dashed #ff0303;
}
.bottom_event {
	right: 13px;
	float: right;
}
.bottom_visie {
	left: 90px;
	float: left;
}
.bottom {
	color: #939598;
	text-align: right;
	padding: 5px 0 2px 0;
	right: 0;
	bottom: -20px;
	border-top: 1px dashed #ff0303;
}
.bottom a {
	font-weight: bold;
	color: #939598;
	text-decoration: none;
}
.bottom a:hover {
	color: #ff0303;
}
/**********************/
/***** HOMEPAGE *****/
/*********************/
#home {
	/*background: url(images/pattern_home.jpg);*/
}
#visie #right, #evenementen #left {
	background: #ecedee;
}
#home #left .blok {
	height: 89px;
}
#home #center .blok, #home #right .blok {
	margin: 0 0 0 0;
	background-color: #ecedef;
}
#home #center .blok, #home #right .blok {
	height: 112px;
	margin: 0;
} 
#home #left .blok_besch {
	width: 324px;
	height: 89px;
}
#home #center .blok_besch {
	width: 173px;
	height: 89px;
}
#home #left .blok p a {
	font-weight:normal;
	width: 316px;
	height: 64px;
}
#home #center .blok p a {
	width: 165px;
	height: 64px;
}
#home img {
	border: 0;
	padding: 0;
}
#home h3 {
	font-size: 100%;
	height: 45px;
	width: 100%;
}
#home h3 a {
	text-indent: -999em;
	height: 45px;
	display: block;
}
#home h3 a:hover {
	background-position: 100% 0;
}
#home #right h3 {
	margin-bottom: 23px;
}
#home #right .blok h4 {
	margin: 0;
}
a.kopnieuws {
	background: url(images/kop_nieuws2.gif);
	width: 444px;
}
a.kopevenementen {
	background: url(images/kop_evenementen2.gif);
	width: 293px;
}
a.kopvideo {
	background: url(images/kop_video2.gif);
	width: 143px;
}
a.kopfoto {
	background: url(images/kop_foto2.gif);
	width: 143px;
	height: 112px;
	
}
#home #right .foto {
	height: 112px;
}
#home #right a.kopfoto {
	height: 112px;
}
#home #center h3, #home #right h3 {
	margin: 0 0 23px 0;
}

#home #center, #home #right {
	background: #ffffff;
}
#home #center .blok {
	background: #ecedef;
}

/**********************************/
/***** VISIE / EVENEMENTEN  *****/
/*********************************/
#evenementen {
	/* background: url(images/pattern_event.jpg); */
}
#visie {
	background: url(images/pattern_visie.jpg);
}
#visie img, #evenementen img {
	border: 0;
}
#visie #center img, #evenementen #center img {
	width: 67px;
	height: 44px;
}
#evenementen #right .top {
	margin-bottom: 8px;
}
#visie #center ul, #evenementen #center ul {
	list-style: none;
}
#visie #center ul , #evenementen #center ul {
	width: 67px;
	float: left;
}
#visie #center ul li, #evenementen #center ul li {
	margin-bottom: 7px;
}
#visie #center ul.margin, #evenementen #center ul.margin {
	margin-right: 9px;
}
#visie #center, #evenementen #center, #contact #center {
	width: 143px;
}
#visie #right, #contact #right {
	width: 293px;
}
#evenementen #left {
	width: 373px;
}
#evenementen #right, #visie #left {
	width: 444px;
}
/*********************/
/***** CONTACT *****/
/********************/
#contact .top {
	margin-bottom: 20px;
}
#contact ul {
	list-style: none;
}
#contact ul li.margintop {
	margin-top: 15px;
}
#contact form {
	margin-left: 5px;
}
label.rood, span.rood {
	color: #ff0303;
}
span.rood {
	display: block;
	float: left;
	width: 147px;
	margin-top: 20px;
}
#contact form label {
	width: 150px;
	float: left;
	margin: 0 0 2px 0;
	clear: left;
	line-height: 20px;
	text-transform: uppercase;
}
#contact form textarea, #contact form input {
	background: #ecedee;
	border: 0;
	width: 276px;
	padding: 3px 5px;
	margin-bottom: 2px;
}
#contact form input {
	height: 14px;
	border: 0;
	font: 1em Verdana, Arial, Tahoma;
}
#contact form textarea {
	height: 100px;
	font: 1em Verdana, Arial, Tahoma;
}
#contact .buttons {
	width: 276px;
	float: left;
	margin-top: 20px;
}
#contact .buttons a {
	font-weight: bold;
	font-size: 110%;
	text-decoration: none;
	color: #939598;
	margin-right: 20px;
}
#contact .buttons a:hover {
	color: #ff0303;
}
#contact #right p, #contact #center ul {
	margin-left: 5px;
}
#contact #right ul {
	width: 100%;
	margin: 10px 0;
	overflow: hidden;
}
#contact #right ul li {
	float: left;
	display: inline;
	margin-left: 5px;
}
#contact #right ul li a {
	float: left;
	font-weight: bold;
	color: #939598;
	text-decoration: none;
}
#contact #right ul li a:hover, #contact #right ul li a:active {
	color: #ff0303;
}
/**************************/
/***** KLANTENLIJST AND LINKS *****/
/*************************/
#klantenlijst table {
	margin: 20px 8px 0 6px;
}
#klantenlijst table tr td {
	text-align:left;
	vertical-align:top;
	height: 25px;
	line-height: 20px;
}
#klantenlijst table tr td.klant, #klantenlijst table tr td.klant2 {
	font-weight: bold;
	width: 228px;
}
#klantenlijst table tr td.klant2 {
	height: 35px;
}
#klantenlijst table tr td.klantevent a, #klantenlijst table tr td.klantevent2 a {
	text-decoration: none;
	color: #939598;
}
#klantenlijst table tr td.klantevent2 {
	width: 150px;
}
#klantenlijst table tr td.klantevent a:hover, #klantenlijst table tr td.klantevent2  a:hover {
	color: #ff0303;	
}
#klantenlijst table tr td.klantevent {
	width: 228px;
}
#klantenlijst ul {
	float: left;
	width: 213px;
	margin: 20px 8px 0 0;
	line-height: 200%;
	font-weight: bold;
	list-style: none;
	padding-left: 5px;
}
#klantenlijst  ul.klantevent, #klantenlijst  ul.klantlast, #klantenlijst  ul.klantevent2 {
	color:#939598;
	font-weight:normal;
}
#klantenlijst  ul.klantlast {
	width: 140px;
}
#klantenlijst  ul.klantevent a, #klantenlijst  ul.klantevent2 a {
	color: #939598;
}
#klantenlijst  ul.klantevent a:hover, #klantenlijst  ul.klantevent2  a:hover {
	color: #ff0303;	
}
#klantenlijst  ul.klantevent2 {
	width: 150px;
}
#klantenlijst ul a {
	color: #000;
	text-decoration: none;
}
#klantenlijst .top h3 {
	background-image:url(images/klant.gif);
	background-repeat:no-repeat;
	background-position:left;
}
#klantenlijst .top h3.small {
	width: 213px;
	
}
#klantenlijst ul.linksleft {
	
	margin: 20px 8px 0 0;
	line-height: 200%;
	font-weight: bold;
	list-style: none;
	color: #000;
}
#klantenlijst ul.linksleft a:hover{
	color: #ff0303;
	
}
#klantenlijst ul.linksleft li.title {
	height: 20px;
	font-weight:bold;
	color: #ff0303;
	font-size: 100%;
	text-transform: uppercase;
}
#klantenlijst ul.linksleft li ul {
	float: left;
	margin: 0 0 0 -6px;
	width: 843px;
}
#klantenlijst ul.linksleft li ul li.left {
	float: left;
	width: 213px;
	margin: 0 14px 0 0;
}
#klantenlijst ul.linksleft li ul li.right {
	float: left;
	width: 610px;
	
	line-height: 200%;
	font-weight: normal ;
	list-style: none;
	color: #939598;
}	
#klantenlijst ul.linksright {
	float: left;
	width: 610px;
	margin: 20px 8px 0 0;
	line-height: 200%;
	font-weight: normal ;
	list-style: none;
	color: #939598;
}
#klantenlijst ul.linksright li {
	
}

/****************/
/***** PERS *****/
/***************/
#pers .blok {
	float: left;
	height: 66px;
	width: 290px;
	margin: 5px 8px 37px 0;
}
#pers .blok_besch {
	width: 200px;
	height: 66px;
}
#pers .blok p a {
	width: 192px;
	height: 41px;
}
/****************************/
/***** NIEUWS / VIDEO *****/
/***************************/
#nieuws #right, #video #right {
	width: 444px;
}
#video #left {
	border-bottom: 1px dashed #ff0303;
	background: #ecedee;
}
#video p {
	padding: 8px 5px 0 5px;
	border-top: 1px dashed #ff0303;
}
#nieuws #right {
	border-top: 1px dashed #ff0303;
	border-bottom: 1px dashed #ff0303;
	background: #ecedee;
	padding-bottom: 23px;
}
#nieuws .blok  {
	height: 89px;
	width: 100%;
}
#nieuws .blok p a {
	width: 316px;
	height: 64px;
}
#nieuws .blok_besch {
	width: 324px;
	height: 89px;
}
#video #left h3 {
	text-transform: uppercase;
	background: #fff00f;
	color: #ff0303;
	font-size: 110%;
	padding-left: 5px;
	line-height: 20px;
}
#video .blok, #video .blok_r {
	float: left;
	height: 112px;
	width: 143px;
	margin: 0 7px 2px 0;
}
#video .blok_r {
	margin: 0 0 2px 1px;
}
#video #right h4 {
	margin: 0;
}
/*******************/
/***** FOOTER *****/
/******************/
.clear {
	clear: both;
}
#footer {
	margin-top: 23px;
	width: 100%;
	border-top: 1px solid #fff;
	padding-top: 7px;
	background-color: #000;
	height: 60px;
}
#footer a {
	position: relative;
	left: 12px;
	top: 8px;
	display: block;
	width: 15px;
	height: 21px;
	text-indent: -999em;
}

/*
* Libertes
*/
.rood {
	color: #ff0303;
}
a#denhaag_button {
	color: #FF0000;
}
#rotterdam,#amsterdam,#utrecht{
	display: none;
}
.pers {
	width: 90px;
	height: 66px;
}

.top p {
	margin-top:  5px;
	font-weight: bold;
	color: #000000;
}
#video .blok  h4 a, #video .blok_r h4 a, #home #right .blok  h4 a, #home #right .blok_r h4 a{
	display: block;
	line-height: 20px;
	height: 20px;
	background-color: #ff0303;
	background-image: none;
	padding: 0 0 0 8px;
	color: #fff;
}

#video .blok  h4 a:hover, #video .blok_r h4 a:hover {color: #fff00f; background-image: none;} 
#home #right .blok  h4 a:hover, #home #right .blok_r h4 a:hover {color: #fff00f; background-image: none;} 
#video .blok:hover h4 a, #video .blok_r:hover h4 a, #video .hovered h4 a {color: #fff00f; background-image: none;}
#home #right .blok:hover h4 a, #home #right .blok_r:hover h4 a, #home #right .hovered h4 a {color: #fff00f; background-image: none;}