body{ 
margin:0 auto 0 auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:17px;
color:#333;
background:#FFFFFF;
}

a:link, a:visited { text-decoration:none; }

form { display:inline; margin:0; padding:0; }

blockquote { font-style:italic; }

a img { border:0; }

#wrapper { margin:0 auto 0 auto;
padding:0px 0 0px 0;
width:750px;
}

#header { position:relative; background-color:#FFFFFF; }

    #header h1 { padding:45px 0 0 5%; margin:0; text-align:left;
    color:#000088;
    font-weight:bold; line-height:25px; font-size:25px; }
    
    #header h2 { padding:0 0 30px 8%; margin:0; text-align:left;
    color:#000088;
    font-weight:lighter; line-height:14px; font-size:14px; }

#navigation { margin:5px 0 0 0; background-color:#000088; }

    #navigation ul { margin:0; padding:0;
    display:block; position:relative; list-style:none;
    margin:0 0 0 5%; }
    
        #navigation ul li { display:inline; }
        
        #navigation ul li a:link, #navigation ul li a:visited {
            font-size:10px; line-height:30px; text-transform:uppercase; display:inline;
            font-weight:bold; padding:5px 0 5px 0; margin:0 10px 0 0;
            color:#FFFFFF;   }
            
            #navigation ul li a:hover { text-decoration:underline; color:#FFFFFF;  }

#childnavigation { margin:5px 0 0 0; background-color:#CC3300; }

    #childnavigation ul { margin:0; padding:0; display:block; 
    position:relative; margin:0 0 0 5%;  list-style:none; }
    
        #childnavigation ul li { display:inline; }
        
            #childnavigation ul li a:link, #childnavigation ul li a:visited {
            font-size:10px; line-height:30px; text-transform:uppercase; display:inline;
            font-weight:bold; padding:5px 0 5px 0; margin:0 10px 0 0;
            color:#FFFFFF; }
            
            #childnavigation ul li a:hover {
            text-decoration:underline; color:#000088; }

#maincontent { background:#FFFFFF; 
margin:5px 0 0 0; padding:30px 0 0 0; }

    .post { width:90%; margin:0 auto 0 auto; }
    
        .posttitle { margin:0; font-size:20px; line-height:20px;
        font-weight:bold; letter-spacing:2px; }
        
            .posttitle a:link, .posttitle a:visited { color:#333333;  }            
            .posttitle a:hover { color:#CC3300;  }
        
        .postinfo { margin:0; color:#AAAAAA;
        display:block; border-top:1px solid #999999;
        line-height:15px; text-transform:uppercase; font-size:9px;  }
        
            .postinfo a:link, .postinfo a:visited { color:#AAAAAA;  }
            .postinfo a:hover { color:#CC3300;  }
        
        .postcontent { padding:0 0 30px 0;  color:#000088; }
        
        .postcontent p { margin:10px 0 0 0; }
        
                
        .postcontent a:link, .postcontent a:visited { color:#CC3300; }
        
        .postcontent a:hover { text-decoration:underline; color:#CC3300;  }

        .xpostcontent img { float:right; padding:0 0 10px 10px;  }
        
        .postcontent h1 { margin:15px 0 0 0; font-size:16px; line-height:20px;
        font-weight:bold; letter-spacing:2px; color:#333333;
        border-bottom:1px solid #999999; }
        
        .postcontent h2 { margin:15px 0 0 0; font-size:14px; line-height:20px;
        font-weight:bold; letter-spacing:2px; color:#333333;
        border-bottom:1px solid #999999; }
        
        .postcontent h3 { margin:15px 0 0 0; font-size:12px; line-height:20px; font-weight:bold; 
		letter-spacing:2px; color:#333333;
        border-bottom:1px solid #999999;
        }
        
        .postcontent .pagenav { text-align:center; }

        	
	
#bottombar { margin:5px 0 0 0; background-color:#FFFFFF; }

    #bottombar .column1 { position:inline; float:left; width:42%; padding:20px 0 0 5%; }    
    #bottombar .column2 { position:inline; float:right; width:42%; padding:20px 5% 0 0; }
    #bottombar .spacer { line-height:5px; clear:both; }
    
    #bottombar ul { margin:0; padding:0; list-style:none; }    
        #bottombar ul li { margin:0; padding:0; }
        
            #bottombar ul li h2 { margin:0; text-align:center; display:block;
            color:#FFFFFF;
            font-weight:bold; line-height:20px; font-size:11px; text-transform:uppercase;
            border-bottom:2px solid #FFFFFF;   }
            
            #bottombar ul li { margin:0 0 20px 0;  }
            
                #bottombar ul li ul li, #bottombar ul li div { color:#FFFFFF;
                text-transform:uppercase; font-size:10px; line-height:20px; display:block;
                border-bottom:1px dotted #FFFFFF;
                text-align:center; margin:0;  }
                
        #bottombar a:link, #bottombar a:visited { color:#FFFFFF;  }

        #bottombar a:hover { text-decoration:underline; 
		color:#FFFFFF;  }


#footer { margin:5px 0 0 0; background-color:#CC3300; }

    #footer p { text-align:center; font-size:10px; margin:0;
    line-height:30px; text-transform:uppercase;
    color:#FFFFFF; }
    
    #footer a:link, #footer a:visited { color:#FFFFFF; }
    
    #footer a:hover { text-decoration:underline; color:#FFFFFF; }



body { border-left:0px #FFFFFF solid; margin:0 auto 0 180px;}
#maincontent {font-weight:normal; margin-bottom:30px;}
#footer {margin-top:40px;}
#header {width:520px; height:140px; border-left: 50px solid #FFF;}

#navigation ul li a:link, #navigation ul li a:visited {font-size:10px; line-height:30px;}
.art-sidebar {position: absolute; top:250px; left:20px; width:1px; height:1px; }
.wwwmenu { }
.postcontent { font-family: verdana, Arial, sans-serif; font-size:11pt;   } 
.postcontent a:hover { background:#FFF; } 
.postcontent h1 { font-size:18pt; }
.postcontent h2  { font-size:16pt; }
.postcontent h3  { font-size:18pt; }
.postcontent p { margin-bottom:20px;}
#navigation .page_item { border:2px outset #FFF; padding:0; margin:5px; line-height:40px;letter-spacing:2px;}
#wrapper 	.page_item current_page_item {background:#3553a0; color: #C30;}
#wrapper 	.current_page_item { background:#CC3300; text-decoration:none;  border:2px inset #FFF; color: #CC3300; } 
#wrapper .page_item a:hover { background:#FFF; text-decoration:none;  color: #CC3300; } 
.postcontent { padding: 0 20px 40px 0; font-weight:normal;}
#bottombar ul li ul li, #bottombar ul li div { display:inline; font-size:10pt; word-spacing:3px; border: 0px solid #FFFFFF;}
#bottombar {display:none;}
#navigation .current_page_item, #childnavigation .current_page_item {background:#C30; color: #FFF; margin:0px;line-height:20px;}
#navigation  {width:550px; }
#childnavigation  {width:700px; text-indent:20px; }
body{border-left: 0px #008 solid; border-right: 0px #008 solid;  background: url("afbeeldingen/zijkant-hatac-rechts1.png") repeat-y top right; }
#footer {padding:5px; border: 4px #C30 outset; width:450px;}
#comments {background:#FFF; padding: 30px;}
#comments a{color:#C30; padding:2px; }
#comments a:hover{background:#C30; color:#FFF; }
#comments .comment {margin:30px;} 
.postcontent img { border-left: 2px solid #FFF; border-right: 2px solid #FFF; }
.links { float:left;}
.rechts { float:right;}
.midden {text-align:center;}
.commentinfo { border: 2px solid #008; padding:2px; line-height:20px;}

.xbla {position: absolute; top:50px; left:20px; width:100px; height:80px; background:#CC3300;}
.wwwsitemenu {position: absolute; top:62px; left:10px; width:170px; height:850px; background:#fff; color:#008; margin:0px; padding:0px; }
.wwwsitemenu h3 a:link,.wwwsitemenu h3 a:visited{font-size:24px; font-weight:normal;}
.wwwsitemenu a:link, .wwwsitemenu a:visited {width:160px; height:14px; background:#fff; color:#008; font-size:10px;}
.wwwsitemenu a:hover {background:#fff; color:#c30;}
.wwwsitemenu ul li a:link, .wwwsitemenu ul li a:visited {width:160px; height:14px; background:#fff; color:#008; font-size:10px;padding:2px; }
.wwwsitemenu ul li a:hover {background:#c30; color:#fff;}
.wwwsitemenu ul {list-style:none; padding:0; margin:0;}

/*test dropdown menu -child */
#childnavigation, #childnavigation .current_page_item {margin:0px;line-height:10px;}
#childnavigation  {width:600px; text-indent:4px; line-height:12px;
text-transform:lowercase; padding:0px;}

#wrapper #childnavigation .page_item ul li a 
{text-transform:lowercase; font-size:10px; font-weight:normal; font-family: verdana; letter-spacing:-1px; line-height:12px; margin:2px; padding:2px; }

#childnavigation ul li a * {
font-size:10px; line-height:12px; text-transform:lowercase; display:inline;
font-weight:bold; padding:2px; margin:2px; color:#FFFFFF; }
/*einde test dropdown menu -child */
#footer {margin-bottom:250px;}
.www-hatac-art {float:left; display:block; width:100px; height:320px; display:block; border:10px solid #FFF;}
.www-omlaag1 {border: 4px solid #008; width:24px; height:24px; display:inline; }	
.www-omhoog1 {border: 4px solid #008; width:24px; height:24px; display:inline; }	
#wrapper, .post { margin:0 4px;}
.buttonx {cursor:pointer; font-weight:bold; width:40%; height:38px; }
.ttv1 {background:#FFF; color:#008; }
.ttv2 {background:#008; color:#FFF; }
.ttv3 {background:#c30; color:#FFF; }	
.ttv4 {width:48%; height:32px; }	
.ttv5 {width:48%; height:50px; }	
h4 a { font-size:14pt; }
h5 a { font-size:14px; }
.wwwads {display:none; }