html { min-height: 100%; margin-bottom: 1px; }

body {
	background-color: #E4D6CD;
	margin: 0px; 
	text-align: center;
}

p {margin-top: 0px;}

div, td {
	font: normal 11px Verdana, Arial, Helvetica; line-height: 15px; 
	scrollbar-base-color:white;
	scrollbar-arrow-color:#D11B28;
	scrollbar-track-color:#F6D1D4;
	scrollbar-3dlight-color:#D11B28;
	scrollbar-highlight-color:white;
	scrollbar-darkshadow-color:#D11B28;
	scrollbar-shadow-color:white;
	scrollbar-face-color:white;
}

#page {
	position: relative; 
	width: 750px;
	height: 531px;
	margin-right: auto; 
	margin-left: auto; 
	text-align: left;
	margin-top: 30px;
}

h1, h2, h3, h4, h5 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	margin-top: 0px;
	padding:0px; 
	line-height: 1em;
	text-transform: uppercase;
}

h1 {font: bold 14px Verdana, Arial, Helvetica; margin-bottom: 12px; }

h2 {font: bold 11px Verdana, Arial, Helvetica; margin-bottom: 5px;}

h33 {font: bold 11px Verdana, Arial, Helvetica; margin: 0px; color: #CC0000;}

.onderschrift {font-style: italic;}


#left {
	float: left; width: 188px; border: 0px solid #CC0000;
}
#navigatie {
	width: 188px; border: 0px solid #CC0000;
}

#left #zoeken {
	position: relative; left: 0px; top: 0px; width: 188px; height: 37px; padding: 0px; z-index:1;
}

#right {
	float: left; width: 552px; margin-left: 10px;
}

#header {
	position: absolute; left: 198px; top: 0px; width: 552px; height: 30px; background-image: url(../images/bg_header.gif); background-repeat: no-repeat; z-index:100;
}

#footer {
	position: absolute; left: 0px; top: 491px; width: 750px; height: 30px; margin-top: 10px; background-image: url(../images/bg_footer.gif); background-repeat: no-repeat;
}

.tekst-kader-groot {
	background:url(../images/kader_tekst_index.gif) no-repeat #fff;
	position:absolute;
	width:270px;
	height:254px;
	overflow:hidden;
}

.tekst-kader-small {
	background:url(../images/kader_tekst_index_136px.gif) no-repeat #fff;
	position:absolute;
	width:270px;
	height:136px;
	overflow:hidden;
}

#kader {
	position: absolute; padding: 0px; z-index: 1; border: 1px solid #CC0000; background-color: #FFFFFF; -moz-box-sizing: border-box;
}


#corner {
  position: absolute; bottom: -1px; right: -1px; width: 6px; height: 6px; padding: 0px; z-index:2;
}

#content {
  position: absolute; left:0px; top: 0px; padding: 8px; z-index:2; margin: 0px; 
}

#contentBottom {
  position: absolute; left:9px; bottom: 9px; padding: 0px; z-index:1; margin-bottom: 0px;
}

#arrow {
  position: absolute; text-align: right; z-index:10;
}

img {
	border: 0px;
}

img.#title {margin-bottom: 6px;}

hr {
    height: 1px;
    color: #FFBFC4;
    border-style: dashed;
}

form {margin: 0px;}

input {
      background-color: #FFBFC4;
      border: 0px;
      }

#zoekveld {position: relative; background-image: url(../images/bg_navigatie-zoeken.gif); width: 188px; height:37px;}
#zoekbox {background-color: #D11B28; border: 1px solid #E88D94; width: 102px; height: 13px;color: #FFFFFF;font-size:10px;padding:0px}

#tabnormal {
  position: absolute; z-index: 50;
}
#tabhiglight {
  position: absolute; z-index: 60;
}

/* ul {
  list-style-image:url(../images/bullet_red.gif);
  margin-left: -10px !important; 
	margin-left: 25px;
  margin-top: 0px;
  margin-bottom: 0px
}*/

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

ul li {
  list-style: none;
  background-image: url(../images/bullet_red.gif);
  background-position: left top;
  background-repeat: no-repeat;
  padding-left: 12px;  /* space for the image */
}



/*----------------------------------------------------------------------------------------------------------------------*/
/* SUBMENU */
#submenu {height: 154px; width: 188px; background-color: #D11B28;}
#submenuRow {width: 168px; margin: 5px 10px 5px 10px; border: 0px solid #FFFFFF;}
#submenuRow #menuarrow {float: left; width: 10px; margin: 3px 3px 0px 0px;}
#submenuRow #item {float: left; width: 155px;}
#submenu a {color: #FFFFFF; line-height: 13px;}


/*----------------------------------------------------------------------------------------------------------------------*/
/* LINKS */

a:visited, a:link {
  color: #DC1923;	
	text-decoration: none; 
}

a:hover, a:active {
  color: #DC1923;	
	text-decoration: underline; 
}


/*----------------------------------------------------------------------------------------------------------------------*/
/* HOMEPAGE */

.tab1 {position: absolute; left: 198px; top: 130px; width: 93px; height: 31px;}
.tab2 {position: absolute; left: 301px; top: 130px; width: 101px; height: 31px;}
.tab3 {position: absolute; left: 393px; top: 130px; width: 104px; height: 31px;}
.tab4 {position: absolute; left: 493px; top: 130px; width: 104px; height: 31px;}

/*----------------------------------------------------------------------------------------------------------------------*/
/* STOPAIDSNOW */



/*----------------------------------------------------------------------------------------------------------------------*/
/* AIDS IN DE WERELD */


/*----------------------------------------------------------------------------------------------------------------------*/
/* PROJECTEN */

#thematisch {
  position: absolute; width: 190px; height: 142px; left: 60px; top: 8px; font: normal 10px Verdana, Arial, Helvetica; line-height: 15px; color: #D11B28; overflow: auto;
}


/*----------------------------------------------------------------------------------------------------------------------*/
/* KOM IN ACTIE */

#agendaItem {margin-top:5px;margin-bottom:5px;}
.agendaArchiefRow1 {padding-top: 5px;}
.agendaArchiefRow2 {padding-bottom: 5px;}
.actieArchiefRow1 {padding-top: 5px; padding-bottom: 5px;}
.actieArchiefRow2 {padding-bottom: 10px;}

/*----------------------------------------------------------------------------------------------------------------------*/
/* CSS PRELOADER */
.hiddenPic {display:none;}


/*----------------------------------------------------------------------------------------------------------------------*/
/* NIEUWS */
.nieuwstab1 {position: absolute; left: 198px; top: 255px; width: 179px; height: 31px;}
.nieuwstab2 {position: absolute; left: 376px; top: 255px; width: 130px; height: 31px;}
.nieuwstab3 {position: absolute; left: 505px; top: 255px; width: 131px; height: 31px;}
.nieuwslijst {position: absolute; left: 208px; top: 266px; width: 532px; height: 184px; z-index: 10;}
.nieuwsRow {padding: 3px 0px;}
.nieuwsRow td {border-bottom: 1px solid #E5E5E5;}
.nieuwsRowLine {padding: 3px 0px; background-image:url(../images/nieuws_ruler.gif); background-repeat:no-repeat; background-position:bottom;}
.voordepers {position: absolute; left: 415px; top: 0px; width: 120px; height: 180px;}
.laatstenieuws {position: absolute; left: 208px; top: 50px; width: 179px; height: 31px; z-index: 1; border: 0px solid #CC0000;}
.laatstenieuwsfoto {position: absolute; left: 0px; top: 22px; width: 165px; height: 158px; z-index: 2; border: 1px solid #F2F2F2;}
.laatstenieuwstekst {position: absolute; left: 182px; top: 22px; width: 346px; height: 158px; z-index: 2; border: 0px solid #CC0000; overflow: auto;}
a.a_newslink:link, a.a_newslink:visited { background-image: url(../images/icon_newslink_n.gif); background-repeat: no-repeat; background-position: 0px 0px; padding-left: 25px; height: 21px; margin-bottom: 6px; text-decoration: none}
a.a_newslink:hover, a.a_newslink:active { background-image: url(../images/icon_newslink_h.gif); background-repeat: no-repeat; background-position: 0px 0px; padding-left: 25px; height: 21px; margin-bottom: 6px; text-decoration: none}
a.a_newsletter:link, a.a_newsletter:visited { background-image: url(../images/icon_pdf_n.gif); background-repeat: no-repeat; background-position: 0px 0px; padding-left: 25px; height: 21px; text-decoration: none}
a.a_newsletter:hover, a.a_newsletter:active { background-image: url(../images/icon_pdf_h.gif); background-repeat: no-repeat; background-position: 0px 0px; padding-left: 25px; height: 21px; text-decoration: none}

/*----------------------------------------------------------------------------------------------------------------------*/
/* FAQ */
.closed {background-image: url(../images/bullet_arrow.gif); background-repeat: no-repeat; background-position: 0px 3px; padding-left: 15px; margin: 3px 0px; }
.open {background-image: url(../images/bullet_arrowdown.gif); background-repeat: no-repeat; background-position: 0px 3px; padding-left: 15px; margin: 3px 0px; }
.closed_vraag { display:none; margin-left: 15px;}
.open_vraag { display:block; margin-left: 15px; margin-bottom: 15px;}


/*----------------------------------------------------------------------------------------------------------------------*/
/* ZOEKEN */

/* Stijl voor pagina titel in zoekresultaten */
.xsearchPageTitle {
  color:#FF0000;
  font-weight:bold; 
}

/* Stijl voor herhaling zoekterm */
.xsearchKeyword {
  font-weight:bold; 
}
  
/* Stijl voor highlighten active pagina in resultaten navigatie */
.xsearchActivePage {
  font-weight:bold;
}  

/* Stijl voor highlighten active pagina in resultaten navigatie */
.xsearchHighlightedKeyword {
  font-weight:bold; 
} 

/*----------------------------------------------------------------------------------------------------------------------*/
/* WINKEL */
.winkeltitle {font-size: 13px; font-weight: bold;}
.winkelprijs {color: #D11B28;}
.winkelprijsvan {color: #000000; text-decoration: line-through;}
.winkelprijsvoor {color: #D11B28; font-weight: bold;}


/*----------------------------------------------------------------------------------------------------------------------*/
/* NIEUWSBRIEF AAN EN AFMELDEN */

.textField {width: 200px}

#XXXXXXXXXXXXaanmeldenNieuwsBriefBG {
	visibility: hidden;
	position: absolute; 
	left: 322px; 
	top: 104px; 
	width: 283px; 
	height: 343px; 
	background: url(../images/bg_nieuwsbrief_shadow.gif) no-repeat;
	z-index: 990;
	filter:alpha(opacity=40);-moz-opacity:.40;opacity:.40;
}

#XXXXXXXXXXXXXaanmeldenNieuwsBrief {
	visibility: hidden;
	position: absolute;
	left: 320px; 
	top: 100px; 
	width: 283px; 
	height: 343px; 
	background: url(../images/bg_nieuwsbrief_aanmelden.gif) no-repeat;
	z-index: 1000;
}

/*----------------------------------------------------------------------------------------------------------------------*/
/*KALENDER*/

.kalendermaand{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
color: #FFFFFF;
font-weight: bold;
padding-left: 10px;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 4px;
}

.datum{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
color: #DE0031;
font-weight: bold;
}

td.kalender { color: #000000;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
line-height: 1.4em;
text-align: left;
padding-left: 10px;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 6px;
}

td.cijfers { 
padding-left: 0px;
padding-top: 4px;
padding-right: 4px;
padding-bottom: 4px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
text-align: right;
}

td.eventDag { 
color: #DE0031;
padding-left: 0px;
padding-top: 4px;
padding-right: 4px;
padding-bottom: 4px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
text-align: right;
}

td.legeDag { 
padding-left: 0px;
padding-top: 4px;
padding-right: 4px;
padding-bottom: 4px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
text-align: right;
}

/*td.vandaag,td.vandaaghigh {
padding-left: 0px;
padding-top: 4px;
padding-right: 4px;
padding-bottom: 4px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
text-align: right;
background-image: url(../img/bg_cijfer_kader.gif);
}*/
  
#vandaag {
  background-image: url(../images/bg_cijfer_kader.gif);
  background-repeat: no-repeat;
  background-position: 2px 2px;
}    

a.a-arrow-next:link, a.a-arrow-next:visited {color: #ff0000;
	background-image: url(../images/bt_event_next.gif); 
	background-repeat: no-repeat; 
	background-position: 32px 4px; 
	padding-right: 15px;
}

a.a-arrow-next:active, a.a-arrow-next:hover {color: #770011;
	background-position: 34px 4px;
}

a.a-arrow-previous:link, a.a-arrow-previous:visited {color: #ff0000;
	background-image: url(../images/bt_event_previous.gif); 
	background-repeat: no-repeat; 
	background-position: 4px 4px; 
	padding-left: 15px; 
}

a.a-arrow-previous:active, a.a-arrow-previous:hover {color: #770011;
	background-position: 2px 4px;
}


/*----------------------------------------------------------------------------------------------------------------------*/
/*DOWNLOADS*/

.dlOverzichtThumb {
	float: left; 
	clear: both;
	margin-right: 10px;
	margin-bottom: 5px; 
	padding: 2px;
	border: 1px solid #D11B28; 
}

.dlOverzichtCat {
	float: left; 
	height: 25px; 
	width: 466px;  
	border-bottom: 1px dashed #D11B28; 
	line-height: 22px;
	margin-bottom: 5px;
	overflow: hidden;
	text-overflow:ellipsis; 
	white-space:nowrap;
	color: #D11B28;
}

.dlBackTo {
	border-bottom: 1px dashed #D11B28; 
	margin-bottom: 10px; 
	padding-bottom: 4px;
}

.dlDoc {
	position: relative; 
	left:10px; 
	margin-bottom: 15px; 
	padding-bottom: 10px; 
	border-bottom: 1px dashed #D11B28;
}

.vraagGroep ul {magin: 0px; margin-left: 10px}

/*TOP MENU LANDEN*/
.menupos { position: absolute; top:0px; left:0px; z-index: 10}
.menupos ul {margin: 0px; padding: 0px; margin-bottom: 10px}
.menupos ul li {border-bottom: 1px dashed #d11b28; padding: 5px 5px 5px 20px; padding-bottom: 5px; background-position: 10px 8px}
.menupos p {margin: 10px 10px 0px 10px; font-weight: bold}
.menupos a {color:#000000}

/*COMMENT FORM*/
.simpleRadio {
	background-color:#ffffff;
}

.commentFormTextField {
	width:300px;
	background-color:#FFFFFF;
	border: 1px solid #a5acb2; 
}

.commentFormTextArea {
	width:300px;
}

/*COMMENTS*/
.comment {
	padding:10px;
	width: 300px;  
	border-bottom: 1px dashed #D11B28; 
}

.rating {
	padding:10px 10px 12px 10px;
	width: 300px;
	border-bottom: 1px dashed #D11B28; 
}

.disclaimer {
	font-family:Verdana,Helvetica,Arial;
	font-size:9px;
	color:#666666;
	border-top:1px dashed #D11B28;
	margin-top:40px;
}