/* === Reset === */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* === Global === */
body {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 13px;
	margin: 0px;
	padding: 100px 0px 0px 150px;
}

img {
	border: 0px;
}

div.clear {
	clear: both;
}

@media screen {
	body>div#header {
		position: fixed;
	}
	body>div#navigation {
		position: fixed;
	}
}

* html body {
	overflow: hidden;
} 

* html div#main {
	height: 100%;
	overflow: auto;
}

fieldset {
	border: none;
	margin: 0px;
	padding:0; 
}

fieldset legend {
	display: none;
}

.clear {
	clear: both;
}

/* === Header === */
#header {
	background-color: #fff;
	border-bottom: 1px solid #000;
	height: 100px;
	left: 0px;
	position: absolute;
	top: 0px;
	width: 100%;
}

#headerLeft {
	left: 0px;
	margin-right: 10px;
	position: absolute;
	z-index: 1;
}

#liftTekst {
	background-color: #ffff67;
	border: 1px solid #000;
	display: block;
	font-size: 10px;
	height: 65px;
	line-height: 13px;
	margin: 5px auto;
	padding: 8px 5px 0px 5px;
	width: 488px;
	z-index: 2;
}

#liftTekst a {
	color: #000;
	font-weight: bold;
}

#headerRight {
	position: absolute;
	right: 10px;
	top: 5px;
}

/*=== Navigation === */
#navigation {
	border-right: 1px solid #000000;
	background-color: #002b68;
	height: 100%;
	left: 0px;
	position: absolute;
	top: 100px;
	width: 149px;
}

#navigation ul {
	list-style-type: none;
	margin: 10px 0px 30px 20px;
	padding: 0px;
}

#navigation li a {
	background-color: #ffffff;
	border: 1px solid #000000;
	color: #000000;
	display: block;
	font-family: "Myriad Pro", Sans-Serif;
	font-size: 12px;
	font-weight: 600;
	height: 12px;
	line-height: 12px;
	margin-bottom: 10px;
	padding: 3px;
	padding-right: 5px;
	text-align: right;
	text-decoration: none;
	width: 100px;
}

#navigation li a:hover {
	background-color: #194189;
	color: #ffffff;
}

#cedeo {
	border: 1px solid #000;
	margin-left: 20px;
}

#crkbo {
	margin: 20px 0px 0px 20px;
}

#mailinglijst {
	background-color: #ffff67;
	border: 1px solid #000;
	color: #000;
	display: block;
	font-size: 10px;
	line-height: 13px;
	height: 102px;
	margin-left: 20px;
	padding: 3px;
	text-align: center;
	text-decoration: none;
	width: 102px;
}

/*=== Main === */
#main {
	margin-top: 15px;
	padding: 0px 200px 0px 10px;
	width: 85%;
}

#main p {
	margin-bottom: 15px;
}

#main a {
	color: #000000;
}

#main span.title {
	font-weight: bold;
}

/*=== Seminars === */
.seminarsMain {
	margin-top: 10px;
	margin-bottom: 20px;
}

.seminarsMain a {
	text-decoration: none;
}

.seminarsMain a:hover {
	text-decoration: underline;
}

.seminarsMain table {
	margin-bottom: 20px;
}

.seminarsDatum {
	width: 300px;
}

.seminarsMain h2 {
	font-size: 14px;
	font-weight: bold;
}

.seminarsMain h3 {
	font-weight: bold;
	margin-top: 20px;
}

/* === Inschrijven === */
#inschrijven label {
	float: left;
	width: 280px;
}

#inschrijven input[type=radio] {
	margin-bottom: 5px;
}

#inschrijven input[type=text] {
	margin-bottom: 5px;
	width: 300px;
}

#inschrijven label.error {
	color: red;
	float: none;
	padding-left: 10px;
	vertical-align: top;
}

#inschrijven p {
	clear: both;
}

#ingeschreven {
	text-align: center;
}

/* === Contact === */
#contactMap {
	left: 350px;
	margin-left: 350px;
	top: -200px;
	margin-top: -200px;
}

/* === Other === */
#nieuws li, #pers li, #nieuwsbrieven li {
	margin-bottom: 15px;
}

a[href$=".pdf"]:after, a[href$=".doc"]:after, a[href$=".xls"]:after, a[href$=".ppt"]:after {
	padding-left: 5px;

}

a[href$=".pdf"]:after {
	content: url(images/icons/pdf.png);
}

a[href$=".doc"]:after {
	content: url(images/icons/doc.png);
}

a[href$=".xls"]:after {
	content: url(images/icons/xls.png);

}

a[href$=".ppt"]:after {
	content: url(images/icons/ppt.png);
}

/* === Klachten === */
#klachten h3 {
	font-weight: bold;
}

/* === Admin === */
.adminMain {

}

.adminMain h2 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
	text-decoration: underline;
}

.adminMain h3 {
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

.adminMain a {
	text-decoration: none;
}

.adminMain a:hover {
	text-decoration: underline;
}

.adminMain ul {
	list-style-type: none;
	margin: 0px;
	margin-bottom: 20px;
	padding: 0px;
}

#adminForm p label {
	float: left;
	margin-right: 10px;
	width: 80px;
}

.adminButtons {
	float: left;
	margin-right: 10px;
}

/* === Seminar toevoegen === */
#toevoegen label, #aanpassen label {
	float: left;
	margin-right: 10px;
	width: 160px;
}

#toevoegen input[type=text], #aanpassen input[type=text] {
	margin-bottom: 20px;
	width: 208px;
}

#toevoegen textarea, #aanpassen textarea {
	margin-bottom: 20px;
}

#toevoegen input[type=file], #aanpassen input[type=file] {
	margin-bottom: 20px;
}

button, input[type=submit] {
	background-color: #fff;
	border: 1px solid #000;
	cursor: pointer;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

button:hover, input[type=submit]:hover {
	background-color: #194189;
	color: #fff;
}

input[type=sumbit].verwijderen:hover {
	background-color: red;
}

#verwijderen input[type=submit]:hover {
	background-color: #ff0000;
}

/* === Inschrijvingen === */
#inschrijvingen {
	border: 1px solid #000;
	margin-bottom: 20px;
}

#inschrijvingen thead th {
	border-bottom: 1px solid #000;
	padding-left: 3px;
	font-weight: bold;
	text-align: left;
}

#inschrijvingen tbody td {
	padding-left: 3px;
}

/* === Aanpassen === */
.test-list li img.handle {
	margin-right: 10px;
	cursor: move;
}