body {
background-color: #5D8C26;
overflow: hidden;
scrollbar-face-color: #7BC144;
scrollbar-arrow-color: #085698;
scrollbar-track-color: #D2E3AC;
scrollbar-shadow-color: #7BC144;
scrollbar-highlight-color: #7BC144;
scrollbar-3dlight-color: #3977AD;
scrollbar-darkshadow-color: #3977AD;
}

/* Hiermee zorg je voor de verticale centrering. 
Zet de breedte van de pagina op 99% : 100% geeft een 
horizontale scrollbalk in sommige browsers */
#center { 
position: absolute; 
top: 50%; 
width: 100%; 
height: 1px; 
overflow: visible;
}

/* Horizontale centrering. De margin-left en
top waardes moeten de helft zijn van de hoogte en
breedte die het ontwerp is. */
#main { 
position: absolute; 
left: 50%; 
width: 1018px; 
margin-left: -509px; 
height: 610px; 
top: -305px; 
}

/* Centrale definiering van waardes voor een aantal
onderdelen van de site. */
#framecontentLeft, #framecontentTop, #framecontentFooter, #framecontentRight {
position: relative; 
top: 0; 
left: 0; 
width: 235px;
height: 574px;
overflow: hidden;
color: white;
background-image:url(../img/menuleft.jpg)
}

#framecontentTop{
position:absolute;
left: 235px;
right: 0;
width: 783px;
height: 150px;
overflow: hidden;
color: white;
background-image:url(../img/header.jpg);
background-repeat:no-repeat;
}

#framecontentFooter{
position:absolute;
left: 0px;
right: 0;
width: 1018px;
height: 36px;
overflow: hidden;
color: white;
background-image:url(../img/footer.jpg);
background-repeat:no-repeat;
top: 574px;
}

#framecontentRight{
position:absolute;
left: 951px;
top:150px;
right: 0;
width: 67px;
height: 424px; /*Height of top frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
color: white;
background-image:url(../img/right.jpg);
background-repeat:no-repeat;
}

/* De achtergrond van het scrollbare gedeelte kan
niet in dezelfde klasse staan. IE6/7 kunnen niet goed
werken met background-position: fixed waardoor deze als een
losse div moet worden aangemaakt. Het scrollbare gedeelte wordt 
daar dan overheen gezet. */
#background {
  left: 235px;
  top: 150px;
  position: absolute;
  background-repeat:no-repeat;
  background-image: url(../img/bg.jpg);
  width:716x;
  height:424px;
}

#maincontent{
  position: relative; 
  left: 0px;
  top: 0px;
  right: 0;
  bottom: 0;
  width:716px;
  height:454px;
  overflow: auto; /* dit regelt de scrollbalk. zet op auto om alleen te tonen wanneer nodig */
}

div.teaser1pos {
position: absolute;
top: 79px;
left: 12px;
background-image:url(../img/teaser/21-4-2010/teaser_rood.png);
background-repeat:no-repeat;
width: 190px;
height: 170px;
}

div.teaser1pos div.csc-header h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11pt;
font-style:italic;
font-weight:bold;
margin-top: 10px;
margin-bottom: 0px;
margin-left:35px;
color: #ffffff;
padding-left: 30px;
padding-top: 5px;
}

div.teaser2pos {
position: absolute;
top: 79px;
left: 237px;
background-image:url(../img/teaser/21-4-2010/teaser_groen.png);
background-repeat:no-repeat;
width: 190px;
height: 170px;
}

div.teaser2pos div.csc-header h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11pt;
font-style:italic;
font-weight:bold;
margin-top: 10px;
margin-bottom: 0px;
margin-left:39px;
color: #ffffff;
padding-left: 30px;
padding-top: 5px;
}

/*
div.teaser3pos {
position: absolute;
top: 79px;
left: 462px;
background-image:url(../img/teaser/teaser3.jpg);
width: 200px;
height: 158px;
}

div.teaser3pos div.csc-header h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
margin-top: 10px;
margin-bottom: 0px;
margin-left:20px;
color: #024F97;
}
*/

div.spacehome {
position: relative;
top: 200px;
}



div.trivlogo {
position: relative;
top:0px;
left:70px;
}



td.teaser_bodytext p.bodytext {
margin-left: 18px;
font-family: Arial, Helvetica, sans-serif; 
font-size: 8pt;
margin-top:20px;
margin-bottom:5px;
margin-right:10px;
color: #024F97;
}

a.teaserlink:link {
font-family: Arial, Helvetica, sans-serif; 
font-size: 8pt;
text-decoration: none;
color: #000000;
margin-left:12px;
}

a.teaserlink:visited {
font-family: Arial, Helvetica, sans-serif; 
font-size: 8pt;
text-decoration: none;
color: #000000;
margin-left:12px;
}

a.teaserlink:hover {
font-family: Arial, Helvetica, sans-serif; 
font-size: 8pt;
text-decoration: none;
color: #000000;
margin-left:12px;
}

a.teaserlink:active {
font-family: Arial, Helvetica, sans-serif; 
font-size: 8pt;
text-decoration: none;
color: #000000;
margin-left:12px;
}


a:link {
font-family: Arial, Helvetica, sans-serif; 
font-size: 10pt;
text-decoration: none;
color: #F03F35;
margin-left:0px;
}

a:visited {
font-family: Arial, Helvetica, sans-serif; 
font-size: 10pt;
text-decoration: none;
/*color: #01539C;*/
color: #F03F35;
margin-left:0px;
}

a:hover {
font-family: Arial, Helvetica, sans-serif; 
font-size: 10pt;
text-decoration: none;
color: #000000;
margin-left:0px;
}

a:active {
font-family: Arial, Helvetica, sans-serif; 
font-size: 10pt;
text-decoration: none;
color: #F03F35;
margin-left:0px;
}

a img {
border:0px solid black;
}

p.gobuttonarea {
position: absolute;
top:108px;
left:141px;
width:32px;
height:33px;
cursor: pointer;
margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-botton:0px;
}

div.teaser1pos div.gobutton {
width:56px;
height:22px;
cursor: pointer;
margin-top:5px;
margin-left:0px;
margin-right:10px;
margin-botton:0px;
float: right;
background: url(../img/teaser/21-4-2010/button_rood.png);
}

div.teaser2pos div.gobutton {
width:56px;
height:22px;
cursor: pointer;
margin-top:5px;
margin-left:0px;
margin-right:10px;
margin-botton:0px;
float: right;
background: url(../img/teaser/21-4-2010/button_groen.png);
}

/*
div.teaser3pos div.gobutton {
width:56px;
height:22px;
cursor: pointer;
margin-top:5px;
margin-left:0px;
margin-right:10px;
margin-botton:0px;
float: right;
background: url(../img/teaser/21-4-2010/button_blauw.png);
}

*/


div.csc-header {
margin-top: 0px;
margin-bottom: 0px;
}

div.csc-header h1.csc-firstHeader {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
margin-top: 25px;
margin-bottom: 15px;
color: #EF4035;
}

div.csc-header h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
margin-top: 10px;
margin-bottom: 0px;
color: #EF4035;
}

.bodytext
{
font-family: Arial, Helvetica, sans-serif; 
font-size: 10pt;
color: #01539C;
margin: 0px 0px 0px 0px;
}

span.margincontent
{
margin: 0px 35px 0px 0px;
}

td {
font-family: Arial, Helvetica, sans-serif; 
font-size: 10pt;
color: #01539C;
margin: 0px 0px 0px 0px;
}

/* CSS voor website optimalisatie. */
#menulink_4f2a4be3ad {
	text-decoration: underline;
	font-family: Arial;
	color: #B2EE3A;
}
#menulink_4f2a4be3ad:hover {
	text-decoration: underline;
	color: #B2EE3A;
}
#menu_4f2a4be3ad a {
	text-decoration: underline;
}
#menu_4f2a4be3ad a:hover {
	text-decoration: underline;
}
#menu_4f2a4be3ad {
	font-family: Arial;
	margin: 0;
	padding: 5px;
	width: 200px;
	position: absolute;
	display: block;
	font-size: 11px;
	background-color: #FFFFFF; 
	list-style-position: inside;
	list-style-type: none;
	border: solid 1px #B2EE3A;
}
#menu_4f2a4be3ad #header_4f2a4be3ad {
	width: 100%;
	background: #B2EE3A; 
	color: #FFFFFF; 
	display: block;
	height: 1.5em;
	font-weight: bold;
	text-align: center;
}
#menu_4f2a4be3ad li {
	text-align: left;
	margin-left: -15px;
}
#menu_4f2a4be3ad>li {
	margin-left: 0px;
}
#menu_4f2a4be3ad a {
	color: #B2EE3A;
}
#menu_4f2a4be3ad a:hover {
	color: #B2EE3A;
}
#menu_zoek_4f2a4be3ad {
	display: inline;
}

#popup{
	filter: Alpha(Opacity=70%);
	visibility: hidden;
	}
.popup-top {
	background-image:url(../img/popup/top_1.gif);
	background-repeat: no-repeat;
	background-position:left bottom;
	height: 12px;
	width: 313px;}
.popup-top-middle {
	background-image:url(../img/popup/top_2.gif);
	background-repeat: repeat-y;
	background-position:left bottom;
	width: 313px;
	font-weight:bold;
	padding: 0;
	margin: 0px;
}
.popup-top-bottom{
	background-image:url(../img/popup/top_3.gif);
	background-repeat: no-repeat;
	background-position:left bottom;
	width: 313px;
	height: 4px;
	font-weight:bold;
	padding: 0;
	margin: 0px;
}
.popup-content {
	background-image:url(../img/popup/middle.gif);
	background-repeat:repeat-y;
	background-position:left top;
	width: 313px;
	padding: 0 10px 0 0;}
.popup-footer-middle {
	background-image:url(../img/popup/popup-laag-content_paars.gif);
	background-repeat: repeat-y;
	background-position:left bottom;
	width: 313px;
	font-weight:bold;
	padding: 0  0 0 5px;}
.popup-bottom {
	background-image:url(../img/popup/footer.gif);
	background-repeat: no-repeat;
	background-position:left top;
	height: 15px;
	width: 313px;}
}
table tr td.popupHeading {
	border: 0px none;
	margin: 0;
	padding: 0;
}

input {
font-size: 10px; font-family: Verdana; margin-bottom: 2px;
}

.error {
color: #ff0000;
}

#menulink_koeriersdienst a:link, #menulink_koeriersdienst a:visited, #menulink_koeriersdienst a:hover{
color: #5D8C26;
}

.groena:link, .groena:visited, .groena:hover {
color: #5D8C26;
}

input.checkbox {
margin-top: 7px;
height: 12px;
width: 12px;

}

input.radio {
margin-top: 7px;
height: 15px;
widht: 15px;

}