/* - - - - - - - - - - - - - - - - - - - - -
Title: Gebroeders Heuting
Author: InstantXS
URL: /css/screen.css

Created: May 16, 2008
Modified: May 20, 2008
- - - - - - - - - - - - - - - - - - - - - */


/* ******************  body  *************** */
* {margin:0; padding:0; border:0;}
body {margin:7px 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333; background-color:#324c65; background-image:url(../images/bg.jpg); background-repeat:repeat-x;}
a {color:#ffffff; text-decoration:none;}
a:hover {color:#ffffff; text-decoration:underline;}
img {border:none;}
.clear {clear:both;}
h1 {background-image:url(../images/h1_bg.gif); background-repeat:no-repeat; height:36px; color:#ffe600; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:normal; padding:14px 0px 0px 25px; width:555px;}
h2 {font-size:13px; color:#005191; font-family:Arial, Helvetica, sans-serif; font-size:13px; border-bottom:1px solid #005191; padding-bottom:5px; margin-bottom:10px; clear: both;}

/* ******************  navigation  *************** */
ul#nav {background-image:url(../images/nav_bg.gif); background-repeat:repeat-x; width:788px; height:30px; _height:29px; border:6px solid #fdea95; border-bottom:none; _margin-top:-15px;}
ul#nav li {list-style-type:none; color:#fff; font-weight:bold; float:left;}
ul#nav li a {padding:10px 12px 8px 12px; display:block; text-decoration:none; }
ul#nav li a:hover {background-image:url(../images/nav_h.gif); background-repeat:repeat-x; display:block;padding:10px 12px 8px 12px; text-decoration:underline;}
ul#nav li a.active {background-image:url(../images/nav_h.gif); background-repeat:repeat-x; display:block;padding:10px 12px 8px 12px; text-decoration:none;}

/* ******************  containers  *************** */
div#headcontainer {width:800px; margin:0 auto;}
div#headcontainer div#header {background-image:url(../images/header.png); background-repeat:no-repeat; height:207px; _margin-bottom:15px;}
div#headcontainer div#header-bottom {background-image:url(../images/header_bottom.png); background-repeat:no-repeat; height:70px; margin-bottom:20px;}
div#headcontainer div#left {float:left; width:580px; margin-right:20px;}
div#headcontainer div#content {background-color:#fff8da; border-left:5px solid #ffed98; border-right:5px solid #ffed98; width:530px; _width:527px; padding:10px 20px 25px 20px; float:left;}
div#headcontainer div#content p.sub {color:#005191; font-style:italic; text-align:justify; line-height:13px; margin:0px 0px 10px 0px;}
div#headcontainer div#content p {text-align:justify; line-height:13px; margin:0px 0px 10px 0px;}
div#headcontainer div#content ol {line-height:13px; margin:0px 0px 10px 20px;}
div#headcontainer div#content ul {line-height:13px; margin:0px 0px 10px 20px;}
div#headcontainer div#content a {color:#005191; font-weight:bold;}
div#headcontainer div#content img {border:3px solid #f2de8d; margin-right:5px; margin-bottom: 5px; _margin:0;}
div#headcontainer div#content input {border: 1px solid #6fa2cb;}
div#headcontainer div#content textarea {border: 1px solid #6fa2cb;}
div#footer {background-image:url(../images/footer.png); background-repeat:no-repeat; width:580; height:88px; margin-bottom:20px;}

div#headcontainer div#sidebar {width:200px; float:left;}
div#headcontainer div#sidebar h1 {width:175px; background-image:url(../images/sidebar_h1.png); background-repeat:no-repeat; color:#ffe600; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; padding:18px 0px 0px 25px; height:32px;}
div#headcontainer div#sidebar div#subnav  {border-left:5px solid #ffed98; border-right:5px solid #ffed98; background-image:url(../images/subnav.gif); background-repeat:repeat-y; padding:10px 20px 10px 20px; margin-bottom:-2px; width:150px;}
div#headcontainer div#sidebar div#subnav ul li {background-image:url(../images/subnav_li.gif); background-repeat:no-repeat; background-position:4px 4px; list-style-type:none; padding:0px 0px 0px 22px; line-height:16px; font-weight:bold;}
div#headcontainer div#sidebar div#subnav ul li a {color:#005191; text-decoration:none;}
div#headcontainer div#sidebar div#subnav ul li a:hover {color:#005191; text-decoration:underline;}
div#headcontainer div#sidebar .erkend {margin:20px 0px 20px 0px;}
div#headcontainer div#sidebar div#actueel {background-image:url(../images/aanwinst_bg.png); padding-left:5px; height:200px; background-repeat:no-repeat;}