body {margin:0;padding:0;text-align: left; margin-left:7.3em;}
#toren {background: transparent url(images/torenbgr0.jpg) no-repeat fixed bottom left;}
#boekband {background: transparent url(images/boekband_2.jpg) no-repeat fixed bottom left;}
#bbandklein {background: transparent url(images/bandklein.gif) no-repeat fixed bottom left;}
#logozij {background: transparent url(images/bg_torenlogozij.jpg) no-repeat fixed bottom left;}

#wrapper {width: 725px;text-align: left;margin: 0 auto;padding: 0;top: 0;left: 0;background: transparent;}
#header {height: 80px;position: relative;top: 0px;left: 0;border-bottom:2px solid #7b0018;	
       background: transparent url(logo_kleur_klein.jpg) no-repeat left bottom;}
h1 {font: normal bold 25px geneva, Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 35px;color: #9c8e6b;padding:0;margin: 0;text-align:right;
	background-color: transparent;}
			 
h2 {
	font: normal bold 12px/14px verdana, 'trebuchet ms',trebuchet, 'Times New Roman', Serif;
	color: #7b0018;
	padding: 5px 0 0px 0;
	margin: 0;
	background-color: transparent;
}
h3 {font: normal 11px/13px georgia, serif;color: #a85;margin: 8px 0 0px 0;padding: 0;background-color:#FFF;}

p {font:9pt/14pt verdana, arial; margin: 0;padding: 7px 0;color: #696969;}
.fklein {font:8pt/14pt verdana, arial;}
strong {color:#888;}

.schuin {font: italic lighter 8pt/10pt verdana, arial;color:#777;}
.vet {color: #7b0018;font: normal normal bold 0.9em/normal Geneva, Arial, Verdana, Helvetica, sans-serif;}

.b95 {text-indent: 65px;text-align: justify;}
.b95L {text-indent: 65px;text-align: left;}
.b95R {text-indent: 65px;text-align: right;}
.b95R1 {text-indent: 65px;text-align: left;font-size:9px;}
.b65 {width:58%;}

#contentbronnen {width: 625px;}
a, a:link, a:visited {color: #588; /*#588DA2;*/text-decoration:none;padding: 1px 2px;background: transparent none;}
a:hover {color:#A25359;background-color:transparent;text-decoration:none;}
.fadeup a:hover {color:#588888;}
img {border: none;}
.img_border {border: 1px solid #eee;padding: 4px;}
.img_insetL {float: left;padding: 5px 7px 5px 5px;}
.img_insetL1 {float: left;padding: 25px 15px 15px 55px;}

.img_inset {float: left;padding: 0px 12px 15px 0px;}
.img_insetR {float: right;padding: 0px 0px 0 20px;margin-right:-10em;}
.img_insetR0 {float: right;padding: 0px 0px 0 20px;}

.clear {clear: both;height: 0;padding: 0;margin: 0;}

#header #hoofdfoto {position:absolute;top:0;right:0;}
#header #hoofdfoto1 {position:absolute;padding-top:15px;right:0px;}
#header #hoofdfoto1a {position:absolute;padding-top:25px;right:0;}


#header #hoofdfoto2 {position:absolute;padding-top:205px;right:0;}
#header #hoofdfoto3 {position:absolute;padding-top:255px;right:0;}
#header #hoofdfoto4 {position:absolute;padding-top:220px;right:0;}

#header #hoofdfoto5 {position:absolute;padding-top:400px;right:0;}
#header #hoofdfoto6 {position:absolute;padding-top:315px;right:-70px;}
#header #hoofdfoto6a {position:absolute;padding-top:445px;right:-50px;}

#header #hoofdfoto7 {position:absolute;padding-top:615px;right:0;}
#header #fotomidden {position:absolute;padding-top:105px;right:0;}

#nav li a:link span {display: none;}

#contentbronnen a:span {display:none;}
#contentbronnen a:link span {display:none;}
#contentbronnen a:visited span {display:none;}
#contentbronnen a:hover span.poptext {display:block;float:left;color:#000;float:left;border:3px solid #eee;padding:13px;background-color:#eee;width:auto;}

#nav2 {height: 12px;	font: normal 10px/20px 'Lucida Grande', 'Lucida Sans',verdana, arial, sans-serif;
background: none;margin: 1px 0 0 0px;padding: 2px 0 0 0px;position: absolute;top: 69px;text-decoration:none;}
#nav2 li a:link span {display:none;}
#nav2 li a:visited span {display:none;}
#nav2 li a:hover {text-decoration:none;color: #FFF;border-bottom: thick solid #FFF;border-left:1px solid #FFF;font-weight: bold;}
#nav2 li a:hover span {display:block;position:absolute;top:-55px;left:-2px;color:#eee;cursor:pointer;font-size: 10pt;font-weight:bold;border-bottom:1px solid #FFF;width:450px;}
#nav2 li a:hover span.popimage {display:block;position:absolute;top:100px;left:60px;color:#eee;
border:3px solid #eee;padding:35px;background-color:#fff;width:auto;}
#nav2 ul {margin: 0 0 0 -10px;padding: 0;list-style: none;background: transparent none;height: 20px;color: #FFF;}
#nav2 li {float: left;margin: 0;height: 20px;padding: 0 0 0 6px;}
#nav2 a {color: #FFF;padding: 3px 5px 3px 7px;border-left:1px solid #FFF;text-decoration:none;}
#nav2 > ul a {width: auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav2 a {float: none;}

#nav {height: 25px;color: #fff;font: normal 10px/20px 'Lucida Grande', 'Lucida Sans',verdana, arial, sans-serif;
			         background: none;margin: 1px 0 0 0px;padding:0;
						position: absolute;top: 178px;}									
#nav a:hover {background: transparent none;
               border-bottom: thick solid white;border-left: 1px solid #fff;}
#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: #b59a63;
	height: 25px;
filter: alpha(opacity=70);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
 -moz-opacity: 0.70; opacity:0.7;
	color: #000;
}
		  
#nav li {float: left;margin: 0;height: 25px;padding: 0;}
#nav a {float: left;display: block;width: .1em;padding: 8px 25px 3px 5px;
         text-decoration: none;margin: 0;font-weight: bold;height: 20px;
			color: #FFF;}
#nav > ul a {width: auto;}
/* Hack hides rule from IE5-Mac \*/
#nav a {float: none;}
/* End IE5-Mac hack */

#toren #home #homenav a {padding-bottom: 0px;color: #999;}
#toren #home #homenav2 a {border-bottom: thin solid #FFF;color: #999;}

#sidenav {position:absolute;
            top:23em;background-color:#000;width:175px;
            left:27.5em;margin: 0;padding:0;z-index:100;padding-left:120px;}

#sidenav p {background-color: transparent;color:#777}

#sidenav dl {font: normal normal 75% sans-serif;color:#777;}
#sidenav dd {/*margin-left:7px;*/font: normal normal 95% serif;color:red;}

#sidenav ul {	font: normal normal 75% sans-serif;	color: #999;margin: 0 0 0 0;	padding: 0 0 0 10px;	list-style: none;line-height: normal;}
#sidenav ul li {margin: 0;padding:0;}
#sidenav li a, #sidenav li a:link, #sidenav li a:visited, #sidenav li a:active {
color: #588888;display: block;list-style: none;
line-height: normal;background-color:transparent;}
#sidenav li a:hover {color: #933;text-decoration:none;}
#sidenav h3 {color:#a85;font:bold 12px/14px georgia, serif;line-height: 25px;}

#contentwrap {margin-top: 10px;}
#content #contentbronnen {width: 355px;margin: 0px 0 0 0;}
#content ul {width: 49%;	font: normal 11px/15px "lucida grande", tahoma, arial, verdana, sans-serif;color: #666;margin: 0px;padding: 2px 0px;float: left;}
#content li {margin: 3px 0 0px 20px;padding: 0;}

#contentbronnen ul {
	width: 80%;
	font: normal 12px/15px verdana,"lucida grande", tahoma, arial, verdana, sans-serif;
	color: #666;
	margin: 0px;
	padding: 2px 0;
	float: left;
}
#contentbronnen li {
	margin: 3px 0 0px 20px;
	padding-left: 25px;
	list-style: none;
}

#bottom {position: relative;top: 0;left: 0;}
#project {width: 478px;padding: 25px 0 0 0;float: left;position: relative;top: 0;left: 0;}
#project_content {width: 265px;float: left;position: relative;top: 0;left: 0;}
#project_content h3 {background: transparent none;font: normal 12px/15px georgia, serif;color: #91B476;margin: 8px 0 3px 0;padding:0;}
#project_details h3 {background: transparent none;font: normal 12px/15px georgia, serif;color: #a85;margin: 8px 0 3px 0;padding:0;}
#project_content p {font: normal 10px/15px sans-serif;margin: 0;padding: 0px 0 5px 0;color: #666;}
#project_details {width: 190px;float: right;position: relative;top: 0;right: 10px;}

#bronvermelding {width: 495px;float: left;position: relative;}
#bronvermelding p {color: #666;font: normal 11px/14px monospace;}

.project_type {font: normal 9px 'Lucida Grande','LucidaGrande',Lucida,Sans-Serif;color: #999;text-transform: uppercase;}

dl {font: normal 11px/16px "lucida grande", tahoma, arial, verdana, sans-serif;
margin: 0 0 0 20px;padding: 0;color: #666;background: transparent none;}
ul {font: normal 11px/16px "lucida grande", tahoma, arial, verdana, sans-serif;margin: 0 0 0 20px;padding: 0;color: #666;background: transparent none;}

#quote {float: right;position: relative;top: 0;right: 0;width: 222px;
padding: 0px 0 0 15px;margin: -20px 0 0 0;}
#quote p {font: normal 12px/16px serif;color: #8C9297;margin: 13px 0;padding: 0;background-color: transparent;}

#footer {height: 176px;width: 75%;text-align: center;
              position: relative;top: 0;left: 3.5em;padding: 10px 0 0 0;
				  border-top:2px solid #7B0018;
				  }
				  
#footer_content {width: 540px;text-align: left;margin: 0 auto;}
#footer_content p {font: normal 11px/16px "lucida grande", tahoma, arial, verdana, sans-serif;
                   color: #999;padding: 0;margin: 0;}

#contact_left{width: 355px;float: left;z-index:100;}
label{display: block;font: normal 10px/16px "lucida grande", tahoma, arial, verdana, sans-serif;margin: 0;padding: 8px 0 3px 0;color: #666;}
.textfield{font: normal 11px/13px "lucida grande", tahoma, arial, verdana, sans-serif;padding:2px;margin:0;border: 1px solid #ccc;background-color: #eee;width: 300px;color: #777;}
.brick {color: #933;}
.hiddenPic {display:none;}
.bladzijde {left: 85%;height:20px;padding-top:8px;width:375px;text-align:right;}

.fadetext {position:absolute;top:-30px;width:400px;height:12px;left:5px;border-bottom: 1px solid #FFF;padding:2px;font-size: 10pt;filter:alpha(opacity=0);-moz-opacity: 0;color:#FFF; visibility: hidden;}
.toppage {text-align: right;padding:0px;}
#kopnav a {text-decoration: none;color: #9c8e6b;}
#kopnav a:hover {text-decoration:underline;color: #7b0018;}
p.introRed:first-line {font-family: cursive;font-size: 20px;font-style: italic;color: #933;}
p.introRed2:first-line {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 10px;font-style: normal;color: #933;}
#paginas #pager {clear: both; padding:0;margin: 30px 0px 10px; width: 70%; text-align: left}
#paginas #pager a {BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 7px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 7px; PADDING-BOTTOM: 3px; MARGIN: 2px 0px; BORDER-LEFT: #fff 1px solid; COLOR: #3e3e3e; PADDING-TOP: 3px; BORDER-BOTTOM: #fff 1px solid}
#paginas #pager strong {BORDER-RIGHT: #b5c8ea 1px solid; PADDING-RIGHT: 7px; BORDER-TOP: #b5c8ea 1px solid; PADDING-LEFT: 7px; BACKGROUND: #e4e7ee; PADDING-BOTTOM: 3px; MARGIN: 0px; BORDER-LEFT: #b5c8ea 1px solid; COLOR: #455270; PADDING-TOP: 3px; BORDER-BOTTOM: #b5c8ea 1px solid}
#paginas #pager a:hover {BORDER-RIGHT: #b5c8ea 1px solid; BORDER-TOP: #b5c8ea 1px solid; BACKGROUND: #e4e7ee; BORDER-LEFT: #b5c8ea 1px solid; color: red; BORDER-BOTTOM: #b5c8ea 1px solid}
#paginas #pager a:active {BORDER-RIGHT: #b5c8ea 1px solid; BORDER-TOP: #b5c8ea 1px solid; BACKGROUND: #e4e7ee; BORDER-LEFT: #b5c8ea 1px solid; color: #455270; BORDER-BOTTOM: #b5c8ea 1px solid}
#paginas #pager .pager-first {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
#paginas #pager .pager-next {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}

.container-inline DIV {	DISPLAY: inline}

#pager {	CLEAR: both; TEXT-ALIGN: center}
#pager DIV {PADDING-RIGHT: 0.5em; PADDING-LEFT: 0.5em; PADDING-BOTTOM: 0.5em; PADDING-TOP: 0.5em}


#topmenu{font-weight: bold;font-size: 90%;}
#topmenu:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
#topmenu ul{text-indent: 10px;padding: 3px 0;
margin: 0;background-color: #fff;text-align: right; background-color: #fff;}
#topmenu ul li{display: inline;}
#topmenu ul li a{color: #B59A63;padding: 3px 0;padding-right: 25px;margin: 0;
text-decoration: none;background: transparent url(scheiding.gif) top right no-repeat;}
#topmenu ul li a:visited{color: #B59A63;} 
#topmenu ul li a:hover{color: #7B0831;}