/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2
*/
/* for all templates and grids */

body {
       /*background: #ffffff url("images/background.jpg") repeat-x top; */
       padding: 0px 0px 0px 20px;
       height: 100%;
       color: #181818;
       margin:0px;
       text-align: left;
       font-family: Arial,Helvetica,sans-serif;
       background-color: #006699;
     }

h1 {
       color: #336699;
}

h2 {
    background: #006699;
    min-height:25px;
    padding: 5px 0px 5px 0px;
    margin-top:0px;
    margin-left:-10px;
    margin-right:-10px;
    margin-bottom: 5px;
    text-align: center;
    vertical-align: middle;
    color: white;
    font-size: 120%;
}

h2oud {
    text-align: center ;
    color: #2C2E2E;
}

h3 {
    font-size: 60%;
    text-align: left;
}

h4 {
    text-align: center ;
}

h5 {
	text-align: left;
}

h6 {
    font-size: 400%;
}



#sitewrapper
{
    width: 1250px;
    background-color: #FFFFFF;
    height: 100%;
    min-height: 100%; 
    margin-top:15px;
    margin-bottom:15px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding:5px 5px 5px 5px;
    border: 1px solid;
    border-color:#9B9B9B;

}

#header{
	margin:0;
        padding:0px 0px 0px 0px;
        background-color:white;
        margin-left:16px;
    border: 0px solid;
    border-color:#9B9B9B;
	}
	
#header h1{
        color:#336699;
	font-size:200%;
	margin:0;
	padding:10px;
	}
	
#header h1 a{
	color:#336699;
	background-color:#F3F2ED;
	}

#midden{
	/* height:510px; */
        width:785px;
        position: relative;
        height:auto !important; /* voor moderne browsers */
        float:left;
        margin-left: 6px;
        background:#C9E3FA;
        border: 1px solid;
        border-color:#3399CC;
	padding:0px 10px 10px 10px;
	}

#links{
        width:210px;
position: relative;
height:auto !important; /* voor moderne browsers */
height:100%; /* voor IE */
        margin-left: 6px;
        float:left;
        border: 0px solid;
        text-align: center;
}


#linksbox{
        position:relative;
        text-align: center;
        background:#C9E3FA;
        width:200px;
	padding:0px 0px 5px 0px;
        border: 1px solid;
        border-color:#3399CC;
}

#onderbox{
        float:left;
        background:#C9E3FA;
        width:200px;
	padding:0px 0px 5px 0px;
        margin-right:15px;
        margin-bottom:10px;
        border: 1px solid;
        border-color:#3399CC;
}

#achtergrond {
    height:25px;
    padding: 5px 0px 5px 0px;
    margin-bottom: 5px;
    text-align: center;
    vertical-align: middle;
    color: white;
    font-size: 120%;
}

.blauw{
    background: #006699;
}

.lichtblauw{
        background: #CCFFFF;
}

.middenblauw{
        background: #3399CC;
}

#onder{
width:900px;
height:auto !important; /* voor moderne browsers */
height:100%; /* voor IE */
background:#FFFFFF;
padding: 8px 8px 8px 8px;
margin-left: 30px;
margin-top: 5px;
margin-bottom: 5px;
float:left;
border: 1px solid;
text-align: center;
}

#linksgroot{
        width:990px;
        position: relative;
        float:left;
        margin-left: 6px;
        border: 1px solid;
        border-color:#3399CC;
        background:#C9E3FA;
	padding:0px 10px 10px 10px;
        text-align: center;
}

#rechts{
        width:210px;
        position: relative;
        height:auto !important; /* voor moderne browsers */
        height:100%; /* voor IE */
        float:right;
        border: 0px solid;
        text-align: center;

}

#secondaryFull{
	height:50px;
	background-color:#CFB59F;
	border:#000000 1px solid;
	margin:0;
	padding:0;
	}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

#menu {
	width: 180px;
	margin: 10px;
}

#menu li a {
	height: 35px;
  	voice-family: "\"}\"";
  	voice-family: inherit;
	text-decoration: none;
	}

#menu li a:link, #menu li a:visited {
	color: #FFF;
	display: block;
    background:  url(Image/image2.png) no-repeat;
	padding: 6px 0 0 0px;
	}

#menu li a:hover {
	color: #FFF;
	background:  url(Image/menu3.gif) no-repeat;
	padding: 6px 0 0 29px;
	}

.input {
    min-height: 25px;
    margin-top:5px;
    margin-bottom:5px;
    border: 1px solid #006;
    background: #ffc;
}
.input:hover {
    border: 1px solid #f00;
    background: #ff6;
}
.pdinput {
    min-height: 15px;
    margin-top:5px;
    margin-bottom:5px;
    border: 1px solid #006;
    background: #ffc;
}
.pdinput:hover {
    border: 1px solid #f00;
    background: #ff6;
}
.button {
    border: none;
    padding: 5px 5px 5px 5px;
    margin-bottom: 5px;
    color: white;
    border: 1px solid;
    border-color:#3399CC;
    background:#006699;
    text-align: center;
    margin-right: 5px;
    margin-left: 5px;
    margin-top: 5px;
}

.button:hover {
    border: none;
    padding: 5px 5px 5px 5px;
    margin-bottom: 5px;
    color: white;
    border: 1px solid;
    border-color:#3399CC;
    background:#0099CC;
    text-align: center;
    margin-right: 5px;
    margin-left: 5px;
    margin-top: 5px;
}