/* standard structure*/

html{
	background-color:black ;
       background-image:url('layout/background.jpg');
}

body {
      font-size: 12px;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      color:#363636;
  }

/*LINKS*/


B{
	color:#35352B;
}


A:link, A:visited {
	color:#970013;
	text-decoration: none;
	font-weight: normal;
}

A:hover{
	text-decoration:none;
	background-color:#970013;
	color:#fff;
}

A:hover img{
background-color: transparent;
border: none;
} 


.datumgedoe{
width:500px;
margin-left:104px;
}


/*Site structure*/

.site{
       width:900px;
       margin-top:0px;
       margin-left:auto;
       margin-right:auto;
       background-color:none;
}

.site:after {
content: ""; display: block; height: 0; clear: both;
}

.logo, .admin_logo{
       border-bottom:1px solid #1A2332;
	border-top: 0px solid black;
	background-color: white;
       background-image:url('layout/logo.jpg');
	background-position:bottom;
       padding:75px 0px 75px 0px;
margin-top:0px;
       -moz-border-radius: 5px 5px 0px 0px;
       -webkit-border-radius: 5px 5px 0px 0px;
}

.admin_logo{
   -moz-border-radius: 0px;
   -webkit-border-radius: 0px;
}

.logo_text{
   display:none;
}

/* MENU LAYOUT - MENU LAYOUT - MENU LAYOUT - MENU LAYOUT - MENU LAYOUT - MENU LAYOUT -  */


#nav, #nav ul{
	margin-left:0px;
	margin-top:150px;
	margin-bottom:0px;
	float:left;
	padding:0px;
	opacity: 1.00;
	-moz-opacity: 1.00;
	filter: alpha(opacity=100);
	list-style:none;
	font-family: Verdana;
	text-transform: uppercase;
	font-size:10px;
        letter-spacing:0.95px;
	color:black;
	font-weight:100;
	background-color:#c50303;
        -moz-border-radius: 0px 0px 5px 5px;
        -webkit-border-radius: 0px 0px 5px 5px;
        z-index:999;
}

.navigatie{
	display:block;
	margin-left:10px;
}

/* use to define menu width*/
#nav{
width:100%;
}

#nav ul {
	position:absolute;
	left:-1000px;
	margin:0;
	padding:0px 0px 5px 0px;
       -moz-border-radius: 0px 0px 10px 0px;
       -webkit-border-radius: 0px 0px 10px 0px;
}

#nav li:hover ul {
        z-index:999;	
	left:auto;
	top:auto;
	margin:0px 0px 0px 0px;
}

#nav .page A, #nav .subpage A{

color:#fdd3d3;
font-weight:100px;
	display:block;
	opacity: 1.00;
	-moz-opacity: 1.00;
	padding: 5px 8px 5px 8px;

}

#nav .subpage A{
font-size:10px;
text-transform: lowercase;
	padding: 3px 25px 3px 15px;
border-top: 1px solid #cc7373;

}

.socialstuff{
clear:left;
float:left;
}

.social{
width:18px;
height:18px;
margin-right:3px;
}

.page{
	float:left;
}

.subpage {
	clear:left;
	margin:0px;
	font-size:11px;
}

#nav A:hover,#nav li:hover{
	background-color: #df9e9e;
	color:#970013;
	text-decoration:none;
	opacity: 1.00;
	filter: alpha(opacity=100);
	 -moz-opacity: 1.00;
}



/* EINDE MENU LAYOUT - EINDE MENU LAYOUT - EINDE MENU LAYOUT - EINDE MENU LAYOUT */

.oneliner{
       margin:0px 0px 0px 0px;
       background-color:white;
       padding:5px 15px 5px 15px;
       text-align:center;
       -moz-border-radius: 5px;
       -webkit-border-radius: 5px;
       display:none;
}

/*SIDEBAR*/

.side{
   padding:0px;
   margin:0px;
}

.sidebar{
       float:right;
       width:250px;
       margin:5px 0px 10px 0px;
       background-color:none;
       -moz-border-radius: 5px;
       -webkit-border-radius: 5px;
}

/* use to define custom item on top sidebar*/
.custom{
        margin: 0px 0px 0px -30px;
	 background-image:url('layout/gmlogo.jpg');
        display:none;
        height:100px;
	 background-position:center;
	 background-repeat:no-repeat;
}

.custom{
       display:none;
}

.gadget{
       display:block;
        margin:0px 0px 5px 0px;
        padding:10px 15px 25px 10px;
       background-color:white;
       -moz-border-radius: 5px;
       -webkit-border-radius: 5px;
}


.section_pic{
width:210px;
}


.bier{
padding-bottom:20px;       
border-bottom:1px solid #1A2332;
}

#cloud{
       display:block;
       list-style:none;
       padding:0px;
       margin:0px 10px 10px 0px;
       text-align: justify;
}

.gadget:after {
content: ""; display: block; height: 0; clear: both;
}



#cloud li{
       float:left;
       padding:3px;
}

/*Content structure*/

.content,.admin_content {
 padding:35px 10px 150px 30px;
}


.admin_content{
       background-color:white;
       min-height:500px;
       width:860px;
   }
.pagination{
	font-size:11px;
        margin:0px 0px 5px 0px;
	clear:left;
	padding:7px;
	background-color:white;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.subpages{
	clear:left;
}

.page_pic, .pic, .section_link, .section_img{
	float:left;
	horizontal-align:left;
       margin:0px 16px 10px 0px;
	max-width:500px;
}

.section_img{
width:207px;
}

.blog_content{
       width:645px;
       margin:0px 0px 0px 0px;
       padding:5px 10px 0px 0px;
}

.blog, .static{
       margin:0px;
       padding:0px;
       float:left;
       width:100%;
}

/* structure of single blog topic or static page */
.topic, .static_item, .ad_string,.tag_select,.section,.section_topics_list{
       padding: 10px 30px 20px 10px;
       margin: 0px 0px 5px 0px;
       clear: left;
       background-color:white;
       -moz-border-radius: 5px;
       -webkit-border-radius: 5px;
}

.ad_string{
text-align:center;
z-index:0;
}

.static_item .calendar_stuff:after {
content: ""; display: block; height: 0; clear: both;
margin-bottom:200px;
}

.section{
margin:0px 0px 5px 0px;
padding:20px 30px 20px 20px;
}


.section_topics{
margin:0px 0px 0px 0px;
}

.section_topics_list{
padding:20px 20px 50px 20px;
}

.section_rest{
display:block;
font-size:16px;
margin-bottom:20px;
}



.section_text{
margin-bottom:25px;
}

.topic:after{
content: ""; display: block; height: 0; clear: left;
}

.titel,.static_titel,.gadget .titel {
       display:block;
       background-color:#DB0D0D;
       margin-bottom:10px;
       width:101.6%;
       color:white;
       font-family: Gill Sans, Verdana;
       font-size:16px;
       margin-left:-10px;
       padding-left:30px;
}


.quiz_titel{
font-size:24px;
margin:5px 0px 10px 0px;
}

.section_titel,.select_titel{
font-size:30px;
margin:5px 0px 20px 0px;
}

.gadget .titel{
padding-left:15px;
       width:98.1%;
}
.topic_content, .static_content, .gadget_content{
       margin-left:20px;
}

.gadget_content{
margin-bottom:200px;
}

.static_content{
padding-top:20px;
margin-bottom:200px;
}


.tag_select{
padding: 10px 20px 10px 20px;
}

.inhoud{
       padding-left:5px;
}



.calendar_stuff{
       margin:20px 0px 20px 0px;
}


.item_section{
       display:inline;
       width:100%;
       margin-right:10px;
       color:white;
       text-align:right;
       text-transform: lowercase;
       font-variant:small-caps;
}

.topicstuff{
       display:block;
       color:white;
       text-align:right;
       margin:-26px 0px 20px 0px;
       font-size:9px;
       font-style:none;
}

.date{
       display:inline;
       margin-right:5px;

}

.time{
       display:inline;
       margin-right:5px;
}

.author{
       display:inline;
       margin-right:5px;
}



.tags{
	width:100%;
       margin: 10px 0px 0px 0px;	
       font-style: italic;
	float: left;	
	clear: left;
      overflow: hidden;
  }

.footer, .adminfooter{
       padding:8px 0px 8px 0px;
       color:white;
       width:100%;
	background-color: #d03f10;
       clear:both;
       -moz-border-radius: 5px;
       -webkit-border-radius: 5px;
       margin-bottom:15px;
}

.footer_content{
	text-align:center;
}

.pauwert_bar{
       width:100%;
       clear:both;
}

.pauwert{
       clear:left;	
       text-align:center;
}

.counter{
position:fixed;
left:0px;
bottom:0px;
color:white;
}


.sollicicon{
margin-right:7px;
}


/*commenting*/
.comments {
	clear: left;
	margin-top:2px;
       width:80%;
}




.comment_hide{
background-color:#faefef;
color:#970013;
margin:20px 0px 35px 0px;
padding:0px 9px 0px 9px;
border:1px solid #970013;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.comment_hide:hover{
background-color:#f8e0e0;
color:#970013;
}


.comment_time {
	font-size:8px;
	padding-right:20px;
}

.side_comment {
	width:90%;
	color:#343434;
	font-size:11px;
	margin-bottom:5px;
       padding-bottom:5px;
       padding-top:5px;

}
.comment {
	color:#35352B;
	font-size:10px;
	border-bottom: thin dotted #970013;
	margin:5px 0px 15px 0px;
       padding-bottom:8px;

}

.comment_meuk {
       margin-bottom:5px;
}

.comment_meuk .author{
       color:#363636;
	font-weight: 600;
}

.comment_meuk .date{
font-size:9px;
float:right;
}


.side_comment_meuk {
       font-size:11px;
       color:#363636;
       margin-bottom:5px;
}

.comment_form {
	position: relative;
	margin:15px;
	padding:15px;
}


.aantal_comments {
font-size:11px;
	clear:left;
	margin:10px 0px 10px 0px;
}

.comments_header{
       margin: 20px 0px 30px 0px;
       color: #970013;
       font-size:18px;
}

.comment .date{
       color:#343434;
}


.quiz_list_pub li{
margin-left:-22px;
}

.quiz_public{
font-size:11px;
}

.question{
font-weight:bold;
}

.answer_text{
margin: 0px 0px 0px 10px;

}









.photo_text{
margin:20px;
}

.buy_photo{
display:block;
}

.buy_photo p{
font-weight:bold;
}

.buy_photo label{
display:block;
clear:left;
}


.new_submit{
margin-right:20px;
margin-left:0px;
}

input, textarea, select {
color:440000;
}

.topic_checkert{
float:left;
position:relative;
top:-2px;
margin-right:10px;
}

.checkallnone{
font-size:10px;
margin-left:5px;
margin-right:10px;
}

.own_button{
font-family: Verdana, Arial, Helvetica, sans-serif;
border: 1px solid red;
background-color:#FFF0F5;
margin-top:8px;
clear:left;
margin-right:7px;
}

.own_button: hover{
color:white;
background-color:red;
}

.help{
color:black;
margin-left:60px;
margin-top:20px;
font-size:15px;
}

label{
padding-bottom:3px;
}

.special_message{
font-size:24px;
width:30%;
float:left;
margin-top:30px;
margin-left:20px;
}

input{
padding-bottom:3px;
}

.mailer_stuff{
margin-left:55px;
}

.mail_form{
margin-top:25px;
clear:left;
}

.upload_photo{
margin-bottom:30px;
}



.head{
	font-size:16px;
	padding:10px;
	margin-bottom:20px;
}

A.button, A.active_topic_button, A.big_button, A.active_page_button {
vertical-align:top;
text-align:center;
font-size:10px;
float:left;
min-width:50px;
padding-left:0px;
height:11px;
background-color:#FFF0F5;
border:1px solid #970013;
margin-right:6px;
padding-bottom:2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}

.gallery A.button{
font-size:13px;
min-width:20px;
margin: 0px 0px 10px 0px;
padding-bottom:5px;
}

A.this_gallery_button:hover{
color: #FFF0F5;
background-color:#970013;
text-decoration:none;
}

A.create_button {
text-align:center;
color:white;
float:left;
min-width:85px;
background-color:#d90e0e;
border:1px solid red;
margin-right:6px;
	text-transform: lowercase;
	font-variant:small-caps;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
height:16px;
font-size:13px;
margin-bottom:20px;
clear:both;
}

A.button:hover,A.active_topic_button:hover, A.create_button:hover, A.active_page_button:hover {
color:black;
background-color:#d90e0e;
text-decoration:none;
border:1px solid red;
}

A.big_button {
margin:10px;
height:20px;
font-size:16px;
}

A.button:active, A.active_topic_button:active, A.big_button:active, A.active_page_button:active{
font-size:12px;
}

A.gallery_button, A.this_gallery_button{
vertical-align:top;
text-align:center;
font-size:12px;
float:left;
min-width:50px;
padding-left:0px;
height:18px;
background-color:#FFF0F5;
border:1px solid red;
margin-right:6px;
padding:4px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}

A.this_gallery_button{
background-color:#c98e95;
}


A.gallery_button:hover{
vertical-align:top;
text-align:center;
font-size:12px;
float:left;
min-width:50px;
padding-left:0px;
height:18px;
color: #FFF0F5;
background-color:#970013;
border:1px solid red;
margin-right:6px;
padding:4px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
.topic_list ul, .comment_list ul,  .quiz_list ul{
padding:0px;
margin:10px 0px 0px 0px;
}

.topic_list li, .comment_list li, .quiz_list li{
clear:left;
margin-top:4px;
margin-left:-30px;
padding-left:0px;
list-style:none;
line-height:13px;
border-bottom:1px solid pink;
list-style-position: inside;
}


.topic_list A:hover, .comment_list A:hover {
	background-color: :#970013;
	color:white;
	text-decoration:none;
}

.topic_list li{
width:75%;
height:16px;
vertical-align:top;
}

.quiz_list li{
width:90%;
}

.comment_list li{
width:100%;
}

.topic_list li span{
display:inline;
color:grey;
font-size:8px;
text-align:right;
float:right;

}


.indent{
position:relative;
left:5px;
}







.nav{
	clear: both;
	padding-bottom:5px;
	margin-bottom:5px;
}

.rss{
	clear: both;
	padding-top:30px;
	margin-bottom:10px;
}














.calendar{
	padding: 10px 15px 10px 25px;
       clear: left;
}

.error{
	color:red;
	padding:5px;
       clear:left;
}

























/*css voor admin*/

.user_form {
	
	margin: 10px;
}

.ad_settings{
	padding: 10px;
	margin: 10px;
}


.topics_admin{
/*   width: 400px;*/

	padding-top:10px;	
	margin-left:50px;
}

.new_topic{
	font-size:14px;
	font-variant: small-caps;
}



.admin{
	background:white;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;	
	width:900px;

}


.topic_beheer{
	width:550px;
	overflow:hidden;
	margin-top:10px;
}



.admintitel{
	clear: both;
	font-weight:500;
      font-size: 15px;
      padding-top:1px;
      margin-top:5px;
      margin-left:15px;
      margin-bottom:5px;
}

.input_short {
	width:50px;
}

.highlight {
	background-color:yellow;
}


.topic_label,
.page_label
{
vertical-align:top;
width:200px;
}

.topic_field,
.page_field
{
clear: right;
padding:0px;
margin:2px;
width: 400px;	
text-align:left;
}



#fullsize_pic{
display:none;
}

A:hover #fullsize_pic{
display:block;
}

.quiz_answers{
padding-left:50px;
}

.quiz_question{
padding:5px;
border: 1px solid black;
}
.textveld{
width:300px;
height:100px;
}

.checkbox{
margin-left:100px;
}

.quiz_result{
margin-top: 18px;
	 padding: 10px;
	border-width: 1px;
	border-style: ridge;
	border-color:#8B0000;
	background-color: white;
}
.quiz_result_titel{
	font-weight:500;
  font-size: 20px;

}

.form_admin{
width:850px;
float:left;
padding:1px;
margin:1px;
}

.comments_admin{
width:300px;
clear:left;
font-size:10px;
margin:40px 0px 0px 40px;
padding:0px;
}


.checkinput, .textinput, .areainput{

width:75%;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding:0px;
margin:0px;
}

.areainput{
width:75%;
}

.checkinput{
float:right;
text-align:right;
}

.delete{
margin-top:10px;
/*position:relative;*/
/*left:61px;*/
}

.check{
width:80%;
float:right;
}

.page_delete{
margin-top:10px;
margin-left:102px;
}

.areainput{
height:200px;
}

submit{
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
border:1px solid grey;
width:50%;
padding:0;
}

check{
 width:80%;
float:right;
clear:left;
text-align:left;
margin-top:10px;
}


.submit{
 width:80%;
float:right;
clear:left;
text-align:left;
margin-top:10px;

}


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


label span{
margin-right:5px;
float: left;
clear:left;
width:12%;
text-align: right;

}

.line_form{
display:inline;


}

.line_field{
height:1.1em;
font-size:10px;

}


/*gallery stuff*/
.galleries{
	float:left;
	margin:5px 20px 5px;
}


.gallery_nav{
display:block;
padding-bottom:10px;
}

img{
border:none;

}


.show_gallery img{
	margin: 5px 2px 20px 2px;
}


.show_gallery A:hover{
	background-color:red;
}

.gallery .admin_gal img{
	margin: 5px 20px 20px 5px;
}

.gallery{
	margin:20px 0px 0px 0px;
	clear: left;
}

.gallery_pic{
        clear:left;
        margin:10px 20px 20px 1px;
 	max-width:480px;
        display:block;
}

.field_set{
	border: 1px thin black;
	padding:2px;
	margin:5px;
}

.pagination_page{
	border:1px solid pink;
	margin:1px;
	padding:1px 3px 1px 3px;
}

.this_page{
	border:1px solid #f0959b;
	background-color:pink;
	margin:1px;
	padding:1px 3px 1px 3px;
}



.captcha{
	float:left;
}

.cal_day, .cal_weekend, .cal_today, .cal_occupied, .cal_conflict, .cal_next{
	display:block;
	float:left;
	text-align:center;
	min-width:60px;
	max-width:60px;
	min-height:60px;
	border: 1px solid black;
	margin:1px;
	padding:3px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.cal_next{
	font-size:30px;
	font-weight:900;
}

.cal_conflict{
	background-color:black;
}

.cal_weekend{
	background-color:pink;
}


.cal_occupied{
	background-color:#400000;
	color:white;
}


.cal_today{
	background-color:grey;
}


.cal_month{
	float:left;
	clear:left;
	margin:10px 10px 10px 0px;
	padding:10px 0px 10px 0px;
	width:490px;
}

.cal_week{
	clear:both;
	float:right;
}

.cal_last_week{
	float:left;
}

.cal_firstweek{
	float:right;
	clear:none;
}


.cal_date{
	display:block;
	float:left;
	font-size:10px;
	background-color:#970013;
	color:white;
	padding:1px;
	min-width:14px;
}

.cal_weekday{
	float:right;
	font-size:10px;
}

.occupied_text{
	display:block;
	position:relative;
	top:20px;
	color:white;
	font-size:10px;
}

.show_gallery{
	clear:left;
	padding-top:25px;
}

.cal_form{
	clear:left;
	float:left;
	margin-top:8px;
}


.prevb, .nextb{
	clear:left;
}

.hide{
	margin:30px 0px 50px 0px;
}

.comments_list{
	display:none;
	margin:16px 0px 0px 0px;
}

.calendar_form{
	float:right;
	width:240px;
}

.message{
	color:black;
	padding:5px;
	clear:both;
}

.font1{font-size:1px;font-weight:0;}.font2{font-size:2px;font-weight:100;}.font3{font-size:3px;font-weight:100;}.font4{font-size:4px;font-weight:100;}.font5{font-size:5px;font-weight:100;}.font6{font-size:6px;font-weight:200;}.font7{font-size:7px;font-weight:200;}.font8{font-size:8px;font-weight:200;}.font9{font-size:9px;font-weight:200;}.font10{font-size:10px;font-weight:300;}.font11{font-size:11px;font-weight:300;}.font12{font-size:12px;font-weight:300;}.font13{font-size:13px;font-weight:400;}.font14{font-size:14px;font-weight:400;}.font15{font-size:15px;font-weight:400;}.font16{font-size:16px;font-weight:400;}.font17{font-size:17px;font-weight:500;}.font18{font-size:18px;font-weight:500;}.font19{font-size:19px;font-weight:500;}.font20{font-size:20px;font-weight:500;}.font21{font-size:21px;font-weight:600;}.font22{font-size:22px;font-weight:600;}.font23{font-size:23px;font-weight:600;}.font24{font-size:24px;font-weight:700;}.font25{font-size:25px;font-weight:700;}.font26{font-size:26px;font-weight:700;}.font27{font-size:27px;font-weight:700;}.font28{font-size:28px;font-weight:800;}.font29{font-size:29px;font-weight:800;}.font30{font-size:30px;font-weight:800;}.font31{font-size:31px;font-weight:800;}.font32{font-size:32px;font-weight:900;}.font33{font-size:33px;font-weight:900;}