/* CSS Document */
body {
	margin:0px;
	padding:0px;
	background-image:url(../images/bg.gif);
	background-repeat:repeat;
	background-position:center;
	line-height:25px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

p, td {
	line-height:25px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;

}

.kadertabel {
	height:544px;
	width:945px;
	border:0;
	border-collapse:collapse;
	line-height:25px;
}

.left_kadertabel {
	background-image:url(../UserFiles/Image/bg_left.gif);
	background-position:top right;
	background-repeat:no-repeat;
	width:220px;
	vertical-align:top;
	padding-top:80px;
	line-height:28px;
}

.midden_kadertabel {
	background-image:url(../UserFiles/Image/bg_right.gif);
	background-position:top left;
	background-repeat:no-repeat;
	width:721px;
	vertical-align:top;
}

.teksttabel {
	width:690px;
	height:100%;
	border-collapse:collapse;
}

.topnav1 {
	padding:13px 0px 2px 0px;
	width:460px;
	height:38px;
}
.topnav2 {
	padding:13px 0px 2px 0px;
	width:230px;
	line-height:25px;
	text-align:right;
}

.topnav2 a:link, .topnav2 a:active, .topnav2 a:visited {
	font-weight:bold;
	color:FF3B30;
	text-decoration:none;
	padding-left:19px;
}

.topnav2 a:hover, .topnav2 a#here:visited {
	color:#000;
}

.kol1 {
	width:490px;
	line-height:25px;
	vertical-align:top;
	padding:25px 0px 0px 0px;
	border-top:1px solid #dedede;
}
.kol2 {
	width:200px;
	line-height:25px;
	vertical-align:top;
	text-align:right;
	padding:15px 0px 0px 0px;
	border-top:1px solid #dedede;
}

.kol3 {
	width:690px;
	line-height:25px;
	vertical-align:top;
	padding:25px 0px 0px 0px;
	border-top:1px solid #dedede;
}

.tekstveld {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	margin:0px;
	padding-right:20px;
	/*padding: 0px 26px 0px 30px; */
	/*border:0px solid #000;*/
	height:300px;
	/*width:100%;*/
	overflow:auto;
	line-height:25px;
	border-collapse:collapse;
}



.tekstveld td {
	color:#000;
	line-height:25px;
	vertical-align:top;
}

.teksttitel {
	font-weight:bold;
	font-size:14px;
}

.tekstveld a {
	color:#ff3b30;
	text-decoration:none;
}

.tekstveld a:hover {
	text-decoration:underline;
}



h1 {
	/* paginatitel */
	font-size:125%;
	margin:0px 0px 10px 0px;
}

.klein {
	/* aanduiding verhuismakelaar bovenaan */
	font-size:85%;
}

.slogan {
	/*padding-top:30px;*/
	color:#fff;
	font-size:115%;
	font-weight:bold;
}

#contactimg { position:absolute; top:0px; left:400px; }

.gratis_adviseurs {
	text-align:right;
	vertical-align:middle;
}

.portfolio {
	padding-top:8px;
}

#links {
	list-style:none;
	line-height:25px;
	padding:5px 0px 0px 0px;
	margin:0;
}

#links a {
	color:#000;
}

input, select, textarea {
	width:270px; 
}

#radio {
	width:20px;
}

#button {
	width:100px;
}

#error {
	border:1px solid #ff3b30;
}

#error_msg {
	color:#ff3b30;
	font-weight:bold;
}

.special {
width:5px;
visibility:hidden;
}
/* voorkom spam via mailform.
Maak een extra input veld met de class special. Voor mensen is de input niet zichtbaar, door de css. Voor een bot is het echter een van de gewone inputvelden op het form, en de bot zal deze ook gewoon vullen met iets. Hierna moet je alleen nog een filter inbouwen in de code die de input verwerkt die de invoer afvangt waar dit veld gevuld is.
*/

#menu{
width:130px;
z-index:2;
line-height:25px;
margin-left:3.7em;
}

#menu a, #menu h2{
font:normal 11px verdana, arial,helvetica,sans-serif;
display:block;
border-bottom:1px solid #dedede;
margin:0;
padding:6px 4px 6px 28px;
}

#menu h2{
color:#000;
}

#menu a{
color:#000;
text-decoration:none;
background-image:url(../UserFiles/Image/menu_vinkuit.gif);
background-repeat:no-repeat;
}

#menu a:hover, #menu a:active, #menu a#here:active, #menu a#here:visited {
background-image:url(../UserFiles/Image/menu_vinkaan.gif);
background-repeat:no-repeat;
}

#menu a#here1:active, #menu a#here1:visited {
background-image:url(../UserFiles/Image/menu_vinkgrijs.gif);
background-repeat:no-repeat;
}

#menu ul{
list-style:none;
margin:0;
padding:0;
width:100%;
}

#menu li{
list-style:none;
}

/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */

div#menu li, div#menu li:hover{
position:relative;
}

div#menu li ul{
position:absolute;
top:0;
left:100.1%;
display:none;
}

div#menu ul ul,
div#menu ul ul ul,
div#menu ul li:hover ul ul,
div#menu ul li:hover ul ul ul
{display:none;
}


/* End non-anchor hover selectors */


/*portfolio*/
.categorie {
padding-top:20px;
font-weight:bold;
color:#ff3b30;
}

.pfnaam {
}

.pfomschrijving {
padding-left:30px;
font-style:italic;
}