
/* 
Website by Elmar Beckmann / http://elmarbeckmann.com
Nothing may be changed / added / removed without written permission!!!
(c)2008 Elmarbeckmann.com
*/

/* algemeen */


html {
	background:#eaeae9 url(../img/bg.gif) repeat-x top center;	
}

body {
	padding:0pt;
	font-family: Helvetica, "Lucida Grande", Tahoma, "Trebuchet MS", Verdana, Arial;
	font-size: 12px;
	color: #363636;
	line-height: 180%;
	margin: 0;
}

p {
	margin: 3px 0 3px 0;
}

p.smallkop {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 22px;
}

p.smallkop2 {
	font-size: 16px;
	font-weight: bold;
	
}

p.newskop {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 22px;
	margin-top: -15px;
}

a {
	color: #555;
	text-decoration: none;
	border-bottom: none;
}

a:hover {
	color: #111;
}

#outer {
	width: 950px;
	margin: 0 auto;
}

#topbar {
	position: relative;
	font-size:0pt;
	height:30px;
	width:950px;
	margin-top: 0;
}

#top {
	position: relative;
	font-size:0pt;
	height:100px;
	width:950px;
	margin-top: 0;
}

#top_logo {
	position: absolute;
	top: 0;
	left: 0;
	font-size:0pt;
	height:105px;
	width:250px;
	margin-top: 0;
	z-index: 1;
	background-image: url(../img/top_logo.png);	
	behavior: url(/static/css/iepngfix.php);
}

#main_menu {
	position: relative;
	width: 950px;
	height: 50px;	
}	

#main {
	position: relative;
	width: 950px;
	/*background:#fff url(../img/bg_main.gif) repeat-y;	*/
}

	#main_clear {
		clear: both;
	}				
	

	#main_left {
		width: 200px;
		padding: 1px 0 20px 0;		
		float: left;
	}
	
		#main_left ul {
			margin: 0;
			padding: 0;
			padding: 30px 0 0 15px;
			list-style-type:none;
			background-color: #f4f4f4;
		}	
	
		#main_left li {
			padding-bottom: 10px;
			font-size: 14px;
		}	

		/*
		#main_left span.sub {
			padding: 4px 5px 4px 5px;	
			background-color: #e5e2d5;
			border-bottom: none;			
		}	
		#main_left span.sub:hover {
			padding: 4px 5px 4px 5px;				
			background-color: #fff;
			border-bottom: 1px #d0cbb3 dotted;				
		}														
		*/
		
		#main_left a {
			color: #363636;
		}
	
		#main_left a:hover {
			color: #000;
			border-bottom: 1px #363636 solid;
		}		
	
		#main_left a.active {
			color: #363636;
			font-weight: bold;		
		}
		
		/*
		#main_left a.active span.sub {
			background-color: #fff;
		}
		*/	

	#main_middle {
		width: 500px;
		padding: 30px 25px 20px 25px;
		float: left;
		background:url(../img/main_top.gif) top no-repeat;			
	}

		#main_middle a {
			border-bottom: 1px #547d83 dotted;
		}
		
		#main_middle a:hover {
			border-bottom: 1px #111 dotted;
		}	
		
		#main_middle a.active {
			font-weight:  bold;
		}		
		
		#main_middle li {
			list-style-type:none;			
		}	

		#main_middle li .date {
			font-style: italic;		
		}			
		
		#main_middle #photocontent img.photo{
			clear:none; 
			padding: 0; 
			margin: 0 5px 5px 0;
			border: 3px solid #ffffff;
		}
	
		#main_middle #photocontent a{
			border: none;
		}	

		#main_middle h5.proces_kop{
			font: bold 1.1em Verdana, Arial, "Microsoft Sans Serif", verdana, geneva, helvetica, sans-serif;
			color: #fff;
			text-transform: uppercase;
			background: #999;
			margin: 0;
			padding: 8px;
		}
		

	#main_right {
		width: 200px;
		padding: 10px 0 20px 0;		
		float: right;
	}
				

	
	
/* BOTTOM ON EVERY PAGE */

#bottom_credits {
	position: relative;
	width:950px;
	font-size: 10px;
	padding: 30px 0 30px 0;
	text-align: center;
	color: #a6a6a6;
}

	#bottom_credits a {
		color: #555;
	}

	#bottom_credits a:hover {
		color: #111;
	}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 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;
}  	  
   
#main_middle .shop_item{
	display: block;
	margin: 0 0 30px 0;
	width: 500px;
	clear: left;

}
	
	.#main_middle shop_item p.shop_item_price{
		font-size: 1.1em;
		font-weight: bold;
	}
	
	#main_middle .shop_item p{
		font-size: 1.1em;
		font-weight: none;
		line-height: 1.5em;	
		margin-bottom: 15px;
	}

	#main_middle .shop_item .shop_image{
		padding: 5px 15px 5px 0;
		display: block;
		width: 100px;
		float: left;
		margin: 0 0 1.5em 0;
		border-bottom: none;
	}

	#main_middle .shop_item h3{
		font-weight: normal;
		margin-top: 0;
		padding-top: 0;
	}
	
	#main_middle .shop_item a {
		font-size: 14px;
		color: #1a1a1a;
		border-bottom: none;
	}
	
	#main_middle .shop_item a:hover {
		color: #1a1a1a;

	}


/* allerlei */

form {
	padding-bottom: 0;
	margin-bottom: 0;
}

img {
	border: none;
}

fieldset {
	border: none;
	margin: 0;
	padding: 0;
}



fieldset p {
	margin: 3px 0 3px 0;
}

fieldset img {
		padding-left: 3px;
		padding-top: 2px;
}

label {
	display: block;
	line-height: 16px;
	width: 120px;
	float: left;
	padding-right: 5px;
}

input {
	border: 1px #bbb solid;
	background-color: #eee;
	padding: 3px;
	font-family: "Trebuchet MS", Verdana, Arial;
}

textarea {
	border: 1px #bbb solid;
	background-color:  #eee;
	margin-bottom: 3px;
	padding-left: 3px;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 12px;
	margin-top: 3px;
}

select {
	border: 1px #bbb solid;
	background-color: #eee;	
	padding-left: 3px;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 11px;
	
}

input.button {
	border: 1px #777 solid;
	background-color: #555;
	padding: 3px;
	color: #fff;
}

table td {
	padding: 0 0 3px 0;
	margin: 0;
	font-size: 12px;
	line-height: 180%;		
}

table.normal {
	background-color: #fff;
	width: 500px;
	padding: 8px;	
	border: 1px #ddd solid;
}

table.normal td {
	padding: 0 0 3px 0;
	margin: 0;
	font-size: 12px;
	line-height: 180%;		
}
