/** Basis styles Bluepix.nl **/
h3 {
	margin: 0;
}
h2 {
	margin-bottom: 0;
	font-size:14px;
}
h4 {
	margin: 8px 0 4px 0;
	font-size: 13px;
	font-weight: bold;
}
html > img {
	background:transparent url(/i/scroll.png) repeat scroll 0%;
	height:28px !important;
	padding-left:28px !important;
	width:0px !important;
}
body 
{ 
	background-color:#1D1D1D;
	text-align:center;
	font:11px/1.2 Verdana,Helvetica,sans-serif;
	margin:0;
	padding:0;
	color: #313131;
}
hr { display:none; }
acronym,abbr { cursor:help; }
img { border: 0; padding: 0; margin: 0; }
a { color: #009AF5; font-weight:bold; text-decoration:none; }
a:hover { color: #005688; font-weight:bold; text-decoration:underline; }
ul { padding: 0; margin: 0; }
li { list-style-type: none; }
.map { margin-left: 12px; list-style-image: url(/i/list.gif); }
.submap { margin-left: 20px; list-style-type: circle; }
.wrapper 
{
	width:800px;
	margin:0 auto;
	text-align:left;
	position:relative;
	padding: 0 20px 0 20px;
}
.error { color: #FF0000; }
#header { background: url('/i/bg.gif') repeat-x; min-width: 800px; height: 166px; }
#logo { background: url('/i/logo.png') no-repeat; width: 549px; height: 147px; margin: 0; position: relative; left: -30px; }
#logo h1 { position: fixed; padding: 0; margin: 0; width: 350px; height: 110px; text-indent: -9999px; }
#logo h1 a { width: 350px; height: 110px; display: block; }
#logo a:active { outline: none; }
#logo a:focus { -moz-outline-style: none; }
#logo img { display: none; }
#topmenu { font-size: 10px; float: right; padding-top: 10px; color: #717171; }
#topmenu li a { display: inline; font-weight: normal; text-decoration: none; color: #717171; } 
#topmenu ul { padding: 0; margin: 0; }
#topmenu li { list-style: none; display: inline; padding: 0; }
#topmenu a:hover { color: #9F9F9F; font-weight: normal; text-decoration:underline; }

#menu { width: auto; font-size: 13px; margin: -38px 0 37px 250px; position: relative; }
#menu li a { line-height: 38px; display: block; text-decoration: none; font-weight: bold; color: #1D1D1D; width: 120px; height: 38px; padding: 0; } 
#menu ul { padding: 0; }
#menu li { list-style: none; display: block; float: left; padding: 0; margin: 0 1px 0 0; width: 120px; height: 38px;}
.normal { text-align: center; background: url('/i/menubg.png') no-repeat; }
.active { text-align: center; background: url('/i/menuactive.png') no-repeat; }
.submenu { padding: 25px 0 0 0; font-weight: bold; }

#intro, #quote, #titel { background: url('/i/bgblok.gif') #f1f1f1 repeat-x; min-height: 155px; min-width: 500px; padding: 0 0 5px 0; margin: 0; color: #535353; }
#intro h2 { padding: 25px 0 0 0; width: 500px; margin: 0; }
#intro img, #quote img, #titel img { float: right; margin: 1px 0 0 0; }

#quote h2 { padding: 25px 0 0 0; width: 500px; height: 40px; margin-bottom: 25px; }
#quote .auteur { margin-bottom: 20px; }

#titel h2 { padding: 9px 0 0 0; width: 500px; height: 40px; margin-bottom: 25px; }

.contentwrapper {	padding: 25px 25px 0 25px; text-align:left; width:800px; margin:0 auto; position: relative; background: url('/i/shadow.png') no-repeat; }
#content { line-height: 18px; background: url('/i/bgcontent.gif') #FCFCFC repeat-x; min-width: 800px; min-height: 160px; padding: 0 0 25px 0; margin: 0; }
.ontwerp { width: 530px; float: left; padding: 0 20px 0 0; }
.beschrijving { width: 350px; float: left; padding-right: 10px; }
.tekst, .faq { width: 500px; float: left; padding-right: 10px; }
.projectimg { float: right; position: relative; top: 40px; font-size: 10px; font-weight: bold; }
.projectimg strong { color: #009AF5; }
.thumb { border: 1px solid black; }
.dried { float: right; border-width: 0; }
.diensten { color: #535353; width: 219px; float: right; padding: 0 10px 0 20px; border-left: 1px solid #E4E4E4; }
.meer { text-align: right; }
.ph { display: none; }
.kort { line-height: 15px; }
.clear { clear: both; }
.dienstimg { float: left; margin: 0 10px 10px 0; }

.beschrijving table, .tekst table { float: left; border-collapse: collapse; width: 350px; margin: 0 10px 10px 0; padding: 0; overflow: hidden; }
.faq table { float: left; border-collapse: collapse; margin: 0 10px 10px 0; padding: 0; overflow: hidden; }
.beschrijving td, .tekst td, .faq td { font-size: 11px; margin: 0; vertical-align: top; line-height: 20px; }
.extensie { width: 10%; }

.thumbnail { position: relative; z-index: 0; }
.thumbnail:hover { background-color: transparent; z-index: 50; }
.thumbnail span { padding: 0; margin: 0; position: absolute; left: -1000px; border: 1px solid gray; visibility: hidden; text-decoration: none; }
.thumbnail span img { border-width: 0; padding: 0; margin: 0 0 -5px 0; }
.thumbnail:hover span { visibility: visible; top: 0; left: 70px; }

#footer { background: url('/i/bgfooter.gif') #1D1D1D repeat-x; min-width: 800px; height: 35px; padding: 15px 0 0 0; color: #7E7E7E; font-size: 10px;}
#footer a { color: #7E7E7E; font-weight: normal; }
#footer a:hover { color: #7E7E7E; text-decoration: underline; }
.footertekst { float: right; width: 560px; text-align: right; line-height: 14px; }
.buttons { float: left; width: 180px; }


/* sIFR styles */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... */

.sIFR-hasFlash h1 {

}

.sIFR-hasFlash h2 {
	visibility: hidden;
	font-size: 0.6em;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	line-height: normal;
	font-size: 1.6em;
}

.sIFR-hasFlash .kop {
	visibility: hidden;
	font-size: 1.6em;
}