/*------------------------------------------------------------------ [Table of contents] 1. Body 2. Header / #header 2.1 Hoofdmenu / #header #hoofdnavigatie 2.2 Submenu / #submenu #navigatie 3. Content 3.1 cont. kop / #contentkop 3.2 Content / #content 3.2.1 Productmenu / #prodmenu & #prodmenuitem 3.2.2 tekstcontent / #contentinhoud 4. Footer / #footer -------------------------------------------------------------------*/ html { height: 100%; background-color:#293E77;} body { min-height: 100%; position: relative; padding: 0; margin: 0 auto;} p, form { padding: 0px; margin: 0px; } a {text-decoration:none; color:#0066CC;} a:hover {text-decoration:underline; color:#0066CC;} /* ----------------------------------------------------------------------------------------- ---STANDAARD OPMAAK----------------------------------------------------------------------------- ----------------------------------------------------------------------------------------- */ body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; } table.wsite {width:940px; padding: 0,0,0,0; } /* ----------------------------------------------------------------------------------------- ---2. HEADER----------------------------------------------------------------------------- ----------------------------------------------------------------------------------------- */ td.topmenu {background-color: #000000; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; position: relative; } td.subtitel {background-color: #000000; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; position: relative; font-size:24px; font-weight:bold; font-variant:small-caps; } /*------------------------------------------------------------------------------------ -------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------- ---2.1 SUBMENU----------------------------------------------------------------------------- ----------------------------------------------------------------------------------------- */ a.menulinks {color:#FFFFFF; text-decoration:none; position:relative;} a.menulinks:hover {color:#FFFFFF; text-decoration:none; position:relative;} td.menu_home { background-image:url(/images/menuhomebutton.png); background-repeat: repeat-x; position: relative; height:161px; margin:0,0,0,-10px; } td.menu_home a{ vertical-align: middle; height:53px; margin:0,0,0,0px; text-indent:20px; color:#FEC10E; text-decoration:none; font-size:12px; font-weight:200; text-transform:uppercase; left:20px; position:relative;} td.menu_home a:hover{ vertical-align: middle; height:53px; margin:0,0,0,0px; text-indent:20px; color:#FEC10E; text-decoration:underline; font-size:12px; font-weight:200; text-transform:uppercase; left:20px; position:relative;} td.menu_pag { background-image:url(/images/menu_extra.png); background-repeat: repeat-x; position: relative; height:51px; margin:0,0,0,-10px; text-indent:20px; } td.menu_pag a{ vertical-align: middle; height:53px; margin:0,0,0,0px; text-indent:20px; color:#FEC10E; text-decoration:none; font-size:12px; font-weight:200; text-transform:uppercase; top:1px; left:20px; position:relative;} td.menu_pag a:hover{ vertical-align: middle; height:53px; margin:0,0,0,0px; text-indent:20px; color:#FEC10E; text-decoration:underline; font-size:12px; font-weight:200; text-transform:uppercase; top:1px; left:20px; position:relative;} td.menu_pag a.menulinks {color:#FFFFFF; text-decoration:none; position:relative; top:1px; text-transform:lowercase;} td.menu_pag a.menulinks:hover {color:#FFFFFF; text-decoration:none; position:relative; top:1px; text-transform:lowercase; text-decoration:underline;} td.menu_extra { background-image:url(../images/menu_extra.png); background-repeat:no-repeat; width: 135px; margin:0,0,0,-10px; text-indent:20px; color:#FEC10E; } td.prijsbalk{ background-color:#284a91; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:14px;} /*------------------------------------------------------------------------------------ -------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------- ---3.1 CONTENTKOP----------------------------------------------------------------------------- ----------------------------------------------------------------------------------------- */ #contentkop { background-image: url(../images/home_contentkop.jpg); position: relative; height: 242px; width: 766px; top:132px; _top:0px;} /*------------------------------------------------------------------------------------ -------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------- ---3.2 CONTENT----------------------------------------------------------------------------- ----------------------------------------------------------------------------------------- */ td.content { min-height:550px; line-height:20px; color:#000000; font-size:12px; letter-spacing:0px;} p { line-height:20px;} a.vlink {text-decoration:none; color:#3C3F43;} a.vlink:hover {text-decoration:underline; color:#3C3F43;} h1 {font-size:26px; color:#293E77; text-transform:lowercase; font-weight:100;} h2 {font-size:13px; color:#858484; margin-top:-12px; text-transform:uppercase; font-weight:200;} h1.catprods {font-size:26px; color:#293E77; text-transform:none; font-weight:100;} h2.catprods {font-size:13px; color:#858484; text-transform:none; font-weight:200;} /*------------------------------------------------------------------------------------ ---3.2.1 PRODUCTMENU----------------------------------------------------------------------------- ----------------------------------------------------------------------------------------- */ #prodmenu { float: left; width: 0px; padding: 20px;} .prodmenuitem .menulink { color: #0D89E8; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; text-decoration: none; } .prodmenuitem { background-image:url(../images/prodmenu_bg.gif); background-repeat: repeat-y; border: 1px solid #70849E; width: 135px; } .prodmenuitem h1 { color: #0D89E8; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; line-height: 20px; margin: 0px; } .prodmenuitem ul { list-style: none; margin: 0; padding: 0; padding-left: 5px; } .prodmenuitem ul li { padding-left: 5px; padding-top: 4px; margin-right: 0px; height: 20px; border-top: 1px solid #CCC } .prodmenuitem a { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #3C3F43; text-decoration: none; } /*------------------------------------------------------------------------------------ ---3.2.2 CONTENTINHOUD----------------------------------------------------------------------------- ----------------------------------------------------------------------------------------- */ #contentinhoud { float: left; width: 503px; padding: 18px 20px 20px 10px; } /*------------------------------------------------------------------------------------ -------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------- ---4 FOOTER----------------------------------------------------------------------------- ----------------------------------------------------------------------------------------- */ #footer {position: relative; width: 766px; height: 250px; background-image: url(../images/contact_bg.jpg); background-repeat:no-repeat;color: #FFF;font-size: 11px; font-weight: bold; top:132px;} #footer h1 {font-size: 18px;color: #007EB2; font-weight: normal;} #chato { position: absolute; bottom: 10px; text-align: center; width: 100% } #chato a { color: #008CBF; text-decoration: none; font-size: 10px;}