@import url(reset.css);

html, body {
	height: 100%;
	padding: 0px;
	margin: 0px;
}



body {
    background-color: #000;
    color: #656565;
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 62.5%; 
}

.wrapper
{  
    width: 980px;
    min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -50px; /* the bottom margin is the negative value of the footer's height */
}

.content
{
    background-image: url(../images/reflection.jpg);
    background-repeat: no-repeat;
    min-height: 165px;
	height: auto !important;
	height: 165px;	
	color: #fff;
}

.footer, .push {
	height: 50px; /* .push must be the same height as .footer */
}

.footer
{
    clear: both;
    width: 100%;
    text-align: center;
    font-size: 1.1em;
    margin: 0 auto;
    text-align : center;
}

.footertext 
{
    border-bottom: 2px solid black;
}

.footertext img
{
    margin-right: 8px;
}

.footertext a:link,
.footertext a:visited,
.footertext a:hover,
.footertext a:active
{
    color: #656565;
    margin: 0 5px;
    text-decoration: none;
}


#topmenu, #hoofdmenu
{
    display: block;
    width: 980px;
    height: 1.6em;   
    text-align: center; 
    overflow: hidden;
}

#topmenu
{
    padding-top: 10px;
    margin: auto;
    width: 400px;
    margin-left: 285px;
}


#topmenu li
{
    
    position: relative;
    display: block;
    left: 12px;
    width: 130px;
    float: left;
}

#hoofdmenu
{
    margin: 10px 0 10px;
    text-align: left; 
    
}

#hoofdmenu li
{
    margin-right: 78px;
}



.menu li
{
    display: inline;
    text-transform: uppercase
}

.menu li a:link,
.menu li a:visited,
.menu li a:hover,
.menu li a:active
{
    font-size: 1.6em;    
    text-decoration: none;
    color: #4c4c4c;    
    font-weight: bold;
}

.menu li a:hover, .menu li a:active
{
    color: #fff !important;
}

.content div
{
    font-size: 1.4em;
    line-height: 1.2em;
    padding: 0 45px;
}

.content div ul, .content div ol
{
    margin-left: 15px;
}

.content div ul
{
    list-style-type: disc;
}
.content div ol
{
    list-style-type: decimal;
}

.content div a:link,
.content div a:visited,
.content div a:hover,
.content div a:active
{
    color: #fb0000;
    text-decoration: underline;
}

.content div img
{
    float: right;
    margin-left: 40px;
}

.content div h1
{
    color: #fb0000;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0.5em 0;
    
}

.submenu 
{
    display: block;
    height: 50px;   
}


.submenu ul
{
   height: auto;
   padding-top: 25px;
   margin-bottom: 10px;
   padding-left: 45px;
   background-image: url(../images/arrow.gif);
   background-repeat: no-repeat;
   background-position: bottom left;
}

.submenu li a:link,
.submenu li a:visited,
.submenu li a:hover,
.submenu li a:active
{
    color: #fb0000; 
    font-size: 1.4em;
    margin-right: 25px;
}

li.active a, .submenu li a.oclSelectedPage
{
    color: #fff !important;
   
}


body.popup
{
    background-color: #1c1c1c;

    color: #fff;
    padding: 0 60px 0;
}
body.popup .header, body.popup .header p
{
	    text-align: center;
}


body.popup h1
{
    
    font-size: 5em;
    font-weight: bold;
    text-transform: uppercase
}

body.popup h2
{
    line-height: 1.2em;
    font-size: 1.6em;
    font-weight: 600;
    font-family: Helvetica,Arial,Sans-Serif;
    text-transform: uppercase;
    margin-bottom: 10px;
}

body.popup p
{
    
    line-height: 1.2em;
    font-size: 1.5em;
/*    text-transform: uppercase;  */
    text-align: left;
}

.bold
{
    font-weight: 600 !important;
}

.red 
{
    color: #fd0500 !important;
}

.green 
{
    color: #39a929 !important;
}

img.worldmap
{
    margin-top: -30px;
    
}

.footer a:hover
{
    color: #fff;
}
.formulier 
{
	margin-top: 10px;
}

.formulier .input
{
	font-size: 12px;
	height: 17px;
	width: 350px;
	margin: 0px;
	vertical-align: middle;
	margin-right: 5px;
	float: left;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

.formulier .input.medium
{
	width: 100px;
}

.formulier .input.mediumlarge
{
	width: 200px;
}

.formulier .input.small
{
	width: 55px;
}

.formulier .input.dropdown
{
    height: 19px;
}


.formulier .formrow
{
	margin-bottom: 2px;
	clear: both;
	height: 21px;
}
.formulier .formrow label
{
	padding-top: 2px;
	display: block;
	width: 160px;
	color: #fff;
	float: left;
	font-size: 1.2em;
	font-family: Helvetica, Arial, Sans-Serif;
	margin-top: 2px;
	
	
}

.formulier .formrow label.rightaligned
{
	text-align: right;
	padding-right: 10px;
}

.formulier .input.number
{
	text-align: right;
}

.formulier .formrow .input
{
	border: 0px;
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 12px;
}

.doneer
{
	background-color: #366429;
	color: #B1D2A8;
	font-weight: bold;
	width: 100px;
	margin-left: 275px;
	border: 0px;
	font-size: 14px;
	text-transform: uppercase;
	position: absolute;
	bottom: 0px;
}

.onderschrift
{
	color: #848383;
	font-size: 11px;
}

.formrow span label
{
	display: inline !important;
	float: none !important;
}


.formulier .formrow .checkbox input
{
	margin: 0px;
}

.formulier .formrow .checkbox
{
	margin-top: 4px;
}

.motivational
{
	line-height: 1.2em;
    font-size: 1.6em;
    font-weight: 600;
    font-family: Helvetica,Arial,Sans-Serif;
    /*text-transform: uppercase*/
}

.helpmode
{
    background-repeat: no-repeat;
    background-position: center center;
}