/* Algemeen */

* {
	margin:0px;
	padding:0px;
}

html {
	width:100%;
	height:100%;
}
/*
body {
	background: #8B8B8B url(../images/bg.gif) repeat top center;
	color: #000;	
	text-align:center;
	width:100%;
	height:100%;
	font: 70%/1.4em Verdana, Arial, Geneva, helvetica, sans-Serif;
	overflow: -moz-scrollbars-vertical;
}

html>body{
	background: #8B8B8B url(../images/bg2.gif) repeat top center;
}*/

#webdesigner, .teller {
	display:none;
}



/* Opmaak headers en textopmaak */
.flashtitel {
    width:505px;
	height: 30px;
	/*background: #000;*/
}


h1 {
	font : bold 50px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #d7c8af;
}

h2 {
	font: 12px, Verdana, Arial, verdana, sans-Serif;
	color: #000;
	font-weight:bold;
	
}

h3 {
	font: 1.3em Verdana, arial, Verdana, sans-Serif;
	color: #3D4F66;
}

p { font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
}

ul {font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:11px;

	}

/* Opmaak plaatjes en foto's */

img {
	border:0px;
}

.foto, .fotorechts, .fotorechts2, .fotolinks, .fotocenter, .fotocenter2 {
	background: #fff;
	padding:2px;
	/*margin-left:10px;*/
	border: 2px solid #000000;
	margin-bottom: 5px;
}
.fotorechts {
    float:right;
	margin-left: 10px;
}
.fotorechts2 {
    float:right;
	margin-right: 0px;
	margin-left: 30px;
}
.fotolinks {
    float:left;
	margin-left: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
}
.fotocenter {
    float:left;
	margin-left: 100px;
	margin-right: 100px;
	margin-bottom: 20px;
}
.fotocenter2 {
    float:left;
	margin-left: 50px;
	margin-right: 50px;
	margin-bottom: 20px;
}



/* Opmaak links */

a:link {
	color: #666666;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #666666;
}
a:hover {
	text-decoration: none;
	color: #000000;
	}
a:active {
	text-decoration: none;
	color: #666666;
}

#navigatie {
	text-align:center;
	width: 199px;
	padding: 70px 0px 25px 10px;
	/*background: green;
	background: transparent url(../images/navigatie.gif) no-repeat top center;*/
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	float:left;
	margin-bottom: 10px;
}
#navigatie a{
   color: #ccc;
   text-decoration: none;
   padding-top: 12px;
}
#navigatie a:hover{
   color: #fff;
   text-decoration: none;
	background: transparent url(../images/hover.gif) no-repeat top center;
}
#navigatie a.aktief{
   color: #fff;
   text-decoration: none;
	background: transparent url(../images/hover.gif) no-repeat top center;
}
#navigatie span{
   color: #fff;
   padding: 0px 5px 0px 5px;
}	

#navigatie ul{
	list-style-type : none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 199px; 
}
#navigatie ul li{
	display: block;
}
#navigatie ul li a {
	font : bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	display: block;
	text-decoration: none;
	color: #282827;
	margin: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top:6px;
	padding-bottom: 6px;
	text-align: left;
	background-color: #d7c8af;
}
html > body #navigatie ul li a {
}

#navigatie ul li a:hover, #navigatie ul li a.aktief {
	font : bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
	background: #a28e7d;
	text-decoration: none;
} 

#navigatie ul li a:active {
	font : bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	background-color: transparent;
} 

/* Fix IE. Hide from IE Mac \*/
* html #navigatie ul li { }
* html #navigatie ul li a { height: 1%;  }
/* End */










/* contact */
.contact{
	width: 300px;
	border: 0px;
	padding: 0px;
	margin: 0px;
	display: block;
}
.contactleft{
	vertical-align : top;
	text-align : left;
	font: 11px Verdana;
}
.contactright{
	width: 210px;
	vertical-align : top;
	text-align : right;
}
.contactklein{
	width: 90px;
	vertical-align : middle;
	text-align : left;
	font: 9px Verdana;
}
.contactbuttons{
	width: 210px;
	vertical-align : bottom;
	text-align : right;
}
#contactextra{
   float:right;
   width: 140px;
   font : 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
   margin-left: 10px;
   border-left: 1px solid #888;
   padding: 5px 0px 10px 5px;
}
#contactextra a{ 
   color: #ccc;
   text-decoration: none;
}
#contactextra a:hover{ 
   color: #fff;
   text-decoration: none;
}


textarea.invul{
    height: 100px;
	width : 200px;
}
input.invul{
	width : 190px;
}
.route{
	width : 110px;
}


/*    BUTTONS    */
.versturen, .wissen{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	background-color: #d7c8af;
	color: #652821;
	border-top : 1px solid #AAAAAA;
	border-left : 1px solid #AAAAAA;
	border-bottom : 1px solid #777777;
	border-right : 1px solid #777777;
	width : 110px;
	margin-top: 2px;
}
.wissen{
	margin-right: 5px;
}