body{
	background-color:#ffffff;
	background-image: url(../subsites/kerst/gfx/back_tile.jpg);
	background-repeat: repeat-x;
}

#placeholder{
border-left: 1px solid #ebebeb;
border-right: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb;
}


#footer{
background-color: #FFFFFF;
border: 1px solid #cccccc !important;
color: #666666;
}

#footer a, #footer a:link, #footer a:visited, #footer a:active, #links a, #links a:link, #links a:visited, #links a:active {
	color: #666666 !important;	
	text-decoration: none;
}

hr{
color: #999999;
border: 1px solid #999999;
}

h2{color:#999999; font-size: 20px; margin: 8px 0px 8px 0px; padding: 0px; font-family: 'PT Sans Narrow', sans-serif; font-weight: normal;}
h3{color:#660066; font-size: 17px; margin: 8px 0px 8px 0px; padding: 0px; font-family: 'PT Sans Narrow', sans-serif; font-weight: normal;}

#topmenu img{
border-right: 1px solid #ccccff;
}

/* Kaarten overzicht */
.thumb_normaal {
	border: 1px solid #ccccff;
}

.thumb_over {
	border: 1px solid #666699;
}

.overzicht_rij {
	border-bottom: 1px solid #666699;
}

.inlinedialog {
	border: 1px solid #000000;
}

#dhtmltooltip{
border: 1px solid black;
background-color: #ECE5E5;
font-family: Verdana;
font-size: 12px;
line-height: 18px;
}

#hoofdscherm {
background-color: #FFFFFF;
border: 1px solid #cccccc !important;
color: #666666 !important;
}

#hoofdscherm a, #hoofdscherm a:link, #hoofdscherm a:visited, #hoofdscherm a:active {
color: #660066;
}

#hoofdscherm a{
text-decoration: none;
}

#hoofdscherm a:hover{
text-decoration: none;
}

td.groot{
font-weight: bold;
}

#subsites{
text-align: center;
color: #cccccc;
border: 0px solid red;
height: 10px;
}

#topnav, #bottomnav{
background-image: url(../subsites/kerst/gfx/menu_gradient.jpg);
background-position: bottom;
background-repeat: repeat-x;
background-color: #FFFFFF;
color: #660066;
}

#topnav{
border-bottom: 1px solid #cccccc !important;
}

#bottomnav{
border: 1px solid #cccccc !important;
}

#topnav .contentTop_select a:hover, #bottomnav .contentTop_select a:hover{
	color: #000000;
}

#topmenu, #userMenu{
background-image: url(../subsites/kerst/gfx/menu_gradient.jpg);
background-position: bottom;
background-repeat: repeat-x;
background-color: #ffffff;
border: 1px solid #cccccc !important;
color: #666;
}



#userMenu li:hover, #topmenu li:hover, #topmenu li:hover a, #userMenu li:hover a{
	color: #afbf27;
}

#userMenu li font{
color: #afbf27;
}

#userMenu li:hover font{
color: #000000;
}

#userMenu a, #userMenu a:link, #userMenu a:visited, #userMenu a:active, #userMenu a:hover, 
#topmenu a, #topmenu a:link, #topmenu a:visited, #topmenu a:active, #topmenu a:hover {
	color: #666;
	text-decoration: none;
}

#userMenu font#aantalkaarten{
color: #afbf27;
}

#userMenu:hover font#aantalkaarten{
color: #afbf27;
}

#subsites a, #subsites a:link, #subsites a:visited, #subsites a:active, #subsites a:hover{
	color: #666666;
	text-decoration: none;
}

.contentTop_select{
height: 18px;
vertical-align: middle;
}

.contentTop {
height: 18px;
vertical-align: middle;
color: #999999;
}

#subsites #meervan{
background-image: url(../subsites/kerst/gfx/meervan_gradient.jpg);
background-position: bottom;
background-repeat: repeat-x;
color: #666666;
border-right: 1px solid #f1d8fc;
}

.boodschap{
background: #cccccc;
border: 1px dotted #afbf27;
}

input[type="button"], input[type="submit"] {
	background-color: #660066;
	color: #FFFFFF;
	border: 3px double #ffffff;
}

.menuTitel {
	color: #660066 !important;
	border-bottom: 1px solid #cccccc; 
	font-weight: normal;
	font-size: 18px;
	font-family: 'PT Sans Narrow', sans-serif;
}

#links{
margin-bottom: 25px;
}

#links, #links a{
color: #666666 !important;
}

#links a:hover {
border-bottom: 1px dotted #afbf27;
}

/* Frontpage CSS */
#hoofdscherm a:hover{
border: 0;
}

p{
padding-left: 5px; padding-right: 5px;
}

#more_info{
width: 100%;
text-align: right;
position: absolute;
bottom: 5px;
}

#more_info a{
font-weight: bold;
font-style: italic;
margin-right: 5px;
color: #000000 !important;
text-decoration: none;
}

#more_info a:hover{
text-decoration: none;
}

.supporting #logos a:hover{
border: 0px;
}

span.stockcount{
color: #999;
font-size: 10px;
font-weight: normal !important;
}

#copyright{
text-align: center;
color: #ccc;
padding: 5px;
}

/* Featured */
.stepcarousel{
position: relative; /*leave this value alone*/
background-color: #ffffff;
overflow: scroll; /*leave this value alone*/
width: 721px; /*Width of Carousel Viewer itself*/
height: 248px; /*Height should enough to fit largest content's height*/
border: 1px solid #cccccc;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 553px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
padding-left: 170px;
height: 248px;
}

.stepcarousel .panel h3{float: left;}
.stepcarousel .panel .button{float: right;}

.featured{
border: 1px solid #cccccc; width: 138px; height: 228px; position: absolute; left: 0px; top: 0px; padding: 10px; background-color: #fff;}

.featured ul{list-style-type: none;
padding: 0px;
margin: 0px;}

.featured ul li{padding-bottom: 12px; }

.featured a{color: #666666 !important;}
.featured a:hover{color: #afbf27 !important;}