/* CSS Document welkomplot.nl */

/* regel 10, wrapper is tenminste 100% hoog, voor IE windows*/

/* hieronder de hack voor IE op de MAC*/
/* commented backslash hack v2 \*/
html, body {
height:100%;
}
* html #website_wrapper {
height:100%;
}
/* end hack */
body {
padding:0px;
margin:0px;
text-align:center; /* backwords compatibility with IE5 */
}
#website_wrapper {
width:770px;
text-align:left; /* backwords compatibility with IE5 */
margin-left:auto;
margin-right:auto;
min-height:100%; /* wrapper is tenminste 100% hoog, voor andere browsers dan IE*/
/*margin-bottom:-40px;   ..pixels van de onderkant af weer omhoog voor de footer*/
position:relative; /* dit is om de 'child' elements -dus de div's binnen de wrapper- te positioneren t.o.v. de wrapper i.p.v. de linkerbovenhoek van de browserwindow*/
}
#header{
background-image:url(../afbeeldingen/komplot_logo.gif);
background-position:top left;
background-repeat:no-repeat;
width:100%;
height:150px;
text-align:right;
padding-top:16px;
}
#inhoudwrapper {
margin: 0 auto;
width: 770px;
}
#contentbox {
float: left;
width: 580px;
}
* html #contentbox{
padding-bottom:20px; /* IE only*/
}
#content{
font-family:"Trebuchet MS", Verdana, sans-serif;
font-size:90%;
position:relative;
}
* html #content{
padding-bottom:20px; /* IE only*/
}
#content a{
color:#FF3333;
text-decoration: none;
}
#content a:hover{
border-bottom: 1px dashed;
color:#999999;
}
#content h1{
color:#980002;
font:20px/20px "Trebuchet MS", Verdana, sans-serif;;
font-weight:900;
padding: 20px 0 0 10px;
}
#content h2{
color:#999999;
font:16px/16px "Trebuchet MS", Verdana, sans-serif;;
font-weight:900;
padding-left:10px;
}
#content p{
padding-left: 10px;
}
#content li{
list-style-image: url(../afbeeldingen/bullet.gif);
padding-left:10px;
}
.informatie{
margin-left:160px;
}
#navbox {
float: left;
width: 190px;
}
#nav{
width: 150px;
/*background-color:#CCCCCC;*/
padding-left: 10px;
font-family:"Trebuchet MS", Verdana, sans-serif;
font-size:80%;
}
#nav p{
text-align:right;
padding-right: 10px;
}
#footer{
width: 770px;
height: 28px;
background-image:url(../afbeeldingen/bg_footer.jpg);
background-repeat:no-repeat;
padding-bottom:20px;/* witte strook onder de footer in Firefox*/
clear:both;
}
.bijschrift{
font-size: 80%;
color: #b33730;
}
#infokader{
width:80%;
height:110px;
padding-top: 10px;
padding-left: 10px;
}
.image {
border-left: #CCCCCC 5px solid;
border-top: #CCCCCC 5px solid;
border-right: #eabcb9 5px solid;
border-bottom: #eabcb9 5px solid;
margin: -30px 0px 10px 10px;
}
.imagemid {
border-left: #CCCCCC 5px solid;
border-top: #CCCCCC 5px solid;
border-right: #eabcb9 5px solid;
border-bottom: #eabcb9 5px solid;
margin: 5px 0px 10px 20px;
}
#kader{
	float:right;
	width:200px;
	/*height:200px;*/
	margin:50px 0px 20px 10px;
	background-color:#f8e6e6;
	border:#CC3300 dotted 2px;
}
#kader p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 75%;
color: #666666;
padding:5px;
text-align:center;
}
#kader h3{
font-size: 16px;
color: #980002;
text-align:center;
}