screen { width: 100%; margin: 0px; padding: 0px; } .template { background-image: url(http://www.anitya.nl/afbeeldingen/background-nw5.jpg); background-position: fixed; background-repeat: repeat; background-color: #660900; padding: 0; margin: 0; text-align: left; } body { text-align: left; background-color: #660900; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13PX; color: #df5f28; } .bodytext { position: relative; width: 380px; height: 528px; display: block; top: 70px; left: 85px; visibility: visible; } /* style the outer div to give it width */ .menu { position: relative; width: 860px; height: 15px; top: -425px; left: 82px; visibility: visible; text-align: left; font-size: 0.85em; padding-bottom: 200px; } /* remove all the bullets, borders and padding from the default list styling */ .menu ul { padding: 0; margin: 0; list-style-type: none; } .menu ul ul { width: 80px; } /* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */ .menu li { float: left; width: 80px; position: relative; } /* style the links for the top level */ .menu a, .menu a:visited { display: block; font-size: 13px; text-decoration: none; color: #2d72eb; width: 75px; height: 23px; border: 0px solid #620d0b; border-width: 0px 1px 1px 0px; background: #1d071c; padding-left: 3px; line-height: 23px; } /* a hack so that IE5.5 faulty box model is corrected */ * html .menu a, * html .menu a:visited { width: 80px; w\idth: 110px; } /* style the second level background */ .menu ul ul a.drop, .menu ul ul a.drop:visited { background: #949e7c; } /* style the second level hover */ .menu ul ul a.drop:hover { background: #c9ba65; } .menu ul ul :hover > a.drop { background: #c9ba65; } /* style the third level background */ .menu ul ul ul a, .menu ul ul ul a:visited { background: #e79c1d; } /* style the third level hover */ .menu ul ul ul a:hover { background: #b2ab9b; } .menu ul ul ul :hover > a { background: #df5f28; } /* hide the sub levels and give them a positon absolute so that they take up no room */ .menu ul ul { visibility: hidden; position: absolute; height: 0; top: 23px; left: 0; width: 60px; } /* another hack for IE5.5 */ * html .menu ul ul { top: 30px; t\op: 31px; } /* position the third level flyout menu */ .menu ul ul ul { left: 147px; top: 0; width: 130px; } /* position the third level flyout menu for a left flyout */ .menu ul ul ul.left { left: -150px; } /* style the table so that it takes no part in the layout - required for IE to work */ .menu table { position: absolute; top: 0; left: 0; } /* style the second level links */ .menu ul ul a, .menu ul ul a:visited { background: #b62c1d; color: #3a0601; height: auto; line-height: 1em; padding: 3px 3px; /* yet another hack for IE5.5 */ width: 140px; } * html .menu ul ul a { width: 130px; w\idth: 129px; } /* style the top level hover */ .menu a:hover, .menu ul ul a:hover { color: #fff; background: #949e7c; } .menu :hover > a, .menu ul ul :hover > a { color: #660900; background: #fbb93c; } /* make the second level visible when hover on first level list OR link */ .menu ul li:hover ul, .menu ul a:hover ul { visibility: visible; } /* keep the third level hidden when you hover on first level list OR link */ .menu ul :hover ul ul { visibility: hidden; } /* keep the fourth level hidden when you hover on second level list OR link */ .menu ul :hover ul :hover ul ul { visibility: hidden; } /* make the third level visible when you hover over second level list OR link */ .menu ul :hover ul :hover ul { visibility: visible; } /* make the fourth level visible when you hover over third level list OR link */ .menu ul :hover ul :hover ul :hover ul { visibility: visible; } div.content { clear: left; } /* code om rest vd pagina naast de navigatiebar te laten zweven */ .foto { position: relative; width: 29px; height: 29px; display: block; top: -1048px; left: 570px; visibility: visible; } .video { position: relative; width: 29px; height: 29px; display: block; top: -1043px; left: 570px; visibility: visible; } .muziek { position: relative; width: 29px; height: 29px; display: block; top: -1038px; left: 570px; visibility: visible; } .folders { position: relative; width: 29px; height: 29px; display: block; top: -1033px; left: 570px; visibility: visible; } .deutsch { position: relative; width: 29px; height: 29px; display: block; top: -1028px; left: 570px; visibility: visible; } .english { position: relative; width: 29px; height: 29px; display: block; top: -1023px; left: 570px; visibility: visible; } .foto1 { position: relative; width: 115px; height: 115px; display: block; top: -1322px; left: 680px; visibility: visible; } .foto2 { position: relative; width: 115px; height: 115px; display: block; top: -1312px; left: 680px; visibility: visible; } .foto3 { position: relative; width: 115px; height: 115px; display: block; top: -1302px; left: 680px; visibility: visible; } .foto4 { position: relative; width: 115px; height: 115px; display: block; top: -1292px; left: 680px; visibility: visible; } .foto5 { position: relative; width: 115px; height: 115px; display: block; top: -1282px; left: 680px; visibility: visible; } .foto6 { position: relative; width: 115px; height: 115px; display: block; top: -1272px; left: 680px; visibility: visible; } .foto7 { position: relative; width: 115px; height: 115px; display: block; top: -1262px; left: 680px; visibility: visible; } screen { width: 100%; margin: 0px; padding: 0px; } h1 { text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 19PX; color: #fbb93c; } h2 { text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14PX; color: #fbb93c; } h3 { text-align: left; line-height: 90%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14PX; font-weight: normal; color: fbb93c; } h4 { text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12PX; font-weight: normal; color: #c24711; } h5 { text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12PX; font-weight: normal; color: #c24711; } a:link { color: #2d72eb; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; } a:visited { color: #5A91f2; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; } a:hover { color: #ab3907; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; } a:active { color: #c24711; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; } a { text-decoration: none; } a:active { text-decoration: none; } a:hover { text-decoration: none; } .top { display: none; } .navhandheld { display: none; }