BODY { background: url("../images/background.gif") repeat-y #ffffff; font-family: Arial, Verdana, sans-serif; font-size: 11px; color: #3f3f3f; } H2 { font-family: Arial, Verdana, sans-serif; font-size: 15px; color: #660B33; } H1 { font-family: Arial, Verdana, sans-serif; font-size: 25px; color: #660B33; } h3, h4 { font-family: Arial, Verdana, sans-serif; color: #660B33; } #supershackle { position: absolute; top:auto; bottom:0px; left:0px; right:auto; width: 143px; text-align: center; } #topbottomline { border-top: 1px #000000 dashed; border-bottom: 1px #000000 dashed; width:143px; height:35px; cursor:pointer; padding-left: 15px; } #bottomline { border-bottom: 1px #000000 dashed; width:143px; height:35px; cursor:pointer; padding-left: 15px; } #bottomlinelarge { border-bottom: 1px #000000 dashed; width:143px; height:45px; cursor:pointer; padding-left: 15px; } #topbottomline:hover { background-color: #F3F3F3; cursor:pointer; } #bottomline:hover, #bottomlinelarge:hover { background-color: #F3F3F3; cursor:pointer; } a { text-decoration: none; color: #660B33; padding-bottom: 1px; } a:hover { color: #660B33; /*border-bottom: 1px solid #000000; */ text-decoration: none; } .none a { text-decoration: none; padding-bottom: 0px; } .none a:hover { text-decoration: none; border-bottom: 0px solid #FFF; } input, textarea, select { font-family: Arial, Verdana, sans-serif; font-size: 11px; color: #333333; border: 1px solid #5F5F5F; } input:hover, textarea:hover, select:hover { background: #FFFFFF; border: 1px solid #5F5F5F; color: #333333; } #extendedLogo { position: absolute; left:209px; right:auto; width: 760px; height: 105px; background: url(../images/logobg.jpg) no-repeat #FFFFFF; } #siteContainer { position: absolute; top: 0px; bottom: auto; width: 770px; height: 100%; } #topNav { background-color: #FFFFFF; text-align: left; word-spacing: 15px; position: absolute; top: 84px; bottom: auto; left: 470px; right: 0px; width: 300px; height: 21px; z-index: 4; } /* LOGO */ #logo { background-color: #630831; padding: 10px; position: absolute; top: 0px; bottom: auto; width: 210px; height: 105px; } /* LEFTSIDE NAVIGATION */ #leftSideNav { background-color: #FFFFFF; position: absolute; top: 105px; bottom: auto; width: 143px; height: 100%; } #submenu { background-color: #FFFFFF; position: absolute; top: 15px; } #directmenu { font-size: 10px; line-height: 1.2em; background-color: #FFFFFF; position: absolute; top: 150px; width: 143px; height: 250px; } /* BREADCRUMB */ #breadCrumb { background-color: #FFFFFF; vertical-align:bottom; line-height: 23px; position: absolute; top: 105px; bottom: auto; left: 143px; width: 323px; height: 21px; z-index: 3; /* firefox/ns only */ -moz-border-radius-bottomright: 7px; } /* RIGHTSIDE NAVIGATION */ #rightSideNav { background-color: #E6E6E6; position: absolute; top: 105px; bottom:auto; left: 643px; width: 118px; z-index: 4; height:100%; } #rightSideTitlebar { background-color: #7A1C49; height: 12px; color: #FFFFFF; width:108px; height:20px; z-index: 5; padding-top: 3px; padding-left: 10px; } * html #rightSideTitlebar { width:108px; w\idth:118px; } #rightsidetextholder { word-wrap: break-word; wrap:auto; margin-left:10px; margin-top:12px; margin-bottom:12px; z-index: 5; } #zoeken { width: 105px; height: 85px; z-index: 5; } #contact { top: 105px; bottom: auto; left: 143px; width: 97px; height: 100px; z-index: 5; } #contact a { color: #333; text-decoration: underline; } #leesbaarheid { /*background-color: #AAEEFF;*/ top: 105px; bottom: auto; left: 143px; width: 97px; height: 124px; z-index: 5; } #leesbaarheid h1 { line-height: 0.4em; font-size: 11px; z-index: 5; } #leesbaarheid h2 { line-height: 0.3em; font-size: 14px; z-index: 5; } #leesbaarheid h3 { line-height: 0.1em; font-size: 17px; z-index: 5; } #leesbaarheid h4 { line-height: 0.1em; font-size: 20px; z-index: 5; } #colofon { /*background-color: #CCEEFF;*/ top: 105px; bottom: auto; left: 143px; width: 97px; height: 100px; z-index: 5; } /* CONTENT */ #contentholder { background-color: #F0F0F0; position: absolute; top: 105px; bottom: auto; left: 143px; width: 500px; height: 100%; vertical-align: bottom; z-index: 1; } #contenttext { height: 80%; background-color: #F0F0F0; font-size: 11px; line-height:20px; position: absolute; top: 20px; bottom: auto; left: 0px; padding-left: 20px; padding-top: 20px; padding-right: 20px; width: 460px; vertical-align: bottom; z-index: 1; } #contentphoto { height: 100%; background-color: #000000; background-repeat: no-repeat; background-position: bottom right; position: absolute; top: 105px; bottom: auto; left: 143px; width: 500px; vertical-align: bottom; z-index: 1; } #contentphotocaption { height:88%; font-family: Trebuchet MS, Arial, Verdana, sans-serif; color: #FFFFFF; margin-top: 15px; margin-left: 10px; font-size: 30px; position: absolute; top: 125px; bottom: auto; left: 155px; width: 300px; z-index: 3; clear:both; } /* background-color: #A7A7A7; position: relative; height: 100%; bottom: 0px; left: 0px; vertical-align: bottom; z-index: 2; */ /* #footer { z-index: 4; text-align: right; font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 10px; width: 100%; background-color:#FFFFFF; color: #C8C8C6; position:fixed; top:98%; height: 25px; } */ /* sitemap */ a.sitemap:link {color:#660B33; text-decoration: none;} a.sitemap:visited {color:#660B33; text-decoration: none;} a.sitemap:hover {color:#660B33; text-decoration: underline;} td.sm_arrow { background-image: url(../images/sitemap_arrow.gif); width: 24px; } td.sm_arrow_door { background-image: url(../images/sitemap_arrow_door.gif); width: 24px; } td.sm_streep { background-image: url(../images/sitemap_streep.gif); width: 24px; } td.artikeltekst { font: normal 70% Verdana; width: 100%; color: #000066; font-weight: normal; padding-left: 10px; padding-right: 10px; vertical-align: top; line-height: 140%; } #hoofdmenu { position: relative; width: 400px; }