/* - - - - - - - - - - - - - - - - - - - - -

Title : Soul Survivor Homepage Stylesheet
Author : Soul Survivor
URL : http://www.soulsurvivor.nl
Description : pages Screen CSS

Coding by Elmar / http://elmarbeckmann.com
Coding and design by Arjen Scherff / http://aratramba.nl
(c)2007, Soul Survivor

- - - - - - - - - - - - - - - - - - - - - */


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 Menu
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#main_nav{
padding: 0;
height: 35px;
margin: 0;
background: url(../../img/menu_background.gif) top left;
}

  #main_nav .innercnt{
  position: relative;
  }

  #main_nav ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  background: url(../../img/menu_ext_pages.gif) top left;
  }
  
    #main_nav ul li#menu_home{ width: 109px; }


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 Header
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#page_info{
position: absolute;
width: 100%;
top: 220px;
z-index: 10;
}

  #page_info .innercnt{
  width: 960px;
  position: relative;
  margin: 0 auto;
  left: 0;
  top: 0;
  height: 1px;
  z-index: 100;
  }
  
    #page_info .innercnt img{
    position: relative;
    margin: 20px -32px -50px 0;
    z-index: 100;
 	display: block;
    }
    
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 Events pagina
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/  

  .events .even_event{
  background: #111;
  border-bottom: 10px solid #212121;
  }
  
  .events .odd_event{
  background: #1b1b1b;
  border-bottom: 10px solid #212121;
  }
  
  .events .last_event{
  border-bottom: 2px solid #212121;
  }
  
    .events .even_event .innercnt,
    .events .odd_event .innercnt{
    position: relative;
    padding: 4em 0 4em 85px;
    }
    
      .events .innercnt .odd_event img{
      float: left;
      }
	
	  
      .events .innercnt a img{
      border: none;
      text-decoration: none;
      }
    
      .events .innercnt .event_content{
      margin: 0;
      width: 760px;
      }

  .events .event_content h2{
  font-family: "trebuchet ms", tahoma, verdana, arial;
  font-size: 2.7em; 
  font-weight: normal;
  padding-top: .5em;
  margin-left: 280px;
  }
  
  .events .event_content h2 a{
  color: #f5debe;
  text-decoration: none;
  }
  
  .events .event_content .event_poster{
  float: left;
  margin-bottom: 1.5em;
  }
  
  .events .event_content h2 a:hover{
  text-decoration: underline;
  }
  
  .events .event_content p{
  font-size: 1.1em;
  line-height: 2em;
  margin: 2em 1em 1em 280px;
  color: #DEDDDD;
  text-align: justify;
  }
  
  .events .event_content p a{
  color: white;
  text-decoration: none;
  }
  
  .events .event_content ul{
  margin: 4em 0 1em 280px;
  padding: 3px;
  list-style-type: none;
  background: url(../../img/darker_striped_background.gif);
  }
  
    .events .event_content ul li{
    display: inline;
    line-height: 2em;
    font-size: 1.3em;
    }
    
      .events .event_content ul li a{
      color: white;
      text-decoration: none;
      border-bottom: 1px dotted white;
      }
      
      .events .event_content ul li a:hover{
      color: #2388BF;
      text-decoration: none;
      border-bottom: 1px dotted #2388BF;
      }
    
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 Detail pagina
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.detail #primary_content{
background: #111;
border-bottom: 10px solid #212121;
}

  .detail #primary_content h2{
  color: #F5DEBE;
  font-family: "Trebuchet MS", Tahoma, Verdana, Arial;
  font-size: 2.7em; 
  font-weight: normal;
  padding-top: 2em;
  }
  .detail #primary_content h3{
  font-family: "Trebuchet MS", Tahoma, Verdana, Arial;
  font-size: 2em; 
  font-weight: normal;
  padding-bottom: 1em;
  }
  
  .detail #primary_content h3, 
  .detail #secondary_content h4{
  color: #FFC676;
  }
  
  .detail #primary_content p,
  .detail #primary_content h2,
  .detail #primary_content h3{
  margin: 0 0 0 340px;
  }

  .detail #primary_content img {
  margin: 0 0 0 330px;  
  padding-bottom: 1.5em;
  }

.detail #secondary_content{
background: url(../../img/event-detail-decoration.gif) no-repeat bottom center;
padding-top: 1em;
}
  .detail #secondary_content h4,
  .detail #secondary_content h5,
  .detail #secondary_content h6{
  /*.detail #secondary_content img{*/
  margin: 1em 0 1em 340px;
  }
  
  .detail #secondary_content a{
  color: #FFC676;
  text-decoration: none;
  }
  .detail #secondary_content a:hover{
  text-decoration: underline;
  }
  
  .detail #secondary_content h4{
  font-family: "Trebuchet MS", Tahoma, Verdana, Arial;
  font-size: 1.3em; 
  margin-bottom: 0;
  font-weight: bold;
  }
  
  .detail #secondary_content table{
  font-size: 1em;
  }
  
  .detail #secondary_content #content{
  width: 465px;
  font-size: 1.1em;
  line-height: 2em;
  margin: 1em 0 1.9em 340px;
  }
 
 
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 Detail Sub navigatie
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.detail #sub_nav{
background: url(../../img/normal_striped_background.gif) repeat top left;
width: 220px;
position: relative;
z-index: -1;
left: 52px;
top: 0;
margin: 0;
padding: 65px 15px 65px 14px;
list-style-type: none;
font-family: Verdana, Tahoma, "Trebuchet MS", Arial;
font-size: 1.3em; 
}

  .detail #sub_nav li{
  border-bottom: 1px dotted #383838;
  line-height: 2.45em;
  text-indent: .6em;
  }
  
  .detail #sub_nav li.tussenkop{
  border: none;
  line-height: 2.45em;
  text-indent: 0;
  font-weight: bold;
  margin-top: 5px;
  color: #FFC676;  
  }  
  
  .detail #sub_nav li a{
  color: white;
  text-decoration: none;
  width: 100%;
  height: 100%;
  display: block;
  }
  
  .detail #sub_nav li a:hover{
  color: #CFE0FF;
  background: #222; 
  }
  
  .detail #sub_nav li.current a{
  color: #FFC676;
  }
  
    .detail #sub_nav li.current a span{
    font-weight: normal;
    } 
    
  .detail #download_box_heading{
  position: relative;
  z-index: -1;
  left: 52px;
  top: -70px;
  padding: 0;
  margin: 0;
  }
    
  .detail #download_box{
  background: url(../../img/normal_striped_background.gif) 0 -2px;
  width: 220px;
  position: relative;
  z-index: -1;
  left: 52px;
  top: -20px;
  margin: 0;
  padding: 0 5px 15px 24px;
  list-style-type: none;
  font-family: Verdana, Tahoma, "Trebuchet MS", Arial;
  font-size: 1.1em; 
  }
  
    .detail #download_box li{
    display: inline;
    line-height: 2em;
    }
      
      .detail #download_box li a{
      color: white;
      text-decoration: none;
      border-bottom: 1px dotted white;
      }
      
      .detail #download_box li a:hover{
      color: #2388BF;
      text-decoration: none;
      border-bottom: 1px dotted #2388BF;
      }
  
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 Nieuws pagina
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.nieuws #primary_content{
border-bottom: 10px solid #212121;
color: #DEDDDD;
background: #1B1B1B url(../../img/event-detail-decoration.gif) no-repeat bottom center;
}

  .nieuws #primary_content h2{
  color: #A5CEE6;
  font-family: "Trebuchet MS", Tahoma, Verdana, Arial;
  font-size: 2.7em; 
  font-weight: normal;
  padding-top: 2em;
  width: 465px;
  }
  .nieuws #primary_content h3{
  color: #A5CEE6;
  font-family: "Trebuchet MS", Tahoma, Verdana, Arial;
  font-size: 2em; 
  font-weight: normal;
  padding-bottom: 2em;
  width: 465px;
  }
  
  .nieuws #primary_content h3, 
  .nieuws #primary_content h4{
  color: #A5CEE6;
  }
  
  .nieuws #primary_content p,
  .nieuws #primary_content img,
  .nieuws #primary_content h2,
  .nieuws #primary_content h3{
  margin: 0 0 0 15px;
  clear: left;
  }
  
  .nieuws #primary_content a{
  color: #A5CEE6;
  text-decoration: underline;
  }
  .nieuws #primary_content a:hover{
  text-decoration: none;
  }
  

  .nieuws #primary_content #reacties_header{
   padding: .3em 0 2.5em 0;
  }
  
  .nieuws #primary_content #reacties_header h3{
  margin: 0 0 0 15px;
  padding: 0;
  font-size: 1.5em;
  font-weight: bold;
  }
  
  
    .nieuws #primary_content #reacties_header h3 a{
    color: #607581; 
    text-decoration: none;
    line-height: 2em;
    }
    
    .nieuws #primary_content #reacties_header a img{
    border: none;
    float: left;
    margin: 0 .5em 0 0;
    }
    
    .nieuws #primary_content #reacties_header a span{
    text-decoration: underline;
    }
  
  

.nieuws #primary_content{
background: url(../../img/nieuws-decoration.gif) no-repeat bottom center;
padding-bottom: 2.5em;
}
  .nieuws #primary_content #content,
  .nieuws #primary_content h4,
  .nieuws #primary_content h5,
  .nieuws #primary_content h6,
  .nieuws #primary_content img{
  margin: 1em 0 1em 15px;
  }
  
  .nieuws #primary_content h4{
  font-family: "Trebuchet MS", Tahoma, Verdana, Arial;
  font-size: 1.3em; 
  margin-bottom: 0;
  font-weight: bold;
  }
  
  .nieuws #primary_content #content{
  width: 465px;
  font-size: 1.1em;
  line-height: 2em;
  margin-bottom: 1.9em;
  margin-top: 0;
  }
  
  
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 Nieuws Sub navigatie
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.nieuws #sub_nav{
background: url(../../img/normal_striped_background.gif) repeat top left;
width: 340px;
position: absolute;
top: 0;
left: 585px;
top: 0;
margin: 0;
padding: 65px 0 65px 0;
list-style-type: none;
font-family: Verdana, Tahoma, "Trebuchet MS", Arial;
font-size: 1em; 
font-weight: bold;
text-transform: uppercase;
z-index: 2;
}

  .nieuws #sub_nav img{
  margin: 0;
  }

  .nieuws #sub_nav h3{
  font-family: "Trebuchet MS", Tahoma,  Verdana, Arial;
  font-size: 2em;
  color: #A5CEE6;
  text-transform: capitalize;
  margin: 0 0 1em 50px;
  padding: 0;
  width: auto;
  }
  
  .nieuws #sub_nav ul{
  margin: 0 0 0 45px;
  padding: 0;
  width: 245px;
  list-style-type: none;
  }

  .nieuws #sub_nav ul li{
  border-bottom: 1px dotted #383838;
  line-height: 2.4em;
  text-indent: .6em;
  }
  
  .nieuws #sub_nav ul li a{
  text-decoration: none;
  width: 100%;
  height: 100%;
  color: #A5CEE6;
  display: block;
  text-transform: capitalize;
  font-weight: normal;
  font-size: 1.1em;
  }
  
  .nieuws #sub_nav ul li a:hover{
  color: #CFE0FF;
  background: #222; 
  }
  
  
  .nieuws #sub_nav ul li.current a{
  color: #fff;
  }
  
    .nieuws #sub_nav ul li.current a span{
    font-weight: normal;
    } 
    
    .nieuws #sub_nav .readmore{
    position: absolute;
    right: 53px;
    bottom: -7px;
    color: #224254;
    padding: .3em;
    text-decoration: none;
    font-weight: normal;
    width: 100px;
    font-size: 1em;
    text-transform: lowercase;
    text-align: center;
    background: white url(../../img/button_rounded_white_left.gif) no-repeat top left;
    }
    .nieuws #sub_nav .readmore:hover{
    color: #1B1B1B;
    }
    .nieuws #sub_nav .readmore span{
    position: absolute;
    right: 0;
    top: 0;
    height: 20px;
    width: 6px;
    background: url(../../img/button_rounded_white_right.gif) no-repeat top right;
    }
    
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 Nieuws reacties
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.nieuws #secondary_content{
font-size: 1.1em;
padding-top: 4em;
border: none;
background: #111 url(../../img/footer_background.gif) repeat-x bottom center;
}

  .nieuws #secondary_content h3{
  font-family: "Trebuchet MS", Tahoma,  Verdana, Arial;
  font-size: 1.8em;
  color: #A5CEE6;
  font-weight: normal;
  margin-left: 15px;
  margin-bottom: 1em;
  }
  
  .nieuws #secondary_content fieldset{
  border: none;
  background: #1B1B1B;
  width: 430px;
  height: 300px;
  padding: 1em 2.5em;
  margin: 2em 0 0 15px;
  position: relative;
  }
  
    .nieuws #secondary_content fieldset label{
    display: block;
    color: #A5CEE6;
    height: 2em;
    }
  
    .nieuws #secondary_content fieldset input,
    .nieuws #secondary_content fieldset textarea{
    width: 400px;
    color: #111;
	border: 3px solid white;
    font: 1.1em Verdana, Arial, "Microsoft Sans Serif", verdana, geneva, helvetica, sans-serif;
	overflow: auto;
    }
    
    .nieuws #secondary_content fieldset input#button_versturen{
    width: auto;
    position: absolute;
    right: 0;
    margin-right: 40px;
    bottom: -7px;
	border: none;
    }
    
     div.hr {
     height: 1px;
     background: #fff url(../../img/dark_striped_background.gif) repeat top left;
     width: 430px;
     margin: 4em 0 2em 15px;
     }
     div.hr hr {
     display: none;
    }
    
    .nieuws #secondary_content p.comment_heading{
    background: #1B1B1B;
    line-height: 2em;
    padding: 2px;
    width: 430px;
    margin: 4em 0 1.5em 15px;
    } 
    
      .nieuws #secondary_content p.comment_heading a{  
      color: #A5CEE6;
      text-decoration: none;
      padding-left: .3em;
      }
      
      .nieuws #secondary_content p.comment_heading a:hover{  
      text-decoration: underline;
      }
      
      .nieuws #secondary_content p.comment_heading span.comment_date{  
      color: #A0A0A0;
      }
      
    
    .nieuws #secondary_content p.comment{
    margin-left: 25px;
    line-height: 2.4em;
    width: 470px;
    }
    

    
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 Webshop
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
 
div#horizon{
   	position:absolute;
   	top:50%;
   	left:0;
  	width:100%;
   	text-align:center;
	z-index: 300;
}

div#horizon div#horizoncenter{
   	position:absolute;
   	text-align:center;
   	margin:0 0 0 -175px;
   	top:-50px;
   	left:50%;
}

#cartResult {
	position: relative;
	width: 300px;
	background: #fff6bf url(../../img/information.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 0 20px 0 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	visibility: hidden;
	color: #222;	
	font-size: 13px;
	line-height: 18px;
}

#cartResult a {
	color: #222;
}  	  
   


.shop #primary_content{
background: #1B1B1B;
min-height: 450px; /* only works with firefox */
}

  .shop #primary_content h2{
  color: #D2FFC5;
  font-family: "Trebuchet MS", Tahoma, Verdana, Arial;
  font-size: 2.7em; 
  font-weight: normal;
  margin: 2em 0 0 340px;
  }
 
	.shop #primary_content #cartResult {
	background: #fff6bf url(../../img/information.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 0 20px 0 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	width: 300px;
	height: 0;
  	margin: 0 0 0 340px;	
	display: none;
	
	color: #222;	
	font-size: 13px;
	line-height: 18px;
	}

		.shop #primary_content #cartResult a {
			color: #222;
		}  	


  .shop #primary_content .shop_info{
  margin: 1em 0 0 340px;
  font-size: 1.1em;
  line-height: 1.5em;
  width: 550px;
  }
  
  .shop #primary_content h3, 
  .shop #secondary_content h4{
  color: #D2FFC5;
  }
  
  .shop #primary_content .shop_item{
  margin: 2em 0 0 340px;
  width: 600px;
  min-height: 125px;
  }
  
    .shop #primary_content .shop_item p.shop_item_price{
    font-size: 1.1em;
    font-weight: bold;
    }

    .shop #primary_content .shop_item p{
    font-size: 1.1em;
    font-weight: none;
  	line-height: 1.5em;	
    }

  .shop #primary_content .shop_item .shop_image_background{
  background: url(../../img/darker_striped_background.gif);
  padding: 5px;
  display: block;
  width: 100px;
  float: left;
  margin: 0 0 1.5em 0;
  }
  
    .shop #primary_content .shop_item .shop_image_background img{
    margin: 0;
    width: 100px;
    }
    
  .shop #primary_content h3{
  font-size: 1.7em;
  font-weight: normal;
  margin: 0 0 0 120px;
  padding-top: .5em;
  }
  
  
  .shop #primary_content h3 a{
  color: #D2FFC5;
  text-decoration: none;
  }
  .shop #primary_content h3 a:hover{
  text-decoration: underline;
  }
  
  .shop #primary_content p{
  margin: .5em 0 1em 120px;
  }
      
    .shop #primary_content a.shop_item_buy{
    text-decoration: none;
    font-size: 1.2em;
    margin-left: 12px;
    }
    
      .shop #primary_content a img{
      text-decoration: none;
      border: none;
      }
      
  .shop #primary_content .hr{
  margin: 1.5em 0 0 340px;
  width: 600px;
  clear: left;
  background: none;
  border-bottom: 1px #333 dotted;
  }
  
  .shop #content{
  color: #DEDDDD;
  }

    
.shop #sub_nav{
background: url(../../img/normal_striped_background.gif) repeat top left;
width: 220px;
position: relative;
z-index: -1;
left: 52px;
margin: 0;
padding: 65px 15px 65px 14px;
list-style-type: none;
font-family: Verdana, Tahoma, "Trebuchet MS", Arial;
font-size: 1.3em; 
}

  .shop #sub_nav li{
  border-bottom: 1px dotted #383838;
  line-height: 2.45em;
  text-indent: .6em;
  }

	  .shop #sub_nav li.tussenkop{
	  color: #FFC676;  
	  }    

	  .shop #sub_nav li.tussenkop a{
	  color: #FFC676;  
	  }

	  .shop #sub_nav li.tussenkop a:hover{
	  color: #D2FFC5;
	  }
  
  .shop #sub_nav li a{
  color: white;
  text-decoration: none;
  width: 100%;
  height: 100%;
  display: block;
  }
  
  .shop #sub_nav li a:hover{
  color: #D2FFC5;
  background: #222; 
  }
  
  .shop #sub_nav li.current a{
  color: #D2FFC5;
  }
  
    .shop #sub_nav li.current a span{
    font-weight: normal;
    } 
    
    
    
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 Misc
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/    
    

.other #primary_content{
color: #DEDDDD;
border-bottom: 2px solid #212121;
padding-bottom: 5em;
min-height: 100px;
}

  .other #primary_content h2{
  color: #a5cee6;
  font-family: "Trebuchet MS", Tahoma, Verdana, Arial;
  font-size: 2.7em; 
  font-weight: normal;
  padding-top: 2em;
  padding-bottom: 1em;
  width: 465px;
  }
  .other #primary_content h3{
  color: #fffff;
  font-family: "Trebuchet MS", Tahoma, Verdana, Arial;
  font-size: 2em; 
  font-weight: normal;
  width: 465px;
  }
  
  .other #primary_content h3, 
  .other #primary_content h4{
  color: #fffff;
  }
  
  .other #primary_content p,
  .other #primary_content img,
  .other #primary_content h2,
  .other #primary_content h3{
  margin: 0 0 0 15px;
  clear: left;
  }
  
  .other #primary_content a{
  color: #A5CEE6;
  text-decoration: none;
  }
  .other #primary_content a:hover{
  text-decoration: underline;
  }
  
  .other #primary_content #content,
  .other #primary_content h4,
  .other #primary_content h5,
  .other #primary_content h6,
  .other #primary_content img{
  margin: 1em 0 1em 15px;
  }
  
  .other #primary_content h4{
  font-family: "Trebuchet MS", Tahoma, Verdana, Arial;
  font-size: 1.3em; 
  margin-bottom: 0;
  font-weight: bold;
  }
  
  .other #primary_content #content{
  width: 465px;
  font-size: 1.1em;
  line-height: 2em;
  margin-bottom: 1.9em;
  margin-top: 0;
  }
  
  .other #primary_content #page_image h3{
  width: 200px;
  margin-bottom: .2em;
  }
	
 .other #photo_content{
  width: 520px;
  margin: 1em 0 0 15px;
  }
  
  .other #primary_content #photo_content img.photo{
  clear:none; 
  padding: 0; 
  margin: 0;
  border: 6px solid #222;
  }

  /* teampagina foto's */
  .other #primary_content #photo_content.team img.photo{
  clear:none; 
  padding: 0; 
  margin: 0;
  margin-bottom: 5px;
  border: 6px solid #222;
  }
  
  
  
  
.other #secondary_content{
font-size: 1.1em;
padding-top: 6em;
border: none;
background: #111 url(../../img/footer_background.gif) repeat-x bottom center;
}

  .other #secondary_content h3{
  font-family: "Trebuchet MS", Tahoma,  Verdana, Arial;
  font-size: 1.8em;
  color: #A5CEE6;
  font-weight: normal;
  margin-left: 15px;
  margin-bottom: 1em;
  }
  
  .other #secondary_content fieldset{
  border: none;
  background: #1B1B1B;
  width: 430px;
  padding: 1.8em 2.5em 50px 2.5em;
  margin: 2em 0 0 15px;
  height: auto;
  position: relative;
  }
  
    .other #secondary_content fieldset label{
    display: block;
    color: #A5CEE6;
    height: 2em;
    }
	
	.other #secondary_content fieldset .huge{
	width: 4em;
	font-size: 3em;
	border: 3px solid white;
	}
	
	.other #secondary_content fieldset .radio_label input{
	width: auto;
	margin-right: .5em;
	border: none;
	}
	
	.other #secondary_content fieldset .radio_label{
	padding: 0;
	margin: 0;
	color: white;
	height: 20px;
	border: none;
	display: block;
	}
  
    .other #secondary_content fieldset input,
    .other #secondary_content fieldset textarea{
    width: 400px;
    color: #111;
	border: 3px solid white;
    font: 1.1em Verdana, Arial, "Microsoft Sans Serif", verdana, geneva, helvetica, sans-serif;
	overflow: auto;
    }
    
    .other #secondary_content fieldset input#button_versturen{
    width: auto;
    position: absolute;
    right: 0;
    margin-right: 40px;
    bottom: -68px;
	border: none;
    }
  
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 Different content
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

  .detail #secondary_content .different{
  width: 465px;
  font-size: 1.1em;
  margin: 0 0 10px 340px;
  }

  
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 Proces
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

  .detail #secondary_content .proces{
  width: 465px;
  font-size: 1.1em;
  line-height: 2em;
  margin: 2em 0 2em 340px;
  border: 4px solid #222;  
  padding: .1em;
  border: 1px dotted #3C3C3C; 
  }
  
    .detail #secondary_content .proces h3{
	font-size: 1.2em;
	}
	
	.detail #secondary_content .proces h5{
	font: bold 1.1em Verdana, Arial, "Microsoft Sans Serif", verdana, geneva, helvetica, sans-serif;
	color: #C5D8FF;
	text-transform: uppercase;
	background: #2A2A2A url(../../img/dark_striped_background.gif);
	margin: 0;
	padding: 8px;
	}

	.detail #secondary_content .proces span{
	background: #2A2A2A url(../../img/lighter_striped_background.gif);
	margin: 0;
	padding: 0px;
	height: 8px;
	display: block;
	width: 100%;
	}	
	
	.detail #secondary_content .proces h5 em{
	font-style: normal;
	}
	
	.detail #secondary_content .proces .proces_info{
	text-transform: none;
	color: #1B1B1B;
	background: #F5FAFA;
	text-align: left;
	padding: 6px 6px 6px 12px;
	font: 1.1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	padding: 1.5em 8px 1.5em 8px;
	}
	
	.detail #secondary_content .proces .proces_info a{
	color: #222;
	font-size: 1.1em;
	font-weight: bold;
	background: url(../../img/arrow_dark.gif) no-repeat 0 50%;
	text-indent: 10px;
	padding: 0 0 0 .5em;
	}
	
	.detail #secondary_content .proces span.hr{
	background: #F5FAFA;
	margin: -10px 0 0 0;
	display: block;
	height: 1px;
	border-bottom: 1px solid #999;
	line-height: 1px;
	padding: 0;	
	}
	
	.detail #secondary_content .proces .button{
	border: 2px solid #777;
	background: #666 url(../../img/arrow.gif) no-repeat 5px 50%;
	color: white;
	text-indent: 4px;
	}
	
	.detail #secondary_content .proces .button_extra{
	border: 2px solid #bbb;
	background: none;
	}
	
	.detail #secondary_content .proces .proces_info table{
	width: auto;
	border: none;
	}
	
		.detail #secondary_content .proces .proces_info table td{
		height: 5px;
		background: #F5FAFA;
		}
		
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 Misc image
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.other #page_image{
background: url(../../img/normal_striped_background.gif) top left;
width: 341px;
position: absolute;
top: 0;
left: 585px;
top: 0;
margin: 0;
padding: 64px 0 65px 0;
}

  .other #page_image img{
  margin: 0;
  margin-left: -1px;
  }





  
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 Footer
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.detail,
.events,
.shop{
background: #1B1B1B url(../../img/footer_background.gif) repeat-x bottom center;
}

.events #footer{
margin: 1em 0 0 0;
}
.events ul#footer_info{ 
padding: .2em 0;
margin: 0;
}

.events ul#footer_info a{
color: #F5DEBE;
}

.other #footer{ 
margin: 0;
}
.other ul#footer_info{
font-size: .9em;
}
.other ul#footer_info li a{
color: #C3BEF5;
text-decoration: none;
}
.other ul#footer_info li a:hover{
text-decoration: underline;
}

.nieuws ul#footer_info li a{
color: #A5CEE6;
}

.shop ul#footer_info li a{
color: #D2FFC5;
}