/*Default HTML tags for initialising */
body{
	font-family: 		tahoma, helvetica, arial, sans-serif;
	font-size: 			12px;
	padding: 			0;
	margin: 			0;
	
}

html {
	overflow: scroll-y;
}

a{
	border: 			none;	
}

div{
	border: 			none;
}

h1,h2,h3{
	padding: 			0;
	margin: 			0;
}
h3{
	color: 				#f06;
	font-weight: 		normal;
	font-size: 			14px;
}

img{
	border: 			none;
}

ul{
	list-style: 		none;
	margin: 			0;
	padding: 			0;
}



/* @group Big Building Blocks */

/*Big building blocks*/
#block_container{
	margin: 			0 auto;
	padding-top: 		25px;
	position: 			relative;
	width: 				960px;
}

/* content is niet aanwezig op de homepage*/
#content{
	float: 				left;
	position: 			relative;
	padding-bottom: 	30px;
	width: 				630px;
}

#block_left{
	float: 				left;
	position: 			relative;
	width: 				630px;
}

#block_right{
	float: 				left;
	position: 			relative;
	width: 				330px;
}

/* @end */






/* @group Small Building Blocks */

/*Small building blocks*/
.description{
	color: 				#666;
	float: 				left;
	margin-bottom: 		45px;
	position: 			relative;
}
.description a{
	color: 				#666;
	text-decoration: 	none;
}
.description a:hover{
	color: 				#f06;
}
.description img{
	margin-bottom: 		20px;
}
.description ul li{
	font-size: 			12px;
	margin-bottom: 		4px;
}

#display{
	clear: 				left;
	margin-bottom: 		30px;
	height: 			220px;
	width: 				600px;
}

#logo{
	float: 				left;
	height: 			25px;
	margin-bottom: 		30px;
	position: 			relative;
		
}

#main_description{
	float: 				left;
	font-size: 			13px;
	line-height: 		150%;
	margin-bottom: 		45px;
	padding-top: 		0px;
	position: 			relative;
	width: 				330px;
}
#main_description h1{
	color: 				#f06;
	font-family: 		sans-serif;
	font-size: 			35px;
	font-weight: 		normal;
	line-height: 		35px;
	margin-bottom: 		2px;
	padding: 			0px;
}


#navigation{
	float: 				left;
	height: 			25px;
	position: 			relative;
	margin-bottom: 		22px;
	width: 				330px;
}
#navigation ul{
	height: 		25px;
}
#navigation ul li{
	display: 			block;
	float: 				left;
	height: 			25px;
}
#navigation ul li a{
	height: 			25px;
	float: 				left;
	display: 			block;
	text-align: 		center;
}

#navigation ul li.active{
}

#navigation ul li.active.start a,
#navigation ul li.normal.start a:hover{
	background: 	url('../images/nav_start_h.gif') no-repeat;
	width: 				76px;
}
#navigation ul li.active.portfolio a,
#navigation ul li.normal.portfolio a:hover{
	background: 	url('../images/nav_portfolio_h.gif') no-repeat;
	width: 				101px;
}
#navigation ul li.active.overkeloidmedia a,
#navigation ul li.normal.overkeloidmedia a:hover{
	background: 	url('../images/nav_overkeloidmedia_h.gif') no-repeat;
	width: 				153px;
}


#navigation ul li.normal.start a{
	background: 	url('../images/nav_start.gif') no-repeat;
	width: 				76px;
}
#navigation ul li.normal.portfolio a{
	background: 	url('../images/nav_portfolio.gif') no-repeat;
	width: 				101px;
}
#navigation ul li.normal.overkeloidmedia a{
	background: 	url('../images/nav_overkeloidmedia.gif') no-repeat;
	width: 				153px;
}

/* @end */








/* @group CMS CSS */

.article{
	margin-bottom: 		50px;
	float: 				left;
	position: 			relative;
}
.article a{
	color: 				#F06;
	text-decoration: 	underline;
}
.article img{
	margin-bottom: 		0px;
}

.article p{
	font-size: 			12px;
	line-height: 		150%;
	margin-top: 		20px;
}


/* @end */