@charset "utf-8";
/* CSS Document */

body
{
	background-image: url(../imgs/bg_repeat.jpg); 
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;	
}

#mainContainer
{
	width: 100%;
	text-align: center;
}

#pageContainer
{
	width: 970px;
	margin: 0px auto;
}             

#pageLeft
{
	width: 12px;
	background-image: url(../imgs/shadLeft.jpg);
	background-repeat: no-repeat;
}

#pageRight
{
	width: 12px;	
	background-image: url(../imgs/shadRight.jpg);
	background-repeat: no-repeat;
}

#pageContent
{
	width: 945px;
	background-color:#1b191a;
	background-position:top;
	background-image: url(../imgs/topBg.jpg);
	background-repeat: no-repeat;
}

#mainContent
{
	/*height: 720px;*/
	background-image: url(../imgs/bottomBg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

#header
{
	text-align: left;
	height: 200px;
	background-image:url(../imgs/topBg.jpg);	
}

#logo
{
	margin-left: 0px;
	padding-left:10px;
	margin-top: 58px;
	width: 194px;
	float: left;
}

#rightBanner
{
	background-color:#999999;
	width:215px;
}

#mainMenu
{
	list-style-type:none;
	margin:0px auto; 
	font-size:14px;
	font-weight:bold;
	float: left;
	margin-top:101px;
	width: 700px;
	text-decoration:none;
}

/* main menu buttons */
#mainMenu ul
{
	padding:0px;
	margin:0px;
}

#mainMenu ul li
{
	list-style-type:none;
	float:left;
}


#mainMenu ul li a.button{
	text-decoration:none;
	margin-right:30px;
	margin-left:30px;
}

#mainMenu ul li a.active{
	color:#c79d17;
}

#mainMenu ul li a.active#actie{
	color:#c8175f;
}

#mainMenu ul li a.button:hover#actie{
	color:#c8175f; 
	text-decoration:none; 
}

#mainMenu ul li a.button:hover{
	color:#c79d17; 
	text-decoration:none; 
}

/* submenu buttons */
#subMenu	{
	margin:0px;
	padding:0px;
	height:36px;
	text-align:left;	
	/*width:652px;*/
	width:650px;
	margin-left:39px;
	border:0px solid red;
	list-style-type:none;
	background-image:url(../imgs/menu/submenu_bg.jpg);
}

#subMenu a
{
	text-decoration:none;
}

#subMenu a:hover
{
	color:#000000;
}

.ui-tabs-hide {display: none;}

#subMenu1,#subMenu2, #subMenu3, #subMenu4 {
	background-repeat:no-repeat;
	float:left;
	text-align:center;
	color:#000000;
	height:36px;
	width:160px;
}

#subMenu1 {background-image:url(../imgs/menu/tab_inactive1.jpg)}

#subMenu1.ui-tabs-selected {background-image:url(../imgs/menu/tab_active1.jpg);}

#subMenu1.ui-tabs-selected a, #subMenu2.ui-tabs-selected a, #subMenu3.ui-tabs-selected a, #subMenu4.ui-tabs-selected a
{
	color:#000000;
}


#subMenu2, #subMenu3, #subMenu4 {background-image:url(../imgs/menu/tab_inactive2.jpg);}

#subMenu2.ui-tabs-selected, #subMenu3.ui-tabs-selected, #subMenu4.ui-tabs-selected {background-image:url(../imgs/menu/tab_active2.jpg);}

/* eind submenu buttons */

/*#borderBottom	{
	border-bottom:0px solid black;
	width:580px;
	margin-left:32px;
	margin-top:5px;
	margin-bottom:5px;
}
*/
#content
{
	text-align: left;
	width:689px;
}

#contentHome
{
	text-align: left;
}

.contentContainer
{
	background-color:#FFFFFF;
	width:649px;
	margin-left:40px;
	padding-bottom:20px;
	padding-top:10px;
	text-align:left;
}

.contentContainerHome
{
	margin-left:40px;
	padding-bottom:20px;
	padding-top:30px;
}

.contentContainerActie
{
	background-color:#FFFFFF;
	width:650px;
	margin-left:40px;
	padding-bottom:20px;
	padding-top:10px;
	text-align:left;
}

.contentContainerHome p
{
	color:#FFFFFF;
	width:430px;
	text-align:left;
	margin-left:0px;
}

.contentContainerHome a {
	font-weight:bold;
	color:#c8175f;
	text-decoration:none;
	font-size:13px;
}

#contentTop
{
	background-image:url(../imgs/contentTop.gif);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	height:15px;
	width:649px;
	margin-left:40px;
}

#contentBottom
{
	background-image:url(../imgs/contentBottom.gif);
	margin-left:40px;
	background-repeat:no-repeat;
	height:15px;
	margin-bottom:20px;
}

#contentRight
{
	width:239px;
	height:343px;
	float:right;
	margin-right:4px;
	margin-top:22px;
	text-align:left;
}

.slideShow {
	display:none;
}

.noscript {
	display:block;
}

#flashGestoomd {
	width:304px;
	float:right;
	margin:10px;
}

/*Banners Homepage*/

.bannerReceptuur {
	margin-left:45px; 
	margin-top:45px; 
	width:430px; 
}

.bannerDmOnline {
	margin-left:30px; 
	width:430px;
}

.bannerRefund {
	margin-top:20px; 
}

#flashVid {
	margin-left:35px; 
	color:#ffffff; 
	width: 420px;
	margin-top:0px; 

}

/*#shopperContainer {
/*	position:absolute; 
	margin-left:490px; 
	top:150px; */
	background-image:url(../imgs/home/bannerShopperbag.png); 
	background-repeat:no-repeat; 
	width:430px; 
	padding-top: 120px;
}

#shopperContainer p, #shopperContainer h2 {
	color:#ffffff;
	text-align:left;
	margin: 5px 25px;
}

#shopperContainer h2 {
	margin: 10px 25px;
}

#shopperContainer ul {
	margin:10px 0 0 25px;
	padding:0px;
}

#shopperContainer ul li {
	color:#FFFFFF;
	text-align:left;
	list-style-type:none;
	line-height:20px;
}

#shopperBg {
	background-image:url(../imgs/home/shopperbag-anim.gif);
	background-repeat:no-repeat;
	background-position: 225px 103px;
}

#shopperBag {
	float:right;
	margin-right: 20px;
	margin-top: -7px;
}

.store {
	display:inline-block;
	width: 100px;
}*/

/* footer */
#footer		{
	text-align:center; 
	margin:0px auto; 
	font-size:11px; 
	margin-top:14px;
	margin-bottom:14px;
	margin-right:340px;
	color:#8a8a8a;
	width:550px;
}

#footer	a	{
	text-align:center; 
	margin:0px auto; 
	font-size:11px; 
	margin-top:14px;
	margin-bottom:14px;
	color:#8a8a8a;
}

#footerinfo{
	color:#8a8a8a;
	font-size:11px;
}

#footerlinks{
	margin-top:6px;
	color:#8a8a8a;
}

#assortimentHtml {
	color:#000000;
}

#assortimentHtml .kuipjeHtml{
	float:left;	
	height:200px;
	width:90px;	
	margin-left:33px;
	text-align:center;
}

#assortimentHtml .kuipjeHtmlBreed{
	float:left;	
	height:200px;
	width:250px;	
	margin-left:0px;
	text-align:center;
}



/* TEXT */

body
{
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
}

h1	{
	padding-left: 32px;
	padding-top:20px;
	padding-right: 32px;	
	font-size:20px;
	color:#bb890c;
}

h2, h3, h4, h5 {
	margin-left: 32px;
	margin-top:35px;
	margin-right: 32px;	
	font-size:14px;
	color:#bb890c;
}

h6 {
	font-size:10px;
	color:#000000;
}


p 	{
	margin-left: 32px;
	margin-right:32px;
	color:#000000;
	line-height:18px;
}

a {
	color:#FFFFFF;
	text-decoration:underline;
	border:none;
}

p a {
	color:#000000;
}

ul{
	margin-left:35px;
	margin-right: 32px;
}

ul li {
	color:#000000;
}

img {
	border:none;
}

.imgLeft {
	float:left;
	margin-right: 20px;
}

.imgRight {
	float:right;
	margin-left: 15px;
}

/* actie styles */

.contentContainerActie h1, .contentContainerActie h2, .contentContainerActie a {
	color:#c8175f;
}