/*
 * Stylesheet voor Endometriose Stichting
 * 
 * @company e-Active
 * @author Jeroen
 */

/*
 * Algemene styles
 * Gebruik voor algemen items
 */
body {
	margin : 0;
	padding: 0;
	background : #ffffff;
	font:11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 20px;
    background: url('/images/achtergrond.png') repeat left top;
}

IMG {
	border: none;
}

.clear{
	clear:both;
}

.input_text{
	heihgt:12px;
	background:#fff url('/images/input.gif') repeat-x;
	border:1px solid #c6c8ca;
	font:11px Arial, Helvetica, sans-serif;
}
.large{
	padding:2px 0px 2px 0px;
	width:170px;
}
.inloggenbutton{;
	width:80px;
	height:24px;
	background:url('/images/inloggen.png') no-repeat 0px 2px;
	border:none;
}
.zoekbutton{;
	width:75px;
	height:26px;
	background:url('/images/zoeken.png') no-repeat 0px 2px;
	border:none;
}

* {
	margin:0px;
	padding:0px;
}

h1,h2{
	height:20px;
	background:url('/images/bg_header.gif') repeat-x;
	font:bold 12px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-left:5px;
}
h3{
	margin-top:5px;
	font:bold 12px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
h4{
	font:bold 10px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/*
 * Wrapper
 * Gebruikt om pagina te centreren met borders en schaduw
 */
 #wrapper{
	width:964px;
	margin:0 auto;
	background:url('../images/wrapper.gif') repeat-y;
}

/*
 * Header
 * Gebruikt voor header, inclusief topnavigatie
 */
#header{
	width:939px;
	margin:0 auto;
}
	#header .headerbalk{
		height:180px;
		background:url('../images/header.jpg') no-repeat 0px 4px;
	}
		#header .headerbalk form{
			display:inline;
		}
		
		#header .headerbalk #top_menu{
			float:right;
		}
			#header .headerbalk #top_menu a{
				color:#000;
			}
	
	#header .topnavigatie{
		margin:4px 0px 4px 0px;
		background:#e6e6e6;
		height:25px;
		text-align:right;
	}
		#header .topnavigatie a{
			line-height:25px;
			background:url('../images/link_arrow.gif') no-repeat 0px 3px;
			padding:0px 10px 0px 10px;
			color:#000;
		}
		#header .topnavigatie a:hover{
			text-decoration:none;
		}

/*
 * Content 
 * Gebruikt voor content gedeelte, inclusief linkernavigatie
 */
#content{
	width:939px;
	margin:0 auto;
}

	#content #left_nav{
		float:left;
		width:185px;
	}
		#content #left_nav .orange_box{
			display:block;
			background:#f7953d;
			width:183px;
			margin-bottom:4px;
			padding:1px 0px 1px 5px;
		}
			#content #left_nav .zoek_form{
				text-align:center;
			}
			#content #left_nav .zoek_form form{
				margin-top:2px;
			}
			
			#content #left_nav .orange_box .navitem{
				background:url('/images/nav_arrow.png') 0px 8px no-repeat;
				padding-left:15px;
				line-height:25px;
			}	
			#content #left_nav .orange_box .navitem_selected{
				background:url('/images/nav_selected_arrow.png') 0px 10px no-repeat;
				padding-left:15px;
				line-height:25px;
			}		
			#content #left_nav .orange_box .navitemsubcontent{
				background:url('/images/subnav_arrow.png') 0px 6px no-repeat;
				padding-left:15px;					
			}
				#content #left_nav .orange_box .navitemsubcontent a{
					color:#000;
				}
			#content #left_nav .orange_box .navitemsub, #content #left_nav .orange_box .navitemsubactive{
				margin-left:15px;
			}
			#content #left_nav .orange_box .navitemsubactive{
				text-decoration:underline;
			}
		
	#content #right_cont{
		float:right;
		width:740px;
		overflow:hidden;
	}
		#content #right_cont a{
			color:#BF1E2D;
			text-decoration:underline;
		}
		
/*
 * Agenda
 */	
.agenda{
	position:relative;
}	
	.agenda span{
		display:block;
	}
	
/*
 * Nieuws
 */	
.nieuws{
	position:relative;
}	
	.nieuws span{
		display:block;
	}
/*
 * Footer
 * Onderste gedeelte van de site
 */
#footer{

	width:939px;
	margin:0 auto;	
	background:#e6e6e6;
	height:25px;
	line-height:25px;
	text-align:center;
}

.contenttable {
	width: 780px; 
	border: 0px; 
	height: auto;
}

.boven {
	 width: 780px; 
	 height: 215px; 
	 background-image: url(/images/bg_boven.jpg);
}

.menu_knoppen_top {
	position: absolute;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #a4a4a4;
	margin-top: -31px;
	margin-left: 351px;
}

.zoekform {
	position: absolute;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #a4a4a4;
	margin: 0px;
	margin-top: -1px;
}
.menu_knoppen_rechts {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	margin-left: 0px;
	margin-top: 24px;
}

.menu_top_right {
	position: absolute; 
	margin-top: -72px; 
	margin-left: 573px; 
	margin-bottom: 0px;
}

.menu_bottom_right {
	float: right;

	margin-bottom: 0px;
	margin-right: 20px !important;
	margin-right: 2px;
	margin-top: -20px;
	width: 188px;
}

.midden_links {  
	 width: 558px; 
	 background-image: url(/images/midden_links.gif); 
}


.midden_rechts {  
	 width: 222px; 
	 background-image: url(/images/midden_rechts.gif); 
}
.tekst_midden {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin-left: 120px; 
	width: 422px; 
	margin-top: 0px; 
	margin-bottom: 0px;
}

.menuitems {
	 font-family: Arial, Verdana, Helvetica, sans-serif;
	 font-size: 11px;
}

.onder {
	width:780px;
	height:57px; 
	background: url(/images/bg_onder.jpg) no-repeat;
}

.tekst_footer {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: left;
	margin-left: 32px; 
	margin-top: 17px; 
	margin-bottom: -24px;
 }

.titel_tekst {
	font-family: Tahoma, Arial; 
	font-size: 11px; 
}

a:hover {
	color: #D96B09;
}

.donateur {
	 text-align: right; 
	 margin-top: -20px; 
	 margin-bottom: 0px; 
	 margin-right: 44px;
}


TD {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color : #000000;
	font-size : 12px;
	line-height: 20px;
}

BLOCKQUOTE {
	margin-top: 0;
	margin-bottom: 0;
}

UL, OL {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 15px;
}

A {
	COLOR: #A4A4A4;
	TEXT-DECORATION: none;
}

A:hover {
	COLOR: #000000;
	TEXT-DECORATION: underline;
}

.wosimage {
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	padding: 5;
}

.button {
	BORDER-RIGHT: medium none;
	BORDER-TOP: medium none;
	FONT-SIZE: 10pt;
	BACKGROUND-IMAGE: url(/images/button.gif);
	BORDER-LEFT: medium none;
	WIDTH: 120px;
	COLOR: black;
	BORDER-BOTTOM: medium none;
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
	HEIGHT: 21px;
}

.INPUTTEXT {
	border: 1px solid #000000;
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	height: 20px;
}

.table {
	border: 1px solid #000000;
	border-collapse: collapse;
	height: auto;
}

.tableHeader {
	background-color: #FFFFFF;
}

.tableContent {
}

.foutmelding {
	color : red;
}

.foutbox {
	border: 1px solid Red;
}

.foutfill {
	color: Red;
}

.highlight {
	background-color: Yellow;
}

form {
	margin-left: 0px;
	margin-top: 10px;
	margin-bottom: 0px;
}

.zoekform input {
	font-size: 8pt; 
	width: auto; 
	height: 17px;
	background: #FFFFCC;
}

.zoekform input.button {
	border: 0px solid #000000;
	color:#A8A6A9;
	font-weight:bold;
}



fieldset {
	padding-left: 10px;
	padding-right: 10px;
}

legend {
	font-size:1.2em;
	color:#000000;
}

/* Begin: Webshop */


/* WEBSHOP !!! */
.cart_table {
	border:solid 1px #ffbb0c;
	width:400px;
	
}

.cart_table_title {
	border:solid 0px #031140;
	width:100%;
}

.cart_td_title {
	width:100%;
	height:15px;
	font-weight:bold;
	border-bottom:1px solid #004b7f;
	color:#424242;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11pt;
	vertical-align:middle;
}

.cart_td_spacer_title {
	height:10px;
}

.cart_td_spacer_product {
	height:0px;
}

.cart_table_title_bar {
	background-image:url(/images/webshop_header.gif);
	background-position:right top;
	background-repeat:no-repeat;
	background-color: #FFDD00;
	width:100%;
	height:12px;
}
.cart_td_title_bar {
	color:#000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	padding:1px;
	padding-bottom:3px;
}
.cart_td_description{
	width:50%;
	padding-left:5px;
}

.cart_table_products {
	/*
	border-bottom:1px solid  #004b7f;
	border-left:1px solid  #004b7f;
	border-right:1px solid  #004b7f;
	*/

	width:100%;

}
.cart_td_product {
	background-color:#ffffff;
	color:#000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	padding-top:5px;
	height:40px;
	border-bottom:2px solid #ffffff

}
.cart_input_aantal {
	background-color:#ffffff;
	color:#031140;
	border:solid 1px  #004b7f;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	padding:1px;
	height:20px;
	width:20px;
	text-align:center;
}

.cart_delete_image {
	cursor:pointer;
}

.cart_table_totals {
	width:100%;
	height:100%;
	background-color:#a3a3a3;
	color:#000000;

}

.cart_td_total {
	background-color:#FFDD00;
	color:#000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
}

.cart_td_total_price {
	background-color:#FFDD00;
	color:#000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
}


.cart_table_buttons {
	width:100%;
	background-color:#ffffff;
	color:#424242;
	text-align:right;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:5px;
}

.cart_input_button {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
}

.cart_order {
	color: #424242;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	cursor:pointer;
	width:50px;
	height:100px;
	text-align:center;
}

.cart_div_order {
	position: absolute;
	left: 550px;
	top: 345px;
	border:solid 0px blue;
	width:130px;
	height:200px;
}

.orderoption_td_label, .orderoption_td_option {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;

}

.orderoption_td_label {
	font-weight:bold;
	margin-top:5px;
	padding-top:5px;
}

.cart_td_payment {
	color:#424242;
	border:solid 0px green;
	vertical-align:top;
}

.cart_dropdown {

	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#424242;
}

.cart_td_methodform {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	margin-top:5px;
	padding:5px;
}

.column_common_breadcrumb {
 padding-left:5px;
 width:100%;
}
/* Einde: Webshop */

 .tijd, .locatie
{
	display:	block;
	clear:		both;
}
.tekst_midden .agenda div
{
	border-bottom:	1px solid #FDC860;
}