/* ================================================================ 
				Dit zijn de standaardvelden die gebruikt worden.
=================================================================== */

body
	{
	width: 920px;
	border: 0px black solid;
	position: absolute ;
	left: 50% ;
	padding-top: 20px;
	margin-top: 20px;
	margin: 0px ;
	margin-left: -455px ;
	text-decoration: none ;
	font-family: Verdana, Arial, Helvetica ;
	font-size: 9pt ;
	overflow-x: hidden;
	}

a
	{
	color: #000000 ;
	}

a:hover
	{
	color: #2bbed8 ;
	text-decoration: none;
	}

p
	{
	padding: 0;
	margin: 5px 10px 10px 10px;
	font-family: Verdana, Arial, Helvetica ;
	font-size: 8pt ;
	text-align: justify;
	line-height: 1.7em;
	color: #000000 ;
	}

h1
	{
	padding: 0;
	margin: 5px 10px 10px 10px;
	font-family: Verdana, Arial, Helvetica ;
	font-size: 8pt ;
	font-weight: normal ;
	color: #2bbed8 ;
	}

/* ================================================================ 
				Dit zijn de zelf gemaakte velden.
=================================================================== */

.maintable
	{
	width: 920px;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse; 
	}

.menu1
	{
	background: #132530 ;
	width: 300px;
	height: 180px;
	border-collapse: collapse; 
	padding: 0px;
	margin: 0px;
	}

.menu2
	{
	background: #ffffff ;
	width: 10px;
	border-collapse: collapse; 
	padding: 0px;
	margin: 0px;
	}

.menu3
	{
	width: 600px;
	height: 180px;
	border-collapse: collapse; 
	vertical-align: bottom ;
	text-align: center;
	padding: 0px;
	margin: 0px;
	}

.menu3 img
	{
  display: block;
  border: 0;
  }

.menu1 ul
	{
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	}

.menu1 li
	{
	width:300px;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	}

.menu1 a
	{
	display:block;
	font-size:11pt;
	text-decoration:none;
	color: #ffffff;
	height: 25px ;
	padding-top: 7px;
	padding-left: 20px;
	margin-top: 0px;
	background: #132530;
	list-style-type: none;
	}

.menu1 a:hover
	{
	color: #ffffff;
	margin-top: 0px;
	background: #21343f;
	list-style-type: square;
	}

.vast a
	{
	display:block;
	font-size:11pt;
	text-decoration:none;
	color: #ffffff;
	height: 25px ;
	padding-top: 7px;
	padding-left: 20px;
	margin-top: 0px;
	background: #21343f;
	list-style-type: none;
	}
.nummer
	{
	font-size: 7pt;
	}

.last {
	padding-right: 40px;
	padding-top: 6px;
}

.ringtone
	{
	position: absolute;
	top: 305px;
	left: 540px;
	border: 0;
	}

.ringtone img
{
	border:0px;
}

#ringtone #preview {
	position: absolute;
	left: 145px;
	top: 100px;
}

#ringtone p {
	position: absolute;
	left: 134px;
	top: 50px;
	color: white;
	width: 200px;
}

#ringtone p a {
	color: white;
	text-decoration: none;
}

/* ================================================================ 
				HOME VELDEN !
=================================================================== */

/* ====	HOME ALGEMEEN ==== */

.home
	{
	width: 300px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	border-collapse: collapse; 
	}

.hometext_wit 
	{
	color: #ffffff;
	margin-top: 2px;
	margin-bottom: 4px;
	}

.hometext_zwart
	{
	color: #000000;
	margin-top: 2px;
	margin-bottom: 4px;
	}

.content_home
	{
	vertical-align: top ;
	padding: 0;
	margin: 0;
	border-collapse: collapse; 
	}

/* ====	HOME LINKSBOVEN ==== */

.home_linksboven
	{
	height: 320px;
	width: 298px;
	vertical-align: top;
	margin: 0px;
	padding: 0px ;
	background: #ffffff;
	border: solid #48c1d9 1px;
	border-collapse: collapse; 
	}

/* ====	HOME LINKSONDER ==== */

.home_linksonder
	{
	height: 212px;
	width: 300px;
	text-align: right;
	background-image: url('pix/home6.jpg');
	border-collapse: collapse; 
	}

.home_linksonder_txt
	{
	position; relative;
	margin-left: 119px;
	margin-right: 2px;
	margin-top: 2px;
	margin-bottom: 2px;
	width: 172px;
	text-align: right;
	color: #ffffff;
	font-size: 10px;
	text-align: justify;
	line-height: 1.7em;
	}

.home_linksonder_txt a
	{
	color: #ffffff;
	}

/* ====	HOME MIDDENBOVEN ==== */

.home_middenboven
	{
	height: 155px;
	width: 300px;
	text-align: center;
	vertical-align: top;
	padding: 0px ;
	margin: 0px ;
	background: #48c1d9;
	border: solid #48c1d9 1px;
	border-collapse: collapse; 
	}

.quote
	{
		color: #ffffff;
		font-size: 11px;
		border: 0px black solid;
		height: 15px;
		margin: 0px;
		padding: 0px;
	}

/* ====	HOME MIDDENONDER ==== */

.home_middenonder
	{
	vertical-align: top;
	height: 275px;
	width: 300px;
	padding: 0px ;
	background: #48c1d9;
	border-collapse: collapse; 
	}

.home_middenonder a
	{
	color: #ffffff;
	}

/* ====	HOME RECHTSBOVEN ==== */

.home_rechtsboven
	{
	height: 462px;
	width: 300px;
	vertical-align: top;
	padding: 0px ;
	margin: 0px ;
	background: #ffffff;
	border: solid 1px;
	border-color: #48c1d9;
	border-collapse: collapse; 
	}

/* ====	HOME RECHTSONDER ==== */

.home_vierkantje1
	{
	width: 75px;
	margin-left: 0px;
	margin-right: 5px;
	padding: 0px;
	}
.home_vierkantje2
	{
	width: 75px;
	margin-left: 0px;
	margin-right: 5px;
	padding: 0px;
	}
.home_vierkantje3
	{
	width: 75px;
	margin-left: 0px;
	margin-right: 5px;
	padding: 0px;
	}
.home_vierkantje4
	{
	width: 75px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
	}


/* ================================================================ 
				OVERIGE PAGINA'S VELDEN !
=================================================================== */

.copyright p
	{
	position: relative ;
	left: 910px ;
	bottom: 0px ;
	color: #d5d3d3;
	font-size: 7pt;
	text-decoration: none;
	}

.content_txt
	{
	text-align: top;
	vertical-align: top;
	width: 300px;
	height: 250px;
	border-left: solid 1px;
	border-color: #c4c8cb;
	padding: 0 ;
	margin: 0 ;
	}

.content_txt_270
	{
	text-align: top;
	vertical-align: top;
	width: 300px;
	height: 270px;
	border-left: solid 1px;
	border-color: #c4c8cb;
	padding: 0 ;
	margin: 0 ;
	}

.content_txt610
	{
	width: 610px;
	height: 250px;
	border-left: solid 1px;
	border-color: #c4c8cb;
	padding: 0 ;
	margin-left: 0 ;
	text-align: center;
	vertical-align: center;
	}

.content_txt610_270
	{
	width: 610px;
	height: 270px;
	border-left: solid 1px;
	border-color: #c4c8cb;
	padding: 0 ;
	margin-left: 0 ;
	text-align: center;
	vertical-align: center;
	}

.content_txt610_270 img
	{
	margin-left: 10px;
	}

.submenu_voor
	{
	width: 300px;
	height: 20px;
	background: white;
	padding: 0 ;
	margin: 0 ;
	border-collapse: collapse; 
	}

.lijntje
	{
	width: 920px;
	height: 10px;
	border-top: solid 1px;
	border-color: #c4c8cb;
	padding: 0 ;
	margin: 0 ;
	border-collapse: collapse; 	
	}

.wit
	{
	height: 10px;
	background: #ffffff;
	padding: 0px ;
	margin: 0px ;
	width: 300px;
	border-collapse: collapse; 
	}

#websites img
	{
	border: 1px solid black;
	}

.content_tussen
	{
	width: 10px;
	background: #ffffff;
	padding: 0px ;
	margin: 0px ;
	border-collapse: collapse; 
	}

.klanten li
	{
	font-size: 8pt ;
	line-height: 1.8em;
	list-style: url(pix/li.gif) ;
	}

.verhaal_table
	{
	border: 0px black solid;
	vertical-align: bottom;
	width: 289px;
	height: 250px;
	/*margin: 0px 0px 0px 10px;*/
	margin: 0;
	}

.verhaal_table_td_txt
	{
	text-align: left;
	vertical-align: top;
	}

.verhaal_table_td_txt_mensen
	{
	text-align: left;
	vertical-align: bottom;
	height: 140px;
	}

.verhaal_table_270
	{
	border: 0px black solid;
	vertical-align: bottom;
	width: 289px;
	height: 290px;
	margin: 0px 0px 0px 10px;
	}

.verhaal_table_td_txt_270
	{
	text-align: left;
	vertical-align: top;
	}


.verhaal_table_td_img
	{
	text-align: center;
	vertical-align: bottom;
	height: 58px;
	margin: 0;
	padding: 0;
	}

.verhaal_table_td_img img
	{
	text-align: center;
	vertical-align: bottom;
	border: 1px #c4c8cb solid;
	height: 58px;
	width: 58px;
	margin: 0;
	padding: 0;
	}

.verhaal_table_td_img_dummy
	{
	text-align: center;
	vertical-align: bottom;
	height: 58px;
	margin: 0;
	padding: 0;
	}

.verhaal_table_td_img_dummy img
	{
	text-align: center;
	vertical-align: bottom;
	border: 1px #ffffff solid;
	height: 58px;
	width: 58px;
	margin: 0;
	padding: 0;
	}

/* ================================================================ 
Menu in CSS en XHTML; aangepast door JK Webdesign 19 mei 2008

This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.submenu
	{
	width:610px;
	height:20px;
	background: white;
	padding: 0 ;
	margin: 0 ;
	border-collapse: collapse; 
	}

/* hack to correct IE5.5 faulty box model */
* html .submenu
	{
	width:560px;
	}
	
/* remove all the bullets, borders and padding from the default list styling */
.submenu ul
	{
	padding:0;
	margin:0;
	list-style-type:none;
	}
	
.submenu ul ul
	{
	width:101px;
	}
	
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.submenu li
	{
	float:left;
	width:100px;
	position:relative;
	}

.submenu ul li li
	{
	border-bottom:1px solid #c4c8cb;
	}
	
/* style the links for the top level */
.submenu a, .submenu a:visited
	{
	display:block;
	font-size:7pt;
	text-decoration:none;
	color:#132530;
	width:100px;
	height:20px;
	border-left:1px solid #c4c8cb;
	border-right:1px solid #c4c8cb;
	background:#ffffff;
	line-height:20px;
	text-align: center;
	}

/* a hack so that IE5.5 faulty box model is corrected */
* html .submenu a, * html .submenu a:visited
	{
	width:100px;
	height:20px;
	}

/* style the second level background */
.submenu ul ul drop, .submenu ul ul a.drop:visited
	{
	background:#ffffff;
	}

/* style the second level hover */
.submenu ul ul drop:hover
	{
	background:#ffffff bottom right no-repeat;
	}
	
.submenu UL UL A.drop {
	BACKGROUND: #ffffff no-repeat right bottom
}
.submenu UL UL A.drop:visited {
	BACKGROUND: #ffffff no-repeat right bottom
}
.submenu UL UL A.drop:hover {
	BACKGROUND: #ffffff no-repeat right bottom
}
UNKNOWN {
	BACKGROUND: #ffffff no-repeat right bottom
}

/* style the third level background */
.submenu ul ul ul a, .submenu ul ul ul a:visited 
	{
	background:#ffffff;
	}

/* style the third level hover */
.submenu ul ul ul :hover
	{
	background:#ffffff;
	}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.submenu ul ul
	{
	visibility:hidden;
	position:absolute;
	height: 0;
	top: 20px;
	left: 0px;
	width: 100px;
	font-size:7pt;
	text-decoration:none;
	color:#132530;
	background:#ffffff;
	text-align: center;
	}
	
	
/* another hack for IE5.5 */
* html .submenu ul ul
	{
	top:20px;
	}
	

/* style the table so that it takes no ppart in the layout - required for IE to work */
.submenu table
	{
	position:absolute;
	top:0;
	left:0;
	border-collapse:collapse;
	}
	
	
/* style the second level links */
.submenu ul ul a, .menu ul ul a:visited
	{
	background:#ffffff;
	color:#132530;
	padding:5px 0px;
	width:100px;
	height:20px;
	}
	
.submenu UL UL A:visited {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 1px; BACKGROUND: #ffffff; BORDER-BOTTOM-WIDTH: 1px; PADDING-BOTTOM: 5px; WIDTH: 100px; height: 20px; COLOR: #000; LINE-HEIGHT: 1em; PADDING-TOP: 5px; HEIGHT: auto; BORDER-RIGHT-WIDTH: 1px
}

/* yet another hack for IE5.5 */
* html .submenu ul ul a, * html .submenu ul ul a:visited {width:100px; height:20px; padding-top: 8px; }


.submenu A:hover {
	BACKGROUND: #feffff; COLOR: #48c1d9;
}
.submenu UL UL A:hover {
	BACKGROUND: #feffff; COLOR: #48c1d9;
}
UNKNOWN {
	BACKGROUND: #feffff; COLOR: #48c1d9;
}
.submenu UL LI:hover UL {
	VISIBILITY: visible
}
.submenu UL A:hover UL {
	VISIBILITY: visible
}
.submenu UL :hover UL UL {
	VISIBILITY: hidden
}
.submenu UL :hover UL :hover UL {
	VISIBILITY: visible
}


/* Border on hover for small thumbnails */

.borderit img{
border: 1px solid #C4C8CB;
}

.borderit:hover img{
border: 1px solid #132530;
}

.borderit:hover{
color: #132530; /* irrelevant definition to overcome IE bug */
}

.selected_img {
	border: 1px solid #132530 !important;
}

.navigation {
	vertical-align: super;
}