/*
Project Name: 25441
Description: Website for Sani-Tech
Version: 1.0
Author: Proximedia
*/

/* YUI reset CSS */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
table {	border-collapse:collapse; border-spacing:0;}
fieldset,img,abbr,acronym { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal;	font-weight:normal;}
ol,ul {	list-style:none;}
caption,th { text-align:left;}
h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:normal;}
q:before,q:after {	content:'';}

/* Proximedia */
Body { scrollbar-3d-light-color : #3A3A3A; scrollbar-arrow-color : #9C9C9C; scrollbar-base-color : #9C9C9C; scrollbar-dark-shadow-color : #3A3A3A; scrollbar-face-color : #3A3A3A; scrollbar-highlight-color : #3A3A3A; scrollbar-shadow-color : #9C9C9C;}
td { font-family : verdana ; font-size : 10px ;}
input, select, textarea	{ font:normal 11px/14px Tahoma, Arial, Helvetica, sans-serif;  border: solid #3A3A3A ; border-width: 1 ; background-color:#ffffff ; }

/* START WINDOWS OVERLAY*/
#GB_overlay { background-color: #000000; position: absolute; margin: auto; top: 0; left: 0; z-index: 100; }
#GB_window {left: 0; top: 0; font-size: 1px; position: absolute; overflow: visible; z-index: 150; }
#GB_window .content { width: auto; margin: 0; padding: 0; background-color: #fff; border: 3px solid #ccc; border-top: none; }
#GB_frame { border: 0; margin: 0; padding: 0; overflow: auto; white-space: nowrap; }
.GB_Window .content { background-color: #fff; border: 3px solid #ccc; border-top: none; }
.GB_Window .header { border-bottom: 1px solid #aaa; border-top: 0px solid #999; border-left: 1px solid #ccc; border-right: 1px solid #ccc; margin: 0; height: 20px; font-size: 12px; padding: 3px 0; color: #333;}
.GB_Window .caption { font-size: 11px; font-weight: bold; white-space: nowrap; padding-right: 20px; }
.GB_Window .close { text-align: right; }
.GB_Window .close span { font-size: 11px; cursor: pointer }
.GB_Window .close img { cursor: pointer; padding: 0 3px 0 0; }
.GB_Window .on { border-bottom: 1px solid #333; }
.GB_Window .click { border-bottom: 1px solid red; }
/* END WINDOWS OVERLAY*/

/* General tags */
html { overflow-x:hidden; overflow-y:scroll; font:normal 11px/16px Verdana, Arial, Helvetica, sans-serif; color:#79ddff; padding:0; margin:0;}
body { background:url(../images/ag.jpg) top repeat-x #00769f; width:100%;}
a, a:link, a:active, a:visited {color:#fff; text-decoration:underline; font-weight:bold;}
a:hover { text-decoration:none; }

p { font:normal 11px/16px Verdana, Arial, Helvetica, sans-serif; color:#79ddff;}
h1 { font:bold 16px/20px Verdana, Arial, Helvetica, sans-serif; color:#fff;}
h1 a, h1 a:link { font: normal 16px/20px Verdana, Arial, Helvetica, sans-serif; color:#fff; text-decoration:none;}
h1 a:hover { text-decoration:underline;}
strong { font-weight:bold;}

.clear_float {clear:both; font-size:1px; display:block; height:1px; line-height:0;}

/* wrapper */
#wrapper { margin:auto; width:729px;}

/* navigation */
#nav { height: 49px; background:url(../images/ag_nav.jpg) top repeat-x;}
#nav ul {list-style:none; line-height:44px; }
#nav li {float:left; display:block; background:url(../images/nav_li.jpg) top left no-repeat; padding:0 15px 0 16px;}
#nav li.eerst { padding:0 14px 0 7px; background:none;}
#nav li.laatst { padding:0 7px 0 16px;}
#nav a, #nav a:link, #nav a:active, #nav a:visited {font-weight:normal; text-decoration:none;}
#nav a:hover { text-decoration:underline; }

/* banner */
#banner_logo { background:url(../images/banner_logo.jpg) top left no-repeat; float:left; width:252px; height:221px;}
#banner_logo ul { margin:154px 0 0 29px;}
#banner_logo li { color:#003140; margin:1px; line-height:18px;}
#banner_logo li img { height:9px; width:27px;}
#banner_img { background:url(../images/banner_img.jpg) top left no-repeat; border:1px solid #a9a9a9; float:right; width:473px; height:219px;}

/* content */
#contents { padding-bottom:40px; background:url(../images/ag_contents.jpg) top repeat-x #00769f;}
#contents .seperator { float:left; margin-left:-1px; background:url(../images/contents_seperator.jpg) top left no-repeat; width:1px; height:314px;}
#contents img { padding:1px; background:url(../images/ag_img.jpg) top repeat-x #000; margin-right:20px;}
#content { float:left; width:447px; border-right:1px solid #408fab;  padding:21px 21px 0 21px;}
#content div, #content h1 { padding-bottom:10px; }
#content td { font-size:11px; }
#content ul { list-style-type:disc; padding-left:10px; }
#content ol { list-style-type:lower-alpha; padding-left:10px; }
#sidebar { float:left; background:url(../images/ag_sidebar.jpg) top left no-repeat; width:210px; height:333px; padding:21px 0 0 29px;}
#sidebar p {margin-top:16px;}
#sidebar a, #sidebar a:link, #sidebar a:active, #sidebar a:visited { font-weight:normal;}
#sidebar a:hover { }

/* footer */
#footer { margin-top:6px; height:40px; background:url(../images/ag_footer.jpg) top left repeat-x; border-top:1px solid #fff; padding-left:25px;}
#footer li { line-height:40px; display:block; padding-right:10px; color:#00c0ff; float:left;}
#footer a.afbeeldinglink { display:block; width:81px; height:15px; margin-left:20px; margin-top:12px; background:url(../images/proximedia_logo.jpg); }
#footer a, #footer a:link, #footer a:active, #footer a:visited {font-weight:normal; color:#00c0ff;}
#footer a:hover { text-decoration:none;}