http://pretpark-online.nl/townmap.php
Code:
/*¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯CONSTANTS¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯“*/
* {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
body {background:url(../images/tail.gif) repeat-x center top #1a1a1a}
img {border:0px; vertical-align:top}
input {vertical-align:middle}
a {text-decoration:underline; color:#FFFFFF}
a:hover {text-decoration:none}
li {list-style:none}
.column {float:left;}
.clear {clear:both;}
.contact_email textarea {height:150px; width:350PX}
table {border-collapse:collapse; border:0px; width:100%;}
td {font:normal 12px Tahoma, Arial; line-height:14px; color:#8a8a8a; vertical-align:top;}
.main {width:799px; margin:auto; font:normal 12px Tahoma, Arial; line-height:14px; color:#8a8a8a; vertical-align:top;}
span.contentheading {display:block; margin:4px 0px 15px 10px;}
#header {padding:0px 30px 0px 0px;}
#header .column_1 {width:39%}
#header .column_1 img {margin:61px 0px 0px 0px;}
#header .column_2 {width:61%; padding:23px 0px 0px 0px;}
#header .form {height:32px; width:100%; background:url(../images/form_bg.gif) repeat-x bottom; margin:0px 0px 10px 0px;}
#header .form td {font-size:11px; font-weight:bold; color:#FFF;}
#header .form div {background:url(../images/header_corner1.jpg) bottom left no-repeat}
#header .form div div {background:url(../images/header_corner2.jpg) bottom right no-repeat; padding:0px 0px 0px 22px; vertical-align:top; height:32px}
#header .form div div div{background:none; padding:0px 0px 0px 0px; height:auto}
#header .form a {color:#dd0e0e; font-size:11px; font-weight:bold; margin:0px 0px 0px 31px;}
#header .form a:hover {color:#dd0e0e;}
#header .form input {width:112px; height:16px; font-size:11px; color:#1a1a1a; margin:0px 15px 0px 11px; font-family:Tahoma; font-weight:normal}
#header .banner {height:96px}
#content .column_1 {width:165px}
#content .column_2 {width:100%; padding:0px 21px 0px 21px;}
#content .column_3 {width:165px}
#footer {padding:0px 0px 0px 208px; color:#8a8a8a; font-size:11px; margin:10px 0px 15px 0px;}
#footer a{color:#8a8a8a}
#footer a:hover {color:#8a8a8a}
.user_border_left {background:url(../images/user_border.gif) repeat-y top left #101010; }
.user_border_right {background:url(../images/user_border.gif) repeat-y top right}
.user_bottom {background:url(../images/user_bottom_center.jpg) repeat-x bottom left}
/*¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯TOP_MENU¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯*/
.moduletable_tm_top_menu div {margin:auto}
ul#mainlevel-nav {padding:0; margin:0;}
ul#mainlevel-nav li {width:121px; float:left; list-style:none; height:38px; text-align:center; vertical-align:middle}
ul#mainlevel-nav li a {color:#FFFFFF; font-size:12px; font-weight:bold; text-decoration:none; background:url(../images/menu_item_bg.gif) no-repeat 0 0; display:list-item; height:28px; padding:10px 0px 0px 0px;}
ul#mainlevel-nav li a:hover {text-decoration:none; color:#000000; font-size:12px; font-weight:bold; background:url(../images/menu_item_active_bg.gif) no-repeat 0 0; display:block; height:28px; padding:6px 0px 4px 0px;}
a.mainlevel:hover {text-decoration:none; color:#000000;}
a.mainlevel#active_menu {}
a.mainlevel#active_menu:hover {}
a.sublevel:link, a.sublevel:visited {}
a.sublevel:hover {}
a.sublevel#active_menu {}
/*¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯PATHWAY¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯*/
.pathway {font-size:11px; font-weight:bold; color:#5c5c5c;}
#pathway_text {padding:10px 0px 0px 0px; vertical-align:middle; height:38px}
#pathway_text img {margin:6px 9px 0px 2px;}
/*¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯MAIN_MENU¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯*/
.module_s1 img {width:0px; height:0px}
.module_s1 h3 {
background:url(../images/mainmenu_title.jpg) repeat-x bottom left #f0f0f0;
display:block;
height:24px;
width:144px;
font-size:14px;
vertical-align:middle;
padding:14px 0px 0px 21px;
font-weight:bold;
color:#910000;
margin:0px 0px 6px 0px;
}
.module_s1 div div {background:url(../images/mainmenu_bottom.jpg) no-repeat bottom left #ffd201; padding:0px 0px 19px 0px;}
.module_s1 div div div {background:url(../images/main_menu_bg.gif) no-repeat 0px 38px}
.module_s1 table {background:url(../images/mainmenu_top.jpg) no-repeat 0 0;}
.module_s1 td {background:url(../images/main_menu_line.png) no-repeat left top; padding:3px 13px 0px 20px; line-height:18px}
.module_s1 div div div td div {backgr ound:url(../images/main_menu_line.png) no-repeat left top; padding:3px 0px 3px 0px; margin:0px 0px 0px -10px; line-height:18px; width:130px}
.module_s1 div div div td div div {backg round:url(../images/main_menu_line.png) no-repeat left top; padding:3px 0px 3px 0px; margin:0px 0px 0px 6px; line-height:18px; width:105px}
.module_s1 div div div td div a {margin:0px 0px 0px 15px;}
.module_s1 div div div td div div a {margin:0px 0px 0px 11px;}
.module_s1 td a {line-height:17px; color:#1a1a1a; font-size:10px; font-weight:bold; text-transform:uppercase; text-decoration:none; padding:0px 0px 3px 21px;}
.module_s1 td a:hover {text-decoration:underline;}
/*¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯OTHER_MENU¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯*/
.moduletable_s2 {}
.moduletable_s2 table {}
.moduletable_s2 td {}
.mainlevel_s1 a {}
.moduletable_s2 td a:hover {}
/*¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯LOGIN_FORM¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯*/
.module_s3 h3 {
background:url(../images/loginform_title.jpg) repeat-x bottom left #e10d0d;
text-align:left;
display:block;
height:23px;
width:127px;
font-size:14px;
vertical-align:middle;
padding:15px 0px 0px 38px;
font-weight:bold;
color:#ffd201;
margin:0px 0px 14px 0px;
}
.module_s3 div div div div {background:none; padding:0px 0px 0px 0px; height:150px}
.module_s3 div div div {text-align:center; background:none; padding:0px 0px 25px 0px;}
.module_s3 div div {background:url(../images/loginform_bottom.jpg) no-repeat bottom left}
.module_s3 div {background:url(../images/loginform_top.jpg) no-repeat 0px 38px #e10d0d;}
.module_s3 a {line-height:17px; color:#ffd201; font-size:11px; font-weight:bold; text-decoration:underline;}
.module_s3 a:hover {text-decoration:none;}
.module_s3 td {padding:0px 10px 0px 22px; font-weight:bold; color:#131313; font-size:11px; text-align:left}
.module_s3 label {font-weight:bold; color:#FFFFFF; font-size:11px}
.inputbox {width:auto; height:14px; margin:5px 0px 5px 0px; vertical-align:middle}
#mod_login_remember {width:auto; height:auto; margin:3px 3px 7px 0px;}
.module_s3 .button {background:url(../images/login_form_button.png) no-repeat 0 0; font-size:10px; font-weight:normal; color:#030303; width:68px; height:22px; border:none; text-transform:uppercase; margin:0px 0px 7px 0px;}
/*¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯SYNDICATE¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯*/
/*¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯SEARCH¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯*/
.moduletable_s4 input {width:166px; height:18px; border:1px solid #c8c8c8; color:#9b9b9b; font:italic 12px Arial;}
.moduletable_s4 {margin:0px 0px 15px 0px;}
/*¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯NEWSFLASH¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯*/
.module_s5 h3 {
background:url(../images/right_title.gif) repeat-x bottom left;
display:block;
height:24px;
width:144px;
font-size:14px;
vertical-align:middle;
padding:14px 0px 0px 21px;
font-weight:bold;
color:#FFFFFF;
}
.module_s5 table {background:url(../images/right_bottom.gif) bottom left no-repeat #2f2f2f; margin:0px 0px 6px 0px;}
.module_s5 td {padding:10px 15px 35px 21px; color:#e3e301; font-size:11px; line-height:16px}
.module_s5 a {color:#ffffff; font-size:11px}
.module_s5 a:hover {color:#ffffff}
.module_s5 span a {color:#ffffff; font-size:11px; font-weight:bold}
.module_s5 span a:hover {color:#ffffff}
/*¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯POLLS¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯*/
.module_s6 h3 {
background:url(../images/right_title.gif) repeat-x bottom left;
display:block;
height:24px;
width:144px;
font-size:14px;
vertical-align:middle;
padding:14px 0px 0px 21px;
font-weight:bold;
color:#FFFFFF;
}
.module_s6 input {margin:0px 5px 0px 0px; vertical-align:middle}
.module_s6 {background:url(../images/right_bottom.gif) bottom left no-repeat #2f2f2f; margin:0px 0px 0px 0px;}
.module_s6 td {color:#e3e301; font-size:11px; text-align:left; padding:11px 0px 0px 20px; text-align:le}
.module_s6 td td {padding:0px 0px 14px 0px;}
.module_s6 div {text-align:left; margin:0px 0px 0px 0px;}
.module_s6 div div {margin:0px 0px 0px 0px;}
.module_s6 .button {background:url(../images/login_form_button.png) no-repeat 0 0; font-size:10px; font-weight:normal; color:#030303; width:68px; height:22px; border:none; text-transform:uppercase; margin:0px 0px 7px 0px;}
/*¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯WHOS_ON_LINE¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯*/
/*¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯LATEST_NEWS¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯*/
.module_s7 {background:url(../images/user_top_center.jpg) repeat-x 0 0}
.module_s7 div {background:url(../images/user_bottom_left.jpg) no-repeat bottom left}
.module_s7 div div {background:url(../images/user_bottom_right.jpg) no-repeat bottom right}
.module_s7 div div div {background:url(../images/user_top_left.jpg) no-repeat 0 0; padding:0px 0px 20px 0px;}
.module_s7 h3 {
background:url(../images/user_top_right.jpg) no-repeat top right;
color:#ffd201;
font-size:14px;
font-weight:bold;
padding:14px 0px 10px 22px;
}
.module_s7 ul {margin:10px 10px 0px 21px;}
.module_s7 li {list-style:none; padding:0px 0px 7px 16px; background:url(../images/user_arrow.gif) no-repeat top left}
.module_s7 li a {color:#ffffff; font-size:11px; font-weight:bold; text-decoration:none}
.module_s7 li a:hover {color:#ffffff; text-decoration:underline}
/*¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯POPULAR¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯*/
.module_s8 {background:url(../images/user_top_center.jpg) repeat-x 0 0}
.module_s8 div {background:url(../images/user_bottom_left.jpg) no-repeat bottom left}
.module_s8 div div {background:url(../images/user_bottom_right.jpg) no-repeat bottom right}
.module_s8 div div div {background:url(../images/user_top_left.jpg) no-repeat 0 0; padding:0px 0px 20px 0px;}
.module_s8 h3 {
background:url(../images/user_top_right.jpg) no-repeat top right;
color:#ffd201;
font-size:14px;
font-weight:bold;
padding:14px 0px 10px 22px;
}
.module_s8 ul {margin:10px 10px 0px 21px;}
.module_s8 li {list-style:none; padding:0px 0px 7px 16px; background:url(../images/user_arrow.gif) no-repeat top left}
.module_s8 li a {color:#ffffff; font-size:11px; font-weight:bold; text-decoration:none}
.module_s8 li a:hover {color:#ffffff; text-decoration:underline}
/*¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯*/
.content_bottom_center {background:url(../images/content_bottom_center.jpg) repeat-x bottom left; margin:0px 0px 0px 0px; width:100%}
.content_bottom_left {background:url(../images/content_bottom_left.jpg) no-repeat bottom left}
.content_bottom_right {background:url(../images/content_bottom_right.jpg) no-repeat bottom right; padding:0px 0px 15px 0px;}
.content_top_center {background:url(../images/content_top_center.jpg) repeat-x top left}
.blog a {font-weight:bold; color:#FFFFFF}
.content_top_left {background:url(../images/content_top_left.jpg) no-repeat 0 0; line-height:16px}
.content_top_right {background:url(../images/content_top_right.jpg) no-repeat top right}
.contentpaneopen p {margin:28px 0px 11px 0px;}
.contentpaneopen p img {margin:0px 10px 0px 0px;}
.contentpaneopen {padding:0px 0px 0px 0px; margin:0px 0px 7px 0px;}
.contentpaneopen a {color:#ffffff; font-weight:normal}
.contentpaneopen td ul {margin:10px 0px 10px 0px;}
.contentpaneopen td li {padding:0px 0px 10px 15px; background:url(../images/user_arrow.gif) no-repeat 0 0}
.contentpaneopen td li img {margin:0px 10px 0px 0px;}
.contentpaneopen td {vertical-align:middle; padding-left:0px; padding-right:0px; margin:0px 0px 0px 0px;}
.contentpaneopen select {vertical-align:middle; height:0px}
.contentpaneopen .button {background:url(../images/login_form_button.png) no-repeat 0 0; font-size:10px; font-weight:normal; color:#030303; width:68px; height:22px; border:none; text-transform:uppercase; margin:4px 0px 7px 0px;}
.contentheading {padding:0px 0px 0px 0px !important; font-size:22px; color:#ffd201;}
.componentheading {padding:0px 0px 0px 0px; font-size:22px; color:#ffd201;}
.contentpane .button {background:url(../images/login_form_button1.png) no-repeat 0 0; font-size:10px; font-weight:normal; color:#030303; width:115px; height:22px; border:none; text-transform:uppercase; margin:4px 0px 7px 0px;}
.contentpane td {padding:0px 0px 0px 0px; vertical-align:middle}
.contentpane a {color:#ffffff; font-size:11px}
.contentpane {border:none}
.contact_email .button {background:url(../images/login_form_button.png) no-repeat 0 0; font-size:10px; font-weight:normal; color:#030303; width:68px; height:22px; border:none; text-transform:uppercase; margin:4px 0px 7px 0px;}
.contentdescription {padding-right:15px}
.contentdescription img {margin:0px 10px 0px 0px;}
.pagenav_next a {color:#FFFFFF}
.inputbox {height:17px}
#search_searchword {margin:0px 10px 0px 10px;}
.small {padding:0px 0px 0px 26px; font-size:11px; color:#ffffff;}
.createdate {padding:0px 0px 20px 47px; color:#e10d0d;}
.modifydate {background:url(../images/content_mark.gif) no-repeat 10px 3px; padding:0px 0px 7px 21px !important; font:normal 10px Tahoma; color:#9b9b9b;}
.readon {font-size:11px; font-weight:bold; color:#FFFFFF; text-transform:uppercase; text-decoration:none; padding:2px 0px 0px 12px; float:right; margin:0px 30px 0px 0px;}
.article_seperator {line-height:10px}
.back_button a{color:#FFFFFF; font-weight:bold; margin:0px 0px 0px 21px;}
.category{color:#FFFFFF; font-weight:bold; font-size:11px; text-decoration:none;}
.message {padding:5px 0px 0px 47px; color:#990000}
.pollstableborder td {text-align:left}
.smalldark{text-align:left}
.contentpane_gs td {padding:10px 10px 10px 0px;}
.contentpane_gs td td {padding:0px 0px 0px 0px;}
.contentpane_gs span {display:block; width:100%; margin:0px 0px 20px 0px;}
.moduletable h3 {
background:url(../images/right_title.gif) repeat-x bottom left;
display:block;
height:24px;
width:144px;
font-size:14px;
vertical-align:middle;
padding:14px 0px 0px 21px;
font-weight:bold;
color:#FFFFFF;
}
.moduletable table {background:url(../images/right_bottom.gif) bottom left no-repeat #2f2f2f; margin:0px 0px 6px 0px;}
.moduletable td {padding:0px 10px 0px 10px; color:#e3e301; font-size:11px; line-height:16px}
.moduletable a {color:#ffffff; font-size:11px}
.moduletable a:hover {color:#ffffff}
.module h3 {
background:url(../images/right_title.gif) repeat-x bottom left;
display:block;
height:24px;
width:144px;
font-size:14px;
vertical-align:middle;
padding:14px 0px 0px 21px;
font-weight:bold;
color:#FFFFFF;
}
.module div {padding:10px 0px 21px 0px;}
.module div div div div {background:url(../images/right_bottom.gif) bottom left no-repeat #2f2f2f; margin:0px 0px 6px 0px; color:#e3e301; font-size:11px; line-height:16px}
.module div div div div div {background:none; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
.module a {color:#ffffff; font-size:11px}
.module a:hover {color:#ffffff}
.blog_more {padding:0px 0px 0px 21px;}