
* { padding: 0; margin: 0; }

body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 background-image: url(images/background_stripe.png);
}

p {
 padding: 10px;
}

input
{
	padding:2px;
	padding-left:4px;
	padding-right:4px;
}

#wrapper { 
 margin: 0 auto;
 width: 970px;
 background: #FFFFFF;
 
}

#content { 
 float: left;
 color: #333;
 background: #FFFFFF;

 width: 520px;
 display: inline;
 padding-right:20px;
}

#header {
 color: #333;
 width: 970px;
 float: left;
 height: 75px;
 background-color:#B1CA0D;
 background-image: url(images/gradient-green.jpg);
 text-align:center;
}

#footer { 
 width: 960px;
 clear: both;
 color: #000000;
 background: #B5CEDE;
 text-align:center;
  margin:5px;  
}

#navigation 
{
 margin:5px;
 float: left;
 width: 960px;
 height: 50px;
 color: #FFFFFF; 
 text-align:center;
}

#leftcolumn { 
 color: #333;
 width: 220px;
 float: left;
padding-left:10px;
}

#rightcolumn { 
 color: #333;
 width: 200px;
 float: left;
}

.borderDiv
{	
	background: url(images/blue_border.png);
	background-position:bottom right;
	background-repeat:no-repeat;
	margin-right:5px;
	
}


.roundedcornr_box_780775 {
   background: #54B2C4 url(images/roundedcornr_780775_grad.gif) repeat-x top left;
}
.roundedcornr_top_780775 div {
   background: url(images/roundedcornr_780775_tl.gif) no-repeat top left;
}
.roundedcornr_top_780775 {
   background: transparent url(images/roundedcornr_780775_tr.gif) no-repeat top right;
}
.roundedcornr_bottom_780775 div {
   background: url(images/roundedcornr_780775_bl.gif) no-repeat bottom left;
}
.roundedcornr_bottom_780775 {
   background: transparent url(images/roundedcornr_780775_br.gif) no-repeat bottom right;
}

.roundedcornr_top_780775 div, .roundedcornr_top_780775,
.roundedcornr_bottom_780775 div, .roundedcornr_bottom_780775 {
   width: 100%;
   height: 15px;
   font-size: 1px;
}
.roundedcornr_content_780775 { margin: 0 15px; }


/***************/



#nav a {
	color: #FFFFFF;
	font-weight:bold;
	font-size:larger;
	margin-right:10px;
	margin-left:10px;
	text-decoration: none;
	/*margin: 0px 2px 0px 0px;
	padding: 5px 5px 5px 5px;
	
	background-color:#A3510A;
	font-weight: normal;
	
	border-bottom:3px solid #7D3E07;*/
}

#nav a:hover { 
	border-bottom:3px solid #FFFFFF;
}

#nav a.selected { 
	border-bottom:3px solid #FFFFFF;
}


/*****************/
a
{
	color: Black;
	background: inherit;
	
}
a:hover
{
	color: Black;
	background: inherit;
}

h1
{
	margin-bottom:10px;
	margin-top:10px;
	font-size:1.5em;
}

h2
{
	margin-bottom:10px;
	margin-top:10px;
}

.berichtimages
{
	float:left;
	padding-right:15px;
	padding-bottom:10px;
}

h1 a, h2 a
{
	text-decoration: none;
}
h1 a:hover, h2 a:hover
{
	color: Black;
	background: inherit;
}

/***************/

ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}


#leftcolumn h3
{
	clear: both;
	width:60%;
	padding: 2px 0 2px 5px;
	font: bold 1.1em Tahoma, Arial, Sans-Serif;	
	
	 background-image: url(images/gradient-green.jpg);
	margin-right:5px;
}


#leftcolumn li
{
	padding-top:5px;
}

#leftcolumn li a
{	
	font-size:larger;
	
}

#rightcolumn h3
{
	clear: both;
	width:60%;
	padding: 2px 0 2px 5px;
	font: bold 1.1em Tahoma, Arial, Sans-Serif;	
	
	 background-image: url(images/gradient-green.jpg);
	margin-right:5px;
}

#content h3
{
	clear: both;
	background: #B5CEDE;
	color: #FFF;
	padding: 7px 0 7px 5px;
	font: bold 1em Tahoma, Arial, Sans-Serif;
	margin: 0 0 0px 0;
}

/***********************/


.bijbaanDiv
{
	border: solid 1px #B5CEDE;
	padding:0px 0px 5px 0px;
	width:450px;
	font-size:11px;
}

.bijbaanDiv h4
{
	background:#B5CEDE;
	margin:0px;
	padding:2px;
	font-size:13px;
}

.bijbaanDiv h2, .modalPopup h2
{
	background:#B5CEDE;
	margin:0px;
	margin-bottom:5px;
	padding:5px;
	font-size:15px;
}

.BijbaanDiv_dif
{
	border: solid 1px Green;
	padding:0px 5px 5px 5px;
	width:500px;
}

.BijbaanDiv_dif h4
{
	
	margin:0px;
	padding:2px;
	font-size:large;
	font-weight:normal;
}

.BijbaanDivSZK
{
	border: dotted 4px #B5CEDE;
	border-top:none;
	padding:0px 0px 5px 0px;
	width:492px;
}
.BijbaanDivSZK h4
{
	background:#B5CE29;
	margin:0px;
	padding:2px;
}

.mainBijbaanDiv
{
	padding:5px;	
	
	min-height:55px;
}

.mainBijbaanFullDiv
{
	padding:5px;	
	min-height:30px;
}

.BijbaanExtraDiv
{
	border: solid 1px Black;
	border-right:none;
	padding-left:5px;
	padding-bottom:2px;
	margin-bottom:20px;
	margin-left:10px;
	width:120px;
	float:right;
	
}

.selectControl
{
    line-height:150%;
}

.selectControl a
{
    text-decoration:none;
}

.selectControl a:hover
{
    text-decoration:underline;
}

.table
{
float:left;
margin:0;
padding:0;

}
.table li
{
list-style:url(favicon.ico);
list-style-position:inside;
padding:5px 15px;

}

.list li
{
list-style-type:square;
list-style-position:inside;

}

.warning
{
	background:#FEFFC7;
	width:70%;
	border:dotted 1px Black;
}



.tabbox { position: relative; top: 0; left: 0; width: 400px; height: 220px; }
		
.tabbox h2 { position: relative; margin: 0; padding: 0; width: 150px; border: solid #000; border-width: 1px 0 0 1px; z-index: 2; }
.tabbox .last h2 { border-bottom-width: 1px; }

.tabbox h2 a { background: #B5CEDE; display: block; padding: 5px; margin: 0 1px 0 0; font-size: .8em; color: #000; text-decoration: none; }
.tabbox h2 a:hover { background: #FFC; }

.tabbox .tabpanel { position: absolute; top: 0; left: 150px; width: 300px; height: 150px; padding: 7px; background: #D1E081; border: 1px solid #000; border-top: 1px solid #000; z-index: 1; display: none; }

.tabbox .selected .tabpanel { display: block; overflow: auto; }
.tabbox .selected h2 a { background: #D1E081; margin: 0; cursor: default; }



.kenmerken-list {
	font-size:10px;
}
.kenmerken-list LI {
	padding-bottom: 0px; 
	padding-left: 0px;
   padding-right: 0px; 
	padding-top: 0px
}
.kenmerken-list SPAN {
	width: 150px; 
	display: inline-block; 
	font-weight: bold
}
.kenmerken-list SPAN.value {
	display: inline-block; 
	font-weight: normal
}
.kenmerken-list LI {
	padding-bottom: 2px; 
	padding-left: 5px; 
	padding-right: 5px; 	
	padding-top: 2px
}



.data {border-collapse: collapse;
border: 2px solid #000;
font: normal 90%/120% arial, helvetica, sans-serif;
color: #555;
background: #fff;}

.data td, .data th {border: 1px dotted #bbb;
padding: .5em;}

.data caption {padding: 0 0 .5em 0;
text-align: left;
font-size: 1.4em;
font-weight: bold;
text-transform: uppercase;
color: #333;
background: transparent;}

/* =links
----------------------------------------------- */

.data a {padding: 1px;
text-decoration: none;
font-weight: bold;
background: transparent;}

.data a:hover {border-bottom: 1px dashed #bbb;
color: #666;}

/* =head =foot
----------------------------------------------- */

.data thead th, .data tfoot th {border: 2px solid #000;
text-align: left;
font-size: 1.2em;
font-weight: bold;
color: #333;
background: transparent;}

.data tfoot td {border: 2px solid #000;}

/* =body
----------------------------------------------- */

.data tbody th, .data tbody td {vertical-align: top;
text-align: left;}

.data tbody th {white-space: nowrap;}

.odd {background: #fcfcfc;}

.data tbody tr:hover {background: #fafafa;}


.headerDrop
{
    clear: both;	
	font: bold 1.1em Tahoma, Arial, Sans-Serif;	
	background-color:#b5cede;
}


/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	border: solid 1px #B5CEDE;
	padding:0px 0px 5px 0px;
	width:300px;
	font-size:11px;
	background-color:White;
}

input.btn { 
  font-size:12px;
}


