/* 
 * ----------------------------------------------------------
 * Title:		MediaFlirt - CSS Main Stylesheet
 * Author:		Kenny van Ooijen
 * ----------------------------------------------------------
 * MediaFlirt - Webdesign bureau
 * www.mediaflirt.nl
*/

/* Algemene styles
 * ---------------------------------------------------------- */
html { background: #ffffff url('images/htmlBg.gif') repeat-x; height: 100%; }
body { font: 11px Arial; margin: 0px auto; height: auto; }


/* Container
 * ---------------------------------------------------------- */
 .container { position: relative; width: 960px; margin: 0px auto; }
 .content { float: left; width: 993px; margin: 35px 0px 10px 0px; background: url('images/contentBg.gif') repeat-y; border: 1px solid #e8dbb5; }
 
/* Linkerkant
 * ---------------------------------------------------------- */
 .linkerkant { float: left; width: 209px; height: 100%; padding: 0px 12px 0px 11px; background: url('images/bgLinks.gif') repeat-y; }
 .linkerkant .logo { border: 0px; }
 
	/* Navigatie
	 * ---------------------------------------------------------- */
	 .navigatie { margin: 20px 0px 0px 20px; padding: 0px; }
	 .navigatie li { list-style: none; margin: 0px; padding: 0px; }
	 .navigatie li a { font: 12px Arial; color: #695515; text-decoration: none; padding-left: 15px; line-height: 24px; background: url('images/arrow.gif') no-repeat top left; }
	 .navigatie li a:hover { color: #ff5a00; text-decoration: underline; }
	 .navigatie .active { font: 12px Arial; color: #ff5a00; text-decoration: underline; padding-left: 15px; line-height: 24px; background: url('images/arrow.gif') no-repeat top left; }
	 
	/* Bestellen
	 * ---------------------------------------------------------- */
	 .bestel { float: left; margin: 20px 0px 15px 0px; padding: 15px 0px 15px 0px; border-top: 1px solid #e8dbb5; border-bottom: 1px solid #e8dbb5; }
	 .bestel img { border: 0px; }
	 
	/* Vraag stellen
	 * ---------------------------------------------------------- */
	 .vraagStellen { float: left; width: 188px; margin-bottom: 10px; padding: 10px 10px 10px 10px; background-color: #f4e9c9; }
	 .vraagStellen span { font: 16px Arial; font-weight: bold; color: #5b4609; margin: 0px; padding: 0px; }
	 .vraagStellen fieldset { margin: 0px; padding: 0px; border: 0px; }
	 .vraagStellen label { float: left; font: 12px Arial; color: #5b4609; margin-top: 15px; }
	 .vraagStellen input { float: left; width: 176px; font: 12px Arial; color: #5b4609; margin-top: 7px; padding: 5px; border: 1px solid #b6a571; }
	 .vraagStellen textarea { float: left; width: 176px; height: 100px; font: 12px Arial; color: #5b4609; margin: 7px 0px 0px 0px; padding: 5px; border: 1px solid #b6a571; }
	 .vraagStellen .verstuur { float: right; width: 103px; height: 36px; cursor: pointer; border: 0px; margin: 8px 0px 0px 0px; padding: 0px; background: url('images/verstuur.gif') no-repeat; }

/* Rechterkant
 * ---------------------------------------------------------- */
 .rechterkant { float: right; width: 734px; padding: 25px 11px 0px 16px; }
 .rechterkant h1 { float: left; font: 24px Arial; color: #503e0a; margin: 0px; padding: 0px; }
 .rechterkant h2 { float: left; width: 734px; font: 18px Arial; font-weight: bold; color: #004784; margin: 0px; padding: 0px; }
 .rechterkant .top2 { float: left; width: 734px; font: 18px Arial; font-weight: bold; color: #004784; margin: 15px 0px 0px 0px; padding: 0px; }
 .rechterkant p { float: left; width: 734px; font: 12px Arial; color: #012b50; margin: 10px 0px 10px 0px; padding: 0px 0px 10px 0px; line-height: 20px; border-bottom: 1px solid #e8dbb5; }
 .rechterkant .imgIndex { float: right; margin: -55px 0px 0px 10px; }
 .rechterkant .imgRechts { float: right; margin: 0px 0px 0px 10px; }
 .rechterkant .imgRechts2 { float: right; margin: -10px 0px 0px 10px; }
 .rechterkant .imgRechts3 { float: right; margin: -42px 0px 0px 10px; }
 .rechterkant .commercial { float: right; margin: -43px 0px 0px 10px; border: 8px solid #e8dbb5; }
 
	/* Contact
	 * ---------------------------------------------------------- */
	 .contact { float: left; width: 367px; margin-top: 20px; }
	 .contactTitel { float: left; width: 734px; font: 24px Arial; color: #503e0a; margin: 0px; padding: 0px; }
	 .contact h2 { width: auto; font: 18px Arial; font-weight: bold; color: #004784; margin: 0px; padding: 0px; }
	 .contact .normaal { font: 12px Arial; color: #012b50; width: auto; margin: 10px 0px 10px 0px; line-height: 20px; border: 0px; }
	 .contact .normaal2 { float: left; width: 320px; font: 12px Arial; color: #012b50; margin: 10px 0px 10px 0px; padding: 0px 0px 10px 0px; line-height: 20px; border-bottom: 1px solid #e8dbb5;  }
	 .contact fieldset { float: left; margin: 0px; padding: 0px; border: 0px; }
	 .contact label { float: left; width: 120px; font: 12px Arial; font-weight: bold; margin-top: 15px; color #color: #004784; }
	 .contact input { float: left; width: 235px; font: 12px Arial; color: #5b4609; margin-top: 7px; padding: 5px; border: 1px solid #b6a571; }
	 .contact textarea { float: left; width: 354px; height: 140px; font: 12px Arial; color: #5b4609; margin: 7px 0px 0px 0px; padding: 5px; border: 1px solid #b6a571; }
	 .contact .verstuur { float: right; width: 103px; height: 36px; cursor: pointer; border: 0px; margin: 8px 0px 0px 0px; padding: 0px; background: url('images/verstuur.gif') no-repeat; }
 
/* Footer
 * ---------------------------------------------------------- */
 .footer { width: 995px; text-align: center; }
 .footer p { font: 11px Arial; color: #adadad; line-height: 19px; }