@charset "UTF-8";


/* HUISSTIJLKLEUREN
donkergroen:	#006e79
lichtgroen: 	#71cd9d
geel: 			#e3d700
rose:			#e81e75
*/


* {
margin: 0;
	padding: 0;
}

body  {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	font-size:12px;
}

p {
margin-bottom: 10px;
}

a, a:link {
text-decoration:none;
color: #006e79;
}

a:hover {
text-decoration:none;
color: #e81e75;
}


h1 {
font-size: 18px;
line-height: 24px;
font-style: italic;
font-weight: bold;
}

.bodyAgOrnament {
	background: #338e97;
	background-image:url(../images/ag322ornament.gif);
	background-position:center;
}

#container {
width:940px;
margin:0 auto;
text-align:left;
}


.spacer {
	width:940px;
	height: 50px;
}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* HEADER STYLES */

#headerContainer {
width:940px;
height: 150px;
margin-top: 20px;
background-image:url(../images/schaduwHeader.png);
}

#headerContent {
position:relative;
width:900px;
height: 110px;
top: 20px;
left:20px;
background-color: #006e79;
text-align:left;
}

#logo {
background-color:#FFFFFF;
width:600px;
height:75px;
float: left;
}

#form {
	float: left;
	margin-left:0px;
	margin-top: 50px;
}	

	

#headerTag {
position:absolute;
width:62px;
height:39px;
top:-20px;
left:865px;
background-image:url(../images/headerTag.png);
z-index:9000;
}

#login_Bag {
float: right;
width:300px;
height: 75px;
background-color:#71cd9d;
background-image:url(../images/streeppatroon.gif);
background-repeat:repeat-x;
background-position:top left;
}

#login {
float:right;
margin-left:20px;
margin-top: 20px;
height: 50px;
width: 100px;
font-size:20px;
color:#FFFFFF;
font-style: italic;
font-weight:bold;
line-height: 25px;
display: inline;
}

#login span {
font-weight:normal;
font-size: 14px;
}

#login a, #login a:link {
color:#FFFFFF;
}

#login a:hover {
color:#006e79;
}

#shopBag {
float:right;
margin-left:20px;
margin-top: 20px;
height: 50px;
width: 56px;
font-size:10px;
color:#FFFFFF;
font-weight:bold;
vertical-align:middle;
background-image:url(../images/shoppingBag.gif);
background-repeat:no-repeat;
}

#shopBag .artAantal {
position:relative;
width:56px;
text-align: center;
top:25px;
}

#mainNav {
position:relative;
width:900px;
height: 30px;
top: 5px;
background-color:#e3d700;
}

#mainNav a, #mainNav a:link {
position:relative;
font-weight:bold;
text-transform:uppercase;
text-decoration:none;
color:#006e79;
line-height:29px;
vertical-align:middle;
margin: auto 20px;
}

#mainNav a:hover {
color: #e81e75;
}

/* IMGPANEL STYLES */

#imgPanelContainer {
position:relative;
width:940px;
height: px;
background-image:url(../images/schaduwImgPanel.png);
background-position:bottom;
background-repeat:no-repeat;
}

#imgPanelImage {
position:relative;
width:900px;
height: 280px;
left:20px;
text-align:left;
}

#imgPanelSlogan {
position:absolute;
top: 50px;
left: 50px;
height: 100px;
font-size: 34px;
font-style: italic;
font-weight:bold;
color:#FFFFFF;
text-align:left;
}

#imgPanelSlogan span{
font-size: 48px;
margin-left: 50px;
}

#imgPanelIntro {
position:absolute;
top: 150px;
left: 50px;
width: 550px;
height: 100px;
overflow:hidden;
}

#imgPanelIntro h1 {
position: absolute;
font-weight:normal;
color:#FFFFFF;
text-align:left;
display:block;
bottom:0;

}


/* PANEL STYLES */
#panelBar {
position:relative;
width: 940px;
margin-left: 20px;
}

#PanelContainer {
float:left;
width: 327px;
height: 270px;
background-image:url(../images/schaduw1kPanel.png);
background-position:-10px;
margin-left:-20px;
margin-top:-20px;
}

#PanelSpace {
position:relative;
width:285px;
height: 230px;
top: 20px;
left: 20px;
background-color: #FFFFFF;
text-align:left;
}

#PanelTag {
position:absolute;
width:41px;
height:26px;
top:-13px;
left:260px;
background-image:url(../images/panelTag.png);
z-index:9000;
}

.PanelContent img, .k2 .PanelContent p img {
float: right;
}

.k2 #PanelContainer {
float:left;
width: 635px;
height: 270px;
background-image:url(../images/schaduw2kPanel.png);
background-position:-10px;
margin-left:-20px;
margin-top:-20px;
}

.k2 #PanelSpace {
position:relative;
width:593px;
height: 230px;
top: 20px;
left: 20px;
background-color: #FFFFFF;
text-align:left;
}


.k2 #PanelTag, #ContentPanelSpace #PanelTag {
position:absolute;
width:41px;
height:26px;
top:-13px;
left:568px;
background-image:url(../images/panelTag.png);
z-index:9000;
}

.PanelHeading {
position:relative;
width:90%;
height: 20px;
top: 10px;
left: 15px;
font-size:14px;
font-weight:bold;
}

.PanelContent {
width:90%;
margin: 20px 15px;
line-height: 20px;
}

.PanelProductContent {
width:90%;
margin: 20px 15px 0px 65px;
line-height: 20px;
}

.PanelFooter {
position:absolute;
width:285px;
height: 40px;
bottom:0;
left:0;
font-size:11px;
font-weight:bold;
text-align:right;
vertical-align:middle;
line-height:39px;
background-position:center;
}

.k2 .PanelFooter {
position:absolute;
width:593px;
height: 40px;
bottom:0;
left:0;
font-size:11px;
font-weight:bold;
text-align:right;
vertical-align:middle;
line-height:39px;
background-position:center;
}

.donkergroen .PanelFooter, .donkergroen .ModulePanelFooter, .donkergroen .ContentPanelFooter {
background-image:url(../images/tagPattern322.gif);
}

.lichtgroen .PanelFooter, .lichtgroen .ModulePanelFooter, .lichtgroen .ContentPanelFooter {
background-image:url(../images/tagPattern346.gif);
}

.geel .PanelFooter,.geel .ModulePanelFooter, .geel .ContentPanelFooter {
background-image:url(../images/tagPattern3965.gif);
}

.rose .PanelFooter, .rose .ModulePanelFooter, .rose .ContentPanelFooter {
background-image:url(../images/tagPattern213.gif);
}


.donkergroenOrnament .PanelFooter, .donkergroenOrnament .ModulePanelFooter, .donkergroenOrnament .ContentPanelFooter {
background-image:url(../images/ag322ornament.gif);
}

.lichtgroenOrnament .PanelFooter, .lichtgroenOrnament .ModulePanelFooter, .lichtgroenOrnament .ContentPanelFooter {
background-image:url(../images/ag346ornament.gif);
}

.geelOrnament .PanelFooter,.geelOrnament .ModulePanelFooter, .geelOrnament .ContentPanelFooter {
background-image:url(../images/ag3965ornament.gif);
}

.roseOrnament .PanelFooter, .roseOrnament .ModulePanelFooter, .roseOrnament .ContentPanelFooter {
background-image:url(../images/ag213ornament.gif);
}


.donkergroen a, .donkergroen a:link {
color: #e3d700;
}

.lichtgroen a, .lichtgroen a:link {
color: #006e79;
}

.geel a, .geel a:link {
color: #006e79;
}

.geelOrnament a, .geelOrnament a:link {
color: #006e79;
}

.rose a, .rose a:link {
color: #ffffff;
}

.roseOrnament a, .roseOrnament a:link {
color: #ffffff;
}

.PanelFooter a:hover {
color: #ffffff
}

.rose .PanelFooter a:hover {
color: #e3d700
}

.roseOrnament .PanelFooter a:hover {
color: #e3d700
}

.PanelFooter a, .ContentPanelFooter a {
margin-right:20px;
}

.PanelFooterPrijs {
float: left;
margin-left:20px;
color: #FFFFFF;
font-size:18px;
font-weight: bold;
}

.PanelFooterPrijsActie {
float: left;
margin-left:10px;
color: #FFFFFF;
font-size:15px;
font-weight: bold;
}

a.readmorelink {
color: #006e79;
}

/* FOOTER STYLES */

#footerContainer {
position: fixed;
width:900px;
margin-left:50%;
left:-450px;
height: 50px;
bottom: 0px;
}

#footerContent {
width:900px;
height: 50px;
background-color:#71cd9d;
background-image:url(../images/streeppatroon.gif);
background-position:bottom right;
background-repeat:repeat-x;
color: #006e79;
}

#footerNav {
position: relative;
width:600px;
height: 20px;
top:12px;
left:10px;
color: #006e79;
text-align:left;
vertical-align:middle;
}

#footerNav a {
margin: 0 10px;
color: #006e79;
}
#footerNav a:hover {
text-decoration:none;
color: #ffffff;
}
#footerShoppinglogos {
float: right;
width:280px;
height: 40px;
color: #006e79;
text-align:right;
line-height: 39px;
vertical-align:middle;
}

/* CONTENT STYLES */

#contentContainer {
float: left;
width: 940px;
margin-bottom: 50px;
}

#contentLeft {
float:left;
width: 327px;
}

#contentMain {
float: left;
width: 630px;
margin-left:-20px;
}

#ContentPanelContainer {
width: 613px;
}

#ContentPanelSchaduwTop {
float:left;
width: 630px;
background-image:url(../images/schaduw2k.png);
background-position:top;
margin-top:-20px;
}


/*
#ContentPanelContainerEnd {
float:left;
width: 630px;
background-image:url(../images/schaduw2kEnd.png);
background-position:bottom;
}

.ContentPanelContainerEnd {
float:left;
width: 630px;
background-image:url(../images/schaduw2kEnd.png);
background-position:bottom;
}
*/

#ContentPanelSpace {
position:relative;
width:588px;
height:auto;
top: 20px;
left: 20px;
background-color: #FFFFFF;
text-align:left;
}

.ContentPanelContent {
width:90%;
margin: 20px 15px;
line-height: 20px;
padding-bottom: 15px;

}

ul.zijNav,
ul.zijNav li {
list-style:url(../images/menuTag.gif) inside;
}

ul.zijNav2 {
	margin-left: 40px;
	list-style-position: inside;
	list-style: none;
	font-size: 11px;
	list-style:url(../images/menuTag.gif) inside;
}

ul.zijNav ul {
	margin-left: 40px;
	list-style-position: inside;
	list-style: none;
	font-size: 11px;
}

.ContentPanelFooter {
width:588px;
height: 40px;
font-size:11px;
font-weight:bold;
text-align:right;
vertical-align:middle;
line-height:39px;
background-position:center;
margin-left:20px;
margin-bottom: 30px;
}


/* MODULE STYLES */

#ModulePanelContainer {
width: 327px;
}

#ModulePanelSchaduwTop {
float:left;
width: 327px;
background-image:url(../images/schaduw1k.png);
background-position:top;
margin-top:-20px;
}

#ModulePanelContainerEnd {
float:left;
width: 327px;
background-image:url(../images/schaduw1kEnd.png);
background-position:bottom;
}

#ModulePanelSpace {
position:relative;
width:283px;
height:auto;
top: 20px;
left: 20px;
background-color: #FFFFFF;
text-align:left;
}

.ModulePanelContent {
width:90%;
margin: 20px 15px;
line-height: 20px;
padding-bottom: 15px;

}

ul.zijNav {
list-style:url(../images/menuTag.gif) inside;
}

ul.zijNav ul {
	margin-left: 40px;
	list-style-position: inside;
	list-style: none;
	font-size: 11px;
}

.ModulePanelFooter {
width:283px;
height: 40px;
font-size:11px;
font-weight:bold;
text-align:right;
vertical-align:middle;
line-height:39px;
background-position:center;
margin-left:20px;
margin-bottom: 30px;
}

#mydata {
position: relative;
border: 1px solid black;
background:#ffffff;
height:160px;
}

#mydataheader {
position: relative;
height:30px;
}

#mydataheaderspecial {
position: relative;
height:30px;
}

#mydatacellheader {
float: left;
margin:1px 1px 1px 10px;
width: 90px;
background:#ffffff;
border: 1px solid black;
}

#mydatacellcontent {
float: left;
margin:1px 1px 1px 10px;
width: 90px;
background:#ffffff;
border: 1px solid black;
}

#mydataspecialheader {
float: left;
margin:1px 1px 1px 10px;
width: 350px;
background:#ffffff;
border: 1px solid black;
}

#mydataspecialcontent	{
float: left;
margin:1px 1px 1px 10px;
width: 350px;
background:#ffffff;
border: 1px solid black;
}


#basketwrapper {
	width:100%;
}

#basket {
position: relative;
border: 1px solid black;
height:300px;
}

#baskethdr {
position: relative;
width:100%;
}

#basketcellhdr {
position:relative;
float:left;
width: 16%;
background:#ffffff;

}

#basketspacer {
	position:relative;
	float:left;
	width:100%;
	height:100%;
}

#basketcontenthdr {
width:100%;
margin-top:5px;
text-align:left;
}

#basketcellcontent {
float: left;
position:relative;
width: 16%;
background:#ffffff;
border: 1px solid blue;
}

#basketsummary {
float:left;
width:70px;
}

#basketsummarycontent {
float: left;
width: 350px;
background:#ffffff;
border: 1px solid black;
}

input.btn {
	padding-right: 10px;
	border: none;
background: none;
color: #e3d700;
font-weight: bold;
cursor: pointer;
}

#slider ul, #slider li{
		margin:0;  
		padding:0;
		list-style:none;
		}
	#slider, #slider li{ 
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
		width:550px;
		height:241px;
		overflow:hidden; 
		}
	span#prevBtn{}
	span#nextBtn{}


.workshopselection{
	width:100px;
	}
	
/* WIDE CONTENT STYLES */

#WideContentPanelContainer {
width: 800px;
}

#WideContentPanelSchaduwTop {
float:left;
width: 730px;
background-image:url(../images/schaduw2k.png);
background-position:top;
margin-top:-20px;
}

#WideContentPanelSpace {
position:relative;
width:900px;
height:auto;
top: 20px;
left: 40px;
background-color: #FFFFFF;
text-align:left;
}

#WidePanelTag {
	position:float;
	margin-left:575px;
	background-image:url(${sitectx.basedir}/mediaServlet/panelTag.png);
	z-index:9000;
	}

.WidePanelHeading {
position:relative;
width:90%;
height: 20px;
top: 10px;
left: 15px;
font-size:14px;
font-weight:bold;
}

.WideContentPanelContent {
width:95%;
margin: 20px 15px;
line-height: 20px;
padding-bottom: 15px;
}


.WideContentPanelFooter {
width:900px;
height: 40px;
font-size:11px;
font-weight:bold;
text-align:right;
vertical-align:middle;
line-height:39px;
background-position:center;
margin-left:40px;
margin-bottom: 30px;
}

p.BasketError {
font-size:12px;
color:#f60000;
font-weight:bold;         
}