/*GLOBAL*/
* {margin:0;padding:0;}
body {
	/*background:#fff url(../img/bg.jpg) no-repeat fixed left top;*/
	background:#fff url(../img/bg4.jpg) repeat fixed left top;
	margin:0;
	font:14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#222;
}

/*PLAATSING*/
/*#wrap {width: 966px; margin: 20px 0 0 20px; background: #fff; border-right: 1px solid #ccc;}*/
#wrap {width: 966px; margin: auto; margin-top: 20px; background: #fff; border-right: 1px solid #ccc;}
	#head {height: 210px; width: 224px; background: url(../img/logo_.png) #fff; margin: 20px 0 0 14px;}
	#menuwrap {height: 210px; width: 714px; background: #fff url(../img/topbg2.jpg) no-repeat right top; margin-top: 20px;}
	#content {background: #fff url(../img/line.gif) repeat-y 224px 0; margin: 20px 14px;}
		#maincontent {margin-left: 224px; background: transparent;}
	#foot {width: 938px; background: #fff; margin-left: 14px; height: 40px; text-align: right; color: #999; border-top: 1px dotted #ccc; padding-top: 19px;}

/*KLASSEN*/
.x {position:absolute; left:-9999px; top:-9999px;}
.left {float:left;}
.right {float:right;}
.clear {clear: both; display: block;}
.one {width: 224px;}
.two {width: 462px;}
.three {width: 700px;}
.sessie {width: 436px;}
.bio {width: 250px;}
.mleft {margin-left: 14px;}
.mright {margin-right: 14px;}
p.desc {color: #999; text-transform: uppercase; font-weight: bold; font-size: 12px;}
p.dropcap:first-letter {float: left; line-height: 34px; margin-top: 4px; font-size: 44px; margin-right: 3px; color: #167bc4; font-weight: bold;}
.popout {background: #000; color: #fff;}
p.inschrijven {display: block; padding-top: 20px; font-size: 20px; line-height: 20px; margin-top: 10px; color: #167bc4; background: url(../img/arrow.gif) no-repeat right 22px;}
#content a.img {border: none;}
#content li.img {list-style: none;}

/*ELEMENTEN*/
h2 {font-size:44px; line-height:60px; margin:0 7px; font-weight: normal; color: #167bc4; font-family: 'Times New Roman', 'Times', serif; letter-spacing: -1px;}
h3 {font-size:28px; line-height:40px; margin:0 7px; font-weight: normal; color: #fa0015; font-family: 'Times New Roman', 'Times', serif; font-style: italic;}
	.popout h3 {color: #ff1519; line-height: 30px; margin: 10px 7px;}
h4 {font-size:18px; line-height:24px; margin:0 7px; font-weight: normal; color: #fa0015; font-family: 'Times New Roman', 'Times', serif; font-style: italic;}

#content p, #content table {margin:0 7px 20px 7px;}
#sidebar p {margin: 0 21px 20px 0px;}
#content img {border:none; max-width: 100%;}
#praktisch {list-style: none; padding: 0; margin-left: 14px;}

#content table {font-size: 12px; width: 680px; border-collapse: collapse; margin-bottom: 20px;}
#content table thead td {background: #ffc;}
#content table th {border: 1px solid #ccc; padding: 1px 4px; background: #eee; text-align: right;}
#content table td {border: 1px solid #ccc; padding: 1px 4px; background: #fff;}
#content table td {text-align: center;}

#content ul {margin: 0 7px 20px 7px;}

/*MENU*/
#menu {list-style: none; margin-top: 165px;}
#menu li {display: block; float: left; margin-left: 21px;}
#menu li a {display: block; float: left; background: transparent; color: #222; font-size: 18px; line-height: 30px; text-decoration: none;}
#menu li a:visited {color: #444;}
#menu li a:hover, #menu li a:focus {border-bottom: 1px solid #134aab; color: #00338d;}

/*LINKS*/
#content a {color: #02c; text-decoration: none; border-bottom: 1px solid #ccc;}
#content a:visited {color: #57c; border-color: #ccc;}
#content a:hover, #content a:focus {color: #03f; border-color: #9af;}

#content .popout a {color: #ff1519; text-decoration: none; border-color: #aaa;}
#content .popout a:visited {color: #dc1014; border-color: #888;}
#content .popout a:hover, #content .popout a:focus {color: #ff5a3a; border-color: #ccc;}

#foot a {text-decoration: none; color: #555; border-bottom: 1px solid #aaa;}
#foot a:visited {color: #888; border-color: #ccc;}
#foot a:hover, #foot a:focus {text-decoration: none; color: #333; border-bottom: 1px solid #888;}

#content a.bigbutton {-webkit-transition: background-color 0.14s linear; display: block; padding: 15px 7px; height: auto; font-size: 20px; line-height: 20px; text-align: center; margin-top: 10px; border: none; background: url(../img/button.png) 0 0 #167bc4; color: white; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;}
#content a.bigbutton:visited {background-position: 0 -150px; color: #f9ffcc;}
#content a.bigbutton:hover, #content a.bigbutton:focus {color: #fff; background-color: #f0ec25; background-position: 0 -50px;}
#content a.bigbutton:active {background-color: #000; background-position: 0 -100px;}

/*FORMS*/
form, fieldset {margin:0; padding:0;}
fieldset {border:0}
legend {display:none}
input, textarea {display:block; padding:3px;}

.clearfix:after, .group:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix, .group {display:inline-block;}
/* Hide from IE Mac \*/
	.clearfix, .group {display:block;}
/* End hide from IE Mac */