/*----------------------------------------------------------------------------- Den Bongerd Screen Stylesheet version:1.0 date:18/07/07 author:Jeroen van de Ven email:jeroen@4webdesign.nl website:www.obsdenbongerd.nl -----------------------------------------------------------------------------*/ /* Remove margin, padding and border from everything -----------------------------------------------------------------------------*/ *{margin:0;}
img{border:0;}
/* Set up the document -----------------------------------------------------------------------------*/ html{height:100%;}
body{height:100%;font-family:Arial;font-size:11px;color:#000;background:url(getfile.php?id=14) repeat-x top center #5f6519;behavior:url("csshover.htc");}
#cleardiv{clear:both;height:25px;}
#content a, a:link, a:active, a:visited{text-decoration:underline;}
#content a:hover{text-decoration:none;}
.articlebody{background:#fff;}
#printDiv{background:#A1A1A1;border:1px solid #A1A1A1;height:14px;left:206px;position:absolute;top:168px;width:27px;padding:0px 2px 2px 2px;}
#printDiv a, a:link, a:active, a:visited{text-decoration:none;font-weight:bold;color:#fff;}
#printDiv a:hover{text-decoration:underline;}
/* Typography -----------------------------------------------------------------------------*/ h1{font-size:14px;color:#afc00f;/*text-transform:uppercase;*/ line-height:21px;font-weight:bold;}
h2{font-size:14px;color:#868e97;/*text-transform:uppercase;*/ line-height:21px;font-weight:bold;}
h3{font-size:14px;color:#fff;/*text-transform:uppercase;*/ line-height:21px;font-weight:bold;}
.txtCommicSans{font-family:Comic Sans MS;}
p,{font-size:11px;}
#content li, .articlebody li{margin-left:18px;}
/* Header -----------------------------------------------------------------------------*/ #header{height:150px;}
#header #sitelogo{z-index:200;position:absolute;width:320px;top:24px;}
#header #logo{position:absolute;top:5px;left:715px;width:150px;}
#header #menu{z-index:100;position:absolute;top:112px;background:url(getfile.php?id=17) no-repeat top left;border:1px solid #026b97;width:866px;height:36px;}
/* Navigation -----------------------------------------------------------------------------*/ #menu ul{list-style:none;margin:0px;padding:0px;float:left;}
#menu li{position:relative;}
#menu ul ul{position:absolute;z-index:500;width:160px;/*height:auto;*/ color:#000000;background:#00a6eb;margin:0px;padding:0px;border-top:1px solid #026b97;}
#menu ul ul ul{position:absolute;top:0px;left:100%;border:0px;background:#00a6eb;}
#menu ul ul ul ul{position:absolute;top:0px;left:100%;border:0px;background:#00a6eb;}
#menu ul ul ul ul ul{position:absolute;top:0px;left:100%;border:0px;font-weight:normal;border-bottom:0px;background:#00a6eb;}
#menu ul a.first{color:#fff;text-decoration:none;font-weight:bold;font-size:12px;padding:10px 47px 5px 47px;min-width:auto;height:21px;border-left:0px;display:block;}
#menu ul a.first:hover{background:#00a6eb;}
#menu ul a{color:#fff;text-decoration:none;font-weight:bold;font-size:12px;padding:10px 18px 5px 18px;min-width:auto;height:21px;border-left:1px solid #026b97;display:block;}
#menu ul a:hover{background:#00a6eb;}
#menu ul ul a{background:none;font-weight:normal;color:#fff;padding:2px 10px;min-width:auto;}
#menu ul ul a:hover{background:none;color:#000000;}
div#menu ul ul,div#menu ul li:hover ul ul,div#menu ul ul li:hover ul ul, div#menu ul ul ul li:hover ul ul{display:none;}
div#menu ul li:hover ul,div#menu ul ul li:hover ul,div#menu ul ul ul li:hover ul,div#menu ul ul ul ul li:hover ul{display:block;}
/* Body -----------------------------------------------------------------------------*/ #content{background:url(getfile.php?id=20) repeat-x top left;padding:35px 10px 0px 10px;}
*html #content{height:30px;}
#content #highlights{width:820;height:110px;background:url(getfile.php?id=90) repeat-x top left;margin-bottom:15px;}
#events{border-bottom:1px solid #BBBBBB;margin-bottom:10px;padding-bottom:5px;}
#leftcontent{width:170px;min-height:330px;border:1px solid #a1a1a1;background:url(getfile.php?id=24) repeat-x top left #fff;padding:10px 5px 10px 5px;}
*html #leftcontent{height:330px;}
#middlecontent{width:440px;min-height:330px;border:1px solid #a1a1a1;background:url(getfile.php?id=24) repeat-x top left #fff;padding:10px 5px 10px 5px;}
*html #middlecontent{height:330px;}
#middlecontentbreed{width:633px;min-height:330px;border:1px solid #a1a1a1;background:url(getfile.php?id=24) repeat-x top left #fff;padding:10px 5px 10px 5px;position:relative;}
*html #middlecontentbreed{height:330px;}
#rightcontent{width:158px;border:1px solid #a1a1a1;min-height:330px;padding:10px 5px 10px 5px;}
*html #rightcontent{height:330px;}
ul.listmenu{padding:0;}
ul.listmenu li{list-style:url(getfile.php?id=79) circle;padding-bottom:5px;}
#photosNote{width:90%;text-align:left;}
#highlightsummary{float:left;width:312px;padding:10px;color:#fff;}
#highlightsummary a, a:link, a:visited, a:active{text-decoration:underline;color:#fff;}
#highlightsummary a:hover{text-decoration:none;color:#fff;}
#highlightfoto{float:left:width:512px;margin:1px;}
#blogauthor{color:#a1a1a1;font-size:10px;}
#blogtext{border-bottom:1px solid #a1a1a1;padding-bottom:10px;min-height:50px;}
#search{position:absolute;top:158px;right:29px;}
#search input{font-size:10px;border:1px solid #666;height:15px;}
#searchbox #q{border:1px solid #579ade;font-family:Tahoma, Arial, sans-serif;font-size:11px;float:left;width:154px;height:13px;}
#searchbox #submitq{border:0px;float:right;}
#searchhits th{text-align:left;}
wdContentBlockSearch{margin-top:15px;}
.hilighted{background-color:#FFFF00;}
.keyword{color:#FF0000;}
.pagesel{border:1px solid #a0a0a0;padding:0px 5px 0px 5px;}
.pageunsel{border:0px;padding:0px 5px 0px 5px;}
/* Shadow boxes -----------------------------------------------------------------------------*/ .wrap1, .wrap2, .wrap3{display:inline-table;/* \*/display:block;/**/}
.wrap1{float:left;background:url(getfile.php?id=21) no-repeat right bottom;margin-left:3px;}
.wrap2{background:url(getfile.php?id=22) no-repeat left bottom;}
.wrap3{padding:0 8px 8px 0;background:url(getfile.php?id=23) no-repeat right top;}
.wrap3 img{display:block;}
/* Formatting rules styling -----------------------------------------------------------------------------*/ /* Footer -----------------------------------------------------------------------------*/ #nonFooter{position:relative;width:868px;margin:0px auto 0px auto;min-height:100%;background:url(getfile.php?id=19) no-repeat top center #fff;}
*html #nonFooter{height:100%;}
#footer{position:relative;width:868px;height:24px;text-align:left;margin:-25px auto 0px auto;background:#fff;}
#footer #footermenu{position:absolute;left:5px;top:2px;width:350px;padding:5px 0px 0px 10px;color:#000;}
#footer #footermenu a, a:link, a:active, a:visited{color:#000;text-decoration:none;font-weight:normal;}
#footer #footermenu a:hover{color:#000;}
#footer #webdesq{position:absolute;left:700px;top:2px;width:150px;text-align:right;}
/* Forms -----------------------------------------------------------------------------*/ label{font-size:11px;margin:0px;height:18px;text-align:left;width:170px;float:left;}
input.textfield, textarea.textfield{padding:2px;border:1px solid #999;margin:2px;width:170px;}
select.textfield{padding:2px;border:1px solid #999;margin:2px;height:20px;width:175px;}
input.radiobutton{margin:2px;}
#radiodiv{height:20px;width:20px;float:left}
#sexdiv{height:15px;width:30px;float:left;padding:3px 0px 0px 3px;}
.submit2{border:1px solid #999;background:#c7231a;color:#fff;font-weight:bold;font-size:11px;padding:2px;width:178px;}
#eventlinks a{color:#333;text-decoration:none;}
#eventlinks a:hover{text-decoration:underline;}
/* Tables -----------------------------------------------------------------------------*/ table{border-spacing:0;border-collapse:collapse;}
td{text-align:left;font-weight:normal;}