/*-------------------------------------------------------------------------------
 * S.V. 's-Graveland website
 * Author: Taurus media [www.taurusmedia.nl]
 * Created: Sept. 08
 * Notes:
-------------------------------------------------------------------------------*/
.clear
{
	float:none;
	display:block;
	clear:both;
	border:0;
	height:0;
	line-height:0;
	font-size:0;
}

body {
	background: #fff url(../images/bg-horizon.jpg) repeat-x top;
	font: normal 62.5% "Trebuchet MS", Verdana, Helvetica, Arial,sans-serif !important;
	color: #1e1e1e;
	line-height: 1.4;
	margin: 0px;
	padding: 0px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial,sans-serif !important;
	margin: 0;
	padding: 0;
	letter-spacing: 0;
	border-bottom: 0 !important;
}

#container {
	margin:0 auto 0 auto;
	width:865px;
}

a:link {
	color:#19397d;
	text-decoration:underline;
}

a:hover {
	color:#3636f1;
	text-decoration:underline;
}

a:active {
	color:#3636f1;
	text-decoration:underline;
}

a:visited {
	color:#0c1c3e;
	text-decoration:underline;
}
/*------------------------------------------------------------------------------- * Horizontale navigatie + Sub navigatie */

#hor-nav {
	height:162px;
	width:100%;
	background:url(../images/hor-nav-bg.jpg) no-repeat right top;
}

#nav {
	position:absolute;
	width:575px;
	margin:107px 0 0 308px;
}

#nav li {
	float:left;
	margin:0 13px 0 0;
}

#nav .last
{
	margin:0;
}

.hovertip {
	position: absolute;
    display: none; /* in case javascript is disabled */
	width: 270px;
	height:370px;
    background: url(../images/hor-nav-igatie-sub-bg.gif) no-repeat;
	font-size: 12px;
	z-index: 100;
	margin-left: -50px;
	margin-top: 15px;
}

ul.hovertip {
	width:160px;
	padding-left:39px;
	
	padding-top:30px;
	height:170px;
	padding-bottom:20px;
	
	display:block
}

ul.hovertip a{
	font:13px/23px Arial, Helvetica, sans-serif;
	color:#323232;
}

#hor-nav-breadcrumbs {
	position:absolute;
	margin:38px 0 0 308px;
	font:11px/18px Arial, Helvetica, sans-serif;
	color:#4b4b4b;
}

#hor-nav-breadcrumbs a {
	color: #4b4b4b;
	text-decoration:underline;
	padding:0 25px 0 0;
	background:url(../images/hor-nav-breadcrumb-sp.jpg) no-repeat right 4px;
}

#hor-nav-breadcrumbs a:hover {
	color: #19397d;
	text-decoration:underline;
}

#hor-nav-logo {
	padding-top:39px;
	padding-left:40px;
}

#hor-nav-meta {
	float:right;
}

#hor-nav-meta li {
	font:11px/18px Arial, Helvetica, sans-serif;
	color:#4b4b4b;
	float:left;
	margin:39px 0 0 25px;
}

#hor-nav-meta li a {
	color: #4b4b4b;
	text-decoration:underline;
}

#hor-nav-meta li a:hover {
	color: #19397d;
	text-decoration:underline;
}

#hor-nav-foto {
	float:right;
	width:551px;
	height:266px;
	margin:15px 0 30px 0;
	background:#eeeeee;
	border:2px solid #cccccc;
}

#hor-nav-sub {
	float:right;
	width:260px;
	margin:15px 9px 30px 0;
}

/*------------------------------------------------------------------------------- * Content */

#content {
	float:right;
	width:531px;
	font-size: 1.2em;
	margin-right:22px!important;
	margin-right:0;
}

#content h1 {
	font-size:1.6em;
	color:#19397d;
	margin:0 0 25px 0;
}

#content h2 {
	font-size:1.2em;
	font-weight:bold;
	color:#19397d;
	margin:5px 0 5px 0;
}

#content p {
	margin-bottom:20px;
}

td {
	padding:2px;
}

#content table {
	margin-bottom:30px;
}

#content table tr {
	border-bottom:1px solid #e6e8e9;
}

#content table tr td {
	vertical-align:top;
}

#content table tr td p {
	margin:0;
	float:left;
}

#content ul {
	margin-left:10px;
	list-style:inside disc;
}

#content ol {
	list-style:inside decimal;
}

#content ol li {
	margin-left:10px;
}

.contentImg {
	float:left;
	padding:3px;
	border:1px solid #99b6cb;
	margin:0 20px 20px 0;
}


.content-head-item {
	width:100%;
	background:#eef2fb url(../images/content-head-bg.gif) repeat-x top;
	padding:0 2% 20px 2%;
	margin:0 0 10px 0;
	min-height:140px;
	height:auto!important;
	height:140px;
}

.content-home-container
{
	width:553px;
	display:block;
}

.content-home-left-head-item, .content-home-right-head-item
{
	width:242px;
	background:#eef2fb url(../images/content-head-bg.gif) repeat-x top;
	padding:0 2% 2% 2%;
	margin:0 0 10px 0;
	min-height:140px;
	height:auto!important;
	height:140px;
	float:left;

}

.content-home-right-head-item
{
	min-height:0px;
	height:auto;
	margin-left:20px;
	float:right;

}

.content-home-left-head-item h1, .content-home-right-head-item h1
{
	font-size:1.2em !important;
	line-height:33px !important;
	margin:0 0 15px !important;
}

.content-home-left-head-item ul li, .content-home-right-head-item ul li
{
	font: normal 80% "Trebuchet MS", Verdana, Helvetica, Arial,sans-serif;	
	margin-bottom:4px;	
	color:#878787;
	list-style:outside disc;

}

.rssfeedbutton
{
	float:right;	
}

.content-home-left-head-item ul li a, .content-home-right-head-item ul li a
{
		font: normal 130% "Trebuchet MS", Verdana, Helvetica, Arial,sans-serif;	
}



#content-sub {
	float:right;
	width:256px;
	margin:0 15px 0 0;
	font-size: 1.2em;

}

#content-sub h2 {
	font-size:1.2em;
	line-height:33px;
	color:#19397d;
	margin:0 0 15px 0;
}

.content-sub-item {
	width:100%;
	background:#eef2fb url(../images/content-head-bg.gif) repeat-x top;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
}

#content-sub p {
	padding:2%;
}

#content-sub ul {
	margin-left:10px;
	list-style:inside disc;
}

#content-sub li, #content-sub li {
	line-height:20px;
}

#content .leesverder
{
	margin-left:-31px;
	position:absolute;
}
/*------------------------------------------------------------------------------- * Sponsors */

#sponsorBanners
{
	width:565px;
	height:155px;
	background:url(../images/sponsorBannersbg.gif) no-repeat;
	clear:both;
	float:right;
	line-height:18px;
	font-size:1.1em;
}

#content #sponsorBanners
{
	margin-bottom:40px;
	float:none;
}

#sponsorBanners .banner1, #sponsorBanners .banner2, #sponsorBanners .banner3
{
	position:absolute;
	width:162px;
	height:68px;
	margin-top:48px;
	margin-left:19px;
}

#sponsorBanners .banner2
{
	margin-left:198px;
}

#sponsorBanners .banner3
{
	margin-left:378px;	
}

/*------------------------------------------------------------------------------- * Footer */

#footer {
	width:824px;
	height:150px;
	background:url(../images/footer-bg.gif) no-repeat bottom;
	float:right;
	clear:both;
	line-height:18px;
	font-size:1.1em;
}

.footer-rechts {
	margin:17px 0 0 0;
	float:right;
	display:block;
}

.footer-rechts ul {
	margin:8px 0 0 0;
}

.footer-rechts ul li {
	width:120px;
	float:left;
}

.footer-rechts ul li ul li {
	float:none;
	text-align:right;
	background:url(../images/footer-liststyle.gif) no-repeat right 60%;
}

.footer-rechts ul li ul li a {
	margin-right:15px;
	color:#4b4b4b;
}

.footer-rechts ul li ul li a:hover {
	color:#000000;
}

.footer-links {
	margin:17px 0 0 0;
	float:left;
}

.footer-links ul {
	margin:8px 0 0 0;
}

.footer-links ul li {
	float:left;
	width:130px;
}

.footer-links ul li ul li {
	float:none;
}

#footer-info {
	margin:75px auto 0 auto;
	width:90px;
	text-align:center;
}

#footer-info a {
	display:block;
	margin:10px 0 0 0;
}