/************************************************
/			  									/
/			  Cascading Stylesheet				/
/		  C H I E L B E L L E N . N L			/
/		  [C] 2007 Chiel van Tongeren			/
/			   www.chielbellen.nl				/
/			   									/
************************************************/


/*----------------------------------------------------
		De basis
----------------------------------------------------*/


body {
		
		font-family: Arial;
		font-size: 10px;
		background-color: #FFF;
		overflow: auto;
		text-align: center;
		margin: auto;
}

h1 {
		font-size: 10px;
		font-weight: bold;
		margin: 0 0 0 0;
}

	/* Site centreren */


#centerContainer {
		
		position: absolute;
		top: 8%;
		left: 50%;
		height: 100%;
		width: 688px;
		margin: 0 0 0 -344px;
		text-align: left;
}


/*----------------------------------------------------
		Structuur
----------------------------------------------------*/


#column1, #column2, #topleft, #header, #menu, #midleft, #bar, #quote, #content, #footer {

		position: relative;
}

#column1 {

		width: 688px;
		height: 156px;
}

#column2 {

		width: 688px;
		height: 335px;
}

#topleft {
		
		float: left;
		width: 252px;
		height: 121px;
		background-image: url('../img/img_topleft.jpg');
}

#topleft a.home {

		display: block;
		width: 100%;
		height: 100%;
		border: 0px;
		text-decoration: none;
}

#header {
		
		float: right;
		width: 436px;
		height: 121px;
		background-image: url('../img/img_header.jpg');
}

#menu {

		float: right;
		width: 100%;
		height: 35px;
}

#midleft {

		float: top;
		width: 247px;
		height: 165px;
		background-image: url('../img/img_midleft.jpg');
}

#bar {

		float: top;
		width: 247px;
		height: 5px;
}

#quote {

		float: left;
		width: 247px;
		height: 165px;
		background-image: url('../img/img_quote.jpg');
}

#content {

		float: right;
		width: 441px;
		height: 335px;
}

#footer {

		float: left;
		width: 688px;
		height: 89px;
		background-image: url('../img/img_footer.jpg');
}


/*----------------------------------------------------
		Navigatie
----------------------------------------------------*/


	/* List */


#menu ul {

		display: inline;
		list-style-type: none;
}

#menu ul li {

		display: block;
		float: left;
		padding: 0 0 0 0;
		height: 35px;
		text-align: left;
		background-repeat: no-repeat;
}

#menu ul li img{

		padding: 0 0 0 0;
		border: 0px;
}

#menu ul li a {

		display: block;
		width: 100%;
		height: 35px;
		border: 0px;
		text-decoration: none;
}


	/* Graphics */


#menu ul li.left { width: 19px;	background-image: url('../img/img_menu_left.jpg'); }

#menu ul li a.overons {	width: 64px; background-image: url('../img/img_menu_overons.jpg'); }
#menu ul li a:hover.overons { width: 64px; background-image: url('../img/img_menu_overons2.jpg'); }

#menu ul li a.concepts { width: 66px; background-image: url('../img/img_menu_concepts.jpg'); }
#menu ul li a:hover.concepts { width: 66px; background-image: url('../img/img_menu_concepts2.jpg'); }

#menu ul li a.events { width: 57px; background-image: url('../img/img_menu_events.jpg'); }
#menu ul li a:hover.events { width: 57px; background-image: url('../img/img_menu_events2.jpg'); }

#menu ul li a.entertain { width: 95px; background-image: url('../img/img_menu_entertain.jpg'); }
#menu ul li a:hover.entertain { width: 95px; background-image: url('../img/img_menu_entertain2.jpg'); }

#menu ul li a.promo { width: 117px;	background-image: url('../img/img_menu_promo.jpg'); }
#menu ul li a:hover.promo { width: 117px; background-image: url('../img/img_menu_promo2.jpg'); }

#menu ul li a.prod { width: 103px; background-image: url('../img/img_menu_prod.jpg'); }
#menu ul li a:hover.prod { width: 103px; background-image: url('../img/img_menu_prod2.jpg'); }

#menu ul li a.ref {	width: 82px; background-image: url('../img/img_menu_ref.jpg'); }
#menu ul li a:hover.ref {	width: 82px; background-image: url('../img/img_menu_ref2.jpg'); }

#menu ul li a.contact {	width: 60px; background-image: url('../img/img_menu_contact.jpg'); }
#menu ul li a:hover.contact {	width: 60px; background-image: url('../img/img_menu_contact2.jpg'); }

#menu ul li.right {	width: 25px; background-image: url('../img/img_menu_right.jpg'); }


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


#contentText {
		
		padding: 20px 35px 20px 35px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #575757;
		text-align: justify;
}

#contentText img {

		align: left;
		text-align: left;
		padding: 0 15px 0 0;
		margin: 0 0 0 0;
}

#contentText a { color: #ec008c; text-decoration: underline; }
#contentText a:hover { color: #ec008c; text-decoration: underline; }
#contentText a:visited { color: #ec008c; text-decoration: underline; }

h1 {

		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		padding: 0 0 0 0;
		margin: 0 0 0 0;		
}

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


#footerText {
		
		margin: 63px 0 0 5px;
		font-size: 9px;
		color: #575757;
}

#footerText span {
		
		color: #c9c9c9;
		font-weight: bold;
}

#footerText a, a:visited{

		color: #575757;
		text-decoration: underline;
}

#footerText a:hover {

		color: #ec008c;
		text-decoration: underline;
}


.flashobject {

		width: 436px;
		height: 121px;
		background: #ff0000;
}
		
/*----------------------------------------------------
		Einde cascading stylesheet
----------------------------------------------------*/