/* STYLE.CSS INFO //////////////////////// 
	
	Copyright: Mediabom
	Created by: Sander Jansma
	Date: 23 november 2008
	For: Utrechtse Bedrijvendag
	
	Index:
	- Global
	- Menu
	- Rechts
	- Titels
	- Footer

///////////////////////////////////////*/


/* GLOBAL ------------------------------------------------------------------------------ */

body {
	background: url(../images/bg.jpg) repeat-x;
}

a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
} 

a:hover {
	text-decoration: underline;
}

h1 {
	font-family: Georgia, serif;
	font-weight: normal;
	text-align: center;
}

h2 {
	padding: 20px 0 0;
	text-align: center;
}

h3 {}
h4 {font-size: 14px;}

#header {
	width: 940px;
	height: 269px;
	margin: 0 0 21px 0;
	text-align: center;
}

	.home {
		background: url(../images/header.jpg);
	}
	
	.bedrijvendag {
		background: url(../images/head_bedrijvendag.jpg);
	}
	
	.gesprekkendag {
		background: url(../images/head_gesprekkendag_logo.jpg);
	}
	
	.programma {
		background: url(../images/head_programma.jpg);
	}
	
	.locaties {
		background: url(../images/head_locaties.jpg);
	}

#content {
	width: 100%;
	background: #2e2d2d;
}

	.bullet {
		background: url(../images/bullet.jpg) center left no-repeat;
		padding: 0 0 0 12px;
		font-weight: bold;
	}

#grijs {
	background: #2e2d2d;	
	color: #fff;
	padding: 25px 0 5px 0;
}

#main {
	width: 960px;
	text-align: left;
}

#sponsor {
	float: left;
	height: 70px;
	display: block;
}

#footer{
	width: 100%;
	background: url(../images/footerbg.jpg) repeat-x #fff;
	padding: 15px 0 0 0;
}

/* MENU ------------------------------------------------------------------------------ */

#menu a{
	color: #666666;
	font-size: 13px;
	font-weight: normal;
	padding: 0 0 0 15px;
	display: block;
	height: 21px;
	background: url(../images/menulinklijn.jpg) left no-repeat;
}

	#menu a:hover {
		text-decoration: none;
	}
		
	#menu a.groen:hover {
		color: #2fd715;	
		background: url(../images/menulijn_groen.jpg) left no-repeat;
	}	
	
		#menu a.groen.active {
			color: #2fd715;	
			background: url(../images/menulijn_groen.jpg) left no-repeat;
		}
	
	#menu a.geel:hover {
		color: #e0d60d;	
		background: url(../images/menulijn_geel.jpg) left no-repeat;
	}	
		
		#menu a.geel.active {
			color: #e0d60d;	
			background: url(../images/menulijn_geel.jpg) left no-repeat;		
		}
	
	#menu a.blauw:hover {
		color: #6666ff;	
		background: url(../images/menulijn_blauw.jpg) left no-repeat;
	}
		
		#menu a.blauw.active {
			color: #6666ff;	
		background: url(../images/menulijn_blauw.jpg) left no-repeat;
		}

/* RECHTS ------------------------------------------------------------------------------ */

#rechts {
	position: relative;
}

#rechts a.rechts{
	display: block;
	float: right;
	padding: 0 0 0 10px;
}

.geel{
	color: #e0d60d;	
	background: url(../images/linkpijl_geel.jpg) center left no-repeat;
}

.groen {
	color: #2fd715;	
	background: url(../images/linkpijl_groen.jpg) center left no-repeat;
}

	.groennormal {
		color: #2fd715;		
	}

.blauw {
	color: #6666ff;
	background: url(../images/linkpijl_blauw.jpg) center left no-repeat;
}

/* TITELS ------------------------------------------------------------------------------ */

#welkom {
	background: url(../images/titel_welkom.jpg);
	width: 75px;
	height: 15px;
}

#meerinfo {
	background: url(../images/titel_meerinfo.jpg);
	width: 161px;
	height: 15px;
}

#inschrijven {
	background: url(../images/titel_inschrijven.jpg);
	width: 102px;
	height: 21px;
}

#titel_bedrijvendag {
	background: url(../images/titel_bedrijvendag.jpg);
	width: 127px;
	height: 19px;
}

#programma {
	background: url(../images/titel_programma.jpg);
	width: 109px;
	height: 19px;
}

	#programma_blauw {
		background: url(../images/titel_programma_blauw.jpg);
		width: 110px;
		height: 19px;
	}

#titel_gesprekkendag {
	background: url(../images/titel_gesprekkendag.jpg);
	width: 149px;
	height: 19px;
}

#locaties {
	background: url(../images/titel_locaties.jpg);
	width: 272px;
	height: 21px;
}

#bedrijven {
	background: url(../images/titel_bedrijven.jpg);
	width: 226px;
	height: 19px;
}

#commissie {
	background: url(../images/titel_commissie.jpg);
	width: 101px;
	height: 15px;
}

#contact {
	background: url(../images/titel_contact.jpg);
	width: 73px;
	height: 15px;
}

#verzendenhead {
	background: url(../images/titel_verzenden.jpg);
	width: 101px;
	height: 15px;
}

#hoofdsponsors {
	background: url(../images/titel_hoofdsponsors.jpg);
	width: 143px;
	height: 19px;
}

#sponsors {
	background: url(../images/titel_sponsors.jpg);
	width: 87px;
	height: 19px;
}

/* FOOTER ------------------------------------------------------------------------------ */

#foot_dijkstra {
	background: url(../images/sponsor_dijkstra.jpg);
	width: 132px;
	height: 32px;
	display: block;
}

#foot_clifford {
	background: url(../images/sponsor_clifford.jpg);
	width: 144px;
	height: 39px;
	display: block;
	margin: 0 0 0 40px;
}

#foot_bosselaar {
	background: url(../images/sponsor_bosselaar.jpg);
	width: 97px;
	height: 46px;
	display: block;
	margin: 0 0 0 40px;
}

#foot_linklaters {
	background: url(../images/sponsor_linklaters.jpg);
	width: 125px;
	height: 26px;
	display: block;
	margin: 0 0 0 40px;
}

#foot_opta {
	background: url(../images/sponsor_opta.jpg);
	width: 73px;
	height: 47px;
	display: block;
	margin: 0 0 0 40px;
}

#foot_benthem {
	background: url(../images/sponsor_vanbenthem.jpg);
	width: 150px;
	height: 23px;
	display: block;
	margin: 0 0 0 40px;
}

#foot_rvs {
	background: url(../images/sponsor_rvs.jpg);
	width: 50px;
	height: 50px;
	display: block;
	margin: 0 0 0 40px;
}

#foot_academie {
	background: url(../images/sponsor_academie.jpg);
	width: 99px;
	height: 50px;
	display: block;
	margin: 0 0 0 40px;
}

#mediabom {
	background:url(../images/mediabom.jpg);
	width: 79px;
	height: 16px;
	display: block;
}

/* OVERIG ------------------------------------------------------------------------------ */

#commissiefoto {
	background:url(../images/commissie_web.jpg);
	width: 500px;
	height: 627px;
	display: block;
	margin: 0 0 10px 0;
	border: 1px solid #2fd715;
}

p.programmahead {
	margin: 0px;
	padding: 0px;
}

.programmaitem{
	padding: 4px 0 4px 40px;
}

p.programmaitem {
	padding: 4px 0 4px 30px;
}

.programmarow {
	background: #403e3e;
}

.plusje {
	background: url(../images/plus.jpg);
	width: 12px;
	height: 12px;
	position: absolute;
	z-index: 99;
	left: 10px;
	top: 5px;
}

	*html .plusje{
		background: url(../images/plus.jpg);
		width: 12px;
		height: 12px;
		position: absolute;
		z-index: 99;
		left: -25px;
		top: 5px;
	}

p.programmahead {
	padding: 4px 0 4px 40px;
	background: #403e3e;
	cursor: pointer;
	position: relative;
}

	.programmalist{
		padding: 0 0 0 80px;
	}
	
	.programmabody {
		background: #403e3e;
	}

.imgsponsor {
	border: 1px solid #6666fd;
}

.clearboth {
	clear: both;
}

#actie_vespa a{
	background: url(../images/actie_vespa.jpg);
	width: 337px;
	height: 116px;
	position: absolute;
}

#actie_jeroen a{
	background: url(../images/actie_jeroen.jpg);
	width: 328px;
	height: 122px;
	position: absolute;
	top: 90px;
	left: 20px;
}

#indexrechts {
	margin: /* 250px bij top als plaatjes zijn geactiveerd */ 0 0 0 0;
}

em {
	color: #a29e9e;
}

#debug {
	background: #FF0000;
	color: #fff;
}

/* MENU */

ul#menu
{
	list-style: none;
	font-size: .75em;
}
ul#menu li.sliding-element a
{
	display: block;
	padding: 0 15px;
	margin: 0;
}
ul#menu li.sliding-element a
{
	text-decoration: none;
}
ul#menu li.sliding-element a:hover { }


.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}