/*  
Theme Name: Collapsed
Theme URI:  <a href="http://mindloop.be/">Mindloop Webontwikkeling</a>
Description: Theme created by  <a href="http://mindloop.be/">Mindloop Webontwikkeling</a> with integrated ajax collapse/expand and live search functionality. The theme also uses the lightbox to display your images. Drop me a mail at <a href="mailto:theme@mindloop.be">theme@mindloop.be</a> if you want to order a customized/unique theme.
Version: 1.0
Author: Andy Mathijs
Author URI: http://mindloop.be/

This theme was designed and built by Andy Mathijs,
whose company you will find at http://mindloop.be/

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

The XHTML is an adapted version of the Kubrick theme

*/

/*reset.css*/

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

table{border-spacing:0;}

fieldset,img{border:0;}

address,caption,cite,code,dfn,em,strong,th,var{}

ol,ul {list-style:none;}

caption,th {text-align:left;}

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

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

abbr,acronym {border:0;}



/*fonts.css*/

body{font:13px verdana,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}

div.clear
{
clear:both;
height:0px;
width:0px;
overflow:hidden;
}



body
{
	margin: 0px;
	padding: 0px;
	background:  url("images/back.jpg") repeat scroll left top #E5D8CD
}

div.navigation
{
display:block;
margin-left:30px;
padding-bottom:15px;
margin-bottom:15px;
}

.navigation div
{
	float:left;
	padding-right:10px;
}

#page
{
	margin-left:auto;
	margin-right:auto;
	width:940px;
	padding: 0 20px;
	background: url("images/body-back.jpg") repeat scroll left top #EDE6DB;
}

#header
{
	    color: #665555;
    padding: 10px 0 0;
    position: relative;
    text-align: right;
	height: 94px;
}

	#header h1
	{
		float:right;
		color:white;
		text-decoration:none;
		font-size:197%;
		position:relative;
		right:30px;
		top:40px;
		font-weight:bold;
	}
	
	
	

	
	#header ul li.current_page_item a
	{
		
		background-position:-96px 0px;
		color:#CCCCCC;
	}
	
	.toprip {
	    background: url("images/top-border.gif") repeat-x scroll 0 0 transparent;
    height: 10px;
    position: absolute;
    width: 100%;
	}
	
	
	.bottomrip {
	 background: url("images/bottom-border.png") repeat-x scroll 0 0 transparent;
    height: 10px;
    margin-top: -5px;
    width: 100%;;
	}

#search
{

	width: 758px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-repeat: repeat-x;
	margin-top: 0px;
	margin-bottom: 0px;
}

/*the searchbox*/
#search form input#s, form input#s2
{
	padding:0px;
	border:2px solid #575757;
	height:24px;
	font-size:114%;
	padding-left:3px;
	vertical-align:top;
}

form#searchform2
{
	margin-top:15px;
	width:500px;
	overflow:hidden;
}

#search form input#searchsubmit, form input#searchsubmit2
{
	padding:0px;
	height:28px;
	padding-left:28px;
	width:28px;
	text-indent:10000px;
	background: transparent url(images/btnsearch.gif) no-repeat;
	cursor: pointer; /* hand-shaped cursor */
    cursor: hand; /* IE 5.x */
	border: none;	
	position:relative;
	vertical-align:top;
	
}

form input#searchsubmit2
{
	background: transparent url(images/btnsearch-white.jpg) no-repeat;
}






#wrapper
{
	width:100%;
}

#wrapper #sidebar
{
	float:left;
	display:inline;
	width:176px;
	font:  bold 11px Verdana;
	color: #4A0F00;
	padding: 15px;
	margin-top: 0px;	
}

	#bloglinks2 ul , #bloglinks2 ul li
	{
padding:5px;
	}
	
		#wrapper #sidebar ul li hr
		{
		border-bottom: 1px solid #ACBCCB;
		border-top:1px solid #223648;
		display:none;
		visibility:hidden;
		}
		
		#wrapper #sidebar ul li h2
		{
			text-transform:uppercase;
			font-weight:bold;
			color:white;
		}
		
	#wrapper #sidebar #sidebar-bottom
	{
	height:8px;
	overflow:hidden;
	}


#wrapper #content
{
	float:left;
	display:inline;
	width:700px;
	
	
	    -moz-border-radius: 15px 15px 15px 15px;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #86271E;
    margin: 20px 0 10px;
    padding: 10px;
	/*background-color:red;*/
}

#wrapper #content div.post
{
	margin-top:15px;
	margin-bottom:15px;
	padding-right:10px;
	padding-left:10px;
	/*background-image:url(images/post-bottom.jpg);*/
		background-position:bottom right;
		background-repeat:no-repeat;
	clear:both;
			background-color:#FFF;
}

#wrapper #content div.post img
{
	border:1px solid #666666;
}
	
	
	#wrapper #content div.post h2 , #wrapper #content div.post h3 a
	{
		font-size:136%;
		border-bottom:none;
		color:#922f1c;
		margin-bottom:5px;
	}
	
	#wrapper #content div.post h2 a
	{
		border-bottom:none;
	}
	
	#wrapper #content div.post small
	{
		color:#666666;
		display:block;
		margin-bottom:5px;
	}
	
	#wrapper #content .post .entry p
	{
		line-height:150%;
		margin-bottom:10px;
	}
	
	#wrapper #content .post .entry blockquote
	{
		
		padding:10px;
		border-top:3px solid #416688;
		border-bottom:3px solid #416688;
		background-color:#DDE3EA;
		margin-top:15px;
		margin-bottom:15px;
	}
	
	#wrapper #content .post .entry blockquote blockquote
	{
		padding:10px;
		border:none;
		border-left:3px solid black;
		border-right:3px solid black;
		width:150px;
		float:left;
		margin:0px;
		position:relative;
		left:-13px;
		background-color:#666666;
		color:white;
	}
	
	#wrapper #content .post p.postmetadata
	{
	display:block;
	clear:both;
	padding:15px;
	background-color:#F8F8F8;
	margin-bottom:40px;
	margin-top:15px;
	line-height:170%;
	margin-left: -2px;		
	}

	#wrapper #content .post p.postmetadata a
	{

	}
	
	#wrapper #content .post .postmetadata small
	{color:#666666;
	line-height:170%;}
	
	#wrapper #content .post b , #wrapper #content .post strong
	{
		font-weight:bold;
	}
	
	#wrapper #content .post em , #wrapper #content .post i
	{
		font-style:italic;
	}
	
	#wrapper #content .post ol
	{
		list-style:decimal;
		list-style-position:inside;
	}
	
	#wrapper #content .post ol li, #wrapper #content .post ul li
	{
		margin-bottom:6px;
	}

.footer
{

	    background: none repeat scroll 0 0 #9A8E89;
    color: #FFFFFF;
    padding: 40px 5px 5px;
}

/*links*/
.post a, #wrapper #content .commentlist li a, div.navigation a, #commentform a, .loggedin a
{
	text-decoration:none;
	color:#922f1c;
	border-bottom: 1px dotted #3366CC;
}

.post a:hover , #wrapper #content .commentlist li a:hover , #commentform a:hover, .loggedin a:hover
{
	
	border-bottom: 1px solid #3366CC;
}

#bloglinks
{
		width: 160px;
	font: 11px Verdana;
	color: #982000;
	text-decoration: none;
		font-weight:bold;
}
#bloglinks a
{
	color: #982000;
	text-decoration: none;

}

#bloglinks a:visited { 
	color: #982000; 
	text-decoration: none;
} 


#bloglinks a:hover
{
	text-decoration: none;
	color: #4A0F00; 
}


/**comments**/
 h3#comments, h3#respond
{	
	font-size:136%;
	border-bottom:none;
	margin-left:30px;
}

ol.commentlist
{
	display:block;	
	margin-top:15px;
	margin-left:50px;
	list-style:decimal;	
	
}

ol.commentlist li
{
	/*background-color:#4E882B;*/
	margin-bottom:15px;
	padding:10px;
}

ol.commentlist li small.commentmetadata
{
	display:block;
	margin-top:5px;
	margin-bottom:5px;
}

p.loggedin
{
	display:block;
	margin-left:30px;
	margin-top:15px;
	margin-bottom:50px;
}

/*commentform*/
#commentform
{margin-top:30px;
margin-left:30px;}

#commentform input,#commentform textarea
{
	margin-bottom:10px;
}

#commentform label
{
	position:relative;
	top:-10px;
}




h2.pagetitle
{
	font-size:167%;

}

.title
{
	color:#FFF;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:2px;
	background-color: #6f1503;
	padding: 3px;	
}

.blogroll
{
color:#6F1503;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:bold;
margin-bottom:5px;
margin-left:5px;
}


.cat-item 
{
color:#6F1503;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
margin-bottom:5px;
margin-left:5px;
}


.children
{
color:#6F1503;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:normal;
margin-top:5px;
margin-bottom:5px;
margin-left:5px;
}

.children a
{
	color: #982000;
	text-decoration: none;
	font-weight:normal;
}

.meta
{
color:#6F1503;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:normal;
margin-top:5px;
margin-bottom:5px;
margin-left:5px;
}

.meta li
{
color:#6F1503;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:normal;
margin-top:5px;
margin-bottom:5px;
margin-left:5px;
}

.meta img
{
	margin-left:5px;
	text-decoration: none;
}


.alignright {
float: right;
margin-left: 10px;
}

.alignleft {
float: left;
margin-right: 10px;
}

 .aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 10px;
}

.avatar
{
margin-right:10px;
margin-bottom:7px;
margin-top:5px;

}


.details
{
	background-color:#F4F3F0;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-bottom:10px;
}


#logo
{
	width:181px;
	position: relative;
	text-align: left;
		z-index: 0;
		float:left;
	
	}


#logo  img { display: block;

margin:0 20px 0 0 }

#strap
{
	width:150px;
	position: relative;
	text-align: left;
		z-index: 0;
		float:left;
		height: 30px;
		margin-top:42px;
	
	}


#menu {
background-color:#86271e;
	height:31px;
	float:right;
	margin:-10px 0 0 0;
	z-index:3;
	padding: 17px 12px 17px 5px;
	-moz-border-radius-bottomright: 25px;
	-moz-border-radius-bottomleft: 25px;
	-webkit-border-bottom-right-radius: 25px;
	-webkit-border-bottom-left-radius: 25px;
	border-bottom-right-radius: 25px;
	border-bottom-left-radius: 25px;
	width: 560px;
}



 /* #############################  End 'From position'.css ########################### */
 
  /* #############################  Start 'suckerfish menu'.css ########################### */
  
  #twocols{ /*the columns that gets dropped down over yours might be different*/
  z-index:20;
}
 
#leftcol{  /*the columns that gets dropped down over yours might be different*/
  z-index:10;
}
 
.moduletablemainnav { /* I have absolutely positioned the module, you might have a different scheme*/
  z-index:100;
  font:0.9em;
  margin:0;
  padding:0;
}
 
  .moduletablesocialim { 
 float: left;
width:140px;
margin: 0;
}
 
 .moduletableitin { 
 float: left;
width:140px;
margin: 0 0 0 20px;
}

 .moduletablebanner { 
 float: left;
width:300px;
margin: 0 0 0 20px;
}

 .moduletablesocial { 
background:#f4f3f0;
	padding: 6px 6px 10px 8px;
	border: solid 2px #9F7E6C;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
	-webkit-border-top-right-radius: 15px;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	margin:0 0 10px 0;
	float: left;
	width: 282px;
}


.moduletableblognav { 
background:#f4f3f0;
	padding: 6px 6px 10px 8px;
	border: solid 2px #9F7E6C;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
	-webkit-border-top-right-radius: 15px;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	margin:0 0 10px 0;
	float: right;
	width: 282px;
}

 
  .moduletabledates { 
 float: left;
margin: 9px 0 0 20px;
}
 
 

 
 #mainlevelmainnav li:hover a {
  color:#86271e;
}


  #mainlevelmainnav a:hover {
   color:#86271e;
}
#mainlevelmainnav,#mainlevelmainnav ul {
  float:left;
  list-style:none;
  line-height:1em;
  background:transparent;
  font-weight:700;
  margin:0;
  padding:0;
}
 
 #mainlevelmainnav li:hover {
  background:#fff;
  color:#86271e;
  border-left: 2px solid #fab131;
	border-right: 2px solid #fab131;
	border-top: 2px solid #fab131;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-topleft: 10px;
	-webkit-border-top-right-radius: 10px;
       -webkit-border-top-left-radius: 10px;
    border-top-right-radius: 10px;
	border-top-left-radius: 10px;
   
}


 
 
#mainlevelmainnav a {
	font-family: Century Gothic, sans-serif;
  display:block;
  color:#ffeecc;
  text-decoration:none;
  padding:0.5em;
  	  height:26px; 
  }
  
a#active_menumainnav {
color:#fab131;
  }
  
 
#mainlevelmainnav .mainlevel_activemainnav a {
	  color:#fab131;
}

#mainlevelmainnav img {
	vertical-align: middle;
	}

 
#mainlevelmainnav li {
	float:left;
	padding:2px 4px 2px 4px;
	text-align:left;
	border:solid 2px transparent;
	background:url(../../../../../templates/camps/images/menu-drop.png) no-repeat right 12px;
	}
	
	#mainlevelmainnav ul li {
	border:0;
		}
	
	
	
 
#mainlevelmainnav li ul  {
	position:absolute;
	left:-999em;
	height:auto;
	width:194px;
	font-weight:400;
	background:#fff;
	margin-left:-6px;
	border-left: 2px solid #fab131;
	border-right: 2px solid #fab131;
	border-bottom: 2px solid #fab131;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
	-webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
		}
 
  
#mainlevelmainnav ul li.sublevel_currentmainnav  {
	  background:#ffeecc;
}/* sub active colour*/
 
 
#mainlevelmainnav li li {
    width:186px;
	background:none;
			} /*Hover width*/
 
#mainlevelmainnav li ul a {
text-transform:uppercase;
font-weight: bold;

  color:#86271e;
  font-size:0.9em;
  line-height:1em;
  text-align:left;
  height:auto;
}

#mainlevelmainnav li:hover ul ul,#mainlevelmainnav li:hover ul ul ul,#mainlevelmainnav li.sfhover ul ul,#mainlevelmainnav li.sfhover ul ul ul{
  left:-999em;
}
 
#mainlevelmainnav li:hover ul,#mainlevelmainnav li li:hover ul,#mainlevelmainnav li li li:hover ul,#mainlevelmainnav li.sfhover
  ul,#mainlevelmainnav li li.sfhover ul,#mainlevelmainnav li li li.sfhover ul {
  left:auto;
  z-index:6000;
}
 
#mainlevelmainnav li li:hover,#mainlevelmainnav li li.sfhover {
  background:#fab131;
  border:0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-topleft: 0;
	-webkit-border-top-right-radius: 0;
       -webkit-border-top-left-radius: 0;
    border-top-right-radius: 0;
	border-top-left-radius: 0;
}

.sublevelmainnav img { vertical-align: middle; }


  
    /* #############################  End 'suckerfish menu'.css ########################### */
     /* #############################  Start 'wired additions'.css ########################### */




#telnewscart {
	width:420px;
	height:18px;
	float:right;
	padding: 8px 0 8px 18px;
	text-align:left;
	}
	
	#newsletter {
		margin:0 0 0 61px;
		padding:0;
		float:left;
			}
			
			
	#newsform{
	border: 1px solid #887755;
	height: 16px;
	width: 102px;
	padding: 0 0 0 3px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	color: #dfdad1;
	font-size:10px;
			}
			
	
	#newsform:focus {
	border: 1px solid #000;
	color: #000;
	
			}	
	
	#newsbutton {
	border: 1px solid #a6a6a6;
	background:#ffeecc;
	height: 18px;
	padding: 0 0 2px 0;
	color: #887755;
	font-size:10px;
	width:28px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;	
			}	
	
	
#telephone {
		float:left;
	
		}
		
#shoppingcart {
		float:left;
		width:130px;
		margin: 0 0 0 24px;
		color: #887755;
		font-size:10px;
		font-weight: bold;
		font-family: "Century Gothic", helvetica, arial, sans-serif;
		
		}
		

.accredcont {
	width: 940px;
	margin: 0 auto;
	}

.accreditation {
	margin-left: auto;
	margin-right: auto;
	width: 835px;
	margin-bottom: 10px;
	
}

.footer .accredcont .accreditation p {
	text-align: center;
	font-size: 6pt;
	margin-top: 20px;
}

.entry img {
	max-width: 680px;
}