*HTML {height:100%;}
* HTML #all {height:100%} 
* html #content, * html #main {height:1px;}

BODY {
margin:0; 
padding:0; 
height:100%;
background-color:#ffffff;
font-family: arial, helvetica, tahoma, serif;
font-size: 0.9em; }

A {
color: #000000;}

A:hover {
color: #C60000;}

IMG {border: 0;}

TABLE {
border-collapse: collapse;}

TD {
vertical-align: top;}

H1, .divider {font-size: 1.6em; margin: 0 0 5px 0; border-bottom: solid 1px #CCCCCC;}
H2 {font-size: 1.2em; margin: 0;}
H3 {font-size: 1em; margin: 5px 0 0 0; text-decoration: none;}

#all {
background:url(/images/achter/achter.gif) top left repeat-y;
min-height:100%;
width:980px;
margin:auto;
position:relative;}

#top {
width: 980px;
height: 72px;
background-color: #000000;
background-image: url(/images/achtertop.gif);
background-repeat: no-repeat;}

#toprm {
width: 980px;
height: 72px;
background-color: #000000;
/* background-image: url(/images/achtertop.gif); */
background-repeat: no-repeat;}

#topmenu {
width: 980px;
background-color: #C0C0C0;
text-align: center;
height: 20px;}

#topmenu ul {
width: 940px;
padding: 0 0 0 0;
margin: 0;
list-style-type: none;}

#topmenu ul li {
display: inline;}

#topmenu ul li a {
padding:2px 12px 2px 12px;
float: left;
color: #000000;
text-decoration: none;
font-size: 14px;
font-weight: bold;
background-image: url(/images/topmenudivider.gif);
background-repeat: no-repeat;
background-position: right 5px;}

#topmenu ul li a:hover {
color: #FF0000;}

#topmenu ul li a.selected {
color: #666666;}

#topmenu ul li a.laatste {
background-image: none;}

#topmenu ul li a.laatstes {
color: #666666;
background-image: none;}

#bottomtopmenu {
height: 18px;
width: 980px;
background-image: url(/images/bottomtopmenu.gif);
background-repeat: no-repeat;}

#left {
float:left;
width:160px;
text-align:left;
margin: 0 5px 5px 8px;
display: inline;
font-size: 0.75em;
text-align: left;
padding-bottom: 20px;}

#left H1 {
color: #C60000;
margin: 0;
font-size: 1.2em;
border: 0;}

#left H1 A {
color: #C60000;
text-decoration: none;}

#main {
position:relative;
margin-left:175px;}

#content {
width: 620px;
margin: 0 140px 0 0;
padding: 0px 10px 0px 10px;
text-align:left;
z-index: 20;}

.leesverder, .terug, .besteldepdf {
float:right;
background-repeat: no-repeat;
margin-top: 5px;}

.leesverder {
background-image: url(/images/pijl.gif);
background-position: top right;
padding-right: 18px;}

.terug {
background-image: url(/images/terug.gif);
background-position: top left;
padding-left: 18px;}

.besteldepdf {
text-align: right;
background-image: url(/images/pdf.gif);
background-repeat: no-repeat;
background-position: top left;
padding-left: 22px;}

.dossierul {
list-style-image: url(/images/pijl.gif);
list-style-type: circle;
margin: 20px 0 0 0;
padding-left: 20px;}

.dossierli {
margin: 0 0 0 5px;}

A.artikel {
color: #D21F33;
text-decoration: none;}

.small {
font-size: 0.8em;}

.gray {
color: #555555;}

.foto {
float: left;
margin-right: 10px;
border: solid 1px #555555;}

.form {
border-top: dashed 1px #CCCCCC;
border-right: dashed 1px #CCCCCC;
border-bottom: solid 1px #CCCCCC;
border-left: solid 1px #CCCCCC;}

#leesverder A, #leesverder {
color: #C60000;
font-weight: bold;
text-decoration: none;
padding: 10px 0 0 0; }

#right {
float:right;
width:140px;
text-align:left;
margin: 0 7px 5px 5px;
display: inline;
font-size: 8pt;}

#ookadverteren {
text-align: center;
padding: 5px;
margin: 10px 0 10px 0;
border: solid 1px #C60000;
background-color: #FFFFFF;}
#ookadverteren1 {
text-align: left;
padding: 5px;
margin: 0px 10 0px 0;
border: solid 1px #C60000;
background-color: #FFFFFF;}


.abocell1 {padding: 0 0 0 5px}
.abocell2 {padding: 3px 0 10px 5px}

.viernul {width: 40px;}
.driedrienul {width: 330px;}
.viertweenul {width: 420px;}

#clearfooter {
clear:both;
height:10px;
overflow:hidden;}

#footer {
position:relative;
/*bottom:0;*/
width:100%;
color:#000000;
text-align: center;
margin:auto;
padding: 0px 0 5px 0;
font-size: 0.8em;
font-weight: bold;
background-color: #C0C0C0;
background-image: url(/images/topbottom.gif);
background-repeat: no-repeat;}

#footer A {color: #FFFFFF; text-decoration: none;}
#footer A:hover {text-decoration: underline;}
#footer A:visited {color: #D7D7D7;}

/*seminars opmaak*/
#seminars ul {
	padding:0px;
	margin:0px;
	list-style:none;
	}
#seminars ul li {
	border-bottom:1px solid #cccccc;
	display:block;
	margin-bottom:15px;
	}
#seminars h2 {
	color:#ff0000;
}
#seminars h2 a {
	color:#ff0000;
	text-decoration:none;
}
#seminars h2 a:hover {
	padding:2px 10px;
	border-radius:4px;
	background:#333;
	color:#fff;
}			
#seminars p {
	line-height:24px;
}
#seminars p a {
	padding:1px 10px;
	border-radius:4px;
	background:#E9E9E9;
	color:#666;
	margin:10px 0px 0px 0px;
	font-size:12px;
	text-decoration:none;
	display:inline-block;
}
#seminars p a:hover {
	background:#333;
	color:#fff;
}
#seminars p a.aanmeld {
	padding:1px 10px;
	border-radius:4px;
	background:#333;
	color:#fff;
	margin:10px 0px 0px 0px;
	font-size:12px;
	text-decoration:none;
	display:inline-block;
}	
#seminars p a.aanmeld:hover {
	background:#060;
	color:#fff;
}
#seminars p a.aanmeld.detail {
	text-align:center;
	display:block;}
#seminars p strong {
	padding:2px 4px;
	border-radius:4px;
	background:#F00;
	color:#FFF;
}
#seminars p2 strong {
/*
	padding:2px 4px;
	border-radius:4px;
	background:#F00;
	color:#FFF;
*/	
}
#seminars span.toptext {
	padding:2px 4px;
	border-radius:4px;
	background:#F00;
	color:#FFF;
	font-weight:bold;
}
#seminars p.datum {
	font-size:12px;
	color:#666666;
	line-height:16px;
}
#seminars p.datumdetail {
    background: none repeat scroll 0 0 #EFEFEF;
    border-radius: 4px 4px 4px 4px;
    color: #666666;
    display: block;
    float: left;
    font-size: 12px;
    line-height: 16px;
    margin: 16px 10px 10px 0;
    padding: 10px;
    width: 120px;
}

#seminars table {
	font-size:12px;
}

#seminars .extrapersoon {
	background:#D3D3D3;
	 border: 1px solid #CCC;
	padding:5px;
	border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
    margin-top: 5px;
}
#seminars input[type=text] {
 border: 1px solid #CCC;
} 
#seminars input[type=submit] {
	width:100%;
} 


a#projectinfo-link, a#projectinfob-link, a#projectinfoc-link { text-decoration:none; color:#999}

a#projectinfo-link span, a#projectinfob-link span, a#projectinfoc-link span {
	padding:0px 5px;
	background:#ccc;
	color:#FFF;
	border-radius:50%;
	-moz-border-radius:50%;
	-o-border-radius:50%;
	text-decoration:none;
	font-size:16px;
	font-weight:bold;

	   display:inline-block;
}
a#projectinfo-link:hover, a#projectinfob-link:hover, a#projectinfoc-link:hover {color:#666}

a:hover#projectinfo-link span, a:hover#projectinfob-link span, a:hover#projectinfoc-link span {
	background:#999;
}
a#projectinfo-link span.sluit, a#projectinfob-link span.sluit, a#projectinfoc-link span.sluit {
    margin-top: -4px;
}
a:hover#projectinfo-link span.sluit, a:hover#projectinfob-link span.sluit, a:hover#projectinfoc-link span.sluit {
	background:#f00;
}
/*validatie opmaak seminars*/
.InputGroup {
    display: inline-block;
    padding: 3px 4px;
    border: 1px solid #FFF;
    border-radius: 7px;
    -moz-border-radius: 7px;
}

.ErrorField {
    border: 1px solid #D00;
    color: #D00;
    background: #FFFFFE;
}
span.ValidationErrors {
    background: none repeat scroll 0 0 #FF0000;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 10px;
    font-weight: bold;
    margin-left: 10px;
    padding: 4px;
	opacity:1;
}

#seminars input[type="text"].ErrorField {
    border: 1px dotted #D00;
    color: #D00;
    background: #FFFFFE;
}

.status1 {
	width:10px;
	height:10px;
	display:block;
	background:#0C0;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-webkit-border-radius: 50%;
}
.status2 {
	width:10px;
	height:10px;
	display:block;
	background:#FF0;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-webkit-border-radius: 50%;
}
.status3 {
	width:10px;
	height:10px;
	display:block;
	background:#F00;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-webkit-border-radius: 50%;
}
.status4 {
	width:10px;
	height:10px;
	display:block;
	background:#F90;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-webkit-border-radius: 50%;
}

#seminars .boldnormaal p strong {
	padding:0px;
	background:none;
	color:#000;
	border-radius:0px;
}
