/*************************************************
* Title:       Default                           *
* Description: This stylesheet defines           *
*              the default layout of             *
*              paintballdegrotewielen.nl         *
* Copyright:   Pronamic.nl                       *
* Company:     Pronamic.nl                       *
* Author:      Karel-Jan Tolsma                  *
* Version:     1.0                               *
*************************************************/

/**********************
* Default             *
**********************/

body
{
	margin: 0 0 20px 0;
	padding: 0;
	
	font-family: Arial, Verdana, Helvetica;
	font-size: 12px;
	color: #000;
	
	background: #fff url("bg_body.gif") repeat-x;
}

a
{
  color: #1c4c00;
  text-decoration: underline;
}

a:hover
{
  text-decoration: none;
}

.clear {
	clear: both;
}

#container 
{
	margin: 0 auto;

	width: 770px;
	
	text-align: left;
	
	background: #fff url("bg_content.gif") repeat-y;
}

/**********************
* Header              *
**********************/

#header
{
	background: #fff url("bg_header.gif") no-repeat;
	
	width: 100%;
	
	height: 250px;
}

#logo
{
	padding-bottom: 1px;
	margin-left: 9px;
}

#slideshow
{
	margin: 0 9px 0 9px;
	
	height: 114px;
	
	padding-top: 2px;
}

/**********************
* Navigation          *
**********************/

#navigation
{
	width: 752px;
	
	margin-left: 9px;
	
	border-bottom: 18px solid #c4cebe;
}

#navigation ul
{
	margin: 0;
	padding: 5px 0 5px 0;
}

#navigation li
{
	display: inline;
	
	list-style-type: none;
}

#navigation a
{
	color: #000;

	text-decoration: none;
	margin: 0;
}

#navigation a span { visibility: hidden; }

#navigation a:hover
{
	background-color: #c4cebe;
}

#informatiecentrum_menu_item a { background: url("informatie.gif") center no-repeat; padding: 5px 24px; }
#informatiecentrum_menu_item a:hover { background: #c4cebe url("informatie.gif") center no-repeat; }
#page_informatiecentrum #informatiecentrum_menu_item a { background: #c4cebe url("informatie.gif") center no-repeat; }

#uitleg_menu_item a { background: url("uitleg.gif") center no-repeat; padding: 5px 18px; }
#uitleg_menu_item a:hover{ background: #c4cebe url("uitleg.gif") center no-repeat; }
#page_uitleg #uitleg_menu_item a { background: #c4cebe url("uitleg.gif") center no-repeat; }

#fotos_menu_item a { background: url("fotos.gif") center no-repeat; padding: 5px 18px; }
#fotos_menu_item a:hover { background: #c4cebe url("fotos.gif") center no-repeat; }
#page_fotos #fotos_menu_item a { background: #c4cebe url("fotos.gif") center no-repeat; }

#kosten_menu_item a { background: url("kosten.gif") center no-repeat; padding: 5px 18px; }
#kosten_menu_item a:hover { background: #c4cebe url("kosten.gif") center no-repeat; }
#page_kosten #kosten_menu_item a { background: #c4cebe url("kosten.gif") center no-repeat; }

#boeken_menu_item a { background: url("boeken.gif") center no-repeat; padding: 5px 18px; }
#boeken_menu_item a:hover { background: #c4cebe url("boeken.gif") center no-repeat; }
#page_boeken #boeken_menu_item a { background: #c4cebe url("boeken.gif") center no-repeat; }

#arrangementen_menu_item a{ background: url("arrangementen.gif") center no-repeat; padding: 5px 24px; }
#arrangementen_menu_item a:hover { background: #c4cebe url("arrangementen.gif") center no-repeat; }
#page_arrangementen #arrangementen_menu_item a { background: #c4cebe url("arrangementen.gif") center no-repeat; }

#activiteiten_menu_item a{ background: url("activiteiten.gif") center no-repeat; padding: 5px 35px; }
#activiteiten_menu_item a:hover { background: #c4cebe url("activiteiten.gif") center no-repeat; }
#page_activiteiten #activiteiten_menu_item a { background: #c4cebe url("activiteiten.gif") center no-repeat; }

#contact_menu_item a { background: url("contact.gif") center no-repeat; padding: 5px 18px 5px 18px; }
#contact_menu_item a:hover { background: #c4cebe url("contact.gif") center no-repeat; }
#page_contact #contact_menu_item a { background: #c4cebe url("contact.gif") center no-repeat; }

/**********************
* Content	          *
**********************/

#content
{
	min-height: 400px;
	
	margin: 0 25px 0 15px;
	
	background: #fff url("bg_main.gif") right top no-repeat;
}

*html #content
{
	height: 400px;
}


#content strong
{
	font-style: italic;
	font-size: 14px;
	color: #CC0000;
}

#content h1
{

}

#content h2
{
	font-size: 14px;
	
	margin-bottom: 5px;
}

#content ul li
{
	padding-bottom: 3px;
}

#content img
{
	float: left;
}

#content #info
{
	float: left;
	
	width: 400px;
	
	margin-left: 20px;
}

#content #thumbs img
{
	margin: 0 10px 10px 0;
	
	border: 1px solid #006633;
}

.external_link

{

  background: url("external_link.gif") no-repeat right;
  padding-right: 10px;

}

.special-attention {
	color: #CC0000;

	font-weight: bold;
}

#home_sidebar
{
	float: left;
}

.action-button {
	background: url("banner.gif") no-repeat;

	display: block;

	margin: 0;

	height: 134px;
	width: 274px;
}

.action-button span{ 
	display: none;
}

/**********************
* Order		          *
**********************/

form#order label, 
form#order input.text,
form#order select.text {
	display: block;

	float: left;

	margin-bottom: 8px;
}

form#order select{
	width: 146px;
}

form#order label 
{
	text-align: left;

  	width: 150px;
}

form#order .submit
{
	display: inline;
  
	font-size: 11px;

	width: 10em;

	margin-left: 150px;
}

.error
{
  font-weight: bold;
}

/**********************
* Footer	          *
**********************/

#footer
{
	background: #fff url("bg_footer.jpg") no-repeat;
	
	padding: 55px 20px 20px 0;
	
	text-align: right;
	color: #fff;
	
	clear: both;
}

#copyright
{
	width: 770px;
	text-align: center;
	margin: auto;
	color: Gray;
}

#copyright a
{
	color: #999999;
}