/*

Punkbunny.nl CSS by www.punkbunny.nl  
*********************************************
* Punkbunny 2008 © All rights reserved	
* Web:		http://www.punkbunny.nl 
* E-mail: 	info(at)punkbunny.nl 
* Tel:  	+31 (0)6 484 808 81
* Author:	Sandra Smit 
*********************************************

	CSS Logica:

	Algemeen
		Standaard hyperlink instellingen
		Standaard tekst instellingen
		Standaard elementen
	Container DIV's
	Header
	Navigatie
	Content
	Footer
		
------------------------------------------------------------ */


/* Algemeen 
----------------------------------------------------------- */

* {
	/* overschrijf alle default browser settings */
	margin: 0;
	padding: 0;
}
body {
	background-color:#414042;
	font-size: 12px;
	text-align:left;
	/* standaard lettertype instellingen */
	font-family: arial, helvetica, sans-serif;
	line-height:16px;
	color: #fff; /* standaard tekst kleur */
}
.img1 {
	border:5px solid #a01d21;
	border-color:#a01d21;
}
/* Container DIV's
----------------------------------------------------------- */	
#container {
	position:relative; 
	width:800px; 
	text-align:left; 
	margin:0 auto;
	/* deel 2 van de centering hack */
	margin: 0 auto;
}
html, body {
	height:100%;
}
/* Standaard hyperlink instellingen
	----------------------------------------------------------- */
a:link {
	color:#fff; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size:12px;
}
a:visited {
	color:#fff; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size:12px;

}
a:hover {
	text-decoration:underline;
}
a:active {
	color:#fff; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size:12px;
}



/* Standaard tekst instellingen 
	----------------------------------------------------------- */
	
h1, h2 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	margin: 0;
	padding: 0;
}

h1 {
	font-size:17px;
	color:#546b2f;
}
h2 {
	font-size: 30px;
	color:#fff;
}
h3 {
	font-size: 12px;
	color:#fff;
	padding:5px 10px 10px 10px;
}
h4 {
	font-size: 30px;
	color:#00b1e4;
	line-height:30px;
}

/* Standaard elementen
	----------------------------------------------------------- */
	
img {
	border: 0;
}
ul { list-style:disc; padding:0 0 0 20px;
}
.p						{font-size: 12px;
	  					 font-family:Arial, Helvetica, sans-serif;
}
.line {color:#ffffff}

/* Header
	----------------------------------------------------------- */


/* Navigatie
	----------------------------------------------------------- */
#menuleft				{position:relative;
						 width:130px;
						 padding:20px 20px 20px 20px;
						 height:inherit;
						 background-color:#939598;
						 top:0px;
						 float:left;
						 text-align:right;
}
#menuright				{position:relative;
						 width:130px;
						 padding:20px 20px 20px 20px;
						 height:100%;
						 background-color:#00b1e4;
						 top:0px;
						 left:0px;
						 float:right;
}
#menu_top				{position:absolute;
						 top:10px;
						 left:40px;
						 width:150px;
						 height:20px;
}

#submenu				{position:relative;
						 top:270px;
						 left:190px;
						 width:500px;
						 height:20px;
						 z-index:500;
						 text-align:left;
}
#submenu2				{position:relative;
						 top:250px;
						 left:190px;
						 width:500px;
						 height:20px;
						 line-height:18px;
						 z-index:500;
						 text-align:left;
}


#menuleft a:active, #menuleft a:visited, #menuleft a:link {color:#fff; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size:12px;}
#menuleft a:hover {color:#58595b; text-decoration:underline;}

#menuright a:active, #menuright a:visited, #menuright a:link {color:#fff; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size:12px;}
#menuright a:hover {color:#58595b; text-decoration:underline;}

#submenu a:active, #submenu a:visited, #submenu a:link {color:#939598; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size:11px; padding:0 10px 0 10px; border-right:1px solid #939598;}
#submenu a:hover {color:#00b1e4; text-decoration:underline;}

#submenu #last	{border-right:0px;}

#submenu2 a:active, #submenu2 a:visited, #submenu2 a:link {color:#939598; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size:11px; padding:0 10px 0 10px; border-right:1px solid #939598;}
#submenu2 a:hover {color:#00b1e4; text-decoration:underline;}

#submenu #last	{border-right:0px;}
#submenu2 #last	{border-right:0px;}

#menu					{position:relative;
						 width:800px;
						 height:inherit;
						 height:20px;
						 background-color:#546b2f;
						 font-family: Arial,Verdana, Helvetica, sans-serif; 
						 font-size:10px;
						 color:#fff;
}

#menu, #menu ul {padding:0; line-height:0px; margin:0; list-style:none; z-index:100}
#menu li a:active, #menu li a:visited, #menu li a:link { display:block; color:#fff; text-decoration:none; font-family: Arial,Verdana, Helvetica, sans-serif; font-size:10px; line-height:0px; z-index:100}
#menu li a:hover {color:#999999; z-index:100}

#menu li {float:left; padding:1px 23px 0 23px; border-right:1px solid #fff; display:block; height:20px; z-index:100}              
li#last {border-right:0px; z-index:100}

#menu ul a {color:#fff; text-decoration:none; padding:8px 0px 7px 0px; font-family: Arial,Verdana, Helvetica, sans-serif; font-weight:bold; font-size:12px; z-index:100}

#menu li ul {position:absolute; width:150px; left:-999em; top:20px; background-color:#546b2f; z-index:100; margin:0 0 0 -23px;}
#menu li ul li {line-height:12px; padding:0px 0px 0px 7px; border-right:0px; z-index:100; width:150px;}
#menu li:hover ul, #menu li.over ul {left:auto; overflow:hidden; z-index:100}  
#menu ul li:hover, #menu ul li.over {color:#fff; overflow:hidden; z-index:100}



/* Content
	----------------------------------------------------------- */

#container				{position:relative; 
						 width:900px; 
						 text-align:left; 
						 margin:0 auto;
						 padding:0;
}
#banner					{position:absolute;
						 width:900px;
						 height:315px;
						 background-color:#58595b;
						 z-index:10;
}
#kop_photos				{position:absolute;
						 width:170px;
						 height:22px;
						 top:293px;
						 left:0px;
						 background-image:url(../_images/kop_photos.png);
						 background-repeat:no-repeat;
						 background-position:bottom;
}
#kop_design				{position:absolute;
						 width:170px;
						 height:22px;
						 top:293px;
						 left:730px;
						 background-image:url(../_images/kop_design.png);
						 background-repeat:no-repeat;
						 background-position:bottom;
}
#toptekst				{position:absolute;
						 width:560px;
						 height:136px;
						 background-image:url(../_images/top_tekst.png);
						 background-repeat:no-repeat;
						 background-position:bottom;
						 top:179px;
						 left:170px;
						 z-index:50;
}
#content				{position:absolute;
						 background-image:url(../_images/bg_content.gif);
						 width:900px;
						 left:0px;
						 top:315px;
}
#tekst					{position:relative;
						 width:510px;
						 left:10px;
						 top:20px;
						 float:inherit;
						 /* deel 2 van de centering hack */
						 text-align: left;
						 margin: 0 auto;
}
#tekst_left				{position:relative;
						 width:240px;
						 float:left;
						 text-align:justify;
}
#tekst_right			{position:relative;
						 width:240px;
						 float:right;
						 right:10px;
						 text-align:justify;
}

/* Footer
	----------------------------------------------------------- */
#copyright				{position:relative;
						 width:900px;
						 height:70px;
						 margin:20px 0 0 0;
						 background-image:url(../_images/copyright.gif);
						 font-family:Arial, Helvetica, sans-serif; 
						 font-size:10px;
						 color:#939598;
						 line-height:40px;
						 clear:both;
						 float:left;
}
#copytekst				{position:relative;
						 margin:0 auto;
						 width:510px;
						 height:30px;
						 font-family:Arial, Helvetica, sans-serif; 
						 font-size:10px;
						 text-align:center;
						 color:#939598;
						 line-height:16px;
						 top:30px;
						 left:10px;
}
#copyright a:active, #copyright a:visited, #copyright a:link {color:#fff; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size:10px;}
#copyright a:hover {text-decoration:underline;}
.copy					{color:#fff;			
}