body * { behavior: url(iepngfix.htc)}
div { behavior: url(iepngfix.htc)}
img { behavior: url(iepngfix.htc)}

/* Page
----------------------------------------------- */
html {
	height:100%;

}

body {
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	font-family:Arial, Verdana;
	font-size:13px;
	line-height:15px;
	color:#000;
	background-color:#fff;
}

/* Header
----------------------------------------------- */
h2{
	font-weight:bold;
}

/* General
----------------------------------------------- */
p{margin:10px 0px 0px 0px;}
a{color:#000;}
strong {font-weight:bold;}
div.counter span.toomuch{color:red}

/* Misc
----------------------------------------------- */
.rounded-top{
	width:100%;
	height:18px;
	background-image:url(../img/rounded_top.gif);
	background-repeat:no-repeat;
	text-indent:-3000px;
}

.rounded-bottom{
	clear:both;
	width:100%;
	height:19px;
	background-image:url(../img/rounded_bottom.gif);
	background-repeat:no-repeat;
	text-indent:-3000px;
}

.product-small .rounded-top{background-image:url(../img/product_small_round_top.gif);}
.product-wide .rounded-top{background-image:url(../img/product_wide_round_top.gif);}

.error-message {color:red; font-weight:bold}

div#error_404{
    padding:20px 40px 40px 40px;
}

div#error_404 h2{
    font-size:20px;
}

div#error_404 p.error{
    font-size:15px;
}

/* Main wrapper
----------------------------------------------- */
#wrapper{
	position:relative;

	width:1067px;
	margin:0px auto 0px auto;
	background-color:#a69b8a;
	overflow:hidden;
}

body#home #wrapper{
    position:relative;
    top:50%;
	width:960px;
    height:619px;
	margin:-310px auto 0px auto;
	background-color:#a69b8a;
	overflow:hidden;
}

/* Header
----------------------------------------------- */
#identity{
	float:left;
	height:162px;
	background:url(../img/fauna_logo.jpg) 0px 0px no-repeat #000;
	border-bottom:1px solid white;
}

#identity img{
	float:right;
	height:106px;
}

/* Nav
----------------------------------------------- */
ul#main-nav{
	position:relative;
	float:left;
	width:1045px;
	background-image: url(../img/menuback.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding:0px 0px 0px 22px;
	border-top:1px solid white;
	border-bottom:1px solid white;
	text-transform:uppercase;
}

body#home{
	background-color: #000;
}

body#home #nav-wrapper{
	position:relative;
	top:534px;
	background-color:#000;
	border-top:1px solid white;
	border-bottom:1px solid white;
	overflow:hidden;
}

body#home ul#main-nav{
	float:none;
	width:960px;
	min-width:10px;
	margin:0 auto;
	overflow:hidden;
	border:0px;
	line-height:16px;
}

ul#main-nav li{
	float:left;
	padding:6px 25px 6px 0px;
}

ul#main-nav li a{
	font-size:14px;
	color:#fff;
	text-decoration:none;
}

ul#main-nav li a.add-cat{color:#30ca00;}

ul#main-nav li a:hover,
ul#main-nav li a.active{
	color:#9fcf67;
}

ul#main-nav li ul{
	position:absolute;
	float:none;
	width:1045px;
	top:28px;
	left:0px;
	padding:0px 0px 0px 22px;
	background-color:#000;
	border-bottom:1px solid #fff;
}

ul#main-nav li ul li{
	padding:6px 0px 6px 0px;
	margin:0px 25px 0px 0px;
}

ul#main-nav .sortHover{
	background-color:#5a5758;
}

ul#main-nav li ul li span.handle-hor{
	float:left;
	width:11px;
	height:11px;
	margin:3px 3px 0px 0px;
	background-image:url(../img/drag_handle_white.gif);
	background-repeat:no-repeat;
	cursor:move;
}

/* Content
----------------------------------------------- */
#content{
	float:left;
	width:100%;
	padding:27px 0px 0px 0px;
	background:url(../img/content_back.jpg) 0px -160px repeat-y #e1d5bd;
}

body#home #content{
    width:960px;
	height:619px;
	padding:0px;
	background:url(../img/home_new.jpg) 0px 0px no-repeat #e1d5bd;
}	

body#home #content a.entry{
    display:block;
    width:100%;
    height:100%;
}

#content .content-container{
	float:right;
	margin:0px 0px 0px 0px;
	width:797px;
	border:0px solid black;
}

#content .content-container .content{
	padding:0px 10px 0px 14px;
	background-color:#bddeb1;
	border-left:4px solid #f0e7c8;
	width: 769px;
	min-height: 200px;
	float:left;
	
}

#content .content-container .content h1{
	margin:0px 0px 0px 0px;
	font-weight:bold;
}

#content .content-container .content table{
	width:100%;
}

#content .content-container .content ul,
#content .content-container .content ol{
	margin:14px 0px 0px 0px;
}

#content .content-container .content ul{
	list-style:disc;
	padding:0px 0px 14px 15px;
}

#content .content-container .content ol{
	list-style:decimal;
	padding:0px 0px 14px 19px;
}

#content .img-container{
	float:right;
	margin:14px 0px 24px 0px;
	width:797px;
	overflow:hidden;
}

#content .img-container .content{
	position:relative;
	height:301px;
	background-image: url('../img/rounded_bottom_full.gif');
	background-position:bottom left;
	margin:0px 0px 0px 0px;
}

#content .img-container .content img{
	display:block;
	position:absolute;
	top:-14px;
	margin:0px 0px 0px 3px;
}

/* Content - producten
----------------------------------------------- */
#content .producten{
	float:left;
	width:1009px;
	margin:0px 0px 0px -154px;
}

#content .producten .producten-wrapper{
	float:left;
	margin:0px 0px 14px 0px !important;
	margin:0px 0px 26px 0px;
}

#content .producten .product-small{
	float:left;
	width:308px;
	margin:0px 0px 0px 0px;
}

#content .producten .product-wide{
	position:relative;
	float:left;
	width:368px;
	min-height:283px;
	margin:0px 0px 0px 0px;
}

#content .producten .product-small .content,
#content .producten .product-wide .content{
	float:left;
	width:100%;
	font-size:11px;
}

#content .producten .product-small .content{
	background-image:url(../img/product_small_round_bottom.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	height:auto !important;
	height:252px;
	min-height:252px;
}

#content .producten .product-wide .content{
	height:auto !important;
	height:252px;
	min-height:252px;
	background-image:url(../img/product_wide_round_bottom.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
}

#content .producten .product-small .content img{
	position:relative;
	top:-14px;
	left:4px;
}

#content .producten .product-wide .content img{
	position:absolute;
	right:4px;
	top:4px;
}

#content .producten .product-small .content p{
	margin:-8px 0px 10px 0px;
	padding:0px 14px 0px 14px;
}

#content .producten .product-wide .content p{
	float:left; 
	width:132px !important;
	width:129px;
	margin:0px;
	padding:0px 14px 10px 14px;
}

/* Sidebars
----------------------------------------------- */
#img-sidebar{
	float:left;
	position:relative;
	width:304px;
	margin:0px 0px 0px -54px;
}

#content .producten #img-sidebar{
	margin:0px 15px 0px 0px;
}

#img-sidebar .content{
	position:relative;
	height:549px;
	background:none;
	background-image: url('../img/rounded_bottom_full.gif');
	background-position:bottom right;
	margin:0px 0px 0px 0px;
}

#img-sidebar .content img{
	display:block;
	position:absolute;
	top:-14px;
	left:0px;
}

#project-desc{
	float:right;
	width:199px;
	border:0px solid black;
}

#project-desc .content{
	min-height:530px;
	height:auto !important;
	height:530px;
	padding:0px 10px 0px 14px;
	margin:0px 0px 0px 0px;
	background-color:#bddeb1;
	border-left:4px solid #f0e7c8;
	font-size:11px;
}

#project-desc .content ul,
#project-desc .content ol{
	margin:14px 0px 0px 0px;
}

#project-desc .content ul{
	list-style:disc;
	padding:0px 0px 14px 15px;
}

#project-desc .content ol{
	list-style:decimal;
	padding:0px 0px 14px 19px;
}

/* Footer
----------------------------------------------- */
.foot-clear{
	clear:both; 
	width:100%; 
	height:0px;
}

#home .foot-clear{
	display:none;
}

#footer{
	clear:both;
	width:100%;
	height:27px;
	margin:0px 0px 0px 0px;
	background-color:#f2e7c9;
	border-top:3px solid white;
	text-indent:-3000px;
}

/* Debug
----------------------------------------------- */
body {
  margin-bottom:150px;
}

table.cake-sql-log {
	position:fixed;
	bottom:0;
	margin:0;
  	width: 100%;
	background-color: #fff;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

table.cake-sql-log tbody {
  /* height:100px;
  overflow:scroll; */
}

table.cake-sql-log caption {
	color:#333;
}
table.cake-sql-log th {
	background-color: #f2f2f2;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	text-align: center;
}
table.cake-sql-log th a {
	display: block;
	padding: 2px 4px;
	text-decoration: none;
}
table.cake-sql-log th a:hover {
	background-color: #ccc;
	color: #333;
	text-decoration: none;
}
table.cake-sql-log table tr td {
	background: #fff;
	border-right: 1px solid #ccc;
	padding: 4px;
	text-align: center;
	vertical-align: top;
}
table.cake-sql-log table tr.altrow td {
	background: #f4f4f4;
}
table.cake-sql-log td.actions {
	text-align: center;
	white-space: nowrap;
}
table.cake-sql-log td.actions a {
	display: inline;
	margin: 0px 6px;
}

/* Admin
----------------------------------------------- */
#admin #main-nav ul{
	left:0px;
	padding:0px 0px 0px 22px;
	width: 1045px;
	border-bottom:1px solid white;
	background-color:#231f20;
}

.product-list{
	float:left;
	width:199px;
	margin:10px 0px 0px 0px;
	border:0px solid black;
}

.product-list .handle{
	cursor:move;
}

.product-list .rounded-top,
.product-list .rounded-bottom{
	background-position:right top;
}

.product-list .content{
	padding:0px 10px 0px 14px;
	margin:0px 0px 0px 0px;
	background-color:#bddeb1;
	border-right:4px solid #f0e7c8;
}

.admin-content{
	float:left;
	margin:10px 0px 10px 15px;
	width:800px;
}

/* forms */
.admin-content .form-wrapper{
	float:left;
	width:308px;
	margin:0px 30px 30px 0px;
}

.admin-content div.success,
.admin-content div.error{
	padding:10px;
	background-color:#badab1;
	border:1px solid #1f8703;
	margin:0px 0px 10px 0px;
}

.admin-content div.error{
	background-color:#e7b0b0;
	border:1px solid #b00000;
}

.admin-content .form-wrapper .rounded-top{
	clear:both;
	width:100%;
	height:18px;
	background-image:url(../img/small_round_top.gif);
	background-repeat:no-repeat;
	text-indent:-3000px;
}

.admin-content .form-wrapper fieldset{
	background-image:url(../img/small_round_bottom.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	padding:5px 5px 15px 15px;
}

.admin-content fieldset div{
	margin:0px 0px 10px 0px;
}

.admin-content fieldset div.input div{
	margin:0px 0px 0px 0px;
}

.admin-content fieldset h2{
	font-size:17px;
	margin:0px 0px 10px 0px;
}

.admin-content fieldset br{
	clear:both;
}

.admin-content fieldset div.input .nicEdit-panel{
	height:20px;
}

.admin-content fieldset div.input .nicEdit{
	background-color:#fff;
}

.admin-content fieldset div.input div{
	background-color:#fff;
}

.admin-content fieldset a.delete{
	color:red;
	text-decoration:none;
}

.admin-content fieldset a.delete:hover{
	color:#bb0000;
}

.admin-content fieldset label{
	font-weight:bold;
}

.admin-content fieldset label.lfloat{
	float:left;
	margin:0px 0px 10px 0px;
}

.admin-content input,
.admin-content textarea{
	padding:3px;
	width:250px;
	border-top:2px solid #666;
	border-left:2px solid #666;
}

.admin-content textarea.nEditor{
	width:274px;
}

.admin-content input.upload{
	width:256px;
}

.admin-content .checkbox{
	float:left;
	width:17px;
	height:17px;
	margin: 0px 0px 0px 10px;
}

.admin-content .submit{
	width:80px;
	line-height:20px;
	padding:0px;
	margin:0px 10px 0px 0px;
	border:1px solid white;
	background-color:#000;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
}

.admin-content a.info{
	position:relative;
	z-index:24; 
	color:#000;
	text-decoration:none;
	margin:0px 0px 0px 10px;
}

.admin-content a.info.txtarea{
	top:-70px;
}

.admin-content a.info:hover{
	z-index:25; 
	background-color:#ff0
}

.admin-content a.info span{
	display: none
}

.admin-content a.info:hover span{ /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	top:2em; left:2em; width:15em;
	border:1px solid #0cf;
	border:1px solid #ccc;
	background-color:#000; 
	color:#fff;
	text-align: center;
	padding:3px;
}

.admin-content .article-wrapper{
	float:left;
}

.admin-content .article-wrapper .product-paging a{
	text-decoration:none;
	color:#777;
}

.admin-content .article-wrapper .product-paging a.active{
	color:#000;
}

/* Login
----------------------------------------------- */
#login{padding:10px;}
#login form {margin:0px}
#login form br{display:block; clear:both;}

#login label{
	float:left; 
	width:150px;
	border:0px solid #1e1e1e;
	margin-bottom:15px;
}

#login input, 
#login select, 
#login textarea{
	border-top:1px solid #999;
	border-left:1px solid #999;
	padding:2px;
}
#login input.submit{
	background-color:#1e1e1e;
	border:0px;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
	padding:0px;
}
#login .submit:hover{}

/* Page
----------------------------------------------- */

#jungediv2008{

	float: left; 
	width: 175px;

}
#jungediv2004{

	float: left; 
	width: 220px;

}
#jungeil{
	padding: 3px;
}