* { padding: 0; margin: 0; } body { background: #f6a258 url('images/body-bg.png') repeat-x; text-align: center; font-size: 62.5%; line-height: 1.4; font-family: Arial, Helvetica, sans-serif; color: #000; padding-bottom: 20px; } h1, h2, h3, h4, h5, h6 { font-weight: bold; margin-bottom: .2em; } h1 { font-size: 1.8em; } h2 { font-size: 1.6em; } h3 { font-size: 1.4em; } h4, h5, h6 { font-size: 1.4em; } p { font-size: 1.2em; margin-bottom: 1em; } #page ul { padding-left: 1.5em; font-size: 1.2em; margin-bottom: 1em; } #page ul p { font-size: 2em; } #wrapper { width: 670px; margin: 24px auto 0; text-align: left; position: relative; } #header { width: 670px; text-indent: -999em; overflow: hidden; height: 157px; background: transparent url('images/header.png') no-repeat; z-index: -1; } #content { width: 670px; background: transparent url('images/site-bg.png') repeat-y; padding-bottom: 40px; } #navigation { margin: 0 0 0 53px; } #navigation h2 { color: #f67b0e; border-bottom: 1px solid #f67b0e; text-transform: uppercase; line-height: 1; position: absolute; top: 147px; width: 564px; z-index: 999; font-weight: normal; } #navigation ul { list-style: none; } #navigation #menu { position: absolute; padding-top: 20px; font-size: 1.2em; } #menu li { background: transparent url('images/menu1.png') 0 6px no-repeat; text-indent: 6px; } #menu ul li { background: transparent url('images/menu2.png') 6px 9px no-repeat; text-indent: 13px; } #menu a { color: #000; text-decoration: none; } #menu a:hover, #menu a:focus { font-style: italic; } #menu .active, #menu .parent, #menu .parent .active { font-weight: bold; } #menu .active li, #menu .parent li { font-weight: normal; } #menu .active a:hover, #menu .active a:focus { font-style: normal; } #menu .active li a:hover, #menu .active li a:focus { font-style: italic; } #menu li, #menu ul { margin-bottom: 1em; } #menu ul { margin-left: .5em; } #menu ul li { margin-bottom: 0; } #page { margin: 0 25px 0 211px; padding: 20px 30px 0 0; min-height: 360px; height: auto; } * html #page { height: 380px; } #page a { color: #F67B0E; font-weight: bold; text-decoration: none; } #pa
ge a:hover, #page a:focus { text-decoration: underline; } #page img { border: 1.7px solid #40b8c1; } #page ul { list-style-image: url('list.png'); } #footer { width: 670px; height: 135px; background: transparent url('images/footer.png') no-repeat; } #footer p { width: 15em; position: absolute; right: 25px; bottom: 80px; font-size: 0.8em; letter-spacing: 0.2em; color: #888; } /* CONTACT FORMULIER */ p.hidden { display: none; } form { font-size: 1.2em; } form .submit { display: inline-block; margin: .5em 0 0; } form #naam, form #email, form #onderwerp { margin: 0 0 .5em; display: inline-block; } form #tekst { width: 90%; height: 7em; } /* INTERNET EXPLORER */ * html #header { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/salavati/images/header.png', sizingMethod='crop') } * html #content { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/salavati/images/site-bg.png', sizingMethod='scale') } * html #footer { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/salavati/images/footer.png', sizingMethod='crop') }