@charset "UTF-8";
/* 
	Background-Styles 
*/

body {
	margin:0px; padding:0px;
	background-color:#131211;
	font-family:Arial, Helvetica, sans-serif;
	color:/*#7f7d78*/ #fff;
	font-size:80%;
	line-height:1.5em;
}
#main {
	background:/*#c4c0be#373332*/ #252525 url(images/bg_header_slice2.jpg) repeat-x;
	padding-bottom:30px;
}
#main .container {
	background-image:url(images/bg_header2.jpg);
	background-repeat:no-repeat;
}
#footer {
	background-image:url(images/background_footerZW	.jpg);
	background-repeat:repeat-x;
	padding:10px;
	position:relative;
	/*top:-20px;*/
	min-height:0px;
}
.container {
	width:950px;
	margin:0 auto;
	position:relative;
}
input,
textarea {
  color: #fff;
  background-color: #333;
  border: 1px solid #666;
 }
*:focus {outline: 0;}
/* 
	Header-Styles 
*/

#header {
	padding-top:70px;
	padding-bottom:20px;
	height:53px;
}
#logo h1, #logo small {
	margin:0px;
	display:block;
	text-indent:-9999px;
}
#logo {

}
ul#menu2 {
	margin:0px; padding:0px;
	position:absolute;
	right:30px;
}
ul#menu2 li {
	display:inline;
	margin-left:12px;

}
ul#menu2 li a {
	text-decoration:none;
	/*color:#716d6a;*/
	color:#888;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:bold;
	/*text-transform:uppercase;
	letter-spacing: .1em;*/
}
ul#menu2 li a.active, ul#menu2 li a:hover {
	color:#fff;
}

ul#menu2 a.menu_current {
	color:#d8372f;
}
ul#menu2 a.menu_current:hover{
	color:#d8372f;
}


/*
	submenu
*/
#subnavi {
	float: right;
	margin: 5px 0px 10px 20px;
	width: 180px;
	color: #036;
	background:#666;
	padding: 10px 0 5px 0;
	border: 1px solid #aaa;
	margin-top: 20px;
}

#heading-subnavi a{
	font-weight: bold;
	padding-left: 25px;
	color: #FFF;
	margin-top: 10px;
	border-bottom:none !important;
}

#heading-subnavi a:hover{
	color: #000;
}

#submenu {
	padding: 0 15px 10px 0px;
	}

#submenu a {
	color: #FFF;
	padding-left:12px;
	background: url(images/list.gif) no-repeat 2px 50%;
	display:block;
	border-bottom:none !important;
	}


#submenu a:hover {
	color: #000;
	background: url(images/list1.gif) no-repeat 4px 50%;
	}

#submenu a:active {
	border:none;
	}

#submenu a.menu-current{ 	
	font-weight: bold;
	background: url(images/list1.gif) no-repeat 4px 50%;
	color: #036;  
}

#submenu ul { margin: 0 0 0 14px; }

#submenu ul li {
	padding: 8px 0;
	line-height: 1.1em;
	font-size: .9em;
	list-style-type: none;
	border-bottom: #000 1px dotted;
}


#submenu ul li li{
	border-bottom: none;
	padding-bottom: 0px;
	font-size: 11px;
}
#submenu ul li li a:link, #submenu ul li li a:visited {
	color: #036;
	background: url(images/list1.gif) no-repeat 2px 50%;
	}
	
#submenu ul li li a:hover {
	background: url(images/list1.gif) no-repeat 4px 50%;
	}




/* 
	Block-Styles 
*/

.block {
	border:1px solid /*#a3a09e*/ #666;
	background-color:#2e2e2e;
	margin-bottom:20px;
	position:relative;
}

.sidebar_inside { 
	display:block; 
	/*border:1px solid #aaa;
	border:1px solid #ffffff;*/
	background: #2e2e2e/*#ffffff url(images/background_block_sliceZW.jpg) repeat-x*/;	
	padding:10px 10px 0 15px;
	overflow:auto;
}

.content_inside { 
	display:block; 
	/*border:1px solid #aaa;
	border:1px solid #ffffff;*/
	background-color: #2e2e2e;/*#ffffff url(images/background_block_sliceZW.jpg) repeat-x*/
	padding:10px 30px 0 30px;
	overflow:auto;
}

.image_block {
	border:1px solid #b5b5b5;
	background-color:#d2d2d2;
	padding:5px 5px 1px 5px;
	float:left;
}
.image_block img {
	border:1px solid #b5b5b5;
}
.text_block {
	float:left;
	width:430px;
	margin-left:30px;
	padding-top:30px;
}

#sidebar {
	float:left;
	/*width:280px;*/
	width:209px;
	position:relative;
	left:8px;
	margin-top:30px;
	border:1px solid #666;

}
#sidebar .sidebar_inside {
	background:#252525 /*e2dddc url(images/navigate.jpg) no-repeat right top*/;
}
#sidebar  form { margin:0 0 0 30px; }


#sidebar ul { margin:-10px 0px 30px 0px; padding:0px; font-size: 1em; }
#sidebar ul li { list-style:none; margin:0px 0px 5px 0px; font-weight: bold;}
#sidebar ul li a { color:#fff; }
#sidebar ul li a:hover { color:#c00; text-decoration:none; }
#sidebar ul li a.on {color:#c00;}



#block_content{
	width: 920px;
	margin: 0 22px 0 auto;
	}

/*
	Block-Content-Styles
*/

#content_area {
	width:700px;		
	float:right;
}

#content_area  ul{
	list-style: inside;		
}

#content_area .content_inside {
	min-height:400px;

}
#content_area img {

}
table img {
	padding: 5px;
	border: 1px solid #eee;}

.heading img {
		border:none;
		margin-bottom:10px;
		padding-left: 0px;}

.pic{
  float:left;
  display: block;
  margin: 10px 12px 10px 5px;}
 
.pic a {
	border-bottom: none	!important:}

.member-link a{
		margin: 15px 30px 0 30px;}
		

blockquote {
	padding: 0;
	margin:0;
}
.quote {
	margin: 15px 30px 0 0px;
	color: #fff;
	padding: 0 0 0 45px;
	background: url(images/blockquote.gif) no-repeat left top;	font-style:italic;
	font-weight: bold;
}

td {
	vertical-align:top;
	padding: 5px;}




#content_area .separator {
	border-top:1px solid #e3e3e3;
	margin-top:40px;
	padding-top:40px;
}

.search-button {
background:url(images/search.gif) no-repeat;
border:none;
width:14px;
height:14px;
}
/* 
	Text-Styles   
*/
h1 {
	margin:0px 0px 10px 0px;
	font-size:1.35em;
	font-family: Arial, Sans-serif;
	color:#fff;
	letter-spacing:1px;
	vertical-align:center;
}
h2 {
	margin:0px 0px 0px 0px;
	font-size:1.1em;
	font-weight:bold;
	font-family:Helvetica, Arial, Sans-serif;
	color:#ffffff;
	letter-spacing:0px;
}
h3 {
	margin:10px 0px 5px 0px;
	font-size:14px;
	line-height:21px;
	font-family:Helvetica, Arial, Sans-serif;
	color:#ffffff;
}
h4 {
	color:#007de2;
	margin:0px 0px 0px 0px;
}
small {
	color:#595856;
	font-weight:bold;
	font-size:11px;
	display:block;
	margin-bottom:15px;
}
a {
	color:#26689f;
	text-decoration:none;

}
#content_area a {
	color:#fff;
	text-decoration:none;
	border-bottom:#C00 1px dotted;
}



/*#content_area a:hover { 
background: #C00;
text-decoration:none; 
border-bottom:none;
color:#fff;}*/

p { margin: 0px 0px 15px 0px; }



/*
	Footer-Styles
*/

#footer {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
.footer_column {
	width:120px;
	margin-right:30px;
}
#footer .long {
	width:210px;
	float: right;
	text-align: right;
}
#footer h3 {
	color:#e2dddc;
	text-transform:uppercase;
	font-size:10px;
}
.footer_column ul li, .footer_column ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
#footer_menu{
	padding-top: 40px;
	margin:0 30px;
}

#footer_menu li {
	display: inline;
	color:#333;
}

#footer_menu li a{
	color: #333;
}

#quotes a img{
	border:#666 1px solid;
	padding:0;
	margin-left:225px;
}




/* 
	Miscellaneous-Styles   
*/

/* Fix up IE6 PNG Support 
img, #logo { behavior: url(scripts/iepngfix.htc); }*/




/*  
	menu-items 
*/
#menu1  {
	margin: 0;
	padding-top: 30px;
	list-style: none;
	width:175px;
}

#menu1 ul li
{
  margin: 0;
  padding: 0;
  height: 42px;
}


#menu1 a 
{
	margin: 0;
	padding: 0;
	height: 35px;
	width: 175px;
	display: block;
	text-decoration: none;
	background-color: transparent;
	background-position: left;
}
#menu1 a:hover
{
	width: 175px;
	background-position: right;
}

#menu1 a.current
{
	width: 175px;
	background-position: right;
}

/*
	stappen
*/

#stap1 a {
	background-image: url(images/stap1.png);
}
#stap2 a {
	background-image: url(images/stap2.png);
}
#stap3 a {
	background-image: url(images/stap3.png);
}
#stap4 a {
	background-image: url(images/stap4.png);
	border-bottom:1px solid #ddd;
	
}
#klaar a {
	background-image: url(images/klaar.png);

}
#vragen a {
	background-image: url(images/vragen.png);
	margin-top: 5px;
}

#bestellen a {
	background-image: url(images/bestellen.png);
	margin-top: 5px;
}

#tools{
	width:275px;
	margin-left:0px;
	float:left;
}

#tools a 
{
	margin: 0;
	padding: 0;
	height: 55px;
	width: 275px;
	display: block;
	text-decoration: none;
	background-color: transparent;
	background-position: left;
}
#tools a:hover
{
	width: 275px;
	background-position: right;
}



#tools-rechts  
{
	margin: 0;
	padding: 0;
	width: 275px;
	display: block;
	text-decoration: none;
	margin-right:25px;
	float:right;
}
/*
	hier alle id's voor de tools
*/

#formulieren {
	background-image: url(images/formulieren.png);
	height: 55px;
	margin-bottom:10px;
}
#nieuws {
	background-image: url(images/nieuws.png);
	height: 55px;
	margin-bottom:10px}
#zoeken  {
	background-image: url(images/zoeken.png);
	height: 55px;
	margin-bottom:10px;}
#faq  {
	background-image: url(images/faq.png);
	height: 55px;
	margin-bottom:10px;}
#foto  {
	background-image: url(images/foto.png);
	height: 55px;
	margin-bottom:10px;}
#login  {
	background-image: url(images/login.png);
	height: 55px;
	margin-bottom:10px;}
#gastenboek  {
	background-image: url(images/gastenboek.png);
	height: 55px;
	margin-bottom:10px;}
#meertaligheid  {
	background-image: url(images/meertaligheid.png);
	height: 55px;
	margin-bottom:10px;}
#sitemap  {
	background-image: url(images/sitemap.png);
	height: 55px;
	margin-bottom:10px;}
#muziek  {
	background-image: url(images/muziek.png);
	height: 55px;
	margin-bottom:10px;}
#video  {
	background-image: url(images/video.png);
	height: 55px;
	margin-bottom:10px;}
#favorieten  {
	background-image: url(images/favorieten.png);
	height: 55px;
	margin-bottom:10px;}
#youtube  {
	background-image: url(images/youtube.png);
	height: 55px;
	margin-bottom:10px;}
#nieuwsbrief  {
	background-image: url(images/nieuwsbrief.png);
	height: 55px;
	margin-bottom:10px;}
#links  {
	background-image: url(images/links.png);
	height: 55px;
	margin-bottom:10px;}
#menu {
	background-image: url(images/menu.png);
	height: 55px;
	margin-bottom:10px;}
#menu-aanpassen {
	background-image: url(images/menu-aanpassen.png);
	height: 55px;
	margin-bottom:10px;}
#paginas {
	background-image: url(images/paginas.png);
	height: 55px;
	margin-bottom:10px;}
#plaatjes  {
	background-image: url(images/plaatjes.png);
	height: 55px;
	margin-bottom:10px;}
#google  {
	background-image: url(images/google.png);
	height: 55px;
	margin-bottom:10px;}
#email{
	background-image: url(images/email.png);
	height:55px;
	margin-bottom:10px;
	background-position: left;}
	
#intro{
	width:300px;
	margin-left:0px;
	float:left;
}

#intro a 
{
	margin: 0;
	padding: 0;
	height: 110px;
	width: 300px;
	display: block;
	text-decoration: none;
	background-color: transparent;
	background-position: left;
	border: #333 1px solid;
}
#intro a:hover
{
	width: 300px;
	background-position: right;
}
#brons-intro a{
	background-image: url(images/brons-intro.png);
	margin-bottom:10px;}

#zilver-intro a{
	background-image: url(images/zilver-intro.png);
	margin-bottom:10px;}
#goud-intro a{
	background-image: url(images/goud-intro.png);
	margin-bottom:10px;}
		
	

#brons {
	background-image: url(images/brons.png);
	height: 75px;
	width: 275px;
	margin-bottom:30px;
	margin-left: 25px;}
	
#zilver {
	background-image: url(images/zilver.png);
	height: 75px;
	width: 275px;
	margin-bottom:10px;
	margin-left: 25px;}

#goud {
	background-image: url(images/goud.png);
	height: 75px;
	width: 275px;
	margin-bottom:10px;
	margin-left: 25px;}

	
#prijzen{
	width:200px;
	margin-right:20px;
	float:left;
}

#prijzen a 
{
	margin: 0;
	padding: 0;
	height: 110px;
	width: 200px;
	display: block;
	text-decoration: none;
	background-color: transparent;
	background-position: left;
	border-bottom: none;
}
#prijzen a:hover
{
	width: 200px;
	background-position: right;
}
#prijs-budget a{
	background-image: url(images/prijs-budget.png);
	margin-bottom:140px;}
	
#prijs-brons a{
	background-image: url(images/prijs-brons.png);
	margin-bottom:90px;}

#prijs-zilver a{
	background-image: url(images/prijs-zilver.png);
	margin-bottom:50px;}
#prijs-goud a{
	background-image: url(images/prijs-goud.png);
	margin-bottom:50px;}