body{
	background-color:#66ccff;
	background-image: url(../subsites/geboorte/gfx/nl/back_tile.jpg);
}

#placeholder{
background-color: #fff;
background-image: url(../subsites/geboorte/gfx/nl/background.jpg);
background-position: bottom;
background-repeat: repeat-x;
}

#footer{
background-color: #ccff99;
border: 1px solid #99cc66 !important;
}

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

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

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

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

.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;
}

#hoofdscherm {
background-color: #FFFFFF;
border: 1px solid #ffcc99 !important;
color: #006699;
padding-bottom: 10px;
}

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

#hoofdscherm a{
text-decoration: none;
}

#hoofdscherm a:hover{
border-bottom: 1px dotted #006699;}

td.groot{
font-weight: bold;
}

#subsites{
background-color: #ccff99;
border: 1px solid #99cc66 !important;
color: #b9ef83;
}

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

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

#bottomnav{
border-top: 1px solid #66ccff !important;
}

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

#topmenu, #userMenu{
background-image: url(../subsites/geboorte/gfx/menu_gradient.jpg);
background-position: bottom;
background-repeat: repeat-x;
background-color: #ccffff;
border: 1px solid #66ccff !important;
color: #006699;
}

#userMenu li, #topmenu li {
	border-right: 1px solid #66ccff;
}

#userMenu li:hover, #topmenu li:hover, #topmenu li:hover a, #userMenu li:hover a{
	background-color: #91dbfe;
	color: #FFFFFF;
}

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

#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: #006699;
	text-decoration: none;
}

#userMenu li font{
color: #ffffff;
}

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

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

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

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

#subsites #meervan{
background-color: #b9ef83;
color: #669933;
border-right: 1px solid #99cc66;
}

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

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

.menuTitel {
	color: #ff9900 !important;
	border-bottom: 1px solid #ffcc99; 
	text-transform: uppercase; 
	font-weight: bold;
	font-size: 14px;
}

#links{
margin-bottom: 200px;

}

#links, #links a{
color: #3399cc !important;
}

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

/* Tagcloud CSS */
.tagcloud{
width: 719px;
height: 50px;
position: relative;
margin-top: 15px;
float: left;
}

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



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

.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: 723px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.featured{
font-style: italic; position: absolute; bottom: 6px; left: 0px; height: 20px; line-height: 20px; font-size: 12px;
}

.featured a{
background: #fff;
padding: 3px 9px 3px 9px;
color: #ff9900 !important;
}

.featured a:hover{
background: #ff9900;
color: #ffffff !important;
}

.featured #step1{
float: left;
margin-right: 2px;
}

.featured #step2{
float: left;
margin-right: 2px;
}

.featured #step3{
float: left;
margin-right: 2px;
}

.featured #step4{
float: left;
margin-right: 2px;
}

.featured #step5{
float: left;
margin-right: 2px;
}

.featured #step6{
float: left;
margin-right: 2px;
}

.featured #step1 a:hover{
background-color: #ff9900;
color: #fff;
}

.featured #step2 a:hover{
background-color: #ff9900;
color: #fff;
}

.featured #step3 a:hover{
background-color: #ff9900;
color: #fff;
}

.featured #step4 a:hover{
background-color: #ff9900;
color: #fff;
}

.featured #step5 a:hover{
background-color: #ff9900;
color: #fff;
}

.featured #step6 a:hover{
background-color: #ff9900;
color: #fff;
}