/* == copyright (c) 2009 PHATmedia - http://www.phatmedia.nl == */

/* == main == */
body { background: #cccccc; margin: 5px 0; }

#all { width: 100%; height: 100%; }
#main { width: 995px; }

#left_bg { width: 225px; background: url('../images/main/left_bg.jpg') repeat-y; padding-left: 5px; }
#left { width: 220px; }

#content_bg { width: 770px; background: url('../images/main/content_bg.jpg') repeat-y; text-align: left; }
#content { width: 765px; }

#title { width: 770px; height: 90px; background: url('../images/main/title_bg.jpg') no-repeat; vertical-align: top; text-align: left; padding-left: 65px; }


/* == header == */
#header_logo { width: 225px; height: 205px; background: url('../images/main/header_logo.jpg') no-repeat; }
#header_bg { width: 770px; height: 205px; background: url('../images/main/header_bg.jpg') no-repeat; }


/* == footer == */
#footer_silver { width: 225px; height: 55px; background: url('../images/main/footer_silver.jpg') no-repeat; }
#footer_bg { width: 770px; height: 55px; background: url('../images/main/footer_bg.jpg') no-repeat; }


/* == content == */
.left_spacer { height: 60px; background: url('../images/main/pixel_blank.gif'); text-align: center; }
.ster_spacer { width: 65px; background: url('../images/main/pixel_blank.gif'); }
.top_spacer { height: 20px; background: url('../images/main/pixel_blank.gif'); }
.spacer { height: 30px; background: url('../images/main/pixel_blank.gif'); }

.streep_left { width: 30px; background: url('../images/main/streep_rood.gif') no-repeat top right; }
.blank_left { width: 30px; background: url('../images/main/pixel_blank.gif'); }
.streep { width: 33px; background: url('../images/main/streep_rood.gif') no-repeat top right; }
.blank { width: 33px; background: url('../images/main/pixel_blank.gif'); }

.tabel { width: 160px; padding-left: 30px; }


/* == navigation == */
.preload1 { background: url('../images/main/sub_bg.png'); }
.preload2 { background: url('../images/main/rollover.png'); }

#nav_bg { width: 770px; height: 31px; background: url('../images/main/nav_bg.jpg'); padding-left: 3px; }

#nav { height: 31px; position: relative; z-index: 500; font-family: Arial, Tahoma, Verdana, sans-serif; padding: 0; margin: 0; list-style: none;  }
#nav li.top { display: block; float: left; }
#nav li a.top_link { display:block; float: left; height: 31px; line-height: 31px; color: #ffffff; font-size: 12px; font-weight: 900; text-decoration: none; padding: 0 17px; cursor: pointer; }
#nav li a.top_link:hover { height: 31px; line-height: 31px; }
#nav li:hover > a.top_link { height: 31px; line-height: 31px; color: #000000; background: url('../images/main/rollover_top.gif'); font-weight: 900; }
#nav li:hover { position: relative; z-index: 200; }

#nav ul,
#nav li:hover ul ul { position: absolute; left: -9999px; top: -9999px; width: 0; height: 0; margin: 0; padding: 0; list-style: none; }

#nav li:hover ul { left: 0; bottom: 31px; top: auto; background: url('../images/main/sub_bg.png') repeat-x bottom; white-space: nowrap; padding: 2px; width: 135px; height: auto; z-index: 300; }
* html #nav li:hover ul { width: 0; }
#nav li:hover ul li { display: block; position: relative; float: left; font-weight: 900; clear: left; }
#nav li:hover ul li:hover { width: 100%; }
#nav li:hover ul li a { display: block; width: 120px; height: 20px; line-height: 20px; color: #ffffff; font-size: 11px; font-weight: 900; text-decoration: none; text-align: left; padding-left: 15px; }
#nav li:hover ul li a:hover { background: url('../images/main/rollover_sub.png') no-repeat; color: #000000; text-decoration: none; padding-left: 25px; }


/* == fonts == */
.c-txt1 { font-family: Arial, Tahoma, Verdana, sans-serif; color: #000000; font-size: 11px; font-weight: 700; line-height: 1.5em; text-align: left; padding-right: 30px; }
.c-txt2 { font-family: Arial, Tahoma, Verdana, sans-serif; color: #000000; font-size: 11px; font-weight: 600; line-height: 1.5em; text-align: left; }

.l-txt1 { font-family: Tahoma, Arial, Verdana, sans-serif; color: #ffffff; font-size: 11px; font-weight: 400; line-height: 1.5em; text-align: left; padding-right: 25px; }
.l-txt2 { font-family: Tahoma, Arial, Verdana, sans-serif; color: #ffffff; font-size: 11px; font-weight: 700; line-height: 1.5em; text-align: left; }
.l-txt3 { font-family: Tahoma, Arial, Verdana, sans-serif; color: #ffffff; font-size: 11px; font-weight: 400; line-height: 1.4em; border: 1px #ffffff solid; }

.p-txt1 { font-family: Tahoma, Arial, Verdana, sans-serif; color: #ffffff; font-size: 11px; font-weight: 400; line-height: 1.5em; text-align: left; padding-left: 31px; font-style: italic; }
.p-txt2 { font-family: Tahoma, Arial, Verdana, sans-serif; color: #ffffff; font-size: 11px; font-weight: 400; padding-left: 1px; font-style: italic; }

ul .c-txt1 { margin-left: -10px; list-style: square; }
ul .l-txt1 { margin-left: -25px; list-style: square; }

.color { font-family: Arial, Tahoma, Verdana, sans-serif; color: #000000; font-size: 11px; font-weight: 600; line-height: 1.5em; padding: 4px 40px 0 0; text-align: center; }

a.mail { color: #ffffff; text-decoration: none; }
a.mail:hover { color: #ffffff; text-decoration: underline; }

.phat, a.phat { font-family: Tahoma, Arial, Verdana, sans-serif; color: #777777; font-size: 9px; font-weight: 900; text-decoration: none; }
a.phat:hover { font-family: Tahoma, Arial, Verdana, sans-serif; color: #1b5ba2; font-size: 9px; font-weight: 900; text-decoration: none; }