/* Css voor positionering en algemene background-colors etc. 
	1) background image bevat 
 */

* {
	margin:0;
	padding:0pt;
	color:#333333;
}

a img{
	border:0px;
}

h1{
	font-size:16px;
}

h2{
	font-size:14px;
}

h3{
	font-size:12px;
}

ul li{
	margin:15px;
}

table{
	margin-top:15px;
	margin-bottom:15px;
}

td,th{
	padding:2px;
}

p{
	margin-top:15px;
	margin-bottom:15px;
}


body {
 	/*background-color:#000000; */
	/*border:2px solid black;*/
	/*border:0px;*/
	position: relative;
	
    font-family: arial, verdana, sans-serif; 
	font-size:10pt;	/*.5em; */
	/*behavior: url(css/csshover.htc);*/
	padding-top:8px;/**/
}

div#repeater{
	position:relative;
	width:960px;	
	background-image:url('../images/repeater.gif');
	background-repeat:repeat-y;
	z-index:5;
	margin-left: auto;
	margin-right: auto;
	text-align: center !important;/* for older browsers than don't understand the auto-align property */
	border:0px solid #FBE900;/**/
}

div#mainwrap {	
	position:relative;
	z-index:4;
	width:960px;
	background-image:url('../images/sintanbgleeg.jpg');
	background-repeat:no-repeat;
	margin-left: auto;
	margin-right: auto;
	text-align: center !important;/* for older browsers than don't understand the auto-align property */
	border:0px solid #FBE900;/**/
}

div#top .Header{
	height:auto;
	padding-top:130px;
	text-align:center;
	font-size:20px;
	font-style:italic;
	font-weight:bold;
	color:#AD243E;
	float:center;
	border: 0px solid green;/**/
}

div#birdcage{
	text-align: left;/**/		
	height:32px;
	border-left: 0px solid white;
}

div#birdpic{
	margin-left:250px;
	height:31px;
	border:0px solid blue;
}

div#menucontainer	{
	margin-top:8px;
	border:0px solid blue;
	/*height:50px;*/
	border-left:0px solid blue;
	
}

div#listmenu{
	text-align:center;
	width:auto;/**/
	height:32px;/**/
	float:center;
	border:0px solid green;/**/
}

div#left p{
	margin-top:3px;
	margin-bottom:3px;
}

div#buttonpic	{
	/*height:50px;*/

	width:100px;
}

div#contentarea {
	text-align: center !important;
	padding-top:15px;
	border:0px solid black;
}

div#birdleft {
	text-align: left;
	padding-left:20px;
	float: left;
	width:110px;
	height:30px;
	border-bottom:5px solid #C1C737;
	/*border:5px  solid #C1C737;*/
}

div#left {
	width: 130px;
	margin-top:55px;
	padding-top:0px;
	padding-left:5px;
	color:white;
	font-weight:bold;
	font-size:12px;
	line-height:20px;
	text-align: left;
	float: left;
	/*border-top:0px  solid #C1C737;*/
	border:0px solid black;
	
}

div#left p	{
	border-bottom:1px solid #C1C737;
	width:130px;
}

div#left p a{
	color:white;
	text-decoration:none;
}

div#middle {
	width:550px;
	margin-left:80px;
	margin-top:50px;
	float:left;
	text-align:left; 
	display: inline; /* hack for ie for windows; otherwise it doubles the left margin */
	border:0px solid red;
}


div#middle .title{
	width:100%;
	margin-bottom:10px;
}

div#middle .title h1{
/*	font-size:16px;*/
}

div#middleleft {
	padding-top:px;
	width:265px;	
	float:left;
	text-align:left; 
	border:0px solid red;
	
}

div#middlemiddle {
	padding-top:px;
	width:500px;	
	float:left;
	text-align:left; 
	border:0px solid red;
	
}
div#middleright {
	padding-top:0px;
	width:265px;	
	float: right;
	text-align:left; 
	border:0px solid red;
}

div#middle .pagetext{
	padding:10%;
	margin-top:20px;
	list-style-position:outside;
	}

div#right {
	width: 170px;
	height:570px;
	float: right;	
	border:0px solid blue;
}

.translations{
	height:80px;
}

.flag	{
	padding-top:5px;
	padding-right:10px;
	width:150px;
	text-align:right;
	right:0px;
	float: right;
	border:0px solid black;
	}

.picture	{
	padding-top:5px;
	padding-right:10px;
	margin-bottom:25px;
	width:150px;
	text-align:right;
	border:0px solid black;
}

.logo{
	margin-top:15px;
}

div#right .logo img{
	width:160px;
}

div#right .logo p img{
	width:160px;
}

ul.regios{
	list-style-type:none;
}

ul.regios li{
	text-align:right;
	margin:2px;
	margin-right:105px;
}

div#pagetext {
	width:90%;	
	padding:10%;
	list-style-position:outside;
}

div#bottom{
/*	background-image:url('../images/repeater.png');
	background-repeat:repeat-y;
	width:960px;
	height:20px;
	font-size: 8pt;
	border:0px solid blue;
	color:white;
	clear:both;
	border:0px solid black;
*/	
	width:960px;
	/*height:20px;*/
	font-size: 8pt;
	border:0px solid blue;
	color:white;
	clear:both;
	}

div#footer {
	border:0px solid blue;
	margin-top:0px;
	height:40px;	
}



/** v2 
	$even_tr = '<tr style="background-color:#FFFFFF;">';
	$odd_tr  = '<tr style="background-color:#DBDBB7;">';
	$head_tr = '<tr style="background-color:white;font-weight:bold">';
**/

table.list tr.head{
	background-color:rgb(193,199,55);
	font-weight:bold;
	color:white;
}

table.list tr.row_even{
	background-color:#FFFFFF;
}

table.list tr.row_odd{
	background-color:#DBDBB7;
}

table.double_list{
	float:left;
	width:250px;
}

table.list tbody tr td ul li{	
	list-style-position:inline;
	list-style-type:none;
	margin:5px;
}


table.double_list tbody tr td ul li{
	list-style-position:inline;
	margin-left:20px;
	margin-right:5px;
	margin-top:5px;
	margin-bottom:5px;
	list-style-type:disc;	
}


/** ie hack **/
* html body #mainwrap #contentarea #middle div table tbody tr td li{
	text-indent:-15px;	
}

/* Webinbedrijf wordt heel verdrietig van internet explorer 6 */
* html body div div#mainwrap div#contentarea div div table.list tbody tr td ul li{	
	margin-left:10px;
	text-indent:0px !important;

}

/** nieuwsbrief **/

div.nieuwsbrief{
	margin-top:20px;
}

div.nieuwsbrief div{
	margin-top:4px;
}

form#nieuwsbrief inputline{
	width:168px;
	margin-top:5px;
	background-color: rgb(193,199,55);	
}
form#nieuwsbrief label{
	/*width:600px;
	float:left;
	margin-top:5px;*/
}

form#nieuwsbrief input{
	width:100px;
	border:1px solid rgb(193,199,55);	
}

form#nieuwsbrief input.button{
	width:146px;
	margin-top:5px;
	background-color: rgb(193,199,55);	
}

/* zoeken */
div.zoekform{
	width:168px;
	/*margin:5px;*/
}
div.zoekform form{
	border:0px solid #37860F;
	margin-right:0px;
	width:95%;
}


div.zoekform form input.veld{
	border:1px solid rgb(193,199,55);
	float:left;
	width:105px;
	text-align:left;
}

div.zoekform form input.button{
	background-color:rgb(193,199,55);
	border:0px solid rgb(193,199,55);	
	width:50px;
	height:18px;
	text-align:left;
	}

div#slideshow{
	margin-top:20px;	
	width:160px;
	border:0px solid black;
}


/* Clearing method , http://cthedot.de/xbrowsertest/floatx.html */
* html .clearfix {
 	height: 1%; /* IE5-6 */
}

.clearfix {
	display: inline-block; /* IE7xhtml*/
}

html[xmlns] .clearfix { /* O */
	display: block;  
}

.clearfix:after { /* FF, O, etc. */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}