﻿ /* 
lichtblauw #0092df
donkerblauw #0d3e8a
lichtgroen #68b830
donkergroen #00913f
groengeel #acd216
geel #fef500
Rood #a72924
Grijs #a9a9a8
*/

body 
{
   	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 12px;
	text-align:center;
	background-image:url(images/body_back.jpg);
	color:Black;
}
h1 { color:#0d3e8a; font-weight:bold; font-size:1.4em;margin-bottom:-20px;}
p {}
table {font-size: 12px;font-family: Verdana, Arial, Helvetica, sans-serif;}
.right {text-align:right}
.imgtekst{font-size:0.8em; color:#0d3e8a;}

a:link { text-decoration:underline; color:black;}
a:visited { text-decoration:underline; color:black;}
a:active { text-decoration:underline; color:black;}
a:hover { text-decoration:underline; color:#a72924;}

#main{ width:778px; height:700px; background-color:White; background-image:url(images/meer.gif); background-position:center 400px; background-repeat:no-repeat;}
#mainhome{ width:778px; height:700px; background-color:White;}
#topnav { float:right;margin-right:0px; margin-top:0px;}
#topnav ul {margin:0;padding:0;list-style-type: none;text-align: center;white-space:nowrap;}
#topnav ul li { display: inline; }
#topnav ul li a { text-decoration: none;float:right;padding-left:1em;padding-right:1em; color:#0092df; font-weight:bold; border-left: solid 1px #0092df;}
#topnav ul li a:hover { color:White; background-color:#0092df; }
#logo{ float:left;margin-left:10px; margin-top:0px;}
#balk { float:right; margin:0px; height:130px; width:550px; background-image:url(images/balk-gradient.jpg);}
#balk img {float:right; padding:5px; margin-top: 5px; margin-right:5px; border:0;}
#menu{ float:right;margin-right:-10px; margin-top:-40px;  width:550px;}
#sfeer{float:left; margin:0px; height:150px; width:778px;}
#content{ margin:10px; text-align:justify; height:800px;}
#content ul {margin:20px;}
#content li {list-style-image:url(images/icon-meer.gif); padding-left:2px; vertical-align:middle; margin-bottom:10px; }


/********************************************************************************
** Contactformulier
********************************************************************************/
#ContactGegevens{ border: solid 1px #0d3e8a; padding: 10px;width:750px;}
#ContactGegevens td{ padding: 2px;}
#IsErPlaats{ border: solid 1px #0d3e8a; margin-top:10px; margin-bottom:10px; padding: 10px;width:750px;}
#AndereVraag{ margin-top:10px; margin-bottom:10px; width:100%;}
#FouteInvoer{ margin-top:10px; margin-bottom:10px; padding: 0px;width:750px;}
.FouteInvoer{ border: solid 1px red; padding: 10px;width:100%;}


/********************************************************************************
** Sitemap / Linkpartners
********************************************************************************/
.4kolommen ul{ width:700px;}
.4kolommen li{ width:180px;float:left;list-style-image:url(images/icon-meer.gif); padding-left:2px; vertical-align:middle; margin-bottom:10px;}



/********************************************************************************
** FotoGalerij
********************************************************************************/
#image{ border: solid 1px #0d3e8a; padding: 10px;width:750px; text-align:center;}
#navPhoto {float:right;padding: 10px;}


/********************************************************************************
** Gastenboek
********************************************************************************/
#Gastenboek{ border: solid 1px #0d3e8a; margin-top:10px; margin-bottom:30px; padding: 10px;width:100%;}


#PleaseWait
{
    position: absolute; 
    top: 0; 
    left: 0; 
    z-index: 90; 
    width: 100%; 
    height: 1500px;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    opacity: .6;
    filter: alpha(opacity=60); 
    background-color:Black;
    visibility:hidden;
}

#PleaseWaitMessage
{
    position: absolute; 
    top: 100px; 
    left: 50%;
    padding:20px;
    margin-left:-350px;
    z-index: 90; 
    width: 100%;
    text-align:center;
    width:700px;
    height:400px;
    background-color:White;
    border: solid 1px black;
    visibility: hidden;
}

#PleaseWaitMessage p
{
    margin-left:10px;
    color:#6699CC;
    font-weight:bold;
    text-align:justify;
}
