/* CSS Document */

body {
background-image: url(../images/opmaak/body_bgd.gif);
margin: 0;
padding: 0;
text-align: center;
color: #666;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
}

#wrapper{
background-color: #FFFFFF;
width: 796px;
margin: 10px auto;
bottom: 10px;
padding: 0;
border: 1px solid #000;
text-align: left;
}

#banner{
background-repeat: no-repeat;
width: 100%;
height: 134px;
margin: 0 auto;
visibility: visible;
}

#content {
background-repeat: no-repeat;
width: 591px;
margin-left: 0px;
float: left;
text-align: left;
z-index: 200;
min-height:680px;
}

#rcol{
margin-left: 591px;
margin-top: 0;
padding: 0;
font-size: 70%;
}
.container{
background-color: transparent;
width: 99%; 
float:right;
}
#content p{
font-size: 70%;
line-height: 1.4em;
margin-left: 30px;
margin-right: 120px;
}
/*  #########  FONT STYLES   ##########  */
.stylered{
color:#CC3333;
}
.stylefluo{
font-size:105%;
background-color:#F00;
font-weight:bold;
padding: 3px;
color:#FF0;
letter-spacing:0.2em;
font-variant:small-caps;
}
.stylefluo a{
color:#FF0;
text-decoration:none;
}
.stylefluo a:hover, .stylefluo a:focus{
background-color: #F00;
color:#CCFF00;
}
.stylebold{
color: #F90;
font-size: 125%;
font-weight: bolder;
letter-spacing: 1px;
font-style: italic;
}
.style1 {
color: #F90;
font-size: 125%;
font-weight: bolder;
letter-spacing: 1px;
font-style: italic;
}
.stylegreen{
color:#009900;
font-weight:bold;
}
#content h1{
font-family:Arial, Helvetica, sans-serif;
font-size: 110%;
font-style: italic;
text-transform:uppercase;
letter-spacing: 1px;
color:#900;
margin-left: 30px;
margin-right: 125px;
margin-top: 30px;
}
#content h2{
font-family:Arial, Helvetica, sans-serif;
font-size: 110%;
font-style: italic;
text-transform:uppercase;
letter-spacing: 1px;
color:#900;
margin-left: 30px;
margin-right: 125px;
margin-top: 10px;
}
#content h3{
font-family: Arial, Helvetica, sans-serif;
font-size: 70%;
font-weight:normal;
letter-spacing: 1px;
color: #999;
margin-left: 30px;
margin-right: 120px;
margin-top: 30px;
}
#content h4{
font-family: Arial, Helvetica, sans-serif;
color: #999;
margin-top: 5px;
}
#content H5{
font-family: Arial, Helvetica, sans-serif;
font-size: 150%;
color: #900;
letter-spacing: 2px;
margin-top: 5px;
}
#content h6{
color: #900;
font-size: 80%;
letter-spacing: 0.1em;
margin-top:40px;
font-style:italic;
margin-left: 30px;
margin-right: 120px;
}
#content ul{
line-height: 1.4em;
color: #666;
font-size: 70%;
margin-right: 120px;
margin-left: 50px;
}
#content table{
width: 450px;
margin-left: 30px;
margin-top: 35px;
/*border: none;*/
font-size:70%;
}
table {
line-height: 1.4em;
}

#content table p{
margin-left:0px;
margin-right: 10px;
margin-top:0px;
font-size: 100%;
	
}

#content table h1{
margin: 0;
font-size: 200%;
}

#home table{
width: 400px;
background-color: #FBFBF7;
margin-left: 30px;
margin-top: 50px;
border: 1px solid #000000;
font-size:70%;
}

#rcol p{
margin-left: 10px;
margin-right: 10px;
line-height: 1.4em;
}

.clearit{
clear: both;
}

#footer{
text-align: center;
color: #999999;
font-size: 70%;
line-height: 2em;
}
#pix{font-size:70%; color:#999; font-style:italic; padding:0px}
a {
text-decoration: underline;
color: #999999;
}
a:hover, a:focus{
background-color: #FFFFCC;
color: #990000;
text-decoration: none;
}

#rcol #nav ul {
margin-left: 0;
margin-top: 25px;
padding: 0;
list-style-type: none;
text-align: left;
}
#rcol #nav ul li ul{
margin-top: 0;
}
#rcol #nav li {
margin: 0;
padding:0;
}

#rcol #nav a {
text-decoration: none;
font-weight: bold;
display: block;
color: #900;
padding: 3px 11px 3px 12px;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
line-height: 19px;
white-space:nowrap;
width: 175px !important; width /**/: 205px;
}
#rcol #nav a:hover, #sidebar #nav a:focus {
background-color: #FFFFB0;
color: #900;
display: block;
border-color: #aaab9c #fff #fff #ccc;

}
#rcol #nav li a{
width: 175px !important; width /**/: 205px;
}
#rcol #nav li li a {
display: block;
background-color: #FBFBF7;
color: #D50000;
padding: 3px 0px 3px 25px;
text-decoration: none;
/*font-weight: normal;*/
margin-top: 0px;
line-height: 19px;
width: 173px !important; width /**/:203px;
}

#rcol #nav li li li a {
font-size: .8em;
/*font-weight: normal;*/
color:#B70000;
padding: 3px 0px 3px 25px;
}

/*SWAP*/
/* Link Styles for the Menu */
.closed a, .open a {
background-color: #F0F0E0;
display: block;
padding: 2px 0px 2px 16px;
text-decoration: none;
}
.normal a {
background-color: #F0F0E0;
}
.closed a:hover, .open a:hover, .closed a:active, .open a:active {
font-weight: bold;
}

/* Plus Sign for Trigger Links in Closed State */
.closed a {
background-image: url(../images/opmaak/menu/menplus.gif);
background-repeat: no-repeat;
background-position: 1px 50%;
}

/* Minus Sign for Trigger Links in Open State */
.open a {
background-image: url(../images/opmaak/menu/menminus.gif);
background-repeat: no-repeat;
background-position: 1px 50%;
}

/* Link Styles for the Submenus */
.closed ul a, .open ul a, .open ul a:hover {
font-weight:normal;
background-color: transparent;
background-image:url(../images/opmaak/menu/pagemarker.gif);
background-repeat: no-repeat;
background-position: 10px 50%;
}
/*OPMAAK AFBEELDINGEN*/
.imageborder{
border: 1px solid #999;
}
.imageleft{
border: 1px solid #999;
padding: 3px;
float: left;
margin-right: 10px;
}
.imageright{
border: 1px solid #000;
float: right;
margin-left: 10px;
padding: 3px;
}
.imagefront{
margin-left: 0px;
margin-top: 10px;
border: 1px solid #000;
}
.toplink a{
background-image:url(../UdZ_Swap/images/opmaak/top_img.gif);
background-repeat: no-repeat;
color: #999;
text-decoration: none;
text-align: center;
padding: 2px;
font-size: 80%;
}

#banner a{
background-color: transparent;}
#banner a span {display: none;}
#banner a:hover span {display: block; background-image: url(../images/opmaak/body_bgd.gif);
   position: absolute; top: 140px; left: 110px; width: 330px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #000; border: 1px solid #000;
   font: 70% Verdana, sans-serif; text-align: center; line-height: 1.5em;
}
/*OPMAAK FORM*/
select {
margin-left: 10px;
color: #990000;
}
input {
	border: 1px solid #666666;
	color: #990000;
}
.formbutton {
	color: #990000;
	background-image:url(../images/opmaak/menu_bg.gif);
	border: 1px solid #990000;
}
textarea {
	border: 1px solid #990000;
}
hr {
	color: #990000;
	width: 450px;
	text-align: left;
}
.titleHome{
	margin-left:30px;
	color:#990000;
	font-weight:bold;
}
table {
	padding: 0px;
	margin-top:0px;
}
.titleHome2{
font-size: 150%;
font-weight: lighter;
font-style: italic;
letter-spacing: 1px;
color:#900;
margin-left: 30px;
margin-right: 120px;
}