/* CSS Document */

html, body, p, h1, h2, h3, h4, h5, h6, form, ul, li { margin: 0; padding: 0; }
/*form { }*/
.cleardiv { float:none; clear:both; }


html { background: url(../images/structure/ornament_bg.jpg) repeat; }
body { background: url(../images/structure/top_bg.jpg) repeat-x top; text-align: center; font-family: "Times New Roman", Times, serif; font-size: 12px; }

div#super_wrap { width: 810px; margin: 0 auto; text-align: left; }
div#site_wrap { width: 800px; background: url(../images/structure/site_bg.png) repeat-y; padding: 0px 5px; position: relative; }
/*div#site_wrap { background: url(../images/structure/site_bg.gif) repeat-y; }*/
div#footer_wrap { width: 800px; height: 20px; padding: 15px 5px 5px 5px; background: url(../images/structure/site_bottom.png) no-repeat; }
/*div#footer_wrap { background: url(../images/structure/site_bottom.gif) no-repeat; }*/
div#footer_cont { width: 800px; height: 20px;  background: url(../images/structure/navigation_bg.jpg) repeat-x bottom; text-align: center; }
div#footer_cont p { font-size: 10px; color: #FFFFFF; position: relative; top: 3px; }
div#footer_cont p a { color: #c2923f; text-decoration: none; }
div#footer_cont p a:hover { color: #FFFFFF; }

div#sarephta_logo { width: 125px; height: 160px; background: url(../images/header/sarephta_logo.png) no-repeat; position: absolute; left: 11px; top: 0px; z-index: 10; }
div#header_wrap { height: 235px; width: 800px; }
	div#header_top { width: 800px; height: 69px; }
	div#header_top h1 { font-size: 13px; font-weight: normal; color: #493513; position: absolute; left: 140px; top: 10px; font-variant: small-caps; }
	div#header_top h1 span { font-size: 17px; }
	div#header_top h2 { font-size: 11px; font-weight: normal; color: #c2923f; position: absolute; left: 140px; top: 30px; font-variant: small-caps; }
	div#header_top h2 span { font-size: 15px; }
	div#header_foto { height: 166px; width: 800px; }
	
div#nav_wrap { width: 800px; height: 40px; background: url(../images/structure/navigation_bg.jpg) repeat-x; /*text-align: center;*/ }
div#error_title { width: 800px; height: 31px; background: url(../images/structure/navigation_bg.jpg) repeat-x; text-align: center; color: #FFFFFF; font-variant: small-caps; font-size: 18px; font-weight: bold; padding-top: 9px; }
div#nav_wrap ul { position: relative; width: 788px; height: 40px; list-style-type: none; left: 12px; }
div#nav_wrap ul li { text-align: center; height: 40px; font-size: 13px; position: absolute; }
div#nav_wrap ul li a { display: block; height: 40px; text-decoration: none; color: #FFFFFF; }
div#nav_wrap ul li a:hover { background: url(../images/structure/nav_pijltje.gif) no-repeat center bottom; }
div#nav_wrap ul li a span { position: relative; top: 13px; }
div#nav_wrap ul li.head_nav_active { background: url(../images/structure/nav_pijltje.gif) no-repeat center bottom; }
div#nav_wrap ul li.head_nav_active span { position: relative; top: 13px; color: #FFFFFF; }
	li#head_li_info { width: 45px; left: 0px; }
	li#head_li_info a { width: 45px; }
	li#head_li_fotos { width: 60px; left: 45px; }
	li#head_li_fotos a { width: 60px; }
	li#head_li_kluizen { width: 75px; left: 105px; }
	li#head_li_kluizen a { width: 75px; }
	
	li#head_li_priorij { width: 65px; left: 180px; }
	li#head_li_priorij a { width: 65px; }
	
	li#head_li_va { width: 150px; left: 245px; }
	li#head_li_va a { width: 150px; }
	li#head_li_na { width: 155px; left: 395px; }
	li#head_li_na a { width: 155px; }
	li#head_li_gb { width: 100px; left: 550px; }
	li#head_li_gb a { width: 100px; }
	li#head_li_links { width: 50px; left: 650px; }
	li#head_li_links a { width: 50px; }
	li#head_li_contact { width: 75px; left: 700px; }
	li#head_li_contact a { width: 75px; }
	
	
div#content_cont { width: 800px; background: url(../images/structure/vert_line.gif) no-repeat 145px bottom; margin-top: 25px; }
	
	div#sidebar_wrap { width: 145px; float: left; }	
		
		div#subnav_wrap { padding: 0px 0px 20px 0px; }
			div#subnav_wrap ul { list-style: none; padding: 0 10px; margin: 0; }
			div#subnav_wrap ul li { list-style: none; margin: 0 0 3px 0; display: block; background: #C93; }
			div#subnav_wrap ul li span { display: block; padding: 3px 10px 4px 10px; border: 1px solid #6b512c; color: #fff; background: #6b512c; } 
			div#subnav_wrap ul li a { display: block; padding: 3px 10px 4px 10px; text-decoration: none; border: 1px solid #6b512c; color: #c2923f; background: #FFF; } 
		
		div#contact_info { padding: 20px 0px; }
			div#contact_info p { text-align: center; color: #c2923f; font-size: 13px; }
			div#contact_info p span { display: block; font-size: 16px; color: #493513; margin-bottom: 7px; }
			div#contact_info p a { text-decoration: none; color: #c2923f; font-size: 13px; }
			div#contact_info p a:hover { text-decoration: underline; }
	
	div#content_wrap { width: 570px; float: left; padding: 0px 0px 50px 35px; color: #6b512c; overflow: hidden; }