#container     { margin: 0 auto; width: 1000px; height: 100%; border-style: solid; border-width: 0 0 0; border-color: #fff gray gray }
#topbar           { background-image: url(../images/header.png); background-repeat: no-repeat; background-position: left bottom; width: 100%; height: 100px }
#contentbar    { background-color: white; background-position: center; width: 100%; height: 480px }
#contentbar_prod   { background-color: #fff; background-image: url(../images/bg_content.png); background-repeat: no-repeat; background-position: center bottom; width: 100%; height: 640px }
#contentbar_nieuws { background-color: #fff; background-image: url(../images/bg_content.png); background-repeat: no-repeat; background-position: center bottom; width: 100%; height: 830px }
#contentbar_offerte { background-color: #fff; background-image: url(../images/bg_content.png); background-repeat: no-repeat; background-position: center bottom; width: 100%; height: 500px }
#contentbar_contact { background-color: #fff; background-image: url(../images/bg_content.png); background-repeat: no-repeat; background-position: center bottom; width: 100%; height: 500px }
#contentbar_referentie   { background-color: #fff; background-image: url(../images/bg_content.png); background-repeat: no-repeat; background-position: center bottom; width: 100%; height: 700px }
#footerbar        { color: white; font-size: 12px; font-style: inherit; background-position: left 0; padding-top: 112px; padding-left: 50px; position: absolute; top: 500px; width: 950px; height: 110px; float: left; border: solid 0 #f90 }
#footerbar_prod   { color: white; font-size: 12px; font-style: inherit; background-image: url(../images/footer.png); background-repeat: no-repeat; background-position: center top; padding-left: 50px; position: absolute; top: 718px; width: 950px; height: 120px; float: left }
#footerbar_nieuws { color: white; font-size: 12px; font-style: inherit; background-image: url(../images/footer.png); background-repeat: no-repeat; background-position: center top; padding-left: 50px; position: absolute; top: 890px; width: 950px; height: 120px; float: left }
#footerbar_offerte  { color: white; font-size: 12px; font-style: inherit; background-image: url(../images/footer.png); background-repeat: no-repeat; background-position: center top; padding-left: 50px; position: absolute; top: 588px; width: 950px; height: 120px; float: left }
#footerbar_contact  { color: white; font-size: 12px; font-style: inherit; background-image: url(../images/footer.png); background-repeat: no-repeat; background-position: center top; padding-left: 50px; position: absolute; top: 588px; width: 950px; height: 120px; float: left }
#footerbar_referentie    { color: white; font-size: 12px; font-style: inherit; background-image: url(../images/footer.png); background-repeat: no-repeat; background-position: center top; padding-left: 50px; position: absolute; top: 788px; width: 950px; height: 120px; float: left }
#header     { background-image: url(../../suryashop/images/header.png); background-repeat: no-repeat; background-position: center; width: 995px; height: 128px; border-bottom: 1px solid #000 }
#footer         { background-color: white; margin-top: 10px; padding-top: 10px; padding-bottom: 20px; padding-left: 10px; width: 995px; float: left; border-top: 1px solid #000 }
.info_columnContent      { padding: 24px 12px 12px; height: 250px; float: left; border: solid 0 silver }
.column_line          { background-color: white; margin-right: 10px; width: 10px; height: 250px; float: left; border-right: 1pt dotted #000 }
#bestelblok   { width: 280px; height: 100px; float: right }
#sloganblok_L  { margin-top: 6pt; margin-left: 350px; position: absolute; width: 280px; height: 100px }
#sloganblok_R   { margin-top: 6pt; margin-right: 20px; width: 280px; height: 100px; float: right }
#vrolijkblok     { color: #fff; font-size: 40px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-style: italic; text-align: right; margin-top: 100px; margin-left: 340px; padding-top: 10px; padding-bottom: 10px; position: absolute; width: 560px; height: 34px; float: right }
#vrolijkblok_vervolg { color: #fff; font-size: 30px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-style: italic; text-align: right; margin-top: 80px; margin-left: 560px; padding-top: 10px; padding-bottom: 10px; position: absolute; width: 360px; height: 34px; float: right }
#schoonblok { color: #fff; font-size: 30px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-style: italic; text-align: left; margin-top: 80px; margin-left: 120px; padding-top: 10px; padding-bottom: 10px; position: absolute; width: 360px; height: 26px; float: left }
#txt_blok_links  { font-size: 12px; margin-top: 20px; margin-left: 50px; width: 260px; float: left }
#txt_blok_midden  { font-size: 12px; margin-top: 20px; margin-left: 20px; width: 260px; float: left }
#txt_blok_rechts  { margin-top: 20px; margin-left: 20px; width: 380px; float: left; border: solid 0 silver }
#txt_blok_lichtblauw  { color: #fff; font-size: 12px; background-color: #7fa6cd; margin-top: 40px; margin-bottom: 10px; padding: 6px; width: 200px; float: right }
#foto_blok_rechts  { color: #fff; font-size: 11px; background-color: #7fa6cd; background-position: center; padding: 4px; border: solid 1px silver }
#randomfoto_blok { color: #fff; font-size: 11px; background-color: #7fa6cd; background-position: center 0; margin-top: 4px; margin-bottom: 10px; padding: 4px; width: 260px }
#foto_blok   { position: absolute; top: 510px; float: left }
#foto_blok_links    { color: #fff; font-size: 11px; background-color: #7fa6cd; padding: 4px; position: absolute; top: 510px; float: left; border: solid 1px #a9a9a9 }
#foto_blok_midden   { color: #fff; font-size: 11px; background-color: #7fa6cd; padding: 4px; position: absolute; top: 510px; float: left; border: solid 1px #a9a9a9 }
#offerteform  { margin-top: 20px; margin-left: 50px; width: 600px }
#contactcontent  { font-size: 12px; margin-top: 40px; margin-left: 50px; width: 600px }
#fotoblok_content { margin-top: 40px; margin-right: 20px; width: 270px; height: auto; float: right }
#foto_blok_links_toepassing  { margin-top: 20px; margin-left: 50px; width: 260px; float: left }
#foto_blok_midden_toepassing  { margin-top: 20px; margin-left: 50px; width: 260px; float: left }
#foto_blok_rechts_toepassing  { margin-top: 20px; margin-left: 50px; width: 260px; float: left }
#foto_blok_toepassing { background-color: #7fa6cd; text-align: center; margin-bottom: 10px; padding: 4px }
.muconlink  { font-size: 18px; text-decoration: none; margin-top: 48px; position: absolute; right: 510px; width: 50px; height: 20px; float: right }
#topbar_mucon   { background-color: #13588f; margin-bottom: 10px; padding-bottom: 4px; height: 28px; border-style: solid; border-width: 0 0 1pt; border-color: #ccc #ccc #fff }
	#topbar_mucon .inner {
		width: 1065px;
		margin: 0 auto;
	}
	
		#topbar_mucon ul { 
			float: right; 
				margin-right:110px;
			}
		
		#topbar_mucon ul li {
			float: left;
			list-style: none;
			padding: 0 10px;
			line-height: 24px;
			margin-top: 4px;
		}
		
		#topbar_mucon ul li.active {
			background-color: #fff;
			border-radius: 0 5px 0 0;
		}
		
		#topbar_mucon ul li.active a {
			color: #13588f;
		}
		
		#topbar_mucon ul li a {
			color: #fff;
			text-decoration: none;
			line-height: 28px;
		}
		
		#topbar_mucon form {
			margin-top: 1px;
		}
		
		#topbar_mucon input {
			background-color: #5a8ab1;
			width: 75px;
			color: #fff;
			font-size: 10px;
			line-height: 15px;
			padding: 0 3px;
		}
		
		#topbar_mucon label {
			color: #fff;
		}
