table.model1
{
float:left;
 padding: 0 5 5 0;
}
table.model2
{
float:right;
padding: 0 0 5 5;
}
table.model82
{
background: transparent;
}
table.model25
{
float: left;
 display: inline;
 margin: 10px 7px 0 0;
}
table.model31
{
height: 21px;
 margin-top: 30px;
}
table.model62
{
margin-bottom: 5px;
}
table.tmodel21
{
font-family:Trebuchet MS;
font-size:12px;
color:#1a1a1a;
line-height: 22px;
margin: 0 0 20px 0;
}
td.tcell2
{
font-family:Trebuchet MS;
font-size:12px;
color:#086689;
}
td.tcell1
{
font-family:Trebuchet MS;
font-size:12px;
color:#086689;
}
.model3
{
font-family:Trebuchet MS;
font-size:9px;
color:#828282;
}
.model99
{
margin-left: 4px;
 border: 1px solid #dfdfdf;
}
.model100
{
font-family:Trebuchet MS;
font-size:12px;
color:#1a1a1a;
line-height: 22px;
color:#498da7;
}
.model4
{
font-family:Trebuchet MS;
font-size:9px;
color:#828282;
}
.model5
{
font-family:Trebuchet MS;
font-size:12px;
color:#1a1a1a;
line-height: 22px;
}
.model6
{
font-family:Trebuchet MS;
font-size:12px;
color:#1a1a1a;
line-height: 22px;
}
.model7
{
font-family:Trebuchet MS;
font-size:12px;
color:#1a1a1a;
line-height: 22px;
}
.model8
{
font-family:Trebuchet MS;
font-size:9px;
color:#828282;
}
.model13
{
font-family:Times New Roman;
font-size:12px;
color:#d6012e;
font-weight:bold;
text-transform: uppercase; line-height: 26px;
}
.model20
{
font-family:Trebuchet MS;
font-size:12px;
color:#1a1a1a;
line-height: 22px;
}
.model27
{
display:block;
}
.model30
{
font-weight: bold;
 font-family: Times New Roman;
 text-transform: uppercase;
 margin-left: 10px;
 color: #fff;
 font-size: 12px;
 background: transparent;
 border: 0px;
}
.model32
{
margin-left: 7px;
 width: 210px;
 background: transparent;
 border: 0;
}
.model34
{
margin-left: 10px;
 border: 0px;
}
.model58
{
font-family: Times New Roman;
 font-size: 14px;
 color: #086689;
 font-weight: bold;
}
.model59
{
font-family: Trebuchet MS;
 font-size: 12px;
 color:#828282;
}
.model39
{
font-size: 14px;
}
.model63
{
font-family: Trebuchet MS;
 font-size: 12px;
 color:#828282;
}
.model64
{
font-family: Trebuchet MS;
 font-size: 12px;
 color:#828282;
}
.model65
{
margin: -10px 0 -10px 0;
}
.model98
{
border: 0px;
 margin-left: 5px;
}
.model109
{
color: #890e29;
 ;
}
.model110
{
color: #890e29;
 ;
}
.model72
{
padding-left: 10px;
 background: url('/websites/implementatie/mediadepot/md95.jpg') no-repeat 0 50%;
margin-left: 25px;
 color:#086689;
}
.model14
{
background-image:url('/websites/implementatie/mediadepot/md2.jpg');
background-repeat:repeat-x;
background-position: 5 5;
}
.model28
{
background-image:url('/websites/implementatie/mediadepot/md47.jpg');
background-color:#ffffff;
background-repeat:no-repeat;
height: 20px;
}
.model29
{
background-image:url('/websites/implementatie/mediadepot/md48.jpg');
background-color:#ffffff;
background-repeat:no-repeat;
height: 21px;
}
.model33
{
background-image:url('/websites/implementatie/mediadepot/md50.jpg');
background-color:#ffffff;
background-repeat:no-repeat;
}
.model40
{
background: #dadada;
}
.model41
{
background: #dadada;
}
.model42
{
background: #dadada;
}
.model43
{
padding-left: 8px;
}
.model61
{
background-image:url('/websites/implementatie/mediadepot/md66.jpg');
background-position:left bottom;
background-repeat:repeat-x;
}
.model85
{
background: #dadada;
}
.model95
{
background-image:url('/websites/implementatie/mediadepot/md116.jpg');
background-repeat:no-repeat;
line-height: 12px;
}
.model96
{
background-image:url('/websites/implementatie/mediadepot/md114.jpg');
background-repeat:repeat-y;
}
.model97
{
background-image:url('/websites/implementatie/mediadepot/md115.jpg');
background-repeat:no-repeat;
}
a.link34:link,a.link34
{
text-decoration: none;
}
a.link42:link,a.link42
{
margin-left: 5px;
}
a.link2:link,a.link2
{
font-family:Trebuchet MS;
font-size:12px;
color:#086689;
text-decoration: none;
}
a.link14:link,a.link14
{
color: #828282;
 text-decoration: none;
 font-weight: bold;
}
a.link18:link,a.link18
{
text-decoration: none;
}
a.link17:link,a.link17
{
text-decoration: none;
}
a.link15:link,a.link15
{
color: #363636;
 text-decoration: none;
 font-weight: normal;
}
a.link35:link,a.link35
{
text-decoration: none;
}
a.link38:link,a.link38
{
text-decoration: none;
}
a.link43:link,a.link43
{
text-decoration: none;
}
a.link34:active
{
text-decoration: none;
}
a.link35:active
{
text-decoration: none;
}
a.link43:active
{
text-decoration: none;
}
a.link2:active
{
font-family:Trebuchet MS;
font-size:12px;
color:#086689;
}
a.link15:active
{
color: #363636;
}
a.link17:active
{
text-decoration: none;
}
a.link14:active
{
color: #363636;
 text-decoration: none;
 font-weight: bold;
}
a.link18:active
{
text-decoration: none;
}
a.link38:active
{
text-decoration: none;
}
a.link34:hover
{
text-decoration: none;
}
a.link38:hover
{
text-decoration: none;
 color:#004761;
}
a.link43:hover
{
text-decoration: none;
}
a.link2:hover
{
font-family:Trebuchet MS;
font-size:12px;
color:#004159;
}
a.link14:hover
{
color: #363636;
 text-decoration: none;
 font-weight: bold;
}
a.link17:hover
{
text-decoration: none;
}
a.link18:hover
{
text-decoration: none;
}
a.link15:hover
{
color: #727272;
}
a.link35:hover
{
text-decoration: none;
}
a.link34:visited
{
text-decoration: none;
}
a.link35:visited
{
text-decoration: none;
}
a.link43:visited
{
text-decoration: none;
}
a.link2:visited
{
font-family:Trebuchet MS;
font-size:12px;
color:#086689;
}
a.link14:visited
{
color: #828282;
 text-decoration: none;
 font-weight: bold;
}
a.link17:visited
{
text-decoration: none;
}
a.link18:visited
{
text-decoration: none;
}
a.link15:visited
{
color: #363636;
}
a.link38:visited
{
text-decoration: none;
 color:#004761;
}
a.linkmodel58:link,a.linkmodel58
{
color: #498da7;
 text-decoration: underline;
}
a.linkmodel58:active
{
color: #498da7;
 text-decoration: underline;
}
a.linkmodel58:hover
{
color: #498da7;
}
a.linkmodel58:visited
{
color: #498da7;
}
a.linkmodel59:link,a.linkmodel59
{
color: #890e29;
 text-decoration: underline;
}
a.linkmodel59:active
{
color: #890e29;
 text-decoration: underline;
}
a.linkmodel59:hover
{
color: #890e29;
 ;
}
a.linkmodel59:visited
{
color: #890e29;
 ;
}
.model58
{
font-family: Times New Roman;
 font-size: 14px;
 color: #086689;
 font-weight: bold;
}
.model72
{
padding-left: 10px;
 background: url('/websites/implementatie/mediadepot/md95.jpg') no-repeat 0 50%;
margin-left: 25px;
 color:#086689;
}
object,
embed{
	position: relative;
	z-index: 99;}

model99{
	border: 0px;}

a.bluefriezen,
a.bluefriezen:link,
a.bluefriezen:visited{
	color: #086689; 
	text-decoration: underline;
}

a.bluefriezen:hover,
a.bluefriezen:active{
	color: #086689;	
	text-decoration: none;}



a.redkolumns,
a.redkolumns:link,
a.redkolumns:visited{
	color: #890e29; 
	text-decoration: underline;
}

a.redkolumns:hover,
a.redkolumns:active{
	color: #890e29;
	text-decoration: none;}



textarea{
	border: 0;}

#adverteerje{
	position: absolute;
	z-index: 99;
	margin: 5px 0 0 680px;
	*margin-left: 10px;
	font-weight: normal;
	width: 220px;
	}

.pagingVVNummers{
	float: right;
	margin: 5px 0 0 0;
}

.pagingVVNummers a,
.pagingVVNummers a:link{
	color: #3779c5;}




/*TOGGLE*/
h3.trigger {
	padding: 0;
	margin: 0 0 5px 0;
	background: url(/websites/implementatie/mediadepot/md64.jpg) 310px 5px no-repeat;
	width: 500px;
	font: normal 18px/18px Times New Roman, Times, serif;
	text-align: center;
	float: left;
	display: inline;}

h3.trigger a {
	color: #086689;
	text-decoration: none;
	display: block;}

h3.trigger a:hover {
	color: #36a;}

h3.active {
	background: url(/websites/implementatie/mediadepot/md63.jpg) 310px 5px  no-repeat;}

.toggle_container {
	position: relative;
	margin: 0 0 5px;
	padding: 0;
	overflow: hidden;
	width: 500px;
	clear: both;}

.toggle_container .block {
	padding: 0px;}


#termenblok{
	float: left;
	display: inline;
	margin: 0 0 0 15px;}

a.termen { text-decoration: none; font-weight: normal;}
a.termen:link { color: #828282; }
a.termen:visited { color: #828282; }
a.termen:hover { color: #a9a9a9; text-decoration: none;}
a.termen:active { color: #a9a9a9;}

#center{
	float: left; 
	display: inline; 
	height: 20px;
	background:url("/websites/implementatie/mediadepot/md74.png") repeat-x;
}
#links{
	float: left; 
	display: inline; 
	width:10px;
	height:20px;
	background:url("/websites/implementatie/mediadepot/md72.png") no-repeat;
}

#rechts{
	float: left; 
	display: inline; 
	width:10px;
	height:20px;
	background:url("/websites/implementatie/mediadepot/md73.png") no-repeat;
}

#headertermen{
	float: left;
	display: inline;
	margin: 5px 0 0 10px;}



#rssicon{
	float: right;
	display: inline;
	margin: 5px 0 0 0;
	}

#formfield19 {
	background: #fff;
	width: 370px;
	float: left;
	margin:4px 0 0 3px;
	border: 1px solid #208eb7;
	}

.submitbutton{
	background: url("/websites/implementatie/mediadepot/md61.png") no-repeat;
	width:79px;
	height:21px;
	text-align: center;
	color: #fff;}

.stembutton{
	margin-left: 40px;
	background:url("/websites/implementatie/mediadepot/md60.png") no-repeat;
	width: 75px;
	height: 19px;
	text-align: center;
	color: #fff;}

html {
overflow: -moz-scrollbars-vertical;
}


form{
padding: 0px;
margin:0px;
}



input{
border: 0px;
background: transparent;}

.formulier input{
border: 1px solid #fefefe;}

file{
background: #fff;}


.submitbutton{
text-align: center;
margin: 10px 0 0 98px;}

#breadcrumbs{
  float: left;
  display: inline;}
/******************************************
Website : Stjoerder.nl test
CSS : TRES internet
E-mail: info@tres.nl
WWW: http://www.tres.nl
---------------------------------------
CSS bestand vrijgegeven onder C.C. licentie:
http://creativecommons.org/licenses/by-sa/2.0/nl/
******************************************/

:-moz-any-link:focus {outline: none;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp,
sub, sup, tt, var, dd, dl, dt, li, ol, ul, form, fieldset, input, textarea, label, 
table, legend, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    text-align: left;}

img, a img, :link img, :visited img {border: 0;}
div.clear {clear: both; width: 100%; height: 1px;}

/*LAYOUT
**************************************************/

body{
    background: url("bg.jpg") repeat-x #fff;
    font: normal 12px/22px Trebuchet MS, sans-serif;
    color: #1a1a1a;}
 
/*HEADER
**************************************************/
div#leaderboard{
height: 90px;
line-height: 80px;
text-align: center;
margin: 10px 0 0 0;
padding: 0;
background: transparent;}

div#header{
height: 80px;
line-height: 80px;
text-align: center;
margin: 25px 0 0 0;
padding: 0;
background: transparent;}

div#logo{
float:left;
display: inline;
width:500px;
height: 73px;}

div#weather{
float:left;
display: inline;
width:180px;
height: 73px;}

div#search{
float:left;
display: inline;
width:306px;
height: 21px;
line-height: 21px;}

/*MENU
**************************************************/
div#balk{
    margin: 16px 0 0 0;
    height: 27px;
    text-align: left;
    background: url("pompebled.jpg") no-repeat;
    }

div#breadcrumb{
    float: left;
    display: inline;
    }

div#submenu{
    float: left;
    display: inline;}

/*NIEUWS CARROUSEL
**************************************************/

div.spacer{
    float: left;
    display: inline;
    height: 390px;
    width: 165px;}

div.spacer2{
    float: left;
    display: inline;
    height: 340px;
    width: 165px;}

div#carrousel{
    position: absolute;
    z-index: 99;
    margin: 20px 0 0 0;
    width: 656px;
    height: 323px;
    background: red;}

/*CONTENT
**************************************************/
div#container{
width:986px;
margin:0 auto}

/*div#menu{
float: right;
margin: -8px 0 0 0;
background: url("menuBG.jpg") repeat-x red;}*/

div#content{
float:left;
display: inline;
width:487px}

div#content-left{
float:left;
display: inline;
width:471px;
background: transparent;
padding-right: 20px;}

div#contentmenu{
float: left;
display: inline;
width: 386px;
clear: both;
}

div#rss{
float: right;
display: inline;
width: 84px;
padding: 5px 0 0 0;
}

div#content-right{
float:left;
display: inline;
margin: 10px;
width:165px;
height: auto;
background: url("/websites/implementatie/mediadepot/md12.jpg") repeat-x #ebebeb;}

div#content-right2{
float:right;
display:inline;
width:305px;
margin: 20px 0 0 0;
}

div#fotogroot{
position: relative;
width: 471px;
height: 232px;
overflow: hidden;}

div#fotoalbum-foto{
float: left;
position: relative;
width: 150px;
height: 150px;
overflow: hidden;
}

div#overlayfotoalbum{
position: absolute;
z-index: 10;
width: 150px;
height: 150px;
background: url("/websites/implementatie/mediadepot/md43.png") no-repeat;
}

div#overlaygroot{
position: absolute;
z-index: 10;
width: 471px;
height: 232px;
background: url("/websites/implementatie/mediadepot/md38.png") no-repeat;
}

div#overlayrubriek{
position: absolute;
z-index: 10;
width: 80px;
height: 80px;
background: url("/websites/implementatie/mediadepot/md67.png") no-repeat;
}

div#fotorubriek{
float: left;
position: relative;
width: 80px;
height: 80px;
overflow: hidden;
}

div#fotoklein{
float: left;
position: relative;
width: 185px;
height: 185px;
overflow: hidden;
margin-right: 10px;}

div#overlayklein{
position: absolute;
z-index: 999;
width: 185px;
height: 185px;
background: url("/websites/implementatie/mediadepot/md40.png") no-repeat;
}

div#overlay-agenda{
position: absolute;
z-index: 99;
width: 9px;
height: 10px;
bottom: 3px;
left: 0;
}

div#agendafoto{
position: relative;
width: 82px;
height: 63px;}


div#tekst, div.box{
margin:0 0 0 0 ;}

div#sidebar_1{
float:right;
display:inline;
width:499px;
}

div#columns{
    float: left;
    display: inline;
    padding: 15px;
    width: 465px;
    background: url("columns-bg.jpg") repeat-y;}

div#columnstop{
    float: left;
    display: inline;
    margin: 15px 0 0 0;
    width: 495px;
    height: 10px;
    background: url("columns-top.jpg") no-repeat;}

div#blok1{
    float: left;
    display: inline;
    width: 223px;}

div#blok2{
    float: right;
    display: inline;
    width: 222px;}

div#sidebar_2{
float:left;
display:inline;
clear:both;
width:986px;
background:#ccc;}


/*FOOTER
**************************************************/

div#footercontainer{
clear: both;
background: url("/websites/implementatie/mediadepot/md27.jpg") repeat-x #f2f2f2;
width:100%;
height: 220px;}

div#footer{
clear: both;
background: url("/websites/implementatie/mediadepot/md27.jpg") repeat-x #f2f2f2;
width:100%;
height: 155px;
width: 986px;
margin: 0 auto;}

div#footerblok1{
float: left;
display: inline;
width: 315px;
background: transparent;
}

div#footerblok1 table,
div#footerblok2 table{
float: left;
display: inline;
}

div#footerblok2{
float: left;
display: inline;
width: 315px;
background: transparent;
}

div#footerblok3{
float: left;
display: inline;
width: 170px;
background: transparent;
}

div#footerblok4{
float: left;
display: inline;
width: 166px;
background: transparent;
}

div#footermenu{
float: left;
display: inline;
width: 831px;}

div#copyright{
float: right;
display: inline;
width: 155px;}

div#tvcontainer{
    width: 300px;
    height: 225px;
    margin: 0 auto;}

div#filmpje{
    position: relative;
    z-index: 0;
    width: 300px;
    height: 225px;
    overflow: hidden;
}

div#playknop{
    position: absolute;
    z-index: 9;
    width: 41px;
    height: 57px;
    left: 50%;
    top: 50%;
    margin: -28px 0 0 -20px;}

/*TYPOGRAFIE
**************************************************/


div#balk{
    font: normal 12px/18px Trebuchet MS, sans-serif;
    color: #b5b5b5;
    }

div#sidebar_1{
    font: normal 12px Trebuchet MS, sans-serif;
    color: #363636;}


div#sidebar_2{
    font: normal 11px/16px Trebuchet MS, sans-serif;
    color: #000;}

div#footer{
color: #828282;
padding: 20px 0;}

.breadcrumbs{
padding: 4px 0 0 40px;}

.skyscraper{
font-size: 11px;
text-align: center;}

/*PARAGRAPHS*/
p {padding: 0 0 0px;}

.titel{
font: bold 18px Times New Roman;
display: inline;
color: #086689;
padding: 6px 0 0 10px;
text-transform: uppercase;}

.tv{
font: bold 14px Times New Roman;
display: inline;
color: #ff0000;
padding: 6px 0 0 2px;
text-transform: uppercase;}

.txt{
font: normal 12px/20px Trebuchet MS, sans-serif;
color: #363636;}

.opsomming{
font: normal 12px/12px Trebuchet MS, sans-serif;
color: #363636;}

.txtbold{
font: bold 12px/20px Trebuchet MS, sans-serif;
color: #828282;
display:inline;}


.rechts{
float: right;
display: inline;
margin: 0;
padding: 0;}

.small{
font: bold 9px/18px Trebuchet MS, sans-serif;
color: #828282;}


/*HEADINGS*/
h1{
font: normal 20px/30px Times New Roman;
color: #086689;
margin-top: 15px;}

h2{
font: normal 18px/26px Times New Roman, sans-serif;
color: #363636;
padding: 10px 0 0 0;}

h3{
color: #535353;    
font: normal 12px/18px Times New Roman, sans-serif;
padding: 0 0 5px;
}

h4{
color: #d6012e;    
font: normal 12px/20px Times New Roman, sans-serif;
padding: 5px 0 5px 0;
text-transform: uppercase;
}

h5{
font: normal 20px/36px Times New Roman;
color: #890e29;}

div#sidebar_2 h3{ color: #000;}


/*TABLE
**************************************************/
.footer{
color: #828282;
font-weight: bold;
vertical-align: top;}

.plaatsnaam{
color: #117ba3;
display: inline;}

.bg{
width: 220px;
background: url("agendaBG.jpg") repeat-x;}

/*LISTS*/

ul{
    list-style-type: none;}

div#tekst ul{
    list-style-type: square;
    color: #086689;
    margin: 0 0 0 20px;
    padding: 0 0 0 15px;}

div#tekst ul li{
    padding: 0 0 0 5px;}

div#tekst ol{
    list-style-type: decimal;
    margin: 0 0 20px;
    padding: 0 0 0 25px;}

div#tekst ol li{
    padding: 0 0 0 10px;
    margin: 0;}

/*LINKS*/
a.menu { text-decoration: none; font-family: Times New Roman; font-weight: bold; font-size: 12px; line-height: 18px; text-transform: uppercase;}
a.menu:link { color: #fff; }
a.menu:visited { color: #fff; }
a.menu:hover { color: #fff; text-decoration: none;}
a.menu:active { color: #fff;}

a.breadcrumb { text-decoration: none; font: normal 12px/18px Trebuchet MS, sans-serif;}
a.breadcrumb:link { color: #b5b5b5; }
a.breadcrumb:visited { color: #b5b5b5; }
a.breadcrumb:hover { color: #7c7c7c; text-decoration: none;}
a.breadcrumb:active { color: #7c7c7c;}


a.yellow { text-decoration: none; padding-top: 6px;}
a.yellow:link { color: #ff9d41; }
a.yellow:visited { color: #ff9d41; }
a.yellow:hover { color: #b46112; text-decoration: none;}
a.yellow:active { color: #b46112;}

a.redlink { text-decoration: underline; font-weight: bold; line-height: 18px;}
a.redlink:link { color: #890e29; }
a.redlink:visited { color: #890e29; }
a.redlink:hover { color: #dc1f49; text-decoration: none;}
a.redlink:active { color: #dc1f49;}

a.meastlezen { text-decoration: none; font-weight: normal;}
a.meastlezen:link { color: #363636; }
a.meastlezen:visited { color: #363636; }
a.meastlezen:hover { color: #727272; text-decoration: none;}
a.meastlezen:active { color: #727272;}


a.bluelink { text-decoration: underline; font-weight: bold; line-height: 18px;}
a.bluelink:link { color: #086689; }
a.bluelink:visited { color: #086689; }
a.bluelink:hover { color: #004159; text-decoration: none;}
a.bluelink:active { color: #004159;}

a.opsomming { text-decoration: none; font-weight: normal; line-height: 18px;}
a.opsomming:link { color: #086689; }
a.opsomming:visited { color: #086689; }
a.opsomming:hover { color: #004159; text-decoration: none;}
a.opsomming:active { color: #004159;}

a.small { font-size: 10px; text-decoration: none; font-weight: normal; line-height: 18px;}
a.small:link { color: #086689; }
a.small:visited { color: #086689; }
a.small:hover { color: #004159; text-decoration: none;}
a.small:active { color: #004159;}

a.tag { font-size: 10px; text-decoration: undeline; font-weight: normal; line-height: 18px;}
a.tag:link { color: #086689; }
a.tag:visited { color: #086689; }
a.tag:hover { color: #004159; text-decoration: none;}
a.tag:active { color: #004159;}

a.footerlink { text-decoration: none; font-weight: bold;}
a.footerlink:link { color: #828282; }
a.footerlink:visited { color: #828282; }
a.footerlink:hover { color: #363636; text-decoration: none;}
a.footerlink:active { color: 363636;}

a.footerlink2 { text-decoration: none; font-weight: normal;}
a.footerlink2:link { color: #828282; }
a.footerlink2:visited { color: #828282; }
a.footerlink2:hover { color: #363636; text-decoration: none;}
a.footerlink2:active { color: 363636;}


a { text-decoration: underline; font-weight: bold;}
a:link { color: #363636; }
a:visited { color: #363636; }
a:hover { color: #727272; text-decoration: none;}
a:active { color: #727272;}

h1 a { text-decoration: none; font-weight: normal; background: none; }
h1 a:link { color: #086689; text-decoration: none; }
h1 a:visited { color: #086689; text-decoration: none; }
h1 a:hover { color: #086689; text-decoration: none;}
h1 a:active { color: #086689; text-decoration: none;}



div#search table,
div#search table td{
    height: 21px;}  


/*####################  CARROUSEL ####################*/

div#overlaycarrousel{
position: absolute;
z-index: -1;
width: 657px;
height: 322px;
background: url("/websites/implementatie/mediadepot/md68.png") no-repeat;
margin: -315px 0 0 -1px;
*margin-left:-492px;
}

div#overlaycarrousellinks{
position: absolute;
z-index: 999;
width: 9px;
height: 322px;
background: url("/websites/implementatie/mediadepot/md94.png") no-repeat;
margin: -315px 0 0 -1px;
*margin-left:-492px;
}


ul#info{
	float: left;
	display: inline;
	list-style: none;
	margin-top: 30px;}

ul#info li{
	float: left;
	display: inline;
	clear: left;
	width: 650px;
	font: bold 16px/20px Arial, Verdana, sans-serif;}

#player{
	width:650px;
	height:315px;
	margin: 20px 0 0 0;
	position: relative;}

#caroussel{
	float:left;
	width:650px;
	height:315px;}

#caroussel_item {
	position:relative;
	float:left;
	width:486px;
	height:315px;}

/*AFBEELDINGEN*/
#caroussel_item #news_image_1,
#caroussel_item #news_image_2,
#caroussel_item #news_image_3,
#caroussel_item #news_image_4{
	position:absolute;
	left:0px;
	top:0px;}

#caroussel_item #news_image_2,
#caroussel_item #news_image_3,
#caroussel_item #news_image_4{
	display:none;}

/*HEADERS-BG*/
#caroussel_items{
	float:left;
	position:absolute;
	right: 0;
	/*top: 60px;*/
	width:185px;
	height:315px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;}

div#hdr_news1,
div#hdr_news2,
div#hdr_news3,
div#hdr_news4{
	float: left;
	display: inline;
	clear: left;
	width: 145px;
	padding: 0 10px 0 35px;}

div#caroussel_items table{
	border-collapse: collapse;
	border: 0;
	width: 145px;}

div#caroussel_items table td{
	vertical-align: middle;
	width: 145px;}

.big table, .big table td{ height: 135px; width: 145px;}
.small table, .small table td{ height: 60px; width: 145px;}

/*HEADER - GROOT START*/
.hdr_news_big{
	float:left;
	position:relative;
	height:135px;
	width: 145px;
	overflow:hidden;
	background: transparent url('/websites/implementatie/img/bg_tabbig1.png') left top no-repeat;}

.big a{
	font-size: 20px;
	line-height: 24px;
	font-weight: bold;
	color:#fff;
	text-decoration: none;
	width: 145px;}

.big a:hover{
	color:#fff;}

/*HEADER - KLEIN START*/
.small{
	float:left;
	position:relative;
	height:60px;
	width: 145px;
	overflow:hidden;}
	
div#hdr_news2 {
	background: transparent url('/websites/implementatie/img/bg_tabsmall2.png') left top no-repeat;}

div#hdr_news3 {
	background: transparent url('/websites/implementatie/img/bg_tabsmall3.png') left top no-repeat;}

div#hdr_news4 {
	background: transparent url('/websites/implementatie/img/bg_tabsmall4.png') left top no-repeat;}

.small a{
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color:#fff;
	text-decoration: none;}

.small a:hover{
	color:#fff;}


/* MENU
**********************/
div#menucontainer{
	position: absolute;
	top: 195px;
	left: 47%;
	width: 53%;
	/*left: 0;
	width: 100%;*/
	height: 24px;
	overflow: hidden;}

div#menu{
	float: right;
	display: inline;
	height: 24px;
	/*width: 492px;*/
	width: 550px;
	background: url("/websites/implementatie/mediadepot/md86.jpg");
	text-transform: uppercase;}

div#menucontainer table{
	width: 100%;}

div#menucontainer table td{
	background: url("/websites/implementatie/mediadepot/md86.jpg");}

div#menucontainer table td.menu{
	/*width: 492px;*/
	width: 550px;
	background: #fff;}

div#menucontainer table td.wit{
	background: #fff;
	width: 0px;
	display: none;}

div.menustart{
	float: left;
	display: inline;
	color: #fff;
	position: relative;
	height: 24px;
	line-height: 24px;
	width: 24px;
	background: transparent url("/websites/implementatie/mediadepot/md85.png") -1px top no-repeat;}

div.menutitel{
	float: left;
	display: inline;
	color: #fff;
	position: relative;
	height: 24px;
	line-height: 24px;
	font-weight: bold;}

div.menutitel a{
	position: relative;
	z-index: 2;
	display: block;
	left: 0px;
	height: 24px;
	line-height: 24px;
	padding: 0 10px;
	text-decoration: none;
	cursor: pointer;
	font-weight: bold;}

div.menutitel a div{
	position: relative;
	left: -20px;
	color: #fff;
	height: 24px;
	padding: 0 0 0 20px;
	font: 12px/24px Times New Roman, Times, serif;
	cursor: pointer;
	font-weight: bold;}

/*HOVER*/
div.menutitel a:hover{
	background: url("/websites/implementatie/mediadepot/md84.png") right;
	z-index: 5;}

div.menutitel a:hover div{
	background: transparent;
	padding: 0 0 0 20px;
	color: #ccc;}

div.menutitel a:hover span{
	background: url("/websites/implementatie/mediadepot/md83.png");
	position: absolute;
	left: -20px;
	top: 0;
	width: 20px;
	height: 24px;
	cursor: pointer;}

/*CURRENT*/
div.menutitel a.current{
	position: relative;
	z-index: 2;
	float: left;
	display: inline;
	left: 0px;
	height: 24px;
	line-height: 24px;
	text-decoration: none;
	cursor: pointer;
	background: url("/websites/implementatie/mediadepot/md84.png") right;
	font-weight: bold;}

div.menutitel a.current div{
	position: relative;
	left: -20px;
	color: #fff;
	height: 24px;
	padding: 0 0 0 20px;
	font: 12px/24px Times New Roman, Times, serif;
	cursor: pointer;
	font-weight: bold;}

div.menutitel a.current span{
	background: url("/websites/implementatie/mediadepot/md83.png");
	position: absolute;
	left: -20px;
	top: 0;
	width: 20px;
	height: 24px;
	cursor: pointer;
	font-weight: bold;}

/*CURRENT HOVER*/
div.menutitel a.current:hover{
	background: url("/websites/implementatie/mediadepot/md84.png") right;
	z-index: 5;}

div.menutitel a:hover div{
	background: transparent;
	padding: 0 0 0 20px;
	color: #ccc;}

div.menutitel a:hover span{
	background: url("/websites/implementatie/mediadepot/md83.png");
	position: absolute;
	left: -20px;
	top: 0;
	width: 20px;
	height: 24px;
	cursor: pointer;}