/*GLOBAL*/
* {margin:0;padding:0;}
body {background: #7ABFFF; margin:0; font: 12px/18px "Helvetica Neue", Helvetica, Arial, sans-serif; color:#000;}

/*PLAATSING*/
#wrap {width: 972px; margin: 0px auto 0px auto;}
#head {background: #fff;}
#zoeken {float: right; height: 36px; background: #FF9F40;}
h1 {height: 126px; width: 378px; background: transparent url(/tmpl/logo.png) no-repeat;}
#photo {width: 100%; height: 100%; background: transparent url(/tmpl/topbg.jpg) top right;}
#content {background: #fff url(/tmpl/line.gif) 75% repeat-y; width: 100%;}
	.sidebar div {margin: 0 auto 20px auto; width: 180px; background: #f5f5f5; padding: 18px; border-top: 3px solid #ccc;}
	.sidebar #kalender {border-color: #285681;}
	#rss {display: block; background: transparent url(/tmpl/feed-icon.png) no-repeat top right; height: 64px; padding: 27px 63px 0 0; margin: -9px 18px auto 18px;}
	#articlenav {margin: 0 18px 20px 18px;}
	
#foot {text-align: right; background: #000 url(/tmpl/bottomlogo.gif) no-repeat; color: #fff; height: 36px;}
	#foot p {margin-right: 18px; top:9px; position: relative;}
	
.threecol {/*width: 720px;*/ width: 75%;}
.twocol {/*width: 468px;*/ width: 50%;}
.onecol {/*width: 234px;*/ width: 25%;}

.post {margin: 18px;}
.postmeta {border-bottom: 1px dashed #ccc; font-style: italic;color: #555; padding: 0 0 3px 18px; background: #fff url(/tmpl/pencil.png) no-repeat;}
	a.edit, a.edit:hover {font-size: 12px; background: #999; -moz-border-radius: 4px; margin-left: 8px; color: #fff !important; text-decoration: none; padding: 2px 5px;}
	a.edit:hover {background: #bbb !important;}
.postcontent {margin-top: 18px;}

/*KLASSEN*/
.x {position:absolute; left:-9999px; top:-9999px;}
.cl {clear: left;}
.cr {clear: right;}
.left {float: left;}
.right {float: right;}
img.left {margin:0 18px 18px 0;}
img.right {margin:0 0 18px 18px;}
.post .voetnoot p {font-style: italic; color: #777;}
.post .inset  {background: #f5f5f5; border: 1px dotted #ccc; color: #333; width: 100%; margin-bottom: 20px;}
.post .inset p {margin: 20px;}

/*ELEMENTEN*/
h2, h3, h4 {font-weight: normal; margin-bottom: 18px;}
h2 {font-size:24px; line-height:36px;}
h3 {font-size:18px; line-height:18px; margin-bottom: 9px;}
	.sidebar h3 {margin-bottom: 6px; font-size: 12px; text-transform: uppercase; font-weight: bold; letter-spacing: 1px;}
h4 {font-size:16px; line-height:16px; color: #666;}

p {margin-bottom:20px;}
img {border:none;}

.post h2 {margin-bottom: 0; clear: both;}
.post p, .post ul, .post ol {font: 14px/20px Georgia, serif;}
.post ul, .post ol {margin: 0 18px 20px 18px;}
.post img {max-width: 100%;}
.post img.left {margin: 0 18px 10px 0;}
.post img.right {margin: 0 0 10px 18px;}
.post blockquote {margin: 0 3em 1em 2em; border-left: 4px solid #ddd;}
.post blockquote p {margin-left: 1em;}

.sidebar ul {margin-left: 0; list-style: circle;}
#content li {margin-bottom: 20px;}
#content .simple li {margin-bottom: 0;}

/*TOPMENU*/
#head ul {height: 36px; margin: 0; padding: 0; list-style: none; float: right;}
#head li {float: left; border-left: 1px solid #000; margin-top: 9px;}
	#head ul li:first-child {border-left: none;}
#head li a {margin: 0 9px; color: #333; border-bottom: 1px solid #777; text-decoration: none;}
#head li a:hover {color: #CC5514; border-color: #CC5514;}
#head {text-align: right;}

/*HOOFDMENU*/
#menu {background: white; height: 54px; margin-bottom: 18px;}
	#menu ul {margin: 0; padding: 0; list-style: none; height: 54px;}
		#menu li {float: left; position: relative; height: 54px;}
			#menu li ul {position: absolute; display: none; top: 4.5em; left: auto; background: #f1f1f1; height: auto; padding-bottom: 9px; border: 1px solid #ddd; border-top: none;}
			#menu li:hover ul, #menu li.over ul {display: block; z-index: 10;}
				#menu li ul li {margin: 0.5em 0 0 3em; height: auto;}

#menu a {height: 54px; float: left; background: transparent url(/tmpl/menu.png);}
#menu a b {display: none;}

#home a {width: 95px;} #home a:hover {background-position: 0 -54px;} #home.active a {background-position: 0 -108px;}
#babylon a {width: 145px; background-position: -95px 0;} #babylon a:hover {background-position: -95px -54px;} #babylon.active a {background-position: -95px -108px;}
#onderwijs a {width: 165px; background-position: -240px 0;} #onderwijs a:hover { background-position: -240px -54px;} #onderwijs.active a {background-position: -240px -108px;}
#cursusdienst a {width: 162px; background-position: -405px 0;} #cursusdienst a:hover {background-position: -405px -54px;} #cursusdienst.active a {background-position: -405px -108px;}
#gueststudents a {width: 203px; background-position: -567px 0;} #gueststudents a:hover {background-position: -567px -54px;} #gueststudents.active a {background-position: -567px -108px;}
#fotos a {width: 115px; background-position: -770px 0;} #fotos a:hover {background-position: -770px -54px;} #fotos.active a {background-position: -770px -108px;}
#links a {width: 87px; background-position: -885px 0;} #links a:hover {background-position: -885px -54px;} #links.active a {background-position: -885px -108px;}

/*LINKS*/
#menu li ul a {text-decoration: none; color: #000; font-size: 1.25em; height: auto; background: none;}
#menu li ul a:hover {color: #0082ff;}

.post p a, .post ul a, .post ol a, table a {color: #0082ff; text-decoration: none; border-bottom: 1px solid #0082ff;}
.post p a:visited, .post ul a:visited, .post ol a:visited, table a:visited, .sidebar a:visited {color: #777; border-color: #999;}
.post p a:hover, .post p a:active, .post p a:focus,
.post ul a:hover, .post ul a:active, .post ul a:focus,
.post ol a:hover, .post ol a:active, .post ol a:focus,
table a:hover, table a:active, table a:focus {color: #CC5514; border-color: #CC5514; background: #ffe9d4;}

.sidebar a {color: #CC5514; text-decoration: none;}
.sidebar a:hover, .sidebar a:active, .sidebar a:focus {color: #000;}

.postmeta a, .commentsinvite a {color: #777;}
.postmeta a:hover, .postmeta a:active, .postmeta a:focus {color: #cc5514; background: transparent;}

a #rss {color: #000; text-decoration: underline;}

.post h2 a {text-decoration: none; color: #000; border: none;}
.post h2 a:hover {text-decoration: none; color: #0087FF; border: none;}

#categories a, #forum-recent a {font-size: 12px;}

#foot a {color: #fff; text-decoration: none; border-bottom: 1px solid #fff;}
#foot a:hover {color: #FF9F40; border-color: #FF9F40;}

#articlenav a {
	margin: 20px 0 20px 18px; 
	padding: 10px 18px; 
	text-align: center; 
	color: #fff; 
	background: #000;
	text-decoration: none;}
#articlenav a:hover {background: #CC5514;}

/*FORMS*/
form, fieldset {margin:0; padding:0;}
fieldset {border:0}
legend {display:none}
input, textarea {display:block; padding:3px 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px;}
textarea {font-size: 14px; line-height: 20px;}

#zoeken form {margin: 9px 18px 0 0;}
#zoeken input {margin-left: 6px; padding:0; display: inline;}
#zoeken input:focus {color: #222;}

.zemText, .zemSelect, .zemTextarea {margin: -18px 0 18px 0;}
.zemTextarea {width: 90%;}
.zemContactForm {margin: -9px 0 18px 0;}
.zemContactForm label {display: block; margin: 0; padding:0;}

/*COMMENTS*/
.post ol.comments {list-style: none; margin: 18px 0; padding: 0;}
	.comments li {margin: 0; padding: 0;}
	.comment .small {clear: both; margin: 18px;}
	.even {background: #eee; border: 1px dotted #ccc;}
	.odd {border: 1px dotted #ccc;}
	.comment p {margin: 18px;}
	.comment-content {margin-right: 84px;}
	.gravatar {float: right; margin: 18px; border: 6px solid #fff;}

.comments-wrapper {margin-bottom: 20px;}
	.comments-wrapper .button, .comments-wrapper .checkbox {float: left; margin-right: 1em;}
	.comment_name_input, .comment_email_input, .comment_web_input {width: 100%;}
	.txpCommentInputMessage {height: 11em; width: 100%;}
	.comments-wrapper .twocol {margin-left: 18px;}

p.commentsinvite {border: 1px dashed #ccc; border-right: none; border-left: none; text-align: left; background: #f5f5f5 url(/tmpl/comment.gif) no-repeat left center; padding-bottom: 3px; font-size: 13px;}
	p.commentsinvite a {font-style: italic; margin-left: 27px;}
	p.commentsinvite a:hover {background: transparent;}

/*KALENDER*/
#kalender .aa dt {border-bottom: 1px solid #555; color: #555; margin: 9px auto;}
#kalender .rssSubdate {font-weight: bold; color: #555;}

.kalender {width: 100%;}
	.kalender th {background: #eee; border: 1px solid #ccc; color: #000;}
		.kalender th a {font-size: 18px;}
		.kalender th a:hover, .kalender th a:active, .kalender th a:focus {background: none;}
	.kalender td {border: 1px solid #ccc; vertical-align: top; padding: 3px; width: 13%; max-width: 90px;}
	.kalender .invalidDay {border: none;}
	.kalender .hasarticle {background: #ffe;}
	.kalender .permalink {background: #ffe url(/tmpl/star.png) no-repeat; padding-left: 18px;}
	.kalender td.today {border: 1px solid #0082ff;}

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