@charset "UTF-8";
/* CSS Document de onafhankelijken*/
body{
background: #797979 url(../images/container_bg.png);
background-repeat: repeat-x;
margin: 0 auto 0 auto;
padding: 0 0 0 0;
font-size: 100%; /* = 16px */
text-align: center;
font-family: Arial, Helvetica, sans-serif;
}

div#container{
position: relative;
width: 829px;
margin: 2px auto 0 auto;
text-align: left;
border: 0px #000 solid;
margin: 0 auto 0 auto;
padding: 0 0 0 0;
background: #FFF;

} 

div#top{
margin: 0 0 0 0;
width: 100%;
height: 159px;
border: 0px #000 solid;
}

div#menu{
margin-left: 0px;
margin-top: -129px;
background: url(../images/menu_bg.png) repeat-y;
float: left;
padding: 55px 0 0px 5px;
width: 175px;
border: 0px #000 solid;
text-align:left;
}

div#content{
margin-top: -129px;
background-color: #FFF;
float: right;
width: 634px;
height: auto;
border: 0px #000 solid;
padding: 5px 0 4px 15px;
}

div#spacer{
	overflow:auto;
	border: 0px solid #000;
	height: 411px;
	margin: 0 0 0 0;
	padding: 0 15px 0 0px;
}

div#spacermenu{
	border: 0px solid #000;
	height: 360px;
	margin: 0 0 0 0;
	padding: 0 0 0 15px;
}

div#logo{
background: url(../images/logo.png);
position: relative;
top: -80px;
left: 15px;
width: 138px;
height: 129px;
border: 0px #F00 solid;
}

div#artikel{
float:left;
width: 600px;
border: 0px #F00 solid;
}

div#links{
float:left;
width: 300px;
border: 0px #F00 solid;
} 

div#rechts{
float:right;
width: 300px;
border: 0px #F00 solid;
} 



span#img_head{
	vertical-align:top;
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #000;
}

span.fractie {
	float:left;
	border: 0px solid #000;
	margin: 0 0 0 0;
	padding: 1px 5px 1px 3px;
	font-family: "Arial", Helvetica, sans-serif;
}

span.mailerror{
	width: 100%;
	border: 0px solid #000;
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 0.8em;
	color:#FF0000;
}

/*-- Definition List gedeelte --*/

dl{
float: left;
font-family: "Arial", Helvetica, sans-serif;
border: 0px solid #000;
color: #000;
margin: 3px 0 0 0px;
padding: 0 0 0 0;
}

dt{
float: left;
border: 0px dotted #000;
width: 260px;
margin: 5px 10px 5px 5px;
padding: 3px 10px 3px 3px;
}

span#top{
left: 5px;
border: 0px solid #310;
margin: 0 0 0 0;
padding: 2px 0px 2px 0px;
font-family: "Arial", Helvetica, sans-serif;
font-size: 0.8em;
font-weight: bold;
color: #8d2121;
}

span#bottom{
left: 5px;
border: 0px solid #240;
padding: 2px 0px 2px 0px;
font-family: "Arial", Helvetica, sans-serif;
font-size: 0.6em;
font-weight: normal;
color: #000;
}


.kopitem{
font-family: "Arial", Helvetica, sans-serif;
font-size: 0.7em;
font-weight: bold;
margin: 0 3px 0 5px;
color: #000;
}

.platitem{
font-family: "Arial", Helvetica, sans-serif;
font-size: 0.7em;
font-weight: bold;
margin: 0 0 0 3px;
color: #8d2121;
}

.bekijk{
font-family: "Arial", Helvetica, sans-serif;
font-size: 0.8em;
font-weight: normal;
margin: 0 0 0 0px;
color: #000;
}
.bekijk a{
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 0.8em;
	font-style:normal;
	font-variant:normal;
	text-decoration: none;
	color: #696969;
}

.bekijk a:hover{
	text-decoration: underline;
	color: #8d2121;
}

dt img{
float: left;
border: 1px solid #FCC8C8;
margin: 2px 6px 2px 2px;
} 

/*-- Einde Definition List --*/

img.fractie{
	float: left;
	padding: 5px;
	margin: 3px 5px 0 0;
	border: 1px solid #999;
}

img.content{
	float: left;
	margin: 2px 10px 2px 10px;
	border: 1px solid;
}

H1{
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 0.9em;
}

p{
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 0.75em;
	text-align: justify;
	border:		0px solid red;
}
p.menu{
	margin:		5px 0 5px 0;
	padding:	0 0 0 0;
	text-align: none;
	border:		0px solid red;
}
p.submenu{
	margin:		5px 0 5px 3px;
	padding:	0 0 0 0;
	text-align: none;
	border:		0px solid red;
}
p.fractie{
	border: 0px solid #000;
	padding: 1px 5px 1px 5px;
	margin: 1px 3px 1px 3px;
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 0.75em;
	color:#8d2121
}

/* Links */
a {
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 0.75em;
	font-style:normal;
	font-variant:normal;
	text-decoration: none;
	color: #8d2121;
}

a.menu {
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 0.75em;
	text-decoration: none;
	font-weight: bold;
	color: #696969;
}

a.menu:link {
	text-decoration: none;
	font-size: 0.75em;
	font-weight: bold;
	color: #696969;
}
a.menu:visited {
	font-size: 0.75em;
	text-decoration: none;
	font-weight: bold;
	color: #696969;
}
a.menu:hover {
	text-decoration: none;
	font-size: 0.75em;
	font-weight: bold;
  	color: #8d2121;
}
a.menu:active {
	text-decoration: underline;
	font-size: 0.75em;
	font-weight: bold;
	color: #8d2121;
}

a.submenu {
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 0.75em;
	text-decoration: none;
	font-weight: normal;
	color: #696969;
	padding-left: 5px;
}

a.submenu:link {
	text-decoration: none;
	font-size: 0.75em;
	font-weight: normal;
	color: #696969;
}
a.submenu:visited {
	font-size: 0.75em;
	text-decoration: none;
	font-weight: normal;
	color: #696969;
	padding-left: 5px;
}
a.submenu:hover {
	text-decoration: none;
	font-size: 0.75em;
	font-weight: normal;
  	color: #8d2121;
}

input{
	margin: 2px 0 2px 0;
	padding: 0 0 0 0;
	border: 1px inset #666666;
	background-color: #EEEEEE;
	width: 200px;
}

textarea{
	border: 1px inset #666666;
	background-color: #EEEEEE;
}

input.mailbuttons{
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 1.4em;
	text-decoration: none;
	font-weight: normal;
	color: #8d2121;
	margin: 0 0 0 140px;
	width: 65px;
	border: 1px #fff solid;
	background-color: #FFF;	
}
