/*

customer:		Inverde vzw
site:			www.inverde.be

file:			Frontpage CSS for all modern browsers + IE 
released: 		December 15, 2005
updated: 		December 14, 2005
tested:			Safari 2.0, FF Win, FF Mac, IE 5.5, IE 6.0  
note:			IE hacks are in separate file.

designed by:	Quixpace | quixpace.com

*/


#page {
padding:			173px 0 0 0;
}
#data {
margin:				0 25px 0 20px; 
}
#wrap-header {
margin:				0;
}
h1.logo {
top:				30px;
left:				10px;
width:				240px;
height:				103px;
background: 		url(logo-big.png) top no-repeat;
}
#header-title {
background: 		#7B1C51 url(front-banner-bg.gif) bottom repeat-x;
height:				70px;
position:			relative;
font-size:			1em;
line-height:		1.5em;
}
#header-title #blurb {
position:			absolute;
top:				40px;
left:				25px;
text-transform:		none;
color:				#FFF;
}
#header-title #blurb a:link,
#header-title #blurb a:visited {
color:				#FFF;
font-weight:		bold;
}
#header-title #blurb a:hover {
color:				#FFF;
border-bottom:		1px dotted #FFF;
}
#header-title #welkom {
position:			absolute;
top:				20px;
left:				25px;
width:				159px;
height:				17px;
background: 		url(front-welkom.gif) no-repeat;
}
#header-title #hoekje {
top:				0;
left:				0;
}
#menu {
overflow:			hidden;
width:				auto;
height:				22px;
position:			absolute;
top:				150px;
right:				-1px;
border-bottom:		1px solid #FFF !important;
}

#searchfield {
position:			absolute;
top:				25px;
right:				20px;
width:				280px;
height:				30px;
}


input.formField {
padding:				2px 5px 2px 5px;
background-color:		#96607F;
border:					1px solid #521136;
font: 					11px Verdana, Arial, Helvetica, sans-serif;
line-height:			20px;
}
input.formField:focus {
background-color: 		#F5F8E7;
}
input.formButton {
line-height:			20px;
padding:				2px 5px 2px 5px;
background-color:		#7C2A5C;
color:					#AB7797;
border:					1px solid #521136; 
font: 					11px Verdana, Arial, Helvetica, sans-serif;
}
input.formButton:hover {
border:					1px solid #999; 
background-color:		#4A1132;
}
input.formButton:active {
background-color:		#601640;
}


#banner {
width:				500px;
height:				115px;
position:			absolute;
top:				3px;
right:				0;
overflow:			hidden;
}
#banner div {
position:			absolute;
width:				7px;
height:				8px;
top:				0;
right:				0;
background: 		url(front-random-corner.png) no-repeat;
}
.front-main {
float: 				left;
width:				59%;
}
/* news */
.entry h2 {
font-size:			1.4em;
}
.entry .data {
line-height:		1.8em;
font-size:			1.05em;
padding:			0;
}
.col-wrap {
float: 				left;
width:				35%;
margin-left:		4%;
}
.col {
margin-bottom:		2.5em;
}
.col ul {
margin:				0;
padding:			0;
}
.col ul li {
background-color:	#EFEFEF;
border-bottom:		1px solid #dedede;
border-right:		1px solid #dadada;
margin:				1px;
padding:			0.4em 1em;
list-style:			none !important;
}
.col ul li:hover {
background-color:	#F8F8F8;
}
.col ul li.more {
background-color:	#F5F5F5;
text-align:			right;
}