/*======================================================= Neutralize styling: Elements we want to clean out entirely: */ html, body, form { margin: 0; padding: 0; font: 100%/120% Arial, Verdana, Helvetica, sans-serif; } html{overflow-y:scroll} /* Neutralize styling: Elements with a vertical margin: */ h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 0; padding: 0; } /* Apply left margin: Only to the few elements that need it: */ li, dd, blockquote { margin-left: 0em; } /* Miscellaneous conveniences: */ form label { cursor: pointer; } fieldset { border: none; } input, select, textarea { vertical-align:middle; font-size: 100%; } table{ width:100%; border-collapse: collapse; clear:both; } table td{ padding:10px } tbody{ vertical-align:top; } img{border:none} p{line-height:16px} /*=======================================================*/ /* STANDARD PAGE LAYOUT */ html{height:100%} body{font-size:11px; color:#3d3830; font-family:Arial, Verdana, Helvetica, sans-serif; background:#ffffff url(/bg.jpg)} #site_wrapper{width:902px; margin:40px auto 0 auto} #header{padding:5px; background:#000000; border:1px solid #282828; position:relative} #img_wrapper{height:142px; width:890px} #img_wrapper img{float:left} #perkament{float:right; text-align:center; margin:10px; width:186px} #perkament p{background-color:#111; text-align:center} #procent{position:absolute; top:-33px; right:-29px; width:60px; height:75px} .italic{font-style:italic} #page_wrapper{background:url(/bg_content.png); margin-top:-1px; width:860px; margin-left:16px; border:1px solid #282828; border-top:none; position:relative} #schaduuw{background:url(/schaduuw.png) repeat-x; height:25px} .corner{position:absolute; bottom:0px; width:50px; height:50px} .corner.right{right:0px; background:url(/corner_right.png) no-repeat} .corner.left{left:0px; background:url(/corner_left.png) no-repeat} .align_right{text-align:right} #breadcrumb{color:#a4a4a4; height:15px; padding:5px 0 0 10px; margin:5px 0} #breadcrumb a{color:#ffffff} #breadcrumb a:hover{text-decoration:none} #menu ul{background:#000000 url(/bg_links.jpg) repeat-x; width:860px} #menu li{list-style-type:none} #menu ul, #menu li, #menu a{float:left} #menu a{color:#a4a4a4; font-weight:bold; outline:none; text-decoration:none; border-bottom:3px solid #000000; display:block; height:17px; padding:5px 10px 0 10px; background:url(/sep.jpg) no-repeat top right} #menu a:hover, #menu a.sel{color:#ffffff; font-weight:bold; background:url(/bg_links_sel.jpg) repeat-x; border-bottom:3px solid #3172e4} #content{min-height:500px; color:#bbbbbb} #footer{color:#888888; width:850px; margin-left:16px; text-align:right; padding:5px} #footer a{color:#888888} #footer a:hover{text-decoration:none} h1{background:#616161; height:15px; position:relative; font-size:12px; font-weight:bold; padding-top:2px; padding-left:10px; margin-top:10px; color:#a4a4a4} h1 span{display:block; background:url(/21.png) no-repeat; height:32px; width:45px; position:absolute; top:-8px; right:0} h2{font-size:11px; color:#ffffff; border-bottom:1px dotted #616161; margin-top:10px; padding-left:10px} .spacing{padding:10px} .spacing p{padding:8px 10px} .error, .success{background-color:#ffeaea; border:solid 1px #fbb; padding:0 10px; border-left:solid 4px #fbb; margin-bottom:10px; color:#555555; margin-top:10px} .success{background-color:#d7edf8; border-color:#81b6d1} .error ul{margin:0 15px 15px 30px; list-style-type:none} /*=======================================================*/ /* INTRO */ #intro{width:750px; height:550px; margin:50px auto} #intro a{margin:5px 0; color:#999} #intro a:hover{text-decoration:none} /*=======================================================*/ /* HOME */ #home_wrapper{position:relative; background:url(/home_bg.png) no-repeat 190px 180px; min-height:650px} #limburg, #gent, #leeds, #glasgow, #west-coast, #antwerp, #south-west, #national, #lake_district, #border{display:block; width:133px; height:119px; text-decoration:none; position:absolute} #national{background: url(/skulls/national.gif) no-repeat} #national:hover{background: url(/skulls/national_sel.gif) no-repeat} #gent{background: url(/skulls/gent.gif) no-repeat} #gent:hover{background: url(/skulls/gent_sel.gif) no-repeat} #south-west{background: url(/skulls/south-west.gif) no-repeat} #south-west:hover{background: url(/skulls/south-west_sel.gif) no-repeat} #limburg{background: url(/skulls/limburg.gif) no-repeat} #limburg:hover{background: url(/skulls/limburg_sel.gif) no-repeat} #antwerp{background: url(/skulls/antwerp.gif) no-repeat} #antwerp:hover{background: url(/skulls/antwerp_sel.gif) no-repeat} #lake_district{background: url(/skulls/lake_district.gif) no-repeat} #lake_district:hover{background: url(/skulls/lake_district_sel.gif) no-repeat} #border{background: url(/skulls/border.gif) no-repeat} #border:hover{background: url(/skulls/border_sel.gif) no-repeat} #leeds{background: url(/skulls/leeds.gif) no-repeat} #leeds:hover{background: url(/skulls/leeds_sel.gif) no-repeat} #west-coast{background: url(/skulls/west-coast.gif) no-repeat} #west-coast:hover{background: url(/skulls/west-coast_sel.gif) no-repeat} #glasgow{background: url(/skulls/glasgow.gif) no-repeat} #glasgow:hover{background: url(/skulls/glasgow_sel.gif) no-repeat} #national{top:25px; left:355px} #gent{top:45px; left:130px} #south-west{top:45px; right:130px} #limburg{top:190px; left:20px} #antwerp{top:190px; right:20px} #lake_district{top:345px; left:25px} #border{top:345px; right:25px} #leeds{top:490px; left:130px} #west-coast{top:490px; right:130px} #glasgow{top:520px; left:355px} /*=======================================================*/ /* SUPPORT */ #support a{float:left} #support a{padding:5px; margin:0 10px; height:100px; width:100px; text-align:center} #support a:hover{background:#616161} #support table{border-collapse:separate; width:780px; margin:0 auto; margin-top:25px} #support td{height:138px; width:130px; padding:0; text-align:center; background:#333333} /*=======================================================*/ /* LINKS */ #links img{padding:5px} #links a{float:left} #links a:hover{background:#616161} #links table{width:240px; margin:0 auto; background:#333333} #links td{padding:2px; text-align:center; font-weight:bold; vertical-align:middle} #links .even{background:#2a2a2a} /*=======================================================*/ /* EVENTS */ #events table{background:#333333; border-bottom:5px solid #1b1b1b} #events .info{padding:5px; text-align:left; border-bottom:1px solid #616161; color:#ffffff; background:#3b3b3b} #events .even{background:#2a2a2a} #events .text{text-align:right} /*=======================================================*/ /* CONTACT */ #contact .prevent{margin-top:10px; margin-left:165px} /*=======================================================*/ /* MEMORIAL */ #memorial{width:770px; height:400px; margin:25px auto} #memorial img{float:left} /*=======================================================*/ /* GALLERY */ #gallery, #gallery a, #gallery img{float:left} #gallery a{padding:5px; margin:0 5px} #gallery a:hover{background:#616161} /*=======================================================*/ /* GUESTBOOK */ #guestbook table{background:#333333; border-bottom:1px solid #1b1b1b} #guestbook .info{width:150px; text-align:right; border-right:1px solid #616161; color:#ffffff; background:#3b3b3b} #guestbook .even{background:#2a2a2a} #guestbook .prevent{margin-top:10px; margin-left:165px} /*=======================================================*/ a{color:#fff} p.manage{margin:10px 0; padding:0} #frm_edit_msg textarea{width:400px; height:200px} #guestbook tr{border-bottom:solid 1px #666} #guestbook .hidden{font-weight:bold; display:block; background-color:#fff; color:#a00; padding:2px} #lnk_dutch{text-align:left; margin:10px 15px} #lnk_dutch a:hover{text-decoration:none} /* CLEARFIX */ * html .clearfix {height: 1%} .clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden} .clearfix {display:inline-block} /* Hide from IE Mac \*/ .clearfix {display:block} /* End hide from IE Mac */