/* CSS door Norbert de Langen van Mediaconnexion BV */
/* Copyright 2007 | All rights reserved */

*{
margin:0;
padding:0;
border:none}
table{
border-width:0px;
border-style:hidden;
border-collapse:collapse}
td{
border-width:0px;
border-style:hidden;
text-align:left}
body, html{
margin:0; 			
padding:0;
border:none;
height:100%;
width:100%;
min-height:100%;
min-width:100%;
max-height:100%;
max-width:100%;
background:#000;
overflow:hidden}
img{ 
border:0px;
margin:0;
padding:0}

body{
margin-top:-1px;
background:#000 url(../images/background.jpg) no-repeat top center}

body, td, tr, .formtextbox, .formtextbox2{
font-family:Verdana; 	/* Standaard Tekstfont */
font-size:13px; 		/* Standaard Tekstgrootte */
color:#fff;				/* Standaard Tekstkleur */
line-height:18px}		/* Standaard Interlinie */

/*LAYOUT*/

#background{
background:url(../images/backgroundtrans.png); 
height:100%;
width:708px;
position:absolute;
top:0;
bottom:0;
width:708px;
left:50%;
margin-left:-354px}

#container{
position:relative;
top:0;
bottom:0;
height:100%;
min-height:100%;
width:100%;
overflow:auto;
z-index:10}

#content{
position:relative;
top:0;
bottom:0;
width:708px;
left:50%;
margin-left:-354px;
z-index:11}

#header{

width:708px;
height:260px;
}

#main{
padding:0 39px}

#footer{
margin-top:20px;
margin-left:40px;
width:630px;
left:50%;
height:65px}

.padded{
padding:8px}
.littlepaddedleft{
margin-left:3px}
.littlepaddedright{
margin-right:3px}
/*GENERALS*/

p {
padding:0;
margin:0 0 8px 0}

.hr{
/* horizontale lijn tussen items */
height:0px;
clear:both;
margin:8px 0;
padding:0;
border-top:1px #FFCB08 solid;
line-height:0px;font-size:0px;overflow:hidden}


.bold { 
font-weight:bold}

.titel { 
/* Titels voor items */
font-family: "trebuchet MS", Helvetica, Arial; 
font-size:15px; 
font-weight:bold;
color:#FFCB08; 
line-height:15px; 
text-decoration:none;
margin-bottom:8px}

.klein { 
font-size:13px}

.wit { 
color:#fff}

.foto{}
.left{
margin:0 8px 8px 0;
float:left;
clear:left}
.right{
margin:0 0 8px 8px;
float:right;
clear:right}
.onderschrift{
line-height:10px;
font-size:9px}
.onderschriftbox{
margin-top:-1px}
.unclear{
clear:none}

.menubackground{
background-color:#FFFFFF;
width:200px}
.menubackground2{
margin-top:30px;
background-color:#000000;
width:200px}

.menuoff{
background-color:#DD0000}
.menuon{
background-color:#FF0000}

.Lijstachtergrond1{
background:#000}
.Lijstachtergrond2{
background:#333}

.light_grey a, a:link, .light_grey a:visited, .light_grey a:active, .light_grey a {
text-decoration:none} 

/* FORM STYLES */

.formsubmitbutton{
float:left;
clear:both;
background:#fff;
border:1px solid #FFCB08;
margin:8px 0}

.formcheckbox{}

.formradiobutton{
float:left;
clear:left}
.formradiobuttontekst{
margin:1px 0 2px 30px}

.formtextbox{
background:#fff;
border:1px solid #FFCB08;
margin:1px 0;
padding-bottom:2px;
vertical-align:middle;
width:200px;
color:#000}

.formtextbox2{
background:#fff;
border:1px solid #FFCB08;
margin:1px 0;
padding-bottom:2px;
vertical-align:middle;
width:100%;
color:#000}

.rood{
/* wordt gebruikt voor contactformulier verplichte velden */
font-size:16px;
color:red;
font-family: "trebuchet MS", Helvetica, Arial; 
font-weight:bold}
.redborder{
border:1px solid #FFCB08;
vertical-align:middle;
background:#fff}

.warning{
color:red}

a{}

a:link, a:visited, a:active { 
/* Links die geen menu zijn */
color:#FFCB08; 
font-weight:normal; 
font-family:Verdana;
text-decoration:none}

a:hover { 
/* Links die geen menu zijn , waar men met de muis overheen gaat */
color:#FFCB08; 
font-weight:normal; 
font-family:Verdana; 
text-decoration:underline}
