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

	
}

/* Kaarten overzicht */
.thumb_normaal {
	border: 1px solid #ECE5E5 !important;
}

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

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

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

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

#hoofdscherm a{
text-decoration: none;
}

#hoofdscherm a:hover{
border-bottom: 0px dotted #003366;}

td.groot{
font-weight: bold;
}

#topnav select, #bottomnav select{
border: 1px solid #DBDBDB;
font-size: 10px !important;
}

#topnav a{
height: 18px;
text-decoration: none;
}


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

#topmenu img{
border-right: 1px solid #DBDBDB;
}
.contentTop_select{
height: 18px;
vertical-align: middle;
}

#userMenu li font{
color: #003366;
}

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

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

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

.boodschap{
background: #cccccc;
border: 1px dotted #003366;
}
#links{
margin-bottom: 25px;
}

/* root element for tabs */
#flowtabs {
	
	/* dimensions */
	width:723px;
	height:24px !important;
	margin:0 !important; 
	padding:0;
	
	/* IE6 specific branch (prefixed with "_") */
	_margin-bottom:-2px;
}

/* single tab */
#flowtabs li { 
	width: 100px;
	float:left; 
	margin:0; 
	padding:0; 
	text-indent:0; 
	list-style-type:none;
}

/* a- tag inside single tab */
#flowtabs li a {
	background: red;
	display:block;
	height: 24px;   
	margin:0px;
	
	/* font decoration */
	font-family:Arial,Helvetica,sans-serif;
	color:#6699cc !important;
	font-size:13px;
	font-weight: bold;
	line-height:24px;
	text-align:center;
	text-decoration:none;
}

/* adjust the background image position on each tab */
#flowtabs #t1 			{ 	border: 1px solid #fff; border-bottom: 0px;background: white;}
#flowtabs #t2 			{ 	border: 1px solid #fff; border-bottom: 0px;background: white;}
 
/* mouseover state */
#flowtabs a:hover 		{ color:#003366 !important;	 }
#flowtabs #t1:hover 	{ }
#flowtabs #t2:hover 	{ }

/* currently selected tabs */
#flowtabs a.current		{font-family:Arial,Helvetica,sans-serif;;color:#003366 !important;cursor:default; line-height:24px; }
#flowtabs #t1.current { 	border: 1px solid #dbdbdb; border-bottom: 0px; background-image: url(http://kerst.cardxl.nl/templates/cardxl_2009//subsites/kerst/gfx/menu_gradient.jpg); }
#flowtabs #t2.current { 	border: 1px solid #dbdbdb; border-bottom: 0px; background-image: url(http://kerst.cardxl.nl/templates/cardxl_2009//subsites/kerst/gfx/menu_gradient.jpg); }

/* panes */
#flowpanes {
	background: #fff;	
	width:723px;
	height:300px;
	border: 1px solid #dbdbdb;
	padding: 3px 0 0 0;
}


/* single pane */
#flowpanes div {
	display:none;	
	color:#000;	
}

/* some decorations for elements inside single pane */
#flowpanes div h2 {
	font-weight:normal;
	color:#ddd;
	letter-spacing:1px;
	margin:10px 0 0 0;
	font-size:22px;	
}

#flowpanes a {
	color:#999999 !important;		
	font-size:11px;
	text-decoration: none;
		cursor:pointer;
}

#flowpanes img{
border: 0px;
}

#flowpanes p, #flowpanes samp {
	color:#ccc;		
}

#flowpanes .narrow {
	padding-right:160px;		
}

/*Table styling */

table.slider{
font-family:Arial,Helvetica,sans-serif;
font-size: 11px;
color: #999999;
}

table.slider td{
padding-top: 7px;
width: 20%;
text-align: center;
border-left: 1px dashed #dbdbdb;
border-bottom: 1px dashed #dbdbdb;
}

table.slider td.firstTD{
border-left: 0px dashed #999;}
}

table.slider td.lastTD{
border-right: 0px dashed #999;}


/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
position: absolute;
top: 0;
left: 0;
	display:none;
	text-align: center;
	background:transparent url(../subsites/kerst/gfx/white_arrow.png);
	font-size:11px;
	height:60px;
	width:180px;
	padding:15px;
	font-family:Arial,Helvetica,sans-serif;
	font-size: 12px;
	color:#003366;
}

h2.frontpage{
	font-family:Arial,Helvetica,sans-serif;
	font-size: 13px;
	font-weight: bold;
	color:#003366;
	margin: 12px 0px 3px 0px;
}