/* Deze CSS opmaak is nodig voor CasualCMS. Maak wijzigingen voor de website in default.css */

/* Reset CSS */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,img {
	border: 0;
}

address,caption,cite,code,dfn,th,var {
	font-style: normal;
	font-weight: normal;
}

caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}

q:before,q:after {
	content: ”;
}

html {
	overflow: -moz-scrollbars-vertical;
}

* {
	margin: 0px;
	padding: 0px;
}

/* Message class */

.msg {
	color: #ff0090;
	font-weight: bold;
}

.emsg {
	color: #c30;
	font-weight: bold;
}

/*  */

body,td,th {
	font-size: 11px;
}

h1,h2,h3,h4,h5,h5 {
	padding: 10px 0px;
	font-weight: normal;
}

p {
	padding: 5px 0;
    line-height: 1.5em;
}

ul, ol {
	margin-left: 20px;
    line-height: 1.5;
}

.list {
	margin-left: 20px;
	list-style-type: none;
}

.list a {
	display: block;
	padding: 3px;
	text-decoration: none;
}

.list a:hover {
	text-decoration: none;
	color: #7abdd3;
}

img {
	border: 0;
}

/* Structuur */

#wrapper {
	margin: 0px auto;
	width: 800px;
}

#header {
}

#nav {
}

#delenNav {
}

#content {
	width: 800px;
}

#totaal {
}

#leftBig {
	width: 550px;
	float: left;
}

#leftSmall {
	width: 250px;
	float: left;
}

#mid {
	width: 250px;
	float: left;
}

#rightBig {
	width: 550px;
	float: left;
}

#rightSmall {
	width: 250px;
	float: left;
}

#footer {
	clear: both;
}

/* Admin Nav */

.adminNav {
	padding: 5px;
	border: 1px solid #fc0;
	background-color: #fff;
	font-family: Verdana, sans-serif;
}

.adminNav * {
	color: #333;
}

.adminNav a:link, .adminNav a:active, .adminNav a:visited {
	color: #000;
	font-size: 11px;
	text-decoration: none;
	border: 0px;
}

.adminNav a:hover {
	color: #000;
	text-decoration: underline;
}

.adminNav.kolom {
	border: 1px solid #f09;
}

.adminNav.pagina {
	border: 1px solid #7abdd3;
}

/* User Nav */

.userNav {
	padding: 5px;
	border: #A6CE3A 1px solid;
	margin: 5px 0px;
	background-color: #fff;
	font-family: Verdana, sans-serif;
}

.userNav a:link, .userNav a:active, .userNav a:visited {
	color: #000;
	text-decoration: none;
	font-size: 11px;
	border: 0px;
}

.userNav a:hover {
	color: #000;
	text-decoration: underline;
}

/**
 *  Admin paneel
 */  

#TB_window {
    font: 12px Arial, Helvetica, sans-serif;
    color: #333;
}

#TB_window form p {
	width: 300px;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 120px;
	height: auto;
}

#TB_window form label {
	float: left;
	margin-left: -120px;
	width: 120px;
}

#TB_window form label.select {
	margin: 0px;
	float: none;
}

#TB_window form input[type="text"] {
	width: 180px;
}

#TB_window form input[type="password"] {
	width: 180px;
}

#TB_window form textarea {
	width: 250px;
	height: 100px;
}

#TB_window form div {
	padding: 3px 0px;
}

#TB_secondLine {
    font: 10px Arial, Helvetica, sans-serif;
    color: #666;
}

#TB_window a:link {
    color: #666;
}

#TB_window a:visited {
    color: #666;
}

#TB_window a:hover {
    color: #000;
}

#TB_window a:active {
	color: #666;
}

#TB_window a:focus{
	color: #666;
}

#TB_overlay {
  	position: fixed;
  	z-index:100;
  	top: 0px;
  	left: 0px;
  	height:100%;
  	width:100%;
}

.TB_overlayMacFFBGHack {
	background: url(macFFBgHack.png) repeat;
}

.TB_overlayBG {
  	background-color: #000;
  	filter: alpha(opacity=75);
  	-moz-opacity: 0.75;
  	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
  	position: fixed;
  	background: #ffffff;
  	z-index: 102;
  	color: #000000;
  	display: none;
  	border: 4px solid #7abdd3;
  	text-align: left;
  	top: 50%;
  	left: 50%;
}

* html #TB_window { /* ie6 hack */
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display: block;
  	margin: 15px 0 0 15px;
  	border-right: 1px solid #ccc;
 	border-bottom: 1px solid #ccc;
  	border-top: 1px solid #666;
  	border-left: 1px solid #666;
}

#TB_caption{
  	height: 25px;
  	padding: 7px 30px 10px 25px;
  	float: left;
}

#TB_closeWindow{
  	height: 25px;
  	padding: 11px 25px 10px 0;
  	float: right;
}

#TB_closeAjaxWindow{
  	padding: 7px 10px 5px 0;
  	margin-bottom: 1px;
  	text-align: right;
  	float: right;
}

#TB_ajaxWindowTitle{
  	float: left;
  	padding: 7px 0 5px 10px;
  	margin-bottom: 1px;
}

#TB_title{
  	background-color: #e8e8e8;
  	height: 35px;
	font-size: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #4D433A;
}

#TB_ajaxContent{
  	clear: both;
  	padding: 2px 15px 15px 15px;
  	overflow: auto;
  	text-align: left;
  	line-height: 1.4em;
  	color: #333;
}

#TB_ajaxContent.TB_modal{
  	padding: 15px;
}

#TB_ajaxContent p{
  	padding: 5px 0px 5px 0px;
}

#TB_load{
  	position: fixed;
	display: none;
  	height: 13px;
  	width: 208px;
  	z-index: 103;
  	top: 50%;
  	left: 50%;
  	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
  	z-index: 99;
  	position: fixed;
  	top: 0;
  	left: 0;
  	background-color: #fff;
  	border: none;
  	filter: alpha(opacity=0);
  	-moz-opacity: 0;
  	opacity: 0;
  	height: 100%;
  	width: 100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
  	clear: both;
  	border: none;
  	margin-bottom: -1px;
  	margin-top: 1px;
  	_margin-bottom: 1px;
}

/* EditPanel */

.editPanel {
	display: none;
	padding: 5px;
	margin: 2px;
}

.editPanelTitel {
	font-size: 16px;
	font-weight: normal;
	padding: 10px 0px;
	color: #ff0090;
}

.editPanelClose {
	padding: 5px;
	cursor: pointer;
}

.editPanelContent {
}

.editPanelContent a:link, .editPanelContent a:active, .editPanelContent a:visited {
	text-decoration: underline;
}

.editPanelContent a:hover {
	text-decoration: none;
}

/* Config Nav */

.sortableitem {
	cursor: move;
	list-style: none;
	display: block;
	padding: 3px;
	border: 0;
	border: #fff 1px solid;
	width: 150px;
}

.sorthelper {
	color: #ff0090;
}

/* Form */

label {
	cursor: pointer;
}

input.paginaTitel {
	font-size: 18px;
	font-weight: normal;
	margin: 5px 0px;
}

input {
	font: 11px sans-serif;
	background-color: #fff;
	border: #ccc 1px solid;
	padding: 1px;
	color: #333;
}

textarea {
	font: 11px sans-serif;
	background-color: #fff;
	border: #ccc 1px solid;
	padding: 1px;
}

select {
	font: 11px sans-serif;
	border: #ccc 1px solid;
}

input.button, input[type="submit"], input[type="button"] {
	cursor: pointer;
	border: solid 1px #ccc;
	background: #999;
	color: #666;
	padding: 1px 2px;
	background: url(../img/butt_bg.gif) repeat-x left top;
}

input.titel {
	font-size: 18px;
	color: #333;
	font-weight: normal;
	font-family: sans-serif;
	letter-spacing: 0.05em;
	width: 98%;
	border: 0px;
	cursor: pointer;
}

input.subTitle {
	font-size: 16px;
	font-weight: normal;
	font-family: sans-serif;
	color: #333;
}

button {
	font: 11px sans-serif;
	background-color: #fff;
	border: #85BD1E 1px solid;
	color: #333;
	padding: 1px;
}

.searchHome {
	width: 100px;
	color: gray;
	background: #fff url('../img/search.gif') no-repeat scroll 0px center;
	padding: 1px 1px 1px 20px;
	border: 1px solid #ccc;
}

form {
	margin: 3px 0px;
}

form p {
	width: 300px;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 120px;
	height: 1%;
}

form label {
	float: left;
	margin-left: -120px;
	width: 120px;
}

form label.select {
	margin: 0px;
	float: none;
}

form input[type="text"] {
	width: 180px;
}

form input[type="password"] {
	width: 180px;
}

form textarea {
	width: 250px;
	height: 100px;
}

form div {
	padding: 3px 0px;
}

* html .threepxfix {
	margin-left: 3px;
}

/**
 *	Normaal formulier
 */ 

.normaal_formulier label {
	float: none;
	margin: 2px 0px;
}

.normaal_formulier p {
	width: auto;
	height: auto;
	padding: 2px 0px;
	margin: 2px 0px;
	clear: both;
}

.normaal_formulier input[type="text"] {
	width: auto;
}

.normaal_formulier input[type="password"] {
	width: auto;
}

.stylesheet {
}

.stylesheet table {
}

.stylesheet td {
	padding: 3px 2px;
}

.stylesheet th {
	padding: 10px 2px 0px 2px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #000;
}

/* SubpaginaList */

#subpaginaList ul {
	margin-left: 20px;
}

/* Reactiebox */

.reactie {
}

.commentbox {
	background-color: #ececec;
	padding: 5px 10px;
}

.commentfooter {
	background: url(../img/reactiearrow.gif) 20px 0 no-repeat;
	padding-left: 58px;
	padding-top: 1px;
	margin-bottom: 1.5em;
	font-size: 90%;
	color: #4A4A4A;
}

.commentfooter p, .commentbox p {
	padding: 3px 0px;
}

/***** Global Classes *****/

.clear { clear:both; }
.float-left { float:left; }
.float-right { float:right; }

.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center { text-align:center; }
.text-justify { text-align:justify; }

.bold { font-weight:bold; }
.italic { font-style:italic; }
.underline { border-bottom:1px solid; }
.highlight { background:#ffc; }

.wrap { width:960px;margin:0 auto; }

.img-left { float:left;margin:4px 10px 4px 0; }
.img-right { float:right;margin:4px 0 4px 10px; }

.nopadding { padding:0; }
.noindent { margin-left:0;padding-left:0; }
.nobullet { list-style:none;list-style-image:none; }

/* MODULES */

/* Nieuws */

.nieuwsItemList {
	border: #ccc 1px solid;
	padding: 1px 5px;
	margin: 2px 0px;
}

.nieuwsItemList p, .nieuwsItemList h2 {
	padding: 5px 0px;
}

.nieuwsItemList .nieuwsTitel h2 a {
	text-decoration: none;
	color: #ff0090;
}

.nieuwsItemList .nieuwsTitel h2 a:hover {
	text-decoration: none;
}

.nieuwsFooter, .nieuwsFooter a {
	color: #666;
}

/* Blog */

.blogItemList {
	padding: 1px 5px;
	margin: 2px 0px;
}

.blogItemList p, .blogItemList h2 {
	padding: 5px 0px;
}

.blogItemList .blogTitel h2 a {
	text-decoration: none;
	color: #ff0090;
}

.blogItemList .blogTitel h2 a:hover {
	text-decoration: none;
}

.blogFooter, .blogFooter a {
	color: #666;
}

/* Begin Fotoalbums */

.fotoAlbumList {
	border: #ccc 1px solid;
	padding: 1px 5px;
	margin: 2px 0px;
}

.fotoAlbumList .thumb {
	float: left;
	width: 75px;
	padding: 5px;
}

.fotoAlbumList .info {
	float: left;
	width: 410px;
}

.fotoAlbumList p {
	padding: 5px 0px;
}

.fotoAlbumList h2 {
	padding: 5px 0px;
}

.fotoAlbumList h2 a {
	text-decoration: none;
}

.fotoAlbumList h2 a:hover {
	text-decoration: none;
}
/* jQuery Album */
h2 em {
	font: normal 80%/100% Arial, Helvetica, sans-serif;
	color: #999999;
}

#foto {
	height: 270px;
	text-align: center;
}

#loadingImage {
	display: none;
	padding-top: 100px;
}

#largeImg {
	border: solid 2px #ccc;
	padding: 5px;
	max-height: 200px;
	max-width: 510px;
}

#thumbs {
	width: 510px;
	margin: 0px auto;
}

#thumbs img {
	border: solid 2px #ccc;
	padding: 4px;
}

#thumbs img:hover {
	border-color: #333;
}

#motioncontainer {
	height: 105px;
}

#galNav {
	margin-top: 80px;
}

#galNav img {
	border: 0px;
	float: left;
	padding: 0px;
}
/* Edit fotoalbum */
#editThumbs {
}

#editThumbs .thumb {
}

.editThumb {
	float: left;
	border: #ccc 1px solid;
	padding: 2px;
	margin: 2px;
}

.editThumb p {
	padding: 0px;
}

.editThumb .delete {
	cursor: pointer;
}

input.subTitle, textarea.albumBeschrijving {
	border: 0px;
	background-color: #ffc;
	margin: 3px;
}

/* Einde Fotoalbums */

/* Upload */

#f1_upload_process {
	display: none;
	text-align: center;
	width: 100%;
}

/* Contact */

#contact_proces {
	display: none;
	text-align: center;
	width: 100%;
}

/* Muziek */

.trackTitel {
	color: #fff;
	font-size: 25px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	padding: 0px;
}

.box { 
	background: #FF0090;
}

.boxtop { 
	  background: url(../muziek/ne.gif) no-repeat top right; 
}

.boxtop div { 
	font-size: 0;
	height: 10px; 
	background: url(../muziek/nw.gif) no-repeat top left; 
}

.boxbottom { 
	background: url(../muziek/se.gif) no-repeat bottom right; 
}

.boxbottom div { 
	font-size: 0;
	height: 10px; 
	background: url(../muziek/sw.gif) no-repeat bottom left; 
}

.boxcontent {
	padding: 0px 10px 0px 10px;
}

/* Boeken */

.boeken {
	width: 500px;
	padding: 5px;
	margin: 5px 0px;
	border-bottom: #ccc 1px solid;
}

.boeken .foto {
	width: 100px;
	float: left;
}

.boeken img {
	padding: 10px 0px;
}

.boeken .content {
	width: 400px;
	float: left;
}

.boeken h1 {
	font-size: 16px;
	border: 0px;
}

.boeken h2 {
	font-size: 13px;
}

.boeken h1, .boeken h2, .boeken p {
	padding: 3px 0px;
}

a.lees_meer {
	color: #374F6C; 
}

/**
 *	Artikelen
 */ 
 
#artikelen_label_navigatie a {
	display: block;
	float: left;
	padding: 5px;
}

#artikelen_label_navigatie a.current {
	text-decoration: none;
}

.artikelen_listitem {
}