/*

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: #fff;
	background-image:url(../_images/bg_stripe.jpg);
	font-size: 12px;
	text-align:left;
	/* standaard lettertype instellingen */
	font-family: arial, helvetica, sans-serif;
	line-height:16px;
	color: #000; /* standaard tekst kleur */
}
.img1 {
	border:5px solid #a01d21;
	border-color:#a01d21;
}
/* Container DIV's
----------------------------------------------------------- */	
#container {
	position:relative; 
	width:1000px; 
	text-align:left; 
	margin:0 auto;
	background-color:#fff;
	/* deel 2 van de centering hack */
	margin: 0 auto;
}
html, body {
	height:100%;
}
/* Standaard hyperlink instellingen
	----------------------------------------------------------- */
a:link {
	color:#999; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size:12px;
}
a:visited {
	color:#999; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size:12px;

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



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

h1 {
	font-size: 12px;
	color:#a01d21;
	float:left;
}
h2 {
	font-size: 12px;
	color:#a01d21;
}
h3 {
	font-size: 10px;
	color:#a01d21;
	float:left;
}
h4 {font-size: 14px;
	color:#a01d21;
}
h5 {font-size: 20px;
	color:#a01d21;
}
h6 {font-size: 20px;
	color:#fff;
}

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

/* Header
	----------------------------------------------------------- */
#banner					{position:relative;
						 width:800px;
						 height:140px;
						 background-color:#999;
}


/* Navigatie
	----------------------------------------------------------- */
#menu					{position:relative;
						 width:800px;
						 height:20px;
						 background-color:#a01d21;
}

#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 {text-decoration:line-through; 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:#a01d21; 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:#FFFFFF; overflow:hidden; z-index:100}
#menu ul a:hover, #menu ul li:hover a, #menu ul li.over a {color:#FFFFFF; overflow:hidden; z-index:100}



#contentright a:link, a:visited, a:active {color:#000; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size:12px;
}
#contentright a:hover {color:#a01d21; text-decoration:line-through; font-family: Arial, Helvetica, sans-serif; font-size:12px;
}
.small_link { float:right; color:#999; font-size:10px;}

#con_news a	{			float:right;
						font-size:10px;
						color:#999;
}
#con_upcoming a	{		float:right;
						font-size:10px;
						color:#999;
}
#con_news a:hover	{text-decoration:line-through;
}
#con_upcoming a:hover	{text-decoration:line-through;
}
#content_vlak a {color:#fff;
				font-size:12px;
}
#content_vlak a:hover {text-decoration:line-through;
					   color:#999;
}



/* Content
	----------------------------------------------------------- */
#container				{position:relative; 
						 width:1000px; 
						 text-align:left; 
						 margin:0 auto;
						 padding:0;
						 background-color:#fff;
}
#containerb {
						position:relative;
						width: 800px;
						height:100%;
						/* deel 2 van de centering hack */
						text-align: left;
						margin: 0 auto;
}


#contentright {			position:relative;
						background-color:#fff;
						padding:20px 20px 40px 20px;
						width:760px;
						float:left;
						/* deel 2 van de centering hack */
						text-align: left;
						margin: 0 auto;
}
#con_small{				position:relative;
						width:295px;
						padding:0;
						float:left;
						background-color:;
}
#con_big{				position:relative;
						width:440px;
						padding:0;
						left:0px;
						float:right;
						background-color:;
}
#image_content{
						position:absolute;
						right:-50px;
						bottom:-45px;
}
#total_left				{position:absolute;
						 top:0px;
						 left:0px;
						 width:200px;
						 height:100%;
}
#total_right			{position:absolute;
						 top:0px;
						 left:200px;
						 width:800px;
						 height:100%;
}
#news					{position:relative;
						 width:135px;
						 background-color:#fff;
						 left:25px;
						 margin:140px 0 0 0px;
						 background-repeat: no-repeat;
						 background-position:-50px;
						 padding: 0px 10px 10px 10px;
}
#image_news{
						position:absolute;
						left: -55px;
						top: -75px;
}
#upcoming				{position:relative;
						 width:135px;
						 background-color:#fff;
						 left:25px;
						 margin:10px 0 0 0px;
						 background-repeat: no-repeat;
						 background-position:-50px;
						 padding: 0px 10px 10px 10px;
}
#image_upcoming{
						position:absolute;
						left: -55px;
						bottom: -70px;
}

#con_news {
						position:relative;
						background-color:#fff;
						padding:0px 0px 0px 0px;
						width: 145;
}
#con_upcoming {
						position:relative;
						background-color:#fff;
						padding:0px 0px 0px 0px;
						width: 145;
}
#content_vlak	{		background-color:#a01d21;
						padding:15px 10px 20px 10px;
}
#con_port {				width:760px;
						background-color:#fff;
						padding:0;
						margin:0;
}
#col_left {				position:relative;
						width:210px;
						padding:5px 5px 10px 0px;
						background-color:;
						float:left;
}
#col_right {			position:relative;
						width:215px;
						padding:5px 0px 10px 0px;
						background-color:;
						float:right;
}

/* Footer
	----------------------------------------------------------- */
#copyright				{position:relative;
						 width:750px;
						 height:30px;
						 padding:10px 0 0 0;
}
#copyright a:active, #copyright a:visited, #copyright a:link {color:#fff; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size:12px;}
#copyright a:hover {text-decoration:line-through;}
.copy					{color:#fff;			
}