* {margin: 0; padding: 0; border: 0; font-family: "Arial";}

body 
{
	background-color: #2e2e2d;
	font: normal 68%/1.4em "Arial";
	color: #006752;
	scrollbar-arrow-color: #036638;
	scrollbar-face-color: #D6E5AE;
	scrollbar-highlight-color: #D1E7A9;
	scrollbar-3dlight-color: #fff;
	scrollbar-shadow-color: #fff;
	scrollbar-darkshadow-color: #BACC82;
	scrollbar-track-color: #fff;
}

a{color: #006855; text-decoration: none; font-weight: bold;}
a:hover {text-decoration: underline;}
span.label {font-weight: bold;}
span.teaser {font-weight: bold; font-size: 1.3em; color: #5d6e66;}
span.teaser a {color: #5d6e66; text-decoration: underline;}
input {padding: 1px 2px; font-family: "Arial"; font-size: 11px; }
input.text { border-top: solid 1px #666; border-right: solid 1px #ccc; border-bottom: solid 1px #ccc; border-left: solid 1px #666; }
textarea.text { border-top: solid 1px #666; border-right: solid 1px #ccc; border-bottom: solid 1px #ccc; border-left: solid 1px #666; }
input.checkbox {margin-right: 5px;}
.error { color: #ff0000; }
/*headings*/
p, h1, h2, h3, h4, h5, h6 {text-align: left;}
p{margin-bottom: 10px;}
p.right {text-align: right;}
p.low-margin {margin-bottom: 3px;}
h1 {font-size: 26px; line-height: 28px; font-weight: normal; text-transform: uppercase; color: #5B6E68; font-family: "arial"; letter-spacing:2px;}
h2 {font-size: 18px; line-height: 20px; color: #6F9D3A; font-family: "Trebuchet MS"; font-style: italic; letter-spacing: 1px; padding-bottom: 5px; border-bottom: 1px dashed #5b6e68; }
h3 { color: #fff; font-size: 1.15em; text-transform: uppercase; border-bottom: 1px dashed #5b6e68; padding-bottom: 5px; margin-bottom: 5px; }
h5 { color: #6F9D3A; font-size: 1.1em; font-weight: bold; padding-bottom: 5px; }
h6 { color: #cfc8a8; font-size: 1.1em; font-weight: bold; padding-bottom: 5px; }
/*WRAPPERS*/
#wrapper { margin: 0 auto; width: 988px; height: 906px; background-color: #77a13f;}
#container-left { float: left; height: 906px; width: 678px; background: transparent url(../../Upload/images/header-left-mijnkatarakt.jpg) no-repeat left top; }
#container-right { float: right; height: 906px; width: 310px; background: transparent url(../../Upload/images/header-right.jpg) no-repeat left top; text-align: center; }
#content-wrapper { width: 678px; height: 686px; background: transparent url(../../Upload/images/content-wrapper-gradient.jpg) no-repeat 658px 136px; }
/*topBar section*/
#topBar { margin: 0 auto; width: 988px; height: 20px; }
#topBar ul { height: 20px; list-style-type: none; }
#topBar ul li {
	float: left;
	margin-top: 4px;
	padding: 0 10px;
	height: 12px;
	line-height: 12px;
	border-right: 1px solid #999;
}
#topBar ul li.noborder { border-right: 0; }
#topBar ul li a  { font-weight: normal; text-decoration: none; color: #999; }
#topBar ul li a:hover { text-decoration: underline; }
/****************/
/* LEFT SECTION */
/****************/
/*IN DE KIJKER*/
.kijker-wrapper { height: 150px; width: 676px; padding-top: 20px; }
.indekijker 
{
	margin-left: 315px;
	width: 275px;
	height: 75px;
	padding: 10px 10px 20px 10px;
	background: transparent url(../../Upload/images/indekijker-bg.gif) no-repeat left top;
	color: #3e4943;
	
}
.indekijker p{ margin-bottom: 0; clear:both; }
.indekijker div.title { width: 275px; margin-top: 5px; }
.indekijker div.title h6 { float: left; width: 200px; }
.indekijker div.title span.date { float: right; width: 75px; color: #cacaae; text-align: right; }
/*MAIN MENU*/
#main-menu { width: 678px; height: 42px; background: transparent url(../../Upload/images/content-top-bg.gif) no-repeat left bottom; }
#main-menu ul { height: 30px; margin-left: 95px; list-style-type: none; }
	
#main-menu ul li {
	float: left;
	height: 30px;
	width: 115px;
	line-height: 30px;
	text-transform: uppercase;
	text-align: center;
	margin-left: 2px;
	color: #b2a97e;
	background: transparent url(../../Upload/images/tab-beige.gif) no-repeat left top;
}

#main-menu ul li.selected { background-color: #fff; color: #b2a97e; background: transparent url(../../Upload/images/tab-wit.gif) no-repeat left top; }
#main-menu ul li a { display: block; color: #5C5D58; }
#main-menu ul li.selected a { color: #b2a97e; }
#main-menu ul li a:hover { text-decoration: none; background-position: 0 -31px; }

/*CONTENT SECTION*/
.content-header { width: 608px; height: 55px; padding: 10px 25px 0 25px; background-color: #fff; }
.content-header h1.withsubmenu { float: left; width: 279px; }
.header-sub-menu { float: right; width: 279px; height: 15px; background: #fff; text-align: right; }
.content-header h2 { float: left; width: 608px; }
#content { background-color: #fff; width: 633px; height: 412px; overflow: auto; padding-left: 25px; }
#content h3.poll { color: #6F9D3A; border: none; padding-bottom: 0; }
.content-bottom
{
	width: 643px;
	height: 171px;
	padding-top: 25px;
	padding-left: 15px;
	background: #b2a97e url(../../Upload/images/content-bottom-bg.gif) no-repeat left bottom;
	color: #3e4943;
}
.content-bottom a  { color: #006955; }
.bestel-de-kaart, .boek-online { float: left; height: 140px; padding: 10px 20px 0 10px; }
.bestel-de-kaart { width: 210px; background: transparent url(../../Upload/images/grey-box-small-bg.gif) no-repeat left top;  }
.boek-online { margin-left:5px; width: 358px; background: transparent url(../../Upload/images/grey-box-bg.jpg) no-repeat left top; }
/*MAIN CONTENT*/
.content-general
{
      float: left;
      width: 612px;
      border-bottom: 1px dashed #5b6e68;
      padding-bottom: 15px;
      padding-top: 15px;
}
.content-general div.infoDiv { padding-right: 25px; float: left; width: 179px; color: #5e6e66 }
.content-general div.infoDiv h3{ text-transform: none; color: #76993e; }
.content-general div.infoDiv a{ color: #76993e; }
.content-general div.infoDiv p{ line-height:normal; }

.contentImg
{
      width: 179px; 
      margin-bottom: 20px;
}
/*****************/
/* RIGHT SECTION */
/*****************/
#katarakt-logo
{
	margin-top: 300px; height: 35px; width: 295px; 
}
#katarakt-logo a{display: block; width: 295px; height: 35px;}
#katarakt-logo a span {display: none;}
#haspengouw-in-beeld { margin-top: 20px; float: left; width:295px; text-align: left; }
#haspengouw-in-beeld h3 { margin-left: 10px; }
#haspengouw-in-beeld div#dia-wrapper { float: left; width: 295px; }
/*FOTOGALERIJ*/
#haspengouw-in-beeld div#dia-nav-left, #haspengouw-in-beeld div#dia-nav-right { float: left; width: 15px; text-align: left; height: 120px; line-height: 120px; }
#haspengouw-in-beeld div#dia-nav-right {text-align: right;}
#haspengouw-in-beeld div#dia-nav-left a, #haspengouw-in-beeld div#dia-nav-right a { color: #2e2e2e; }
#haspengouw-in-beeld div#gallery {float: left; width: 259px; height: 120px; padding-left: 5px; overflow: hidden; background: #2e2e2e url(../../Upload/images/dia-bg.jpg) repeat-x -5px top;}
#haspengouw-in-beeld div#gallery div {position:relative; left: 0; top: 20px; width: 254px; height: 80px; overflow: hidden;}
#haspengouw-in-beeld div#gallery a {position: absolute; left:0; top: 0; display: none;}
#haspengouw-in-beeld div#gallery img{ height:80px; padding-right: 5px;}
#filmpjes
{
	float: left;
	margin-top: 10px;
	padding: 15px 10px;
	width: 275px;
	height: 135px;
	background: transparent url(../../Upload/images/blok-filmpjes.gif) no-repeat top left;
}
.wat-volgt
{
	float: left;
	margin-top: 10px;
	padding: 15px 10px 0 10px;
	width:275px;
	height: 183px;	
	color: #3e4943;
	background: transparent url(../../Upload/images/blok-wat-volgt.gif) no-repeat top left;
}
.wat-volgt ul { list-style-type: none; text-align: left; }
/*FOOTER*/
#footer { margin: 0 auto; width: 988px; height: 90px; background: Transparent url(../../Upload/images/footer-bg.jpg) repeat-x left top;}
#footer ul {float: left; width: 250px; list-style-type: none; padding: 45px 0;}
#footer ul.right {float: right; padding-top: 8px; width: 700px;}
#footer ul li {
	float: left;
	padding: 0 10px;
	height: 12px;
	line-height: 12px;
	border-right: 1px solid #999;
}
#footer ul.right li { float: right; border-right: none;}
#footer ul li.anaxis {height: 55px; width: 140px; background: transparent url(../../Upload/images/anaxis.jpg) no-repeat center bottom;}
#footer ul li.anaxis a {display: block; height: 55px; width: 140px;}
#footer ul li.prov-limb {height: 55px; width: 111px; background: transparent url(../../Upload/images/prov-limb.gif) no-repeat center bottom;}
#footer ul li.prov-limb a {display: block; height: 55px; width: 111px;}
#footer ul li.toer-limb {height: 55px; width: 100px; background: transparent url(../../Upload/images/TL_logo_def_groen_mailformaat.jpg) no-repeat center bottom;}
#footer ul li.toer-limb a {display: block; height: 55px; width: 100px;}

#footer ul li a  { font-weight: normal; text-decoration: none; color: #999; }
#footer ul li a:hover { text-decoration: underline; }
#footer ul li a span {display: none;}
#footer ul li.noborder {border-right: 0;}

#footer ul li.een {height: 55px; width: 55px; background: transparent url(../../Upload/images/een-logo.jpg) no-repeat center bottom;}
#footer ul li.een a {display: block; height: 55px; width: 55px;}
#footer ul li.nieuwsblad {height: 55px; width: 50px; background: transparent url(../../Upload/images/logo_ncrv.png) no-repeat center bottom;}
#footer ul li.nieuwsblad a {display: block; height: 55px; width: 50px;}
#footer ul li.europe {height: 55px; width: 55px; background: transparent url(../../Upload/images/logo-eu.jpg) no-repeat center bottom;}
#footer ul li.europe a {display: block; height: 55px; width: 55px;}

/*SITEMAP*/
div.sitemap ul {margin-left: 25px; list-style-type: square; }

/*BESTEL de Kaart*/
div#bestel-kaart { float: left; width: 612px; }
div#bestel-kaart dl { float: left; width: 612px; margin-bottom: 5px; }
div#bestel-kaart dl dt { float: left; width: 210px; }
div#bestel-kaart dl dd { float:left; width: 402px; }
div#bestel-kaart dl dd table tr td label { vertical-align: top; margin-left: 2px; }
div#bestel-kaart p.command { float: left; width: 612px; text-align: right; }
div#bestel-kaart p.command a { padding: 5px; margin-left: 5px; }

/*Interactive map*/
div#interactive-map { float: left; width: 612px; }
div#interactive-map table { float: left; border-collapse: collapse; }
div#interactive-map table tr { border-collapse: collapse; }
div#interactive-map table tr td { vertical-align: middle; padding-right: 2px; }
div#interactive-map table tr td.seperator { text-transform: uppercase; border-top: solid 2px #83ac4c; }
div#interactive-map table tr td.tab { padding-left: 25px; }
div#interactive-map table tr td.fav { text-transform:uppercase; border-top: solid 2px #83ac4c; border-bottom: solid 2px #83ac4c; }
div#interactive-map div#myMap { float: right; }
div#favorites {float: left; width: 612px; text-align: center; }
div#favorites h4 { float: left; width: 612px; margin: 10px 0 10px 0; }
div#favorites div#pic { float: left; width: 306px; }
div#favorites div#addressdetails { float: right; width: 306px; text-align: left; }
div#favorites div#description { float: left; width: 612px; text-align: left; margin-top: 10px; }
div#favorites div.deletefav { float: left; width: 612px; text-align: center; }
div#favorites hr { border-bottom: dashed 1px #000; margin-top: 10px; }

/*TESTIMONIALS*/
div#addtestimonial dl { float: left; width: 600px; margin-bottom: 2px; }
div#addtestimonial dl dt { float: left; width: 100px;}
div#addtestimonial dl dd { float: left; width: 500px;}
div#addtestimonial dl dd textarea { font-size: 11px; width: 500px; height: 150px; }
div#addtestimonial p.command { float: left; width: 612px; text-align: right; }
div#addtestimonial p.command a { padding: 5px; margin-left: 5px; }

/*MIJN FILMPJES*/
div#clip-player { float: left; width: 612px; margin-bottom: 25px; }
div#clip-player #show-clip { float: left; width: 320px; }

div#clip-player div#actions { float: right; width: 282px; }
div#clip-player div#actions ul { margin-bottom: 20px; list-style-type: none; }

div#more clips { float: left; width: 612px; }
div#more-clips div { float: left; width: 20px; text-align: center; }
div#more-clips ul { float: left; width: 570px; list-style-type: none; }
div#more-clips ul li { float: left; width: 114px; text-align: center; }
div#more-clips ul li div { float: left; width: 114px; text-align: center; clear: both; }
div#more-clips ul li .active { font-weight: bold; font-size: 1.3em;}

div#send-to-friend { float: left; width: 612px; }
div#send-to-friend dl { float: left; width: 612px;}
div#send-to-friend dl dt { float: left; width: 100px;}
div#send-to-friend dl dd { float: right; width: 512px;}
div#send-to-friend p.command { float: left; width: 612px; text-align: right; }
div#send-to-friend p.command a { padding: 5px; margin-left: 5px; }