@charset "UTF-8";
/* CSS Document */

/* standaard stijlen */
body{
background:#CCCCCC;
margin-left:0px;
margin-top:0px;
font-family:"Trebuchet MS";
color:#333333;
font-size:12px;
text-align:center;
background-image:url(../images/wall.jpg);
}
a,a:link,a:visited
{
font-family:"Trebuchet MS";
color:#fff;
font-size:12px;
text-decoration:none;
}
a:hover
{
font-family:"Trebuchet MS";
color:#000;
font-size:12px;
text-decoration:none;
}
p
{
color:#333;
font-size:13px;
line-height:24px;
text-align:justify;
}
H1
{
font-size:18px;
font-weight:bold;
}
/*extra classes */
.zoek
{
color:#fff;
font-size:13px;
line-height:24px;
text-align:center;
background-color:#98CD19;
height:25px;
width:280px;
}
.img
{
border:1px solid #000;
padding:3px;
margin-right:10px;
}
.disclaimer
{
color:#777;
font-size:9px;
line-height:10px;
}
a.selsub, a.selsub:link,a.selsub:visited
{
text-decoration: underline;
font-weight:bold;
}
.pagenav a, .pagenav a:link, .pagenav a:active,.pagenav a:visited {
	font-family:"Trebuchet MS";
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0066cc;
	color: #0066cc;
	background-color: #FFFFFF;	
}
.pagenav a:hover {	
	font-family:"Trebuchet MS";
	border: 1px solid #114477;
	color: #114477;
	background-color: #FFFFFF;
}
.pagenav span.more {
	font-family:"Trebuchet MS";
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #000000;
	border: 1px solid #000000;
	background-color: #FFFFFF;
}
.pagenav span.current {
	font-family:"Trebuchet MS";
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	border: 0 px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}
.pagenav span.extend {
	font-family:"Trebuchet MS";
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}
.pagenav span.pages {
	font-family:"Trebuchet MS";
	padding: 3px 5px 3px 5px;
	margin: 2px 2px 2px 2px;
	color: #000000;
    border: 1px solid #fff;
    background-color: #019DD6;
    color: #fff;
    font-weight:bold;
}
/* Layer properties */
#container
{
	border:0px solid #ff00ff;
	position: relative;
	margin: 0 auto;
	width: 980px;
	height: 600px;
	text-align:left;
}
#header{
position: relative;
width:980px;
height:200px;
background-image:url(../images/header.jpg);
background-repeat:no-repeat;
text-align:left;
}
#submenu{
position: relative;
width:980px;
height:50px;
background-color:#0063a2;
text-align:left;
border-top:1px solid #fff;
}
#left{
position: relative;
float:left;
width:250px;
height:600px;
background-color:#FFF;
text-align:left;
padding:5px;
}
#content{
position: relative;
float:left;
width:528px;
height:600px;
background-color:#fff;
background-image:url(../images/contentbg.jpg);
text-align:left;
padding:5px;
border-left:1px solid #777;
border-right:1px solid #777;
overflow:auto;
}
#content_contact{
position: relative;
float:left;
width:528px;
height:600px;
background-color:#fff;
background-image:url(../images/contentbg.jpg);
text-align:left;
padding:5px;
border-left:1px solid #777;
border-right:1px solid #777;
}
#right{
position: relative;
float:left;
width:170px;
height:600px;
background-color:#fff;
text-align:left;
padding:5px;
}
#footer{
position: relative;
float:left;
width:980px;
height:80px;
background-color:#0063a2;
text-align:left;
}
#menuholder{
position: relative;
float:left;
width:240px;
height:212px;
background-color:#019DD6;
text-align:left;
padding:5px;
}
#amenuholder{
position: relative;
float:left;
width:600px;
background-color:#019DD6;
text-align:left;
padding:5px;
}
#home{
position: relative;
float:left;
width:80px;
height:40px;
background-color:#019DD6;
text-align:center;
padding:5px;
margin-left:613px;
border-right:2px solid #fff;
}
#contact{
position: relative;
float:left;
width:80px;
height:40px;
background-color:#019DD6;
text-align:center;
padding:5px;
border-right:2px solid #fff;
}
#portfolio{
position: relative;
float:left;
width:80px;
height:40px;
background-color:#019DD6;
text-align:center;
padding:5px;
border-right:2px solid #fff;
}
#foto{
position: relative;
float:left;
width:80px;
height:40px;
background-color:#019DD6;
text-align:center;
padding:5px;
}
#zoekbox
{
position: relative;
float:right;
padding:5px;
}
#f1{
position: relative;
float:left;
width:250px;
height:70px;
text-align:left;
color:#FFFFFF;
padding:5px;
border-right:1px dashed #fff;
}
#f2{
position: relative;
float:left;
width:150px;
height:70px;
text-align:left;
color:#FFFFFF;
padding:5px;
border-right:1px dashed #fff;
}
#f3{
position: relative;
float:left;
width:200px;
height:70px;
text-align:left;
color:#FFFFFF;
padding:5px;
border-right:1px dashed #fff;
}
#f4{
position: relative;
float:left;
width:155px;
height:70px;
text-align:left;
color:#FFFFFF;
padding:5px;
border-right:1px dashed #fff;
}
#f5{
position: relative;
float:left;
width:150px;
height:70px;
text-align:left;
color:#FFFFFF;
padding:5px;
}
#leftimage
{
text-align:center;
margin-top:250px;
}
#rightinfo
{
position: relative;
float:left;
width:160px;
height:90px;
text-align:center;
line-height:14px;
color:#FFFFFF;
background-image:url(../images/rightinfobg.png);
background-position:center;
background-repeat:no-repeat;
padding:5px;

}
/* Hoofdmenu */
.buttons a,.buttons a:link,.buttons a:visited   {color:#019DD6;
background-color:#fff;
padding: 2px;
padding-left: 3px;
display: block;
font-family:"Trebuchet MS";
font-size:12px;
line-height:19px;
font-weight: bold;
text-decoration:none;
text-align: left;

border-bottom:1px solid #ccc;
}
.buttons a:hover {background-color:#019DD6;
color: #ffffff;
text-decoration: none;
border-bottom:1px solid #ccc;
background-image:url(../images/hover.jpg);
} 

.buttons a:active, a.selbutton,a.selbutton:visited,a.selbutton:link {background-color:#0063a2 ;
color: #ffffff;
text-decoration: none;
background-image:url(../images/sel.jpg);
} 
/* Einde Hoofdmenu */

/*Formulier eigenschappen*/
form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
  /*min-width: 500px;*/
  /*max-width: 600px;*/
  width: 560px; 
}

form fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

form fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:underline;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* we instead underline first letter on each label element and accesskey */
                                    /* each input. doing only legends would  lessens cognitive load */
                                   /* opera breaks after first letter underlined legends but not labels */
}

form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

/* cms classes */
.td-edit
{
background-color:#0063a2;
}
.td-edit a,.td-edit a:hover {font-size:20px;}