/*
 *
 * Etopia BV
 * Voor: Go Marketing
 * Door: Chase Sillevis
 *
 */

/* Clear */
body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,th,td {
		margin				:				0;
		padding				:				0;
		
}

html, body {
		font: normal 85% Verdana;
		height: auto;
		color: #fff;
		margin: 0px;
		padding: 0px;
		background: url('../images/bg_window.png') repeat-x;
		background-color: #ffffff;
		
}

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

}

a img {
		border: none;
  
}

h1 {
		font: normal 36px Verdana;
		color: #ec008c;
		font-weight: bold;
		text-transform: uppercase;
		
}

h2 {

		font-size: 18px;
		color: #ec008c;

}

h3 {

		font-size: 16px;
		color: #ec008c;

}

.clear {
		clear: both;
		font-size: 0px;
		line-height: 0px;
		padding: 0px;
		margin: 0px;

}

.hidden {
		margin: 0px;
		padding: 0px;
		visibility: hidden;
		display: none;

}

div.container {
		margin: 0px auto;
		padding: 0px;
		width: 1024px;
		min-height: -1px;
		height: 100%;
		
}

div.container > div.content > div.badge {
		margin: 0px;
		padding: 0px;
		float: right;
		margin-top: 150px;
		width: 125px;
		z-index: 9994;
		height: 25px;

}

div.container > div.content > div.badge > div.twitter {
		background: url(../images/twitter.png) no-repeat;
		cursor: pointer;
		width: 25px;
		height: 25px;
		z-index: 9995;
		float: left;
		
}

div.container > div.content > div.badge > div.linkedin {
		background: url(../images/linkedin.png) no-repeat;
		cursor: pointer;
		width: 25px;
		height: 25px;
		z-index: 9996;
		float: left;
		
}

div.container > div.content > div.badge > div.hyves {
		background: url(../images/hyves.png) no-repeat;
		cursor: pointer;
		height: 25px;
		width: 25px;
		z-index: 9997;		
		float: left;
		
}

div.container > div.content > div.badge > div.facebook {
		background: url(../images/facebook.png) no-repeat;
		cursor: pointer;
		height: 25px;
		width: 25px;
		z-index: 9998;
		float: left;
		
}

div.container > div.content > div.badge > div.youtube {
		background: url(../images/youtube.png) no-repeat;
		cursor: pointer;
		height: 25px;
		width: 25px;
		z-index: 9999;
		float: left;

}

div.container > img {
		position: absolute;
		width: 1024px;
		height: 100%;

}

div.container > div.topMenu {
		margin: 0px;
		margin-top: 10px;
		padding: 0px;
		position: relative;
		z-index: 3;
		
}

div.container > div.topMenu > div.logo {
		margin: 0px;
		padding: 0px;
		height: 70px;
		width: 293px;
		float: right;
		margin-top: 40px;
		margin-right: 20px;
		background: url( '../images/logo.png' ) no-repeat;

}

div.container > div.topMenu > div.menu {
		margin: 0px;
		padding: 0px;
		height: 24px;
		width: 100%;
		background-color: #455560;
		-webkit-box-shadow: #000 0px 3px 5px;
		-moz-box-shadow: #000 0px 3px 5px;
		box-shadow: #000 0px 3px 5px;
		opacity: 0.9;
		filter: alpha(opacity = 90);
		behavior: url('/hack/PIE.php');

}

div.container > div.topMenu > div.menu > ul {
		list-style-type: none;
		margin: 0px;
		padding: 0px;
		margin-left: 245px;
		
}

div.container > div.topMenu > div.menu > ul > li {
		float: left;
		margin: 0px;
		margin-left: 2px;
		font-family: Verdana;
		font-size: 12px;
		padding-top: 2px;
		padding-bottom: 3px;
		height: 18px;
		padding-left: 25px;
		padding-right: 20px;
		color: #fff;
		text-transform: uppercase;
		display: block;
		position: relative;

}

div.container > div.topMenu > div.menu > ul > li > a {
		padding-left: 5px;
		padding-top: 5px;
		padding-bottom: 7px;
		padding-right: 5px;
		color: #fff;
		text-decoration: none;

}

div.container > div.topMenu > div.menu > ul > li > ul {
		display: none;
	    position: absolute;
	    top: 24px;
	    left: 15;
	    width: 174px;
	    height: auto;
	    overflow: hidden;
	    z-index: 100;
	    background-color: #455560;
	    left: 0px;

}

div.container > div.topMenu > div.menu > ul > li > ul > li {
		padding: 5px;
}

div.container > div.topMenu > div.menu > ul > li > ul > li a {
		color: #fff;
		text-decoration: none;

}

div.container > div.topMenu > div.menu > ul > li:hover > ul {
		display: block;

}

div.container > div.topMenu > div.menu > ul > li > ul > li > ul {
		display: none;

}

div.container > div.blocks {
		margin: 0px;
		padding: 0px;
		margin-top: -145px;
		margin-left: 20px;
		width: 215px;
		height: 720px;
		color: #fff;
		float: left;
		position: relative;
		z-index: 400;
		filter: alpha(opacity = 90);
}

div.container > div.blocks h1 {
		color: #fff;
		font-size: 36px;
		letter-spacing: -1em;
		
}

div.container > div.blocks p {
		padding-left: 20px;
}

div.container > div.blocks > div.sports {
		position: relative;
		top: 0px;
		margin: 0px;
		padding: 0px;
		width: 210px;
		height: 124px;
		/*border: 1px solid #232323;*/
		background-color: #455560;
		-webkit-box-shadow: #000 3px 3px 5px;
		-moz-box-shadow: #000 3px 3px 5px;
		box-shadow: #000 3px 3px 5px;
		opacity: 0.7;
		filter: alpha(opacity = 70);
		behavior: url('/hack/PIE.php');
		z-index: 504;

}

div.container > div.blocks > div.events {
		position: relative;
		top: 0px;
		margin: 0px;
		padding: 0px;
		width: 210px;
		height: 124px;
		/*border: 1px solid #232323;*/
		background-color: #455560;
		-webkit-box-shadow: #000 3px 3px 5px;
		-moz-box-shadow: #000 3px 3px 5px;
		box-shadow: #000 3px 3px 5px;
		opacity: 0.7;
		filter: alpha(opacity = 70);
		behavior: url('/hack/PIE.php');
		z-index: 503;

}

div.container > div.blocks > div.projects {
		position: relative;
		top: 0px;
		margin: 0px;
		padding: 0px;
		width: 210px;
		height: 124px;
		background-color: #455560;
		/*border: 1px solid #232323;*/
		-webkit-box-shadow: #000 3px 3px 5px;
		-moz-box-shadow: #000 3px 3px 5px;
		box-shadow: #000 3px 3px 5px;
		opacity: 0.7;
		filter: alpha(opacity = 70);
		behavior: url('/hack/PIE.php'); 
		z-index: 502;

}

div.container > div.blocks > div.image_top {
		position: relative;
		top: 0px;
		margin: 0px;
		padding: 0px;
		width: 210px;
		height: 112px;
		filter: alpha(opacity = 100);
		-webkit-box-shadow: #000 3px 3px 5px;
		-moz-box-shadow: #000 3px 3px 5px;
		box-shadow: #000 3px 3px 5px;
		behavior: url('/hack/PIE.php');
		z-index: 501;
		
}

div.container > div.blocks > div.image_middle {
		position: relative;
		top: 0px;
		margin: 0px;
		padding: 0px;
		width: 210px;
		height: 112px;
		filter: alpha(opacity = 100);
		-webkit-box-shadow: #000 3px 3px 5px;
		-moz-box-shadow: #000 3px 3px 5px;
		box-shadow: #000 3px 3px 5px;
		behavior: url('/hack/PIE.php');
		z-index: 500;
		background-color: #fff;
		
}

div.container > div.blocks > div.image_bottom {
		position: relative;
		top: 0px;
		margin: 0px;
		padding: 0px;
		width: 210px;
		height: 112px;
		filter: alpha(opacity = 100);
		-webkit-box-shadow: #000 3px 3px 5px;
		-moz-box-shadow: #000 3px 3px 5px;
		box-shadow: #000 3px 3px 5px;
		behavior: url('/hack/PIE.php');
		/*z-index: 501;*/
		
}

div.container > div.content {
		float: left;
		position: relative;
		padding: 0px;
		margin: 0px;
		margin-top: -533px;
		background: url( '../images/bg.png' ) repeat;
		width: 1024px;
		z-index: 1;

}

div.container > div.content > div.text {
		padding-left: 275px;
		padding-right: 15px;
		padding-bottom: 15px;
		padding-top: 25px;
		color: #fff;
		font-size: 13px;
		font-family: Verdana;
		width: 700px;
		min-height: 370px;
		overflow-x: hidden;
		
}

div.container > div.content > div.text > div.left {
		margin: 0px;
		padding: 0px;
		float: left;
		color: #fff;
		font-size: 13px;
		font-family: Verdana;
		width: 40%;

}

div.container > div.content > div.text > div.right {
		margin: 0px;
		padding: 0px;
		float: right;
		color: #fff;
		font-size: 13px;
		font-family: Verdana;

}

div.container > div.content > div.text > div.right_map {
		margin: 0px;
		padding: 0px;
		float: right;
		color: #fff;
		font-size: 13px;
		font-family: Verdana;
		width: 40%;

}