html, body { margin: 0; padding: 0; height: 100%; }
body { background: black; }
* { font-size: 11px; font-family: verdana, serif; line-height: 18px; }
img { display: block; border: 0; }
a { color: #9b0565; text-decoration: none; }
a:hover { text-decoration: underline; }

#container { width: 100%; background: transparent url(../../lib/images/header_bg_ff.gif) 0 0 repeat-x; }
#container table.layout { border-collapse: collapse; width: 100%; height: 100%; max-width: 1003px; background: white url(../../lib/images/body_bg.gif) 0 0 repeat; }
* html #container table.layout td.kolom2 { width: expression(document.body.clientWidth > 709 ? "709px" : "");  }
#container table.layout td { vertical-align: top; padding: 0; }
#container table.layout td.kolom1 { background: white url(../../lib/images/kolom1_bg.gif) 0 0 repeat-y; width: 280px; } 
#container table.layout td.kolom2 { background: transparent url(../../lib/images/content_bg2.gif) left bottom no-repeat; }
#container table.layout td.kolom3 { background: transparent url(../../lib/images/header_bg_ie.gif) 0 0 repeat-x; }



/* -----------------------------------------------------------------------------------------------
Hoofdmenu
-------------------------------------------------------------------------------------------------- */
#hoofdmenu { background: white; border-right: 5px solid #c90081;  }
#hoofdmenu h1 { display: none; }
#hoofdmenu ul { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #b3aeb2;}
#hoofdmenu ul li { border-top: 1px solid #c90081; }
#hoofdmenu ul li a { display: block; width: 280px; height: 34px; text-indent: -9999px; text-decoration: none; background: #FFF url() 0 0 no-repeat; }
#hoofdmenu ul li a.algemeen { background-image: url(../../lib/images/hoofdmenu/algemeen.gif); }
#hoofdmenu ul li.active a.algemeen { background-image: url(../../lib/images/hoofdmenu/algemeen_active.gif); }
#hoofdmenu ul li a.sectorhavovwo { background-image: url(../../lib/images/hoofdmenu/sectorhavovwo.gif); }
#hoofdmenu ul li.active a.sectorhavovwo { background-image: url(../../lib/images/hoofdmenu/sectorhavovwo_active.gif); }
#hoofdmenu ul li a.sectorvmbo { background-image: url(../../lib/images/hoofdmenu/sectorvmbo.gif); }
#hoofdmenu ul li.active a.sectorvmbo { background-image: url(../../lib/images/hoofdmenu/sectorvmbo_active.gif); }
#hoofdmenu ul li a.sectorvrijeschool { background-image: url(../../lib/images/hoofdmenu/sectorvrijeschool.gif); }
#hoofdmenu ul li.active a.sectorvrijeschool { background-image: url(../../lib/images/hoofdmenu/sectorvrijeschool_active.gif); }
#hoofdmenu ul li a.dansopleiding { background-image: url(../../lib/images/hoofdmenu/dansopleiding.gif); }
#hoofdmenu ul li.active a.dansopleiding { background-image: url(../../lib/images/hoofdmenu/dansopleiding_active.gif); }
#hoofdmenu ul li a.actueel { background-image: url(../../lib/images/hoofdmenu/actueel.gif); }
#hoofdmenu ul li.active a.actueel { background-image: url(../../lib/images/hoofdmenu/actueel_active.gif); }
#hoofdmenu ul li a.agenda { background-image: url(../../lib/images/hoofdmenu/agenda.gif); }
#hoofdmenu ul li.active a.agenda { background-image: url(../../lib/images/hoofdmenu/agenda_active.gif); }
#hoofdmenu #inloggen { display: none; border-bottom: 1px solid #b3aeb2; width: 280px; height: 127px; background: transparent url(../../lib/images/inloggen_bg.gif) 0 0 no-repeat; }
#hoofdmenu #inloggen form { margin: 0; }
#hoofdmenu #inloggen fieldset { border: 0; padding: 40px 0 0 20px; }
#hoofdmenu #inloggen input { margin-bottom: 0px; margin-right: 5px; border: 1px solid #828282; }
#hoofdmenu #inloggen input.submit { margin-bottom: 8px; border: 1px solid #828282; background: #999498; color: white; }
#hoofdmenu #inloggen label { display:block; color: #9b0565; margin-bottom: 8px; }
#hoofdmenu img.hoofdmenu { border-bottom: 1px solid #810354; }



/* -----------------------------------------------------------------------------------------------
Header
-------------------------------------------------------------------------------------------------- */
#header { position: relative;  height: 165px; background: transparent url(../../lib/images/header_bg.gif) 0 0 repeat-x; }
#header img { float: left; border-right: 5px solid white;  }
#header img.right { float: right; border-left: 5px solid white;}
#header #utilities { position: absolute; top: 130px; right: 0; }
* html #header #utilities { width: 240px; }
#header #utilities ul { margin: 0; padding: 0; list-style: none; }
#header #utilities ul li { display: inline; }
#header #utilities ul li a { float: left; height: 35px; width: 26px; text-indent: -9999px; text-decoration: none; }
#header #utilities ul li a.home { background: transparent url(../../lib/images/utilities_home.gif) 0 0 no-repeat; }
#header #utilities ul li a.mail { background: transparent url(../../lib/images/utilities_mail.gif) 0 0 no-repeat; }
#header #utilities ul li #form_zoeken { margin: 0; padding: 0; }
#header #utilities ul li #form_zoeken fieldset { border: 0; padding: 10px 0 0 0; margin: 0; }
#header #utilities ul li #form_zoeken input { margin: 0; border: 1px solid #828282; }
#header #utilities ul li #form_zoeken input.submit { width: 36px; height: 17px; font-size: 1px; text-indent: -9999px; text-transform: uppercase; border: 1px solid #828282; background: #756f74 url(../../lib/images/zoek_bg.gif) 0 0 no-repeat; color: white; font-weight: bold; }

/* -----------------------------------------------------------------------------------------------
Content
-------------------------------------------------------------------------------------------------- */

#content { padding: 6px 35px; }
* html #content { padding: 20px 35px; }
#content #submenu {  overflow: hidden; margin-bottom: 10px; background: #eec4de; border: 1px solid #c90081; padding: 10px 0 10px 10px; }
* html #content #submenu { height: 1%; }
#content #submenu ul { margin: 0 25px 0 0 ; padding: 0 0 0 15px; float: left;  }
#content #submenu ul li { margin: 0 0 0 0; height: 15px; }
* html #content #submenu ul { width: 100px; }
* html #content #submenu ul.rechts { width: 250px; }
#content #submenu ul a.active { text-decoration: underline; }

/* -----------------------------------------------------------------------------------------------
Sectitel / Html en Flash
-------------------------------------------------------------------------------------------------- */
#sectietitel { position: relative; margin: 0; }
#sectietitel h2 { font: bold 17px Arial, serif; color: #ac307f; margin-bottom: 0; }
#SectieTitelHTML { position: absolute; top: 0; }
#SectieTitelFlash { position: absolute; top: 0; left: -5000px; }
#sectietitel2 { position: relative; margin: 20px 0 0 0; }
#sectietitel2 h2 { font: bold 17px Arial, serif; color: #ac307f; margin-bottom: 0; }
#SectieTitelHTML2 { position: absolute; top: 0; }
#SectieTitelFlash2 { position: absolute; top: 0; left: -5000px; }

/* -----------------------------------------------------------------------------------------------
Pad
-------------------------------------------------------------------------------------------------- */
#pad { background: #ebcfe0; height: 25px; padding-top: 10px; padding-left: 35px; }
#pad h3 { display: none; }
#pad p { color: #9b0565; margin: 0;}
#pad em { float: left; text-indent: -9999px; width: 11px; height: 15px; margin: 0 5px; background: transparent url(../../lib/images/pad_bg.gif) 0 5px no-repeat; }
#pad a { float: left; color: #9b0565; text-decoration: none; }
#pad a:hover { text-decoration: underline; }
#pad span { float: left; }

/* -----------------------------------------------------------------------------------------------
Paragraaf
-------------------------------------------------------------------------------------------------- */
h3 { font: bold 11px Verdana, serif; color: #9b0565; margin-bottom: 5px; }
.paragraaf { overflow: hidden; margin-bottom: 20px; }
* html .paragraaf { height: 1%; }
.paragraaf p { line-height: 15px; margin-top: 0; }
.paragraaf a { color: #9b0565; text-decoration: underline; }
.paragraaf a:hover { text-decoration: none; }
.paragraaf img { float: left; margin: 0 10px 10px 0; border: 1px solid #810354; }

#topbutton { margin: 10px 0; border-bottom: 1px solid #9b0565; overflow: hidden; height:31px;}
#topbutton a { float:right; text-indent: -9999px; text-decoration: none; height: 31px; width: 31px; background: transparent url(../../lib/images/topbutton.gif) 0 0 no-repeat; }

/* -----------------------------------------------------------------------------------------------
Nieuws
-------------------------------------------------------------------------------------------------- */
#nieuws { float: left; min-width: 100px; max-width: 600px; border-left: 0px solid #9b0565;}
#nieuws .top { padding: 0; height: 52px; background: transparent url(../../lib/images/homepage_nieuws_top.gif) 0 0 no-repeat; }
#nieuws .top h2 { display: none; }
#nieuws img { float: left; margin: 0 10px 10px 0; border: 1px solid #810354; }
#nieuws a { color: #810354; font-weight: bold; text-decoration: none; padding-right: 15px; background: transparent url(../../lib/images/nieuws_leesmeer_bg.gif) right 2px no-repeat; }
* html #nieuws a.leesmeer { display: inline-block; background: transparent url(../../lib/images/nieuws_leesmeer_bg.gif) right 4px no-repeat; }
#nieuws a:hover { text-decoration: underline; }
#nieuws .item1 { background: transparent url(../../lib/images/homepage_nieuws_1.gif) 0 bottom no-repeat; }
#nieuws .item2 { background: transparent url(../../lib/images/homepage_nieuws_2.gif) 0 bottom no-repeat; }
#nieuws .item2 img { float: right; margin: 0 10px 10px 10px; }
#nieuws .item3 { background: transparent url(../../lib/images/homepage_nieuws_3.gif) 0 top no-repeat; }
#nieuws div { overflow: hidden; padding: 15px; border:0px solid blue; }
* html #nieuws div { height: 1%; }
#nieuws table { border-collapse: collapse; margin-bottom:15px; border:0px solid blue;border-top: 1px solid #9b0565; }
* html #nieuws table { width:85%; }
#nieuws table td { padding: 0; margin: 0;  }

#nieuwscategorien { overflow: hidden; margin-bottom: 20px; }
* html #nieuwscategorien { height: 1%; }
#nieuwscategorien h3 { float: left; margin: 0 10px 0 0; }
#nieuwscategorien form { float: left; }


/* -----------------------------------------------------------------------------------------------
Footer
-------------------------------------------------------------------------------------------------- */
#footer { clear: both; height: 28px; background: #c90081; overflow: hidden; width: 100%; }
#footer ul { margin: 0; padding: 7px 0 0 0; list-style: none; }
#footer ul li { float: left; font: bold 10px verdana, serif; color: white; padding: 0 8px; border-right: 1px solid white;  }
#footer ul li a { font: bold 10px verdana, serif; color: white; }


/* -----------------------------------------------------------------------------------------------
Portal
-------------------------------------------------------------------------------------------------- */
#portal {  margin-left: -10px; }
#portal table {width: 100%; }
#portal td {  vertical-align: top; width: 30%; }
#portal td.kolom01 { background: #eec4de; }
#portal td.kolom02 { background: #f0d0e3; }
#portal td.kolom03 { background: #f2dbe9; }
#portal .portalblok h3 { background: #c90081; color: white; text-transform: uppercase; margin: 0; padding: 10px;  }
#portal .portalblok ul { margin: 0; padding: 10px 0; list-style: none; }
#portal .portalblok li a { padding: 2px 10px 2px 10px; display: block; min-height: 15px; color: black; font-weight: normal; text-decoration: none; background: transparent; }
* html #portal .portalblok li a { height: 15px; }
#portal .portalblok li a:hover { color: #9b0565; background: white;}

/* -----------------------------------------------------------------------------------------------
Zoekmachine
-------------------------------------------------------------------------------------------------- */
#zoekmachine_header { background-image: url(../../lib/images/zoekresults/zoekmachine_header.gif); width: 100%;  }
#zoekmachine_header p { margin: 0; height: 25px; color: white; line-height: 25px; margin-left: 11px; background: transparent url(../../lib/images/zoekresults/zoekheader1_logo2.jpg) right top no-repeat;}
#zoekmachine_header ul { list-style: none; border: 1px solid #dfcaa6; margin: 0; padding: 5px 2px; background: transparent url(../../lib/images/zoekresults/zoekheader2.gif) bottom left repeat-x;}
#zoekmachine_header li { background: transparent url(../../lib/images/zoekresults/zoekmachine_li.gif) 11px 5px no-repeat; padding: 3px 27px; }
* html #zoekmachine_header li { background: transparent url(../../lib/images/zoekresults/zoekmachine_li.gif) 11px 7px no-repeat; }

#zoekmachine_voorkeur { background-image: url(../../lib/images/zoekresults/zoekmachine_voorkeur.gif); width: 100%; margin-top: 20px;  }
#zoekmachine_voorkeur p { margin: 0; height: 25px; color: white; line-height: 25px; margin-left: 11px; background: transparent url(../../lib/images/zoekresults/zoekmachine_voorkeur_logo2.jpg) right top no-repeat;}
#zoekmachine_voorkeur ul { list-style: none; border: 1px solid #dfcaa6; margin: 0; padding: 5px 2px; background: #ede2ce url(../../lib/images/zoekresults/zoekheader2.gif) bottom left repeat-x;}
#zoekmachine_voorkeur li { background: transparent url(../../lib/images/zoekresults/zoekmachine_li.gif) 11px 5px no-repeat; padding: 3px 27px; }
* html #zoekmachine_voorkeur li { background: transparent url(../../lib/images/zoekresults/zoekmachine_li.gif) 11px 7px no-repeat; }

#zoekmachine_voorkeur li a { text-decoration: none; }
#zoekmachine_voorkeur li a:hover { text-decoration: underline; }

#zoekmachine .zoekmachine_results { background-image: url(../../lib/images/zoekresults/zoekmachine_results.gif); width: 100%; margin-top: 20px;  }
#zoekmachine .zoekmachine_results p { margin: 0; height: 25px; color: white; line-height: 25px; margin-left: 11px; background: transparent url(../../lib/images/zoekresults/zoekmachine_results_logo2.jpg) right top no-repeat;}
#zoekmachine .zoekmachine_results ul { border: 1px solid #dfcaa6; margin: 0; padding: 5px 2px; background: #ede2ce url(../../lib/images/zoekresults/zoekheader2.gif) bottom left repeat-x;}
* html #zoekmachine .zoekmachine_results ul {  }
#zoekmachine .zoekmachine_results li { list-style: none; background: white url(../../lib/images/zoekresults/zoekmachine_li.gif) 11px 5px no-repeat; padding: 3px 27px; margin-bottom: 1px; }
* html #zoekmachine .zoekmachine_results li { background: white url(../../lib/images/zoekresults/zoekmachine_li.gif) 11px 7px no-repeat; }
#zoekmachine .zoekmachine_results li a { text-decoration: none; }
#zoekmachine .zoekmachine_results li a:hover { text-decoration: underline; }
#zoekmachine .zoekmachine_results li.pagina { background: none; margin-top: 5px; padding: 0 11px; }
#zoekmachine .zoekmachine_results li.pagina a { display: inline; background: none; padding: 0; }

/* -----------------------------------------------------------------------------------------------
Contactformulier
-------------------------------------------------------------------------------------------------- */
#contactform {  }
#contactform span { margin-top: 4px;float: left; width: 180px; font-weight: normal; }
#contactform label { display: block; margin: 10px 0; font-size: 12px; }
#contactform input, #contactform textarea { width: 200px;  }
#contactform .radio, #contactform .checkbox { width: auto; }
#contactform input.submit, #contactform input.reset { border: 1px solid black; background-color: #c90081; font-size: 10px; color: #FFF; font-weight: bold; width: 80px; }
#contactform input.reset { width: 80px; }

/* Projecten */
body#project #container { background: none; }
body#project #container table.layout { width: 770px; background: transparent url(../../images/body_project_bg.gif) top left repeat-y; }
body#project * html #container table.layout td.kolom2 { width: 318px; }
body#project #header { height: 51px; background: #c90081; }
body#project #container table.layout td.kolom1 { width: 201px; background: none; }
body#project #container table.layout td.kolom3 { background: none; width: 243px; }
body#project #hoofdmenu { border-right: 8px solid #c90081;  }
body#project #hoofdmenu a { text-indent: 30px; width: 201px; font: normal 14px arial, serif; color: black; }