/* 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%; font-weight: normal; }
html { overflow: -moz-scrollbars-vertical; }
* { margin: 0px; padding: 0px; } 
ul, ol { margin-left: 30px; }

/***** 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; }

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

/* Message class */

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

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

.formErrorItem { display: block; color: #c30; font-weight: bold; }
.formChecked { background: url(/Icons/accepted_16.png) no-repeat; height: 16px; width: 16px; }

.verplichtVeld { color: #c30; font-weight: bold; font-size: 12px; }

/* Admin */

/*.adminNavigatie { border: 1px solid #333; padding: 5px; margin: 5px; color: #333; font-size: 12px; font-family: Arial, Helvetica, sans-serif; background-color: #fff; float: left; }
.adminNavigatie a:link, .adminNavigatie a:active, .adminNavigatie a:visited { text-decoration: none; color: #333; }
.adminNavigatie a:hover { text-decoration: underline; color: #333; }
.adminNavigatie.website { border-color: #7abdd3; }
.adminNavigatie.gebruiker { border-color: #a6ce3a; }
.adminNavigatie.inhoud { border-color: #ff0090; float: none; }
.adminNavigatie.module { border-color: #ffcc00; float: none; }
.adminNavigatie.help { position: absolute; top: 35px; right: 0px; border-color: #7abdd3; z-index: 1; }*/

.adminNavigatie { margin: 3px 0px; font-size: 11px; font-family: Helvetica, Arial, sans-serif; clear: both; overflow: hidden; }
.adminNavigatie a:link, .adminNavigatie a:active, .adminNavigatie a:visited { text-decoration: none; color: #fff; background-color: #333; display: block; float: left; padding: 3px; margin: 0px 1px; }
.adminNavigatie.website a { background-color: #7abdd3; }
.adminNavigatie.gebruiker a { background-color: #a6ce3a; }
.adminNavigatie.inhoud a { background-color: #ff0090; }
.adminNavigatie.module a { background-color: #ffcc00; }
.adminNavigatie a:hover { background-color: #666; }

h2.admin { background-color: #fff; color: #a6ce3a; font-size: 14px; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 10px 0; font-style: normal; font-weight: bold; }
h6.admin { background-color: #fff; color: #333; font-size: 10px; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 5px 10px; font-style: normal; font-weight: bold; text-transform: uppercase; }

table.admin { margin: 5px 0px; background-color: #fff;}
table.admin tr { border-bottom: #ccc 1px solid; background-color: #fff; }
table.admin th { padding: 2px; background-color: #666; color: #fff; font-weight: bold; }
table.admin td { padding: 2px; background-color: #fff; color: #000;  }

/* Contact module */
.adminContactBericht { margin: 5px 0px; padding: 5px; }

/* Nieuwe pagina, Pagina instellingen */

#pagina_module td { padding: 0px 3px; margin: 0px; text-align: center; }
#pagina_module img { border: 2px solid #fff; }
#pagina_layout img { border: 2px solid #fff; }

/* Form */

form { margin: 3px 0px; }
form * { font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
form fieldset { border: #ccc 1px dashed; padding: 5px; }
form p { width: 300px; clear: left; margin: 0; padding: 5px 0 5px 100px; height: 1%; }
form label { float: left; margin-left: -100px; width: 100px; cursor: pointer; }
form label.select { margin: 0px; float: none; }
form input[type="text"], form input[type="password"] { width: 150px; border: 1px solid #999; padding: 1px; }
form input[type="submit"], form input[type="button"] { cursor: pointer; border: solid 1px #ccc; background: #999; color: #666; padding: 1px 2px; background: url(/Skins/Standaard/Content/Images/button.gif) repeat-x left top; }
form textarea { width: 250px; height: 100px; border: 1px solid #999; }
form div { padding: 3px 0; }
form option, form select, form input { font-size: 11px; }

/* Custom CSS buttons by stopdesign.com */

.btn { display:inline-block; background:none; margin:0; padding:3px 0; border-width:0; overflow:visible; font:100%/1.2 Arial,Sans-serif; text-decoration:none; color:#333; }
* html button.btn { padding-bottom:1px; }
/* Immediately below is a temporary hack to serve the 
   following margin values only to Gecko browsers
   Gecko browsers add an extra 3px of left/right 
   padding to button elements which can't be overriden.
   Thus, we use -3px of left/right margin to overcome this. */
html:not([lang*=""]) button.btn { margin:0 -3px; }
.btn span { background:#ddd url(/Skins/Standaard/Content/Images/google_button_bg.gif) repeat-x 0 0; margin:0; padding:3px 0; border-left:1px solid #bbb; border-right:1px solid #aaa; }
* html .btn span { padding-top:0; }
.btn span span { position:relative; padding:3px .4em; border-width:0; border-top:1px solid #bbb; border-bottom:1px solid #aaa; }
/* pill classes only needed if using pill style buttons ( LEFT | CENTER | RIGHT ) */
button.pill-l span { border-right-width:0; }
button.pill-l span span { border-right:1px solid #bbb; }
button.pill-c span { border-right-style:none; border-left-color:#fff; }
button.pill-c span span { border-right:1px solid #bbb; }
button.pill-r span { border-left-color:#fff; }
/* only needed if implementing separate hover/focus/active state for buttons */
.btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span { cursor:pointer; border-color:#9cf !important; color:#000; }
.btn:active span { background-position:0 -400px; outline:none; }
.btn:focus, .btn:active { outline:none; }
/* use if one button should be the 'primary' button */
.primary { font-weight:bold; color:#000;}

/**
 *	Navigatie sorteren
 */ 

#navigatieSort { list-style-type: none; margin: 0; }
 
.navigatieSortItem { border:1px solid #DADADA; background-color: #EFEFEF; padding: 3px 5px; margin-bottom:3px; margin-top:3px; width: 250px; font-family: Arial, Helvetica, sans-serif; color: #666666; font-size: 0.8em; }
.navigatieSortItem:hover { background-color:#FFF; cursor:move; }

/**
 *  Admin paneel
 */  

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

#TB_window table, #TB_window td, #TB_window tr { background-color: #fff; color: #000; }

#TB_window form p {
	width: 300px;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 155px;
	height: auto;
	border-top: 1px #ccc dashed;
}

#TB_window form label {
	font-weight: bold;
	float: left;
	margin-left: -155px;
	width: 150px;
}

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

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

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

#TB_window a:link, #TB_window a:visited, #TB_window a:active, #TB_window a:focus {
    color: #666;
}

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

#TB_window .adminNavigatie a:link, #TB_window .adminNavigatie a:active, #TB_window .adminNavigatie a:visited { color: #fff; }

#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 #888;
  	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;
}

#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: #666;
  	height: 30px;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	color: #fff;
}

#TB_title a:link, #TB_title a:active, #TB_title a:visited { color: #fff; }
#TB_title a:hover { text-decoration: none; }

#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;
}

/**
 *	Popup window voor het toevoegen van afbeeldingen in de editor
 */ 

#popupWindow { font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin: 10px; }
#popupWindow a:link, #popupWindow a:active, #popupWindow a:visited { color: #000; text-decoration: underline; } 
#popupWindow a:hover { color: #ff0090; text-decoration: none; }

#popupWindow .afbeeldingenLijst ul { list-style-type: none; margin: 5px 3px; }

/* FOTOALBUMS album beheren */

#fotosBeheren { padding: 0; overflow: hidden; }
#fotosBeheren li {  list-style: none; float: left; margin: 2px; overflow: hidden; padding: .2em;  background: #e3e3e3; }
#fotosBeheren li img {}

/* REACTIES */

#paginaModuleReactiesLaden { text-align: center; display: none; }