/*RESET.css
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* typography.css
-------------------------------------------------------------- */
body { 
  color: #FFF; 
  font-size:12px;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #25a9bd; }

h1 { font-size: 2em; line-height: 1;padding:0 16px 16px 24px; }
h2 { font-size: 1.7em; margin-bottom: 0.20em; padding:0 0 16px 16px; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 0.20em; color:#278524; padding:0 0 10px 16px;}
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 0em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #278524; }
a           { color: #25a9bd; text-decoration: underline; }

strong      { font-weight: bold; color:#278524; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

.groen{color:#278524 ;}
.inputb input{ border:1px solid #278524;}
abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }




/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th 		{ background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }




#wraper {
  width: 884px;
  margin: 0 auto;
}
#header-left{
	float:left;
	width:399px;
	height:204px;
	background:transparent url(../images/interface/bg-main-menu.png) top left no-repeat;
}
#header-right{
	float:right;
	width:485;
	padding:60px 13px 0 0;
}

#content-wraper{
	background:transparent url(../images/interface/content-wraper-bg.gif) top left repeat-y;
}
#con-left-wraper{
	float:left;
	width:215px;
	background:transparent url(../images/interface/con-left-wraper-bg.png) top left no-repeat;
}
#con-right-submenu-wraper{
	float:left;
	width:183px;
	}
#con-right-inhoud-wraper{
	float:right;
	width:452px;
	}
#inhoud-top-bg{
	background:transparent url(../images/interface/inhoud-top-bg.png) top left no-repeat;
	height:20px;
}
#inhoud-mid{
	margin-top:-4px;
	background-color:#231a16;
	
}
.test{
	background-color:#0F0; margin:0 15px 0 15px;  width:385px;}
#inhoud-bot-bg{
	background:transparent url(../images/interface/inhoud-bot-bg.png) top left no-repeat;
	height:24px;
}
#content-bot-wraper{
	background:transparent url(../images/interface/con-bot-wraper.png) top left no-repeat;
	height:153px;
	margin-top:-1px;
}
/* add to floating elements which should not float afterthem */ 
* html .clearfix {
	height: 1%; /* IE5-6 */
    }
* + html .clearfix {
	display: inline-block; /* IE7not8 */
	}
.clearfix:after { /* FF, IE8, O, S, etc. */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clear { 
	clear:both; 
}


body{
	background:#3b2c25 url(../images/interface/bg-tile.gif) top left;
}

/* GLOBAL CLASSES
-----------------------------------------------------------*/
#skip {display: none;}
#masthead h1{margin:0;}
span.dontshow {display: none;}

.float-left    { float:left; }
.float-right   { float:right; padding:5px 0 5px 5px; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }

.page-titel{ padding-bottom:3px; border-bottom:1px solid #888;}
.page-titel strong{ color:#222;}

.odd-row{ background-color:#fbce86;}
.even-row{ background-color:#f8e7cb;}

/* MAIN MENU
-----------------------------------------------------------*/
#main-menu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#main-menu ul li {
margin: 0px 0;
padding: 0px;
}
#main-menu ul li a {
display: block;
background:transparent url(../images/interface/main-menu-bullet.gif) right center no-repeat;
padding: 0px 20px 0px 0px;
text-decoration: none;
text-align:right;
font-size:18px;
color: #d2d2c2;
width:140px;

}

#main-menu ul li a:hover, #main-menu ul li a:focus, #main-menu .active {
color: #278524;
}
body#home #main-menu .home {background:transparent url(../images/interface/main-menu-bullet-active.gif) right center no-repeat; color: #278524;}
body#producten #main-menu .producten {background:transparent url(../images/interface/main-menu-bullet-active.gif) right center no-repeat; color: #278524;}
body#referenties #main-menu .referenties {background:transparent url(../images/interface/main-menu-bullet-active.gif) right center no-repeat; color: #278524;}
body#faq #main-menu .faq {background:transparent url(../images/interface/main-menu-bullet-active.gif) right center no-repeat; color: #278524;}
body#fotomiro #main-menu .fotomiro {background:transparent url(../images/interface/main-menu-bullet-active.gif) right center no-repeat; color: #278524;}
body#contact #main-menu .contact {background:transparent url(../images/interface/main-menu-bullet-active.gif) right center no-repeat; color: #278524;}
/* sub MENU
-----------------------------------------------------------*/
#sub-menu ul {
list-style: none;
margin: 30px 0 0 30px;
padding: 0px;
border: none;
}
#sub-menu ul li {
margin: 4px 0;
padding: 0px;
}
#sub-menu ul li a {
display: block;
background:transparent url(../images/interface/sub-menu-bullet.gif) left center no-repeat;
padding: 0px 0px 0px 20px;
text-decoration: none;
text-align:left;
font-size:14px;
color: #d2d2c2;
width:130px;
}
#sub-menu ul li a:hover, #sub-menu ul li a:focus, #sub-menu .active {
color: #25a9bd;
}
#sub-menu .active {
background:transparent url(../images/interface/sub-menu-bullet-active.gif) left center no-repeat;
}
.file-delete-button{ background:transparent url(../images/interface/trash-icon.gif) no-repeat; padding-left:20px; text-decoration:none;}
/* INHOUD
-----------------------------------------------------------*/
#inhoud-mid p{
	padding:0 16px 16px 24px;

}
.loginform{
	margin-top:90px;}
.loginform h2{
	padding:0px;}
.img-txt{
	width:180px; }
#prod-img{ margin:0 0px 0 40px; width:385px; }
#prod-img ul{list-style: none;}
#prod-img ul li{display:inline; float:left; margin:0 10px 5px 0;}
.linklist{
	list-style-type:none;
	text-decoration:none;
}
.fileuploader{padding:0 0 10px 16px; color:#FFF;}
.fileuploader span{ font-size:12px; float:right; padding:10px 16px 0 0;}
.bestand{ border-bottom:1px solid #CCC; margin:0 16px;}
.readonly input{ border:none; background-color:#231a16; color:#FFF;}
.klanten p{ margin:0; padding:0 0 10px 16px;}
fieldset span label {
	width:17em;
	float:left;	
}
.filename{ text-align:center;}
.stats{
	padding:0 16px;}
.upload{ vertical-align:center;}
.banner{
	text-align:center; vertical-align:middle;
}
/* GALLERY
-----------------------------------------------------------*/
#gallery-inhoud-wraper{
padding:10px 0;
width:884px;
background-color:#231a16;
}
#gallery-inhoud-wraper h2 span{
	color:#278524; padding-left:10px;
}
#gallery-bread{
float:right;
padding-right:16px;
}
.breadcrumb{
	padding-left:16px;
}
.paginate, .stats{
	padding-left:16px; padding-bottom:0;
}
td.thumbs a img{ border:1px solid #278524;}
td.thumbs a:hover img{ border:1px solid #25a9bd;}
#gallery-inhoud-top{
	background:transparent url(../images/interface/gallery-top.png) left center no-repeat;
	height:8px;
}
#gallery-inhoud-bottom{
	background:transparent url(../images/interface/gallery-bottom.png) left center no-repeat;
	height:10px;
}
.gallery-table{
padding:0 10px;
}

/* FOOTER
-----------------------------------------------------------*/
#footer{
	padding:110px 0 0 440px;
	}