body,td{
		font-family: arial;
		font-size: 12px;
		color: #1A3481;
        margin: 0px;
        padding: 0px;
}

.nomargin{
	margin:0px;
	display: inline;
}

.emptyHeadline{
	border: 2px solid red;
	padding:2px;
	margin:0px;
}

a.content {color:#1A3481; text-decoration:underline}
a.content:hover {color:#FFF; background:#1A3481; text-decoration:none}

a.menu {
		color:white; 
		text-decoration:none;
	}
	
a.menu:hover {
		color:#FF00000; 
		text-decoration:none;
	}
	
li#menu{
	color:white;
	padding-left:10px;
}

table.container {
        position: relative;
        margin: 0 auto;
        width: 910px;
        height: 432px;
        padding:0px;
}

table.content {
	border: 1px solid blue;
}

.tabeltitel-succes{
	background-color: Green;
	color:white;
	font-weight:bold;
}

.tabeltitel-fout{
	background-color: red;
	color:white;
	font-weight:bold;
}

th{
	text-align:left;
	border-bottom:1px solid blue;
}

td.topbar{
		height: 80px;
		width:910px;
		background-image: url('../images/top.jpg');
		background-repeat: no-repeat;
		vertical-align: bottom;
}

td.menu{
        background-color: #448ED5;
        width: 222px;
        vertical-align: top;
}

td.content{
        background-color: #EFF7F7;
        padding:20px;
        vertical-align: top;
        width: 688px;
}

.verplicht {
		color: red;
}

.titel{
	/*kopje bovenin het content-frame*/
		font-weight: bold;
		font-size: 18px;
		margin-bottom: 10px;
}

.ondertitel{
		font-weight: bold;
		font-size: 13px;
		font-style:italic;
		padding-bottom: 5px;
		color: #c71e33;
}
.berichttekst{
		margin-bottom: 10px;
	
 }
 
.nieuwsbericht, .opening{
	border-bottom: 1px solid #45AAEA;
 }
 
.aanwijzing{
	/*aanwijzingen in formulier*/
		color: #555555;
		font-style: italic;
}

.fout{
	/*error message */
		color: red;
		font-weight: bold;
		padding-top: 4px;
		padding-bottom: 4px;
}
.succes{
	/*succes message */
		color: green;
		font-weight: bold;
		padding-top: 4px;
		padding-bottom: 4px;
}

.formtext{
	padding-top: 3px;
	padding-bottom: 3px;
}
.formtextline{
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom: 1px solid #45AAEA;
}

.formnamecell{
	font-weight: bold;
	vertical-align: top;
	padding-right: 5px;
}

.cel-input{
	/*invoercel van formulier */
}

.overzichttabel, .menuEditor{
	border:1px solid #448ED5;
	width:100%;
}

.tabeltitel{
		font-weight: bold;
		font-style: italic;
		font-size: 18px;
		padding-bottom: 10px;
		background-color:#3e3fa5
		color:white;
}

.mededeling{
	border:1px solid #448ED5;
}

.cel{
	/* overzicht-lijst */
	background-color:#ebfgfa
}
.cel2{
	/* overzicht-lijst */
	background-color:#e0f5f8
}

td.plaatsGoed{
	background-color:#7dda9a;
    padding-left: 24px;
}
td.plaatsFout{
	background-color:#ffcaae;
    padding-left: 24px;
	}
td.plaatsGeentoegang{
    background-color:#e0f5f8;
    padding-left: 24px;
}
    
td.hoofdPlaatsGoed{
    background-color:#7dda9a;
    font-size: 15px;
    font-weight: bold;
}
td.hoofdPlaatsFout{
    background-color:#ffcaae;
    font-size: 15px;
    font-weight: bold;
}
td.hoofdPlaatsGeentoegang{
    background-color:#e0f5f8;
    font-size: 15px;
    font-weight: bold;   
}

.markeren{
	color: red;
}

/* inlogknop rechtsonder op homepage */
	div#inlogknop{
		position: relative; 
		right: 40px; 
		top:-60px;
	}
	
	#inlogknop a:link{
		color: #1A3481;
		text-decoration: none;
		font-size: 17px;
	}
	#inlogknop a:visited{
		color: #1A3481;
		text-decoration: none;
		font-size: 17px;
	}
	#inlogknop a:hover{
		color: #1A3481;
		text-decoration: none;
		font-size: 17px;
	}
	#inlogknop a:active{
		color: #1A3481;
		text-decoration: none;
		font-size: 17px;
	}
	
/* aanmeldbutton links onder op homepage */
	div#aanmeldbutton{
		position: absolute;
		top: 40px;
		right: 10px;
		text-align: right;
	}
	
	#aanmeldbutton a:link{
		color: white;
		text-decoration: none;
		font-size: 17px;
	}
	#aanmeldbutton a:visited{
		color: white;
		text-decoration: none;
		font-size: 17px;
	}
	#aanmeldbutton a:hover{
		color: white;
		text-decoration: none;
		font-size: 17px;
	}
	#aanmeldbutton a:active{
		color: white;
		text-decoration: none;
		font-size: 17px;
	}

.foutmelding{
	/* foutmelding achter een foutief ingevuld form-veld */
	color: red;
	font-weight: bold;
}
.foutBox{
	/* foutmelding in box */
	color: red;
	font-weight: bold;
	border: 1px solid red;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px;
}
.messageBox{
	color: green;
	font-weight: bold;
	border: 1px solid green;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px;
}
/* ===== dienst- en aanbiederinfo =================*/
	.box {
			border-bottom: 1px solid #c71e33;
			border-top: 1px solid #c71e33;
			width:100%;
			padding-top:5px;
			padding-bottom:5px;
			margin-bottom: 5px;
	}
	
	table#aanbiederinfo{
		width: 100%;
	}
	
	.lijnboven {
			border-top: 1px solid #c71e33;
			width:100%;
			padding-top:5px;
	}
	
	.lijnonder {
			border-bottom: 1px solid #c71e33;
			width:100%;
			padding-bottom:5px;
	}
	
	table#dienstinfo{
		border:0px solid black;
		width:100%;
	 }
	 
	 td.aanbiederbody,td.dienstbody{
	 	padding: 10px;
	 }
	 .price{
	 	padding: 10px;
	 }
	 .url{
	 	padding: 10px;
	 }
	 .dienstopnetwerkbox{
	 	padding-top: 10px;
	 }
	 
/* ----- categorieën ------*/
 	.level1{
		padding-left: 20px;
		background-color:#e0f5f8;
		font-weight: bold;
	}
	.level2{
		padding-left: 40px;
		background-color:#ebfgfa;
	}
	.level3{
		padding-left: 60px;
	}
	.level4{
		padding-left: 80px;
	}
	.level5{
		padding-left: 100px;
	}
