/*
	-----------------------------------------------------------------
		Thermae Kleur waardes - Paars
	-----------------------------------------------------------------
*/


#topbar {
background:url('../images/top-pink.png') no-repeat;
}

#mainmenu li a {
color:#981C5B;
}

#mainmenu li ul li a, #mainmenu li ul li a:hover {
background:#981C5B;
}

#mainmenu li ul {
background:#981C5B;
}

#footer .content {
color:#b2b2b2;
}

#footer .line {
color:#cf5a97;
}

#mainmenu li a {
background:url('../images/menu-sprite-purple.gif') no-repeat top right;
color: #8f1955;

}

#mainmenu li a span {
background:url('../images/menu-sprite-purple.gif') no-repeat 0 -23px;
}

#mainmenu li a:hover {
background: #8f1955;
color:#FFF;
}

#mainmenu li a:hover span {
background:url('../images/menu-sprite-purple.gif') no-repeat 0 -69px;
}

#mainmenu li a:hover {
background:url('../images/menu-sprite-purple.gif') no-repeat right -46px;
color:#FFF;
}

#mainmenu li ul {
padding: 0;
margin: 0;
position: absolute;
visibility: hidden;
background: #8f1955;
border-left:1px solid #d8559a;
border-right:1px solid #d8559a;
border-bottom:1px solid #d8559a;
}

#mainmenu li ul li {
float: none;
display: inline
}

#mainmenu li ul li a {
width: auto;
background:url('../images/menu-arrow.png') no-repeat left center #8f1955;
font:normal 10px verdana, arial, tahoma;
padding:4px 6px 0px 12px;
line-height:18px;
color: #ffdff0;
width:160px;
margin:0 20px 0 15px;
float:none;
}

#mainmenu li ul li a:hover {
color:#FFF;
background:url('../images/menu-arrow-2.png') no-repeat left center #8f1955;
}

.box strong.title {
background: url('../images/subpage/box-top-purple.png') no-repeat;
}

#submenu li a:hover {
	background:url('../images/subpage/submenu.png') no-repeat 0 -61px;
}

#submenu li a.current {
	background:url('../images/subpage/submenu.png') no-repeat 0 -61px;
}