h1 {
letter-spacing: 1px;
}  
/* navigation */
#nav {
	width:515px;
	float:none;
	height:24px;
	padding-left: 260px;
}

#nav ul { 
margin:0; 
list-style:none; 
padding: 0 0 0 0; }

#nav a, #nav strong, #nav span { 
float:left; 
display:block; 
color:#fff; 
padding: 7px 10px 4px 0px; 
background:url(images/nav.gif) no-repeat 100% 0px; 
text-decoration:none;
text-transform:uppercase;
font-size:11px;
font-weight: bold; }

#nav a { 
float:none; }

#nav li { 
float:left; color: #FFF; 
background: url(images/nav1.gif) no-repeat 0px 0px; 
margin:0; 
padding:0 0 0 9px; }

#nav .current { 
background:url(images/nav1.gif) no-repeat 0 -41px; 
color: #FFF; }

#nav .current a { 
background:url(images/nav.gif) no-repeat 100% -41px; 
padding:7px 10px 6px 0px; color:#333333; }

#nav a:hover { color:#666666; 
background:url(images/nav.gif) no-repeat 100% 0px; }  

#nav .current a:hover { 
background:url(images/nav.gif) no-repeat 100% -41px; 
padding:7px 10px 6px 0px; color:#000000; } 




/**
 =GENERAL
 -----------------------------------------------------------------------------*/


a:link {
	color:#86938f;
}

a:hover {
	text-decoration: underline;
	color:#333333;
}

a:visited {
	color: #86938f;
}

*
{
border: 0;
margin: 0;
}

body
{
top:0px;
margin:0;
font-family:Arial; 
background:#C1CCC9 url(images/bg-bg.jpg) repeat-x;
}

#wrap
{
margin: 0 auto;
width: 800px;
height:auto;

}

#menuwrap
{
	padding-top:3px;
	width: 800px;
	height:27px;
	background:url(images/menu.png) no-repeat center top;
	float: left;
}

#header
{
width: 800px;
height: 235px;
margin: 0 auto;
position: relative;
}

#headerblok{
width:192px;
height: 98px;
position: absolute;
top: 125px;
left: 44px; 
z-index: 1000;
}
#newscontainer
{
	width: 235px;
	height: auto;
	float:left;
	font-size:11px;
	color:#333333;
	background-image: url(images/sitemenu.jpg);

}

#news
{
	width: 176px;
	height: auto;
	float:left;
	font-size:11px;
	color:#333333;
	padding-top: 30px;
	padding-right: 32px;
	padding-left: 27px;
}

#news h1
{
font-size:13px;
color:#000000;
}


#newsbottem
{
	width:235px;
	height:40px;
	float:left;
	left: 0px;
	background-image: url(images/sitemenubottem.jpg);
	bottom: -20px;
}
#tekstvak
{
	width: 480px;
	height: auto;
	min-height:298px;
	float: left;
	font-size:11px;
	color:#333333;
	background-color: #e2e6e5;
	padding: 10px;
	margin-top: 20px;
}

#tekstvak h1
{
font-size:13px;
color:#000000;
}


#content
{
	width: 755px;
	height: auto;
	min-height:290px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-right: 22px;
	padding-left: 23px;
	background-image: url(images/bg.png);
	background-repeat: repeat;
	background-position: center top;
	float: left;
}

#trashdiv
{
	width: 800px;
	height: 15px;
	float: left;
	background-image:url(images/bg.png);
	background-repeat:repeat;
}

#footer
{
	width: 800px;
	height: 55px;
	background:url(images/footer1.jpg) no-repeat center top;
	float: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#line
{

margin-top:38px;
margin-right:20px;
width:600px;
height:15px;
text-align:right;
font-size:10px;
float:right;
}

#line a{
color:#000000;
text-decoration:none;
}

#line a:hover {
color:#000000;
text-decoration:underline;
}

.breed-container {
    float: left;
    height: auto;
    margin: 0;
    overflow: hidden;
    width: 490px;
padding-top: 20px;
}
.product-container {
   float: left;
    margin-right: 8px;
margin-bottom: 8px;
    width: 150px;
border: 1px solid #000000;
text-align: center;
}

.product-thumb {
background: #ffffff;
    float: left;
    height: 75px;
    
    width: 150px;
overflow:hidden;
}

.product-omschrijving {
    float: left;
    padding: 5px;
    text-align: left;
    width: 150px;
text-align: center;
}
.product-knop {
    float: left;
    width: 150px;
height: 20px;
}

.winkelwagentonen {
background: none repeat scroll 0 0 #86938f;
    color: #FFFFFF;
    float: left;
padding: 4px;
}

.winkelwagentonen:hover {
background: #687772;
color: #ffffff;
cursor: pointer;
}

.toevoegensubmit {
background: #86938f;
color: #ffffff;
cursor: pointer;
height: 20px;
width: 150px;
}

.toevoegensubmit:hover {
background: #687772;
color: #ffffff;
cursor: pointer;
}

#detailpagina {
float:left;
text-align: left;
}