html{
background-color: #cccccc;
background-image: url(http://www.cardxl.nl/templates/cardxl_2009/subsites/www/gfx/nl/back_tile.png);
}

h2{
margin: 5px 0 5px 0;
padding: 0;
font-family: arial;
font-size: 14pt;
}

h3{
margin: 7px 0 5px 0;
padding: 0;
font-family: verdana;
font-size: 13pt;
}

h3.white, h2.white{
color: #ffffff;}

p{
margin: 0 10px 0 10px;
font-size: 11pt;
color: #666666;
}

.wrapper{
width: 926px;
left: 50%;
margin-left: -473px;
position:absolute;
background: #ffffff;
padding-left: 20px;
background-image: url("http://www.cardxl.nl/templates/cardxl_2009/gfx/home/BE/header.jpg");
background-repeat: no-repeat;
background-position: top;
}

.home_header{
height: 100px;
width: 100%;
position: relative;
margin-bottom: 10px;
}

#logo{
margin-top: 25px;
}

#header_menu{
background: url("http://www.cardxl.nl/templates/cardxl_2009/subsites/kerst/gfx/menu_gradient.jpg");
background-repeat: repeat-x;
border: 1px solid #cbcbcb;
height: 24px;
line-height: 24px;
width: 906px;
position: absolute;
bottom: 0px;
}

#header_menu ul{
list-style-type: none;
list-style-position: inside;
margin: 0;
padding: 0;
}

#header_menu li{
	float: left;
	border-right: 1px solid #DCDCDC;
	line-height: 20px;
	padding: 2px 10px 0px 10px;
	text-align: center;}

#header_menu li:hover{
	background-color: #e7e7e7;
	color: #b11115;
	}

#header_menu a, .home_footer #footer_icons a{
text-decoration: none !important;
border: 0px solid red !important;
color: #666666 !important;
font-weight: bold;
}

#header_menu a:hover, #header_menu li:hover, .home_footer #footer_icons a:hover{
color: #ff9900 !important;
}

.home_footer{
background: url("http://www.cardxl.nl/templates/cardxl_2009/subsites/kerst/gfx/menu_gradient.jpg");
background-repeat: repeat-x;
color: #999999;
width: 906px;
height: 24px;
line-height: 24px;
border: 1px solid #cbcbcb;
margin-bottom: 10px;
}

#footer_text{
padding-left: 5px;
float: left;
}

#footer_icons{
padding: 4px 5px 0 0;
float: right;
}

#footer_icons img{
margin-left: 3px;
}

.home_content{
width: 100%;
}

#block{
height: 210px;
width: 908px;
margin-bottom: 10px;
}

#block_heigh{
height: 229px;
width: 908px;
margin-bottom: 10px;
}

#driekwartblock{
height: 100%;
width: 678px;
float: left;
}

#smallblock_left{
text-align: left;
height: 100%;
width: 219px;
margin-right: 10px;
float: left;
position: relative;
font-size: 12px;
line-height: 18px;
}

#smallblock_left a, #smallblock_left a:hover, #smallblock_right a, #smallblock_right a:hover, #largeblock_left a, #largeblock_right a{
text-decoration: none;
border: 0;
color: #333333;

}

#smallblock_left a:hover, #smallblock_right a:hover{
color: #ff9933;
}

#smallblock_right{
text-align: left;
height: 100%;
width: 219px;
float: right;
position: relative;
font-size: 12px;
line-height: 18px;
}

#largeblock_left{
height: 100%;
width: 450px;
float: left;
position: relative;
}

#largeblock_right{
height: 100%;
width: 449px;
float: right;
position: relative;
}

#more_info_blocks{
position: absolute;
width: 100%;
bottom: 10px;
left: 0px;
}

#more_info_blocks a{
float: right;
margin-right: 10px;
background-color: #ffffff;
padding: 2px 4px 2px 4px;
}

#more_info_blocks a:hover{
cursor: hand;
cursor: pointer;
}

/* Tagcloud CSS */
.tagcloud{
width: 906px;
height: 50px;
}

.wrd{position:relative}
.wrd a{text-decoration:none !important; margin-right: 3px; border: 0; color: #666666;}
.wrd a:hover{color: #ff9900;}
.tagcloud1{font-size: 13px; color:#ACC1F3;z-index:10}
.tagcloud1 a{color:#666666;}
.tagcloud2{font-size: 15px; color:#ACC1F3;z-index:10}
.tagcloud2 a{color:#666666;}
.tagcloud3{font-size 15px; color:#ACC1F3; font-weight: 900; z-index:10}
.tagcloud3 a{color:#666666;}
.tagcloud4{font-size: 17px; color:#ACC1F3; font-weight: 900; z-index:10}
.tagcloud5 a{color:#666666;}

/* Featured box */

.stepcarousel{
position: relative; /*leave this value alone*/
background-color: #ffffff;
overflow: scroll; /*leave this value alone*/
width: 906px; /*Width of Carousel Viewer itself*/
height: 350px; /*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: 650px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.featured{
height: 350px; width: 255px; position: absolute; top: 0; right: 0;  border-left: 1px solid #cccccc;
}

.featured a{
font-size: 11pt;
color: #666666 !important;
}

.featured a:hover{
color: #ff9933 !important;
border: 0;
}

.featured_navigation{
position: absolute; bottom: 5px; right: 258px; height: 16px; line-height: 16px; font-size: 13px; padding: 2px; z-index: 99;
}

.featured_navigation a{
border: 1px solid #cccccc;
background: #ffffff;
padding: 2px;
color: #cccccc !important;
}

.featured_navigation a:hover{
border: 1px solid #ffffff !important;
background: #cccccc;
color: #ffffff !important;
}

.featured_tab, .featured_tab_last{
border-bottom: 1px solid #cccccc;
background-color: #ffffff;
height: 52px;
background-image: url(http://www.cardxl.nl/modules/frontpage/voorpaginas/images/home/featured/tab.jpg);
background-position: bottom;
background-repeat: no-repeat;
padding: 3px 10px 0 10px;
}

.featured_tab_last{
border-bottom: 1px solid #cccccc;
height: 46px;
}

span.subtitle{
color: #666666;
font-size: 10px;
}

span.tabtitle{
font-weight: bold;
}

#sddm
{	margin: 0;
	padding: 0;
	}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 12px arial;
	border-right: 1px solid #cbcbcb;
}

#sddm li a
{	display: block;
	margin: 0;
	padding: 5px 10px;
	color: #666666;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	background-color: #e7e7e7;
	color: #ff9900;}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 5px 10px;
	background: #FFFFFF;
	border: 1px solid #cbcbcb;
	 box-shadow: 3px 3px 10px #333333;  
 	-moz-box-shadow: 3px 3px 10px #333333;  
 	-webkit-box-shadow: 3px 3px 10px #333333;
 	}

	#sddm div a
	{	background-image: url("http://huwelijk.cardxl.nl/templates/cardxl_2009/subsites/www/gfx/pijl_r.gif") !important;
		background-repeat: no-repeat;
		background-position: center left;
		position: relative;
		margin: 0;
		padding: 5px 0px 5px 10px;
		white-space: nowrap;
		text-align: left;
		text-decoration: underline;
		color: #666666;
		font: 12px arial}

	#sddm div a:hover
	{
	background-color: #FFFFFF;color: #ff9900}

h2.menu{
margin: 0px 0 5px 0;
padding: 0;
font-family: arial;
font-size: 12pt;
color: #000000;
text-align: left;
}