/* CSS DOCUMENT FOR ARDISPARK */
/* Copyright: Saskia Cloosterman WebDingen 2009 */
/* URL: http://www.webdingen.com */

html, body{
margin:0;
padding:0;
line-height: 150%;
font-family:Tahoma, Arial, Helvetica, sans-serif; 
background:url(../img/bg.jpg) repeat-x top left;
}
#main{
width: 950px; 
margin: 0 auto; 
}
#top{
height: 193px; 
background:url(../img/top.jpg) no-repeat top center;
}
#top1{
height: 27px;
padding-left:258px;
font-size:16px;
font-weight:bold;
color:#335599;
word-spacing:30px;
background:url(../img/top1.jpg) no-repeat top center;
}
#top1 a{text-decoration:none; color:#fff;}
#top1 a:hover{text-decoration:none; color:#335599;}

#top2{
height: 41px; 
background:url(../img/top2.jpg) no-repeat top center;
}
#contentwrapper{
float: left;
width: 100%;
}
#content{
margin: 0 260px 0 260px;
font-size:13px;
line-height:150%;
color:#222;
text-align:justify;
}
#content a{color:#009900; text-decoration:none;}
#content a:hover{color:#009900; text-decoration:underline;}

#left{
float: left;
width: 195px; 
margin-left: -899px; 
font-size:12px;
font-weight:bold;
background:url(../img/menu.jpg) repeat-y top center;
min-height:465px;
height:auto !important;
height:465px;
border:1px solid #50b948;
margin-bottom:30px;
}

*html #left {height:465px;} /*IE6 fix*/

#menu_box{ position:absolute; min-height:450px; background:url(../img/logo-ardispark.gif) no-repeat center bottom;}
*html #menu_box {height:450px;} /*IE6 fix*/
#menu {list-style-type:none; margin:0 0 10px; padding:0; z-index:100; }
#menu li {display:block; padding:0; margin:0; position:relative; z-index:100; background:url(../img/menu_li.jpg) no-repeat top right;}
#menu li a, #menu li a:visited {display:block; text-decoration:none; }
#menu li dd {display:none;}
#menu li:hover, #menu li a:hover {border:0;}
#menu li:hover dt a , #menu li a:hover dt a {background:; color:#009900;}
#menu li:hover dd, #menu li a:hover dd {display:block;}
/*#menu li:hover dl, #menu li a:hover dl {height:200px; background:#339900;}*/
#menu table {border-collapse:collapse; padding:0; margin:-4px;}
#menu dl {width: 194px; margin: 0; background:; cursor:pointer;}
#menu dt {margin:0; padding: 0; font-size: 14px; }
#menu dd {margin:0; padding:0; font-size: 14px; text-align:left; }
.lijst dt a, .lijst dt a:visited {display:block; color:#003366; padding:5px 5px 5px 10px; background:; }
.lijst dd a, .lijst dd a:visited {min-height:1em; color:#003366; text-decoration:none; font-style:italic; display:block; padding:4px 5px 4px 20px; background:;}
* html .lijst dd a, * html .lijst dd a:visited {height:1em;}
.lijst dd a:hover {color:#009900;}

#right{
float: left;
width: 179px; 
margin-left: -251px; 
min-height:450px;
height:auto !important;
height:450px;
font-size:12px;
line-height:150%;
color:#222;
background:url(../img/menu.jpg) repeat-y top center;
border:1px solid #50b948;
margin-bottom:30px;
padding:10px;
}
*html #right {height:450px;} /*IE6 fix*/

#right a{color:#009900; text-decoration:none;}
#right a:hover{color:#009900; text-decoration:underline;}

#footer{
clear: left;
width: 100%;
height:30px;
font-size:18px;
font-weight:bold;
text-align:center;
color:#FFF;
background:url(../img/footer.gif) repeat-x top left;
border-bottom: 10px solid #e5e7f4;
}
#footer a{color:#fff; text-decoration:none; font-weight:bold; }
#footer a:hover{color:#009900; text-decoration:none; font-weight:bold; }

.padding{
margin: 20px; 
margin-top: 0;
}

h1 {font-size:16px; color:#009900; text-align:left; margin-top:0px; padding-top:0px}
h2 {font-size:14px; color:#009900; text-align:left; margin-top:0px; padding-top:0px}
h3 {font-size:12px; color:#009900; text-align:left; margin-top:0px; padding-top:0px} 

#webdingen{ text-align:right; font-size:12px;}
#webdingen a{ text-decoration:none; color:#66CC66;}
#webdingen a:hover{ text-decoration:underline;}

p {text-align: left;
}

.kleinelettertjes {font-size: 8px; text-align: right;}



/* EINDE */