body { padding: 0; margin: 0; font-family: Arial; font-size: 12px;  text-align:center; background: url(../../lib/images/background3.gif) center 0 repeat-y; }
html,body  { height: 100%; }
p {font-family: Arial, Verdana, Tahoma; font-size: 11px; padding:0; margin:0;}
a {font-family: Arial, Verdana, Tahoma; font-size: 11px; color: #5cb0cb; }
a:hover {font-family: Arial, Verdana, Tahoma; font-size: 11px; color: #5cb0cb; text-decoration: none;}

#container {min-height: 865px; width:1024px; margin:0 auto; overflow:hidden; text-align:left; background: url(../../lib/images/background.gif) center 0 repeat-y;}
*+html #container { min-height: 789px; width:1024px; margin:0 auto; overflow:hidden; text-align:left; background: url(../../lib/images/background.gif) center 0 repeat-y;}

#header { padding: 0; background-color: White;}
#header .begin { float: left; background-image: url(../../lib/images/header_begin.jpg); width: 223px; height: 37px; }
#header .utility { float: left; margin: 14px 0 0 10px; text-transform: uppercase; color: #5cb0cb;}
#header .utility a { color: #5cb0cb; text-decoration: none;}
#header .utility a:hover { color: #000; text-decoration: none;}

#header .utility img {border:none; margin: 0px 0px 0px 0px; padding-left: 10px;}
#header .footer { float: right; margin: 14px 10px 0 0; text-transform: uppercase; font-size: 10px; color: #5cb0cb;font-size: 11px;}
#header .footer a { color: #5cb0cb; text-decoration: none;}
#header .footer a:hover { color: #000; text-decoration: none;}

#leftcol {width: 250px; float: left;}
#leftcol .hoofdnav {width: 250px; background-image: url(../../lib/images/hoofnav.jpg); height: 143px; float:left; text-transform:uppercase; font-weight:bold;}
#leftcol .hoofdnav ul {margin: 0px 0px 0px 30px; padding: 0px; height:120px; overflow:hidden; }
#leftcol .hoofdnav ul li {list-style: none; margin: 5px 0px 5px 4px; padding: 0px;}
#leftcol .hoofdnav ul li a:hover {display: block; background-image: url(../../lib/images/active_button.png); height: 20px; margin: 5px 0px 5px 0px; padding: 5px 0px 0px 10px; width: 206px; color: white; text-decoration: none;}
#leftcol .hoofdnav ul li a.active {display: block; background-image: url(../../lib/images/active_button.png); height: 20px; margin: 5px 0px 5px 0px; padding: 5px 0px 0px 10px; width: 206px; color: white; text-decoration: none;}

#leftcol .hoofdnav ul li a.nonactive {display: block; background-image: url(../../lib/images/nonactive.jpg); height: 20px; margin: 5px 0px 5px 0px; padding: 5px 4px 0px 10px; width: 170px; color: black; text-decoration: none;}
#leftcol .hoofdnav ul li a.nonactive:hover {display: block; height: 20px; margin: 5px 0px 5px 0px; padding: 5px 4px 0px 10px; width: 170px; color: white; text-decoration: none;}

#leftcol .bovenkant { clear: left; background-image: url(../../lib/images/leftcol_bg.gif); background-repeat: repeat-y; padding: 10px 0 0 35px; height:auto;}
*+html #leftcol .bovenkant { clear: left; background-image: url(../../lib/images/leftcol_bg.gif); background-repeat: repeat-y; padding: 10px 0 0 35px;}

#leftcol .nieuws { width: 183px; margin: 0px 0 0px; padding: 0px 0 10px 0; background-color: #5cb0cb; border-bottom: 1px solid black; }
#leftcol .nieuws .titel { height: 21px; font-size: 11px; font-weight: bold; background-color: #c6e9ed; margin: 0; padding: 10px 0 0 5px; border-top: 1px solid black; border-bottom: 1px solid black;}
#leftcol .bovenkant p.datum {margin: 0px 0px 0px 0px; padding: 10px 0px 0px 5px;}
#leftcol .bovenkant p.nieuwstekst {margin: 0px 5px 5px 5px;}
#leftcol .bovenkant h2 {color: White; font-size: 13px; margin: 5px 0px 5px 5px;}
#leftcol .bovenkant .leesmeer a{text-decoration: underline; margin: 0px 0px 0px 5px; color: White; padding-bottom: 10px;}
#leftcol .bovenkant .leesmeer a:hover{text-decoration: none; margin: 0px 0px 0px 5px; color: White; padding-bottom: 10px;}
#leftcol .bovenkant .niveau3 {margin: 0px 0 0 0; padding: 10px 0 0 0;}
#leftcol .bovenkant .niveau3 .titel {background-color: #5cb0cb; margin: 10px 0 0 0; width: 175px; line-height:18px; padding: 2px 4px 0px 5px; overflow:hidden; font-weight:bold; font-style:italic;}
#leftcol .bovenkant .niveau3 ul {margin: 0px 0px 0px 0px; padding: 0px; font-weight:normal; }
#leftcol .bovenkant .niveau3 ul li {list-style: none; width: 184px; line-height: 18px; padding: 0px 4px 2px 0px; margin: 0px 0px 0px 0px;}
#leftcol .bovenkant .niveau3 ul li a.active {font-weight:normal;background-color: #5cb0cb; display:block; height: 18px;padding: 2px 0px 0px 5px; margin:0px; color: Black; text-decoration: none;}
#leftcol .bovenkant .niveau3 ul li a.nonactive {font-weight:normal;color: black; text-decoration: none;height: 18px;padding: 2px 0px 0px 5px; margin:0px;color: Black; text-decoration: none;}
#leftcol .bovenkant .niveau3 ul li a.nonactive:hover {font-weight:normal;background-color: #5cb0cb; display:block; height: 18px;padding: 1px 0px 0px 5px; margin:0px; color: Black; text-decoration: none;}

#middencol { width: 522px; background-image: url(../../lib/images/submenu.gif); height: auto; background-repeat: no-repeat; float:left;}
#middencol .submenu {height: 133px; font-weight:bold;}
#middencol .submenu ul {margin: 10px 0px 0px 0px; padding:0px; float:left; width:140px; height:120px; overflow:hidden;}
#middencol .submenu ul li {}
#middencol .submenu ul li.col1 {list-style:none; line-height:20px; }
#middencol .submenu ul li.col1 a.active{color:#5cb0cb; text-decoration:none; font-weight:bold;}
#middencol .submenu ul li.col1 a.nonactive{color:#000; text-decoration:none;}
#middencol .submenu ul li.col1 a.nonactive:hover{color:#5cb0cb; text-decoration:none;}
#middencol .submenu ul li.col2 {list-style:none; line-height:20px;}
#middencol .submenu ul li.col2 a.active{color:#5cb0cb; text-decoration:none; font-weight:bold;}
#middencol .submenu ul li.col2 a.nonactive{color:#000; text-decoration:none;}
#middencol .submenu ul li.col2 a.nonactive:hover{color:#5cb0cb; text-decoration:none;}
#middencol .submenu ul li.col3 {list-style:none; line-height:20px;}
#middencol .submenu ul li.col3 a.active{color:#5cb0cb; text-decoration:none; font-weight:bold;}
#middencol .submenu ul li.col3 a.nonactive{color:#000; text-decoration:none;}
#middencol .submenu ul li.col3 a.nonactive:hover{color:#5cb0cb; text-decoration:none;}
#middencol .contact {float: left;margin: 0px 28px 0px 0px;}
#middencol .contact p {margin: 0px 0px 0px 220px;}
#middencol .contact h1 {margin: 30px 0px 0px 220px;}
#middencol .contact a {color: #5cb0cb; font-weight:bold;}
#middencol .contact .contactlogo img {margin: 30px 0px 0px 0px; float:left;}
#middencol .logo img {margin: 30px 0px 0px 0px;}
#middencol .content {margin: 20px 28px 0px 0px;}
#middencol .content .info {margin-top:20px;}
#middencol .content .info a {font-family: Arial, Verdana, Tahoma; font-size: 11px; color: #5cb0cb; font-weight:bold; text-decoration: underline; }
#middencol .content .info a:hover {font-family: Arial, Verdana, Tahoma; font-size: 11px; color: #5cb0cb; font-weight:bold; text-decoration: none; }
#middencol .content .contentfoto {float: left; margin: 0px 0px 0px 0px; width: 220px;  }
#middencol .content .contentfoto img {width: 200px; height: auto; border: 1px solid black; margin: 10px 0px 0px 0px;}
#middencol .content .tekst p.titel { margin: 10px 0px 0px 0px; padding: 5px 0px 0px 0px; font-weight:bold;}
#middencol .content .tekst p.date { margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px; font-weight:bold;}
#middencol .content .tekst { margin: 0px; padding: 0px; line-height: 18px; overflow:auto;font-family: Arial, Verdana, Tahoma; font-size: 11px;}
#middencol .content .tekst h3 {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-weight:bold;font-family: Arial, Verdana, Tahoma; font-size: 11px;}
#middencol .content .tekst p.contenttekst { margin: 0px 20px 10px 0px; padding: 0px; }
#middencol .content .tekst .meerfoto { margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#middencol .content .tekst .meerfoto a {font-family: Arial, Verdana, Tahoma; font-size: 11px; color: #5cb0cb; font-weight:bold; text-decoration: underline; }
#middencol .content .tekst .meerfoto a:hover {font-family: Arial, Verdana, Tahoma; font-size: 11px; color: #5cb0cb; font-weight:bold; text-decoration: none; }
#middencol .content .tekst .download { margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px;}
#middencol .content .tekst .download a {font-family: Arial, Verdana, Tahoma; font-size: 11px; color: #5cb0cb; font-weight:bold; text-decoration: underline; }
#middencol .content .tekst .download a:hover {font-family: Arial, Verdana, Tahoma; font-size: 11px; color: #5cb0cb; font-weight:bold; text-decoration: none;}
#middencol .content .tekst .overzicht { margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#middencol .content .tekst .overzicht a {font-family: Arial, Verdana, Tahoma; font-size: 11px; color: #5cb0cb; font-weight:bold; text-decoration: underline; }
#middencol .content .tekst .overzicht a:hover {font-family: Arial, Verdana, Tahoma; font-size: 11px; color: #5cb0cb; font-weight:bold; text-decoration: none;}
#middencol .content .paragraafblok {  margin: 0 0 20px 0; padding: 0px 0 10px 0; overflow:hidden; clear: both;}
#middencol .content .paragraafblok .tekst tr td a img {border: 2px solid #5cb0cb;}
#middencol .content .paragraafblok a  {border:none;}
#middencol .content .paragraafblok ol {margin: 20px 0 10px 30px; padding: 0; font-family: Arial, Verdana, Tahoma; font-size: 11px;}
#middencol .content .paragraafblok ul {margin: 20px 0 10px 30px; padding: 0; font-family: Arial, Verdana, Tahoma; font-size: 11px;}
#middencol .content .paragraafblok ol li {font-family: Arial, Verdana, Tahoma; font-size: 11px; line-height: 18px;}
#middencol .content .paragraafblok ul li {font-family: Arial, Verdana, Tahoma; font-size: 11px; line-height: 18px;}
#middencol .content .paragraafblok li li {font-family: Arial, Verdana, Tahoma; font-size: 11px;}
* html #middencol .content .paragraafblok p {height:1%;}

/*#middencol .image {background-image: url(../../lib/images/afbeelding.jpg); height:93px; width:133px; float:left; margin: 0px 10px 0px 0px; padding: 0px;}*/
#middencol .content .paragraafblok .image {margin: 0px 20px 10px 0px; padding: 0px; overflow:hidden; float:left; height:auto; }
#middencol .content .paragraafblok a .image img {border:none; margin: 0; padding:0; }
.bedrijven #middencol .content .paragraafblok .image {margin: 0px 20px 10px 0px; padding: 0px; overflow:hidden; width: 270px; cursor:pointer; float:left; height:auto;}
#middencol .content .adresgegevens {margin-top: 2px;}
#middencol .content .adresgegevens a {font-family: Arial, Verdana, Tahoma; font-size: 11px; color: #5cb0cb; font-weight:bold; text-decoration: underline; }
#middencol .content .adresgegevens a:hover {font-family: Arial, Verdana, Tahoma; font-size: 11px; color: #5cb0cb; font-weight:bold; text-decoration: none; }
#middencol .content ul {list-style-position: inside; margin: 0 0 0px 20px; padding:0;}
#middencol .content ul li { list-style: disc; padding: 0px 0 20px 0px;}
#middencol .content li li { margin: 5px 0 5px 10px;padding: 0px 0 0 10px;}
#middencol h1 {font-size: 11px; font-weight:bold; margin-bottom: 10px; margin-top: 30px; padding:0; }
#middencol .select{ height:10px;}
#middencol .select select {float: right; margin: 0px;}
#middencol .nieuwsitems {margin: 40px 0px 20px 0px;}
#middencol .nieuwsfotolicht {height: 94px; margin: 10px 0px 0px 0px; background-color:#b1dee6; padding: 0px; overflow:hidden;}
#middencol .nieuwsfotolicht img {float: left; border: 1px solid #91ccdc; width: 133px; height: 93px;}
#middencol .nieuwsitems .nieuwsfotolicht p.date { margin: 0px 0px 0px 0px; padding-left: 10px;}
#middencol .nieuwsitems .nieuwsfotolicht p.titel a{ margin: 0px 0px 0px 0px; text-decoration: underline; color: #5cb0cb; font-weight: bold;}
#middencol .nieuwsitems .nieuwsfotolicht p.titel a:hover{ margin: 0px 0px 0px 0px; text-decoration: none; color: #5cb0cb; font-weight: bold;}
#middencol .nieuwsitems .nieuwsfotolicht p {margin: 0px 0px 0px 0px; overflow: hidden; padding-left: 10px;}
#middencol .nieuwsfotodonker {height: 94px; margin: 10px 0px 0px 0px; background-color:#c6e9ed; padding: 0px; overflow:hidden;}
#middencol .nieuwsfotodonker img {float: left;  border: 1px solid #91ccdc; width: 133px; height: 93px;}
#middencol .nieuwsitems .nieuwsfotodonker p.date { margin: 0px 0px 0px 0px; padding-left: 10px;}
#middencol .nieuwsitems .nieuwsfotodonker p.titel a{ margin: 0px 0px 0px 0px; text-decoration: underline; color: #5cb0cb; font-weight: bold;}
#middencol .nieuwsitems .nieuwsfotodonker p.titel a:hover{ margin: 0px 0px 0px 0px; text-decoration: none; color: #5cb0cb; font-weight: bold;}
#middencol .nieuwsitems .nieuwsfotodonker p {margin: 0px 0px 0px 0px; overflow: hidden; padding-left: 10px;}

#rightcol {height: auto; background-color: #91ccdc; width: 252px; float: left;}

.fotoboek {margin: 0px; padding: 0px; }
.fotoboek #paginacontainer {background-image: url(../../lib/images/popupbg.jpg); width: 600px; height: 600px;}
.fotoboek #header {background-image: url(../../lib/images/popupheader.jpg); width: 600px; height: 129px; margin: 0px; padding: 0px;}
.fotoboek #opzet {margin: 10px 0px 0px 0px;}
.fotoboek #opzet h1{ font-family: Arial, Verdana, Tahoma; font-size: 14px; font-weight:bold; margin: 0px 0px 0px 0px;}
.fotoboek #opzet .fotogroot {margin: 10px 0px 10px 53px; width: 496px; height:278px; overflow:hidden; }
*+html .fotoboek #opzet .fotogroot {margin: 10px 0px 10px 2px;}
*html .fotoboek #opzet .fotogroot {margin: 10px 0px 10px 2px;}
.fotoboek #opzet .fotogroot img {height:278px; overflow:hidden;}
.fotoboek #opzet p {margin: 0px 60px 0px 65px; height: 40px; overflow:hidden;}
.fotoboek #thumbs {float: left; margin: 10px 0px 10px 53px;}
*html .fotoboek #thumbs{margin: 10px 0px 10px 26px}
.fotoboek #opzet .fotoklein {margin: 10px 0px 10px 0px;}
.fotoboek #opzet .fotoklein img {width: 112px; height:63px; margin: 0px 13px 0px 0px; border:0px;}
*+html .fotoboek #opzet .fotoklein img {width: 112px; height:63px; margin: 0px 10px 0px 2px; border:0px;}
.fotoboek a .pijltjelinks {background-image: url(../../lib/images/pijltjelinks.jpg); position: absolute; height:63px; left: 30px; width: 20px; top: 510px; cursor: hand; }
.fotoboek .pijltjelinks {text-indent: -9999px;}

.fotoboek a .pijltjerechts {background-image: url(../../lib/images/pijltjerechts.jpg); position: absolute; height:63px; left: 550px; width: 20px; top: 510px; cursor: hand;  }
.fotoboek .pijltjerechts {text-indent: -9999px;}

/* Vinzzz: Sitemanager tabellen */
table.standard { border-collapse: collapse; width: 100%; padding-bottom: 40px; background: url(../../lib/images/tbl_standard.png) left bottom repeat; }
table.standard th { font-family: verdana; font-size: 11px; padding: 7px 0 7px 30px; background: #5db0cb url(../../lib/images/tbl_standard_th.png) 0 0 repeat-x; color: #000 !important; font-weight: bold; text-align: left;border: 1px solid #fff; border-width: 0 1px 1px 0;  }
table.standard .th td { font-family: verdana; font-size: 11px; padding: 7px 0 7px 30px; background: #5db0cb url(../../lib/images/tbl_standard_th.png) 0 0 repeat-x; color: #000 !important; font-weight: bold; text-align: left;border: 1px solid #fff; border-width: 0 1px 1px 0;  }
table.standard td { font-family: verdana; font-size: 11px; color: #000 !important; padding: 5px 0 5px 30px; border: 1px solid #fff; border-width: 0 1px 0 0; }

table.books { border-collapse: collapse; width: 100%; padding-bottom: 40px; background: url(../../lib/images/tbl_standard.png) left bottom repeat; }
table.books th { font-family: verdana; font-size: 11px; padding: 5px 0 5px 30px; background: #5db0cb url(../../lib/images/tbl_standard_th.png) 0 0 repeat-x; color: #000 !important; font-weight: bold; text-align: left;border: 1px solid #fff; border-width: 0 1px 1px 0;  }
table.books th.book { background: url(../../lib/images/tbl_books_th_book.png) 0 0 no-repeat; }
table.books th.writer { background: url(../../lib/images/tbl_books_th_writer.png) 0 0 no-repeat; }
table.books .th td { font-family: verdana; font-size: 11px; padding: 5px 0 5px 30px; background: #5db0cb url(../../lib/images/tbl_standard_th.png) 0 0 repeat-x; color: #000 !important; font-weight: bold; text-align: left;border: 1px solid #fff; border-width: 0 1px 1px 0;  }
table.books td { font-family: verdana; font-size: 11px; color: #000 !important; padding: 5px 0 5px 30px; border: 1px solid #fff; border-width: 0 1px 0 0; }