/* Start of CMSMS style sheet 'Downforce' */
* { margin: 0px; padding: 0px; }
html { height: 100%; }

a
{
	color: #f78f20;
}

body
{
	background-repeat: no-repeat;
	background-color: #000000;
	font-family: Trebuchet MS, Arial;
	font-size: 12px;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	height: 100%;
}
body.bgImg1 { background-image: url(downforce/img/bg1.jpg); }
body.bgImg2 { background-image: url(downforce/img/bg2.jpg); }
body.bgImg3 { background-image: url(downforce/img/bg3.jpg); }
body.bgImg4 { background-image: url(downforce/img/bg4.jpg); }
body.bgImg5 { background-image: url(downforce/img/bg5.jpg); }
body.bgImg6 { background-image: url(downforce/img/bg6.jpg); }
body.bgImg7 { background-image: url(downforce/img/bg7.jpg); }
body.bgImg8 { background-image: url(downforce/img/bg8.jpg); }
body.bgImg9 { background-image: url(downforce/img/bg9.jpg); }
body.bgImg10 { background-image: url(downforce/img/bg10.jpg); }

/* STANDARD STYLES */

td { font-size: 12px; }

h3
{
	font-size: 22px;
	color: #f04d35;
	margin-bottom: -15px;
}

h4
{
	font-size: 13px;
	color: #f04d35;
	margin-bottom: -15px;
}

h5
{
	font-size: 11px;
	color: #f78f20;
	margin-bottom: -15px;
}

p
{
	margin-top: 15px;
	margin-bottom: 15px;
}

/* DOELGROEP */

#doelgroep
{
	position: absolute;
	top: 0px;
	right: 30px;
}

#doelgroep ul
{
	list-style: none;
	display: inline;
}
#doelgroep ul li
{
	float: left;
	width: 120px;
	height: 25px;
	text-align: center;
	border-left: solid 1px #FFFFFF;
	border-bottom: solid 1px #FFFFFF;
	border-right: solid 1px #FFFFFF;
	background-color: #FFFFFF;
	margin-right: 15px;
}
#doelgroep ul li a { color: #c3c3c3; text-decoration: none; font-size: 16px; font-weight: 700; }
#doelgroep ul li a:hover { color: #f05034; }
#doelgroep ul li.active { background-color: #f78f20; }
#doelgroep ul li.active a { color: #FFFFFF; }


/* TOP */

#top
{
	background-image: url(downforce/img/logo.png);
	_background-image: url(downforce/img/logo.gif); /* IE6 support */
	background-repeat: no-repeat;
	width: 758px;
	height: 208px;
}

#top h1 { display: none; }

#top #title
{
	padding-top: 112px;
	padding-right: 40px;
}
#top h2
{
	color: #f78f20;
	font-size: 26px;
	letter-spacing: -1px;
	text-align: right;
}

/* LOCATION */

#top #location
{
	padding-right: 40px;
	font-size: 11px;
	text-align: right;
	color: #777777;
}
#top #location a { color: #9c9c9c; text-decoration: none; }
#top #location a:hover { color: #f78f20; }

/* CONTAINER */

#container
{
	background-image: url(downforce/img/bg_container.gif);
	background-repeat: repeat-y;
	float: left;
	width: 758px;
}

/* MENU */

#menu
{
	width: 236px;
	float: left;
	text-align: right;
	padding-bottom: 100px;
}
#menu a { color: #FFFFFF; }

#menu ul
{
	list-style: none;
	display: inline;
}

#menu li
{
	text-align: right;
	font-size: 20px;
	clear: both;
}

#menu li span
{
	margin-right: 30px;
}

#menu li a
{
	font-size: 20px;
	text-decoration: none;
}
#menu li a:hover { color: #000000; }

#menu ul.submenu
{
	line-height: 17px;
}
#menu ul.submenu li a { font-size: 11px; padding-right: 30px; }
#menu div.submenu
{
	float: right;
	border-bottom: solid 1px #000000;
	width: 210px;
	padding-bottom: 10px;
	margin-bottom: 25px;
}

#menu .active { color: #000000; }

/* CONTENT */

#content
{
	width: 444px;
	float: left;
	margin-left: 40px;
	font-size: 11px;
	color: #717171;
	padding-bottom: 60px;
}

#content p { line-height: 16px; }
#content ul { list-style-type: square; margin: 16px; }
#content a img { border-width: 0px; }

/* HOMEPAGE: SOCIAL NETWORKS */

p.social { text-align: right; }
p.social img { float: right; }

/* FOTOS */

.thumb
{
	background-color: #FFFFFF;
	margin: 2px;
	margin-right: 3px;
	padding: 3px;
	border: solid 1px #e1e1e1;
	display: inline-block;
	float: left;
	height: 75px;
	width: 75px;
}

.thumb:hover
{
	background-color: #f78f20;
	border: solid 1px #f78f20;
}

.album
{
	padding: 3px;
	background-image: url(downforce/img/set.gif);
	margin-bottom: 20px;
	width: 100%;
	height: 100px;
}
.album a.title { color: #000000; padding-left: 5px; padding-bottom: 5px; font-weight: 700; }
.album a.title:hover { color: #f78f20; }


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
/* End of 'Downforce' */

