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

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

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

/*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 white;
	border-top: 0px solid black;
	background-color: white;
      background-image:url('layout/logo.jpg');
	background-position:bottom;
      padding:220px 0px 130px 0px;
      -moz-border-radius: 6px;
      -webkit-border-radius: 6px;
}



.logo_text{
  display:none;
}

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


#nav, #nav ul{
	margin-left:0px;
	margin-top:25px;
	float:right;
	padding:0px;
	opacity: 0.90;
	-moz-opacity: 0.90;
	filter: alpha(opacity=90);
	list-style:none;
	font-family: Gill Sans, Verdana;
	text-transform: lowercase;
	font-variant:small-caps;
	letter-spacing: 1.1px;
	font-size:15px;
	color:black;
	font-weight:100;
	background-color:#e0e8dc;
      -moz-border-radius: 10px 0px 0px 10px;
      -webkit-border-radius: 10px 0px 0px 10px;
}

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

/* use to define menu width*/
#nav{
}

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

#nav li:hover ul {	
	left:auto;
	top:auto;
	margin:0px 0px 0px 0px;
}

#nav .page A, #nav .subpage A{
	color:black;
	display:block;
	opacity: 0.95;
	-moz-opacity: 0.95;
	padding: 18px 8px 18px 8px;
}

#nav .subpage A{
	padding: 5px 8px 5px 15px;
}


.page{
	float:left;
}

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

#nav A:hover,#nav li:hover{
	background-color: #96b097;
	color: #248F24;
	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:10px 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:290px;
      margin:10px 0px 10px 0px;
      background-color:white;
      -moz-border-radius: 6px;
      -webkit-border-radius: 6px;
}

/* 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 10px 10px 0px;
       padding:10px 20px 25px 10px;
      background-color:white;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
}

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

.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{
	margin:0px 0px 10px 0px;
	clear:left;
	padding:7px;
	background-color:white;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.subpages{
	clear:left;
}

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


.blog_content{
      width:900px;
      margin:0px 0px 0px 0px;
      padding:10px 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{
      padding: 10px 30px 20px 10px;
      margin: 0px 0px 10px 0px;
      clear: left;
      background-color:white;
      -moz-border-radius: 6px;
      -webkit-border-radius: 6px;
}

.static_item{
      padding: 10px 30px 100px 10px;
}

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

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

.titel,.static_titel,.gadget .titel {
      display:block;
      background-color:#96B097;
      padding:3px 0px 3px 50px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      margin:0px 0px 10px -10px;
      width:97%;
      color:#192929;
      font-family: Gill Sans, Verdana;
      font-size:20px;
      -moz-border-radius: 0px 5px 5px 0px;
      -webkit-border-radius: 0px 5px 5px 0px;
}

.static_titel{
 margin-bottom:20px;
}

.topic_content, .static_content, .gadget_content{
      margin-left:20px;
}

.static_content{
padding-top:20px;
}


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

.inhoud{
      padding-left:20px;
}



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

.topicstuff{
      color:white;
      position:relative;
      top:-29px;
      width:100%;
      margin-bottom:10px;
      text-align:right;
      margin-right:0px;
      font-size:9px;
      font-style:italic;
}

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

}

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

.author{
      color:white;
      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:#192929;
      width:100%;
	background-color: #96B097;
      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;
}




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

.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:black;
	font-size:11px;
	border-top: thin dotted #248F24;
	margin-bottom:5px;
      padding-bottom:5px;
      padding-top:5px;
}

.comment_meuk {
      margin-bottom:5px;
}

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

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


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

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


.aantal_comments {
	clear:left;
	margin:10px 0px 10px 0px;
}

.comments_header{
      margin-bottom: 10px;
      color: #248F24;
      font-size:12px;
}

.comment .date{
      color:#343434;
}















.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:248F24;
}

.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 #248F24;
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:#248F24;
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:#96b097;
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: :#248F24;
	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:both;
}

























/*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:480px;
	overflow:hidden;
	margin-top:10px;
}


.section{
	margin-bottom:6px;
	padding: 7px;
}

.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:450px;
float:left;
padding:1px;
margin:1px;
}

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


.checkinput, .textinput, .areainput{

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

.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:62px;
}

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


.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 #970013;
	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:#248F24;
	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:0px 0px 25px 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:200;}.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:300;}.font10{font-size:10px;font-weight:300;}.font11{font-size:11px;font-weight:300;}.font12{font-size:12px;font-weight:400;}.font13{font-size:13px;font-weight:400;}.font14{font-size:14px;font-weight:400;}.font15{font-size:15px;font-weight:500;}.font16{font-size:16px;font-weight:500;}.font17{font-size:17px;font-weight:500;}.font18{font-size:18px;font-weight:500;}.font19{font-size:19px;font-weight:600;}.font20{font-size:20px;font-weight:600;}.font21{font-size:21px;font-weight:600;}.font22{font-size:22px;font-weight:700;}.font23{font-size:23px;font-weight:700;}.font24{font-size:24px;font-weight:700;}.font25{font-size:25px;font-weight:800;}.font26{font-size:26px;font-weight:800;}.font27{font-size:27px;font-weight:800;}.font28{font-size:28px;font-weight:800;}.font29{font-size:29px;font-weight:900;}.font30{font-size:30px;font-weight:900;}