@charset "utf-8";

/*
	Stol Medaillefabriek
	Basis Stylesheet
	17-4-2009 - www.i-aspect.com
	by: Bas Muskens (bas@i-aspect.com)
*/


/*****************

	Standaard tags
	
*****************/
	
	html,body {
		font-family:Arial, Helvetica, sans-serif;
		color: #161616;
		margin:0;
		padding:0;
	}
	
	body {
		background: url(/images/bg.jpg) repeat-x top;
		font-size:62.5%;
	}
	
	h1,h2,h3,h4,h5,h6 {
		font-family:Arial, Helvetica, sans-serif;
		margin: 0;
		padding: 0;
	}
	
	h1,h2,h3 {
		font-weight:normal;
	}
	
	ul, li {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	a {
		text-decoration: underline;
		color: #308db3;
	}
	
	a:hover {
		background:none;
		text-decoration: none;
	}


/* standaard formulier */

   .formulier fieldset {border: 0; float: left; width: 46%; padding:5px;}
	
   .formulier legend {display: none;}

   .formulier label {
      font-weight: bold;
		display: block;
   }

   .formulier p {
      padding: 2px;
	  font-size: 12px;
   }

   .formulier ul {padding: 5px;}
   .formulier li {float: left; margin: 0 10px 10px 10px; font-size: 12px;}
   
   .formulier input, .formulier select, .formulier textarea {
    /*  background:#f5f5f5;*/
      border: 1px solid #ccc;
      color: #161616;
      font-style:normal;
		width: 90%;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      padding:0.3em 0.4em;
   }

	.formulier #postcode {width: 50px; margin: 0 10px 0 0;}
	.formulier #plaats {width: 178px;}
	.formulier #bericht {height: 136px;}

   .formulier button {
      background:#f27d01; 
      float: right;
      font-family: Arial, Helvetica, sans-serif;
      color:#FFF;
		font-weight: bold;
      border: 0;
      cursor:pointer;
      margin:5px 15px 5px 0;
      padding:3px 5px;
   }
	
	.formulier .errorMessage {border: 1px solid #FF0000;}
	.formulier label.errorMessage {display:none;}
	.formulier #singleErrorMessage {color: #FF0000; font-size: 1.0em; width: 240px;}



/**************

  Site wrapper

**************/	

	#pagina-home {background: url(/images/bg-home.jpg) repeat-x top;}

		#wrapper {
			width: 960px;
			background: url(/images/bg-wrapper.gif) repeat-y;
			position: relative;
			overflow: hidden;
			margin: auto;
			padding: 0;
		}

	
/**************

  Kop en Logo

**************/

		#logo {
			left:25px;
			top:5px;
			position:absolute;
			z-index: 999;
			width:100px;
		}
	
			#logo a,
			#logo img {
				border:0;
			}
			
			
			#kop {
				background: url(/images/kop.jpg) no-repeat top left;
				float: left;
				width: 960px;
				height: 181px;
				margin: 42px 0 0 0;
				padding:0;
			}
			
				#kop h1 {
					padding: 8px 0 0 20px;
					margin-top: 120px;
					color:#FFF;
				}
			
				#pagina-home h1 {
					background: url(/images/sfeerbeeld-kop.jpg) no-repeat top left;
					float: left;
					width: 960px;
					text-indent:-5000px;
					height: 312px;
					margin: 42px 0 0 0;
					padding:0;
				}
				
/**************

 Inhoud

**************/		

 	#inhoud {
		float: left;
		width: 610px;
		padding: 0 0 40px 0;
		margin: 25px 0 0 22px;
	 }
	 
		#inhoud h2 {
			font-size: 1.8em;
			line-height: 1.2em;
			padding: 0 0 15px 0;
			margin: 0;
		}
		
			#inhoud p {
				font-size: 1.2em;
				line-height: 1.6em;
				padding: 0 0 15px 0;
				margin: 0;
			}
			
				#inhoud p img {margin: 5px;}
			
/*

 Offerte blok

*/

				#inhoud .offerte {
					background: #FFF url(/images/bg-offerte.jpg) repeat-x bottom;
					border: 1px solid #e5e5e5;
					float: left;
					padding: 20px;
					margin: 20px 0 0 0;
				}
				
					#inhoud .offerte img {
						float: left;
						border: 0; 
						padding: 0; 
						margin: 0 5px 0 0;
					}
						
						#inhoud .offerte .aanvraag { 
							background:url(/images/link-pijltje.gif) no-repeat left; 
							padding: 0 0 0 15px;
							margin: 0;
						}
						
						
	
	
/**************

 Pagina Contact

**************/	

	#pagina-contact #inhoud .contact {
		float: left; 
		width: 330px; 
		min-height: 200px;
		margin: 0 50px 0 0;
		}
		
		#pagina-contact #inhoud span img {float: right; border:0; margin: 5px;}
	
	/***
		
		#pagina-contact #inhoud address {
			font-size: 1.2em;
			line-height: 1.6em;
			font-style: normal;
			color: #6e6e6e;
			margin: 40px 0 0 0;
		}
		
			#pagina-contact #inhoud address span {
				color: #161616; 
				font-size: 1.2em;
				line-height: 1.8em; 
				font-weight: bold;
			}
		
				#pagina-contact #inhoud address strong {color: #161616;} 
	
	***/
				
#pagina-contact #inhoud .offerte {display: none;}


/* Offerte Formulier */

	#offerte fieldset {float: left; width: 600px; border:1px solid #ccc; margin-bottom: 10px;}
	#offerte legend {display: none; font-size: 1.6em;}
	#offerte label {float: left; width: 450px; display: block; margin: 0; padding: 0;}
	#offerte label.errorMessage {display: none;}
	#offerte #singleErrorMessage {float: right; font-weight: bold; margin: 6px 10px 0 0;}
	#offerte strong {font-size: 1.6em; line-height: 2.0em; margin: 0;}
	#offerte p {position: relative; padding: 20px; margin: 0;}
	#offerte .penningen p {padding-bottom: 30px;}

	#offerte p input {background-color: #FFF; float: right; width: 50px; margin-bottom: 5px;margin-right: 20px;}
	#offerte p strong {font-size: 1.2em; font-weight: normal; position: absolute; right: 5px; top: 16px;}
	#offerte table {font-size: 1.2em;}
	#offerte td {padding: 5px; border: 1px solid #333;}
	#offerte th {width: 20%; border: 1px solid #333;}
	
	/* begin kleurformulier (medailles met plaatje) */
	
	#offerte .kleur p {float: left; width: 100%; margin: 0; padding: 0;}
	#offerte .kleur p img {float: left; margin-right: 10px;}
	#offerte .kleur label {float: left; margin-top: 18px; padding-bottom: 10px; width: 300px;}
	#offerte .kleur .nummer {float: right; margin: 18px 45px 0 0; width: 25px;}
	#offerte .kleur p.but {margin-top: 20px;}

	/* einde kleurformulier */
	
	#offerte span { width: 100px; float: right; font-size: 1.2em; color: #333;}
	
	#offerte .rechts {text-align: right;}
	#offerte .radio {float: right; width: 20px;}
	
	#offerte p.submit {margin: 10px 0 0 0;}
	
	#offerte p a.button {
		background:#f27d01;
		float: left;
		font-family: Arial, Helvetica, sans-serif;
		color:#FFF;
		font-weight: bold;
		text-decoration: none;
		border: 0;
		cursor:pointer;
		margin:5px 15px 5px 0;
		padding:3px 5px;
	}
	
   #offerte .bestelling  label {width: 30%;}
   #offerte .bestelling input {width: 60%;}
   
   #offerte .bestelling strong {color: #f27d01; padding: 0;padding-left:18px; padding-top: 10px; margin: 0;}

   
/**************

 Producten onder rechterkolom

**************/	
	 
	 #producten {
		float: right;
		width: 222px;
		background: url(/images/bg-producten.jpg) repeat-x top;
		margin: 0px 70px 0 0;
		padding: 0;
	 }
	 
	 	#producten h2 {
			width: 242px;
			height: 37px;
			background:url(/images/kop-producten.jpg) no-repeat top;
			float: left;
			color: #FFF;
			font-size: 1.4em;
			text-align: center;
			margin: 30px 0 0 -10px;
			padding: 8px 0 0 0;
		}
		
			#producten img {
				padding: 10px 0 0 10px;
				margin: 0;
				border: 0;
			}
		
/**************

  voet

**************/	

	#voet {
		background: #090606;
		position: relative;
		bottom: 0;
		width: 100%;
		color: #FFF;
	}
	
		 #voet-inhoud {
			width: 960px;
			min-height: 100px;
			overflow: hidden;
			font-size: 1.2em;
			margin: auto;
			padding: 0;
		 }
		 
		 	#voet-inhoud h2 {display:none;}
			
				#voet-inhoud address {
					line-height: 1.6em;
					font-style: normal;
					float: left;
					color: #999;
					padding: 25px 0 0 30px;
				}
				
					#voet-inhoud address strong{color: #FFF;}
				
						#voet-inhoud p {
							float: right;
							padding: 0;
							margin: 50px -150px 0 0;
						}