@charset "utf-8";
/* CSS Document */

html, body {
	height: 100%;
}

a
{
	text-decoration: none;
	color: #00519f;
	
}

a:hover { text-decoration:underline; }

body
{
	background: #e6e7e8 url(../img/bg_main_grey.jpg) center fixed no-repeat;
	margin: 0 auto;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	
	
}

#main-wrapper
{
	height: 500px;
	width: 840px;
	margin: -250px 0 0 -420px;
	background:#6C0;
	top: 50%;
	left: 50%;
	position:absolute;
	
}

#animated-logo
{
	height: 500px;
	width:	160px;
	background-color:#FFF;
	float:left;
	background: url(../img/bg_anim.jpg);
	
}

#main-menu
{
	height: 75px;
	width:	680px;
	background-color:#F0F;
	float:left;
	
}

.weer
{
	text-align:center;
}



#content
{
	height: 375px;
	width:	450px;
	padding: 25px;
	background-color:#FFF;
	float:left;
	overflow-x: hidden;
	overflow-y: scroll;
	
}

#content h3
{
	font-size: 24px;
	font-weight:normal;
	padding: 0;
	margin:0 0 20px 0;
}

#main-menu .menu
{
	text-decoration: 	none;
	list-style: 		none;
	padding: 			0px;
	margin:             0px;	
	width: 				500px;
	background-color:	#FFF;
	float:				left;
	height: 75px;
}

#main-menu .menu li
{
	margin:             0px;
	padding: 0px;
	font-size: 			14px;
	display: inline;
	text-align:center;
}

#main-menu .menu li a
{
	font-size: 14px;
	color:#FFF;
	width:			123px;
	line-height: 	35px;
	margin-bottom: 2px;
	margin-left: 2px;
	display:		block;
	float:			left;
	background-color: #999;
	text-decoration:none;
}

#main-menu .menu li a.color1:hover { background-color: #9A1D21;}
#main-menu .menu li a.color2:hover { background-color: #E02127;}
#main-menu .menu li a.color3:hover { background-color: #F16C24;}
#main-menu .menu li a.color4:hover { background-color: #F1C41B;}
#main-menu .menu li a.color5:hover { background-color: #47B649;}
#main-menu .menu li a.color6:hover { background-color: #419ECE;}
#main-menu .menu li a.color7:hover { background-color: #283B93;}
#main-menu .menu li a.color8:hover { background-color: #852A8F;}

#slogan
{
	width: 180px;
	height: 75px;
	float:left;
	background:url(../img/slogan.gif) #FFF center top no-repeat;
}





#sub-menu
{
	height: 425px;
	width:	180px;
	background-color:#FFF;

	float:left;
	text-align: center;
	
}


#sub-menu .sub-menu-navigation
{
	text-decoration: 	none;
	list-style: 		none;
	padding: 			0;
	margin:             0;
}

#sub-menu .sub-menu-navigation li
{
	width: 				180px;
	margin:             0px;
	padding: 			0;
	font-size: 			14px;
	margin-bottom: 2px;
}

#sub-menu .sub-menu-navigation a
{	
	text-indent: 		-1999px;
	overflow: 			hidden;
	height: 			104px;
	line-height: 		20px;
	text-align:			left;
	padding-left: 		25px;
	vertical-align:		middle;
	color:				#000;
	text-decoration:	none;
	display: 			block;
}

#sm210								{ background: url(../img/submenu/210-1.png);}
#sm210:hover, #sm210.selected		{ background: url(../img/submenu/210-2.png); }

#sm220								{ background: url(../img/submenu/220-1.png);}
#sm220:hover, #sm220.selected		{ background: url(../img/submenu/220-2.png); }

#sm230								{ background: url(../img/submenu/230-1.png);}
#sm230:hover, #sm230.selected		{ background: url(../img/submenu/230-2.png); }

#sm240								{ background: url(../img/submenu/240-1.png);}
#sm240:hover, #sm240.selected		{ background: url(../img/submenu/240-2.png); }

#sm310								{ background: url(../img/submenu/310-1.png);}
#sm310:hover, #sm310.selected		{ background: url(../img/submenu/310-2.png); }

#sm320								{ background: url(../img/submenu/320-1.png);}
#sm320:hover, #sm320.selected		{ background: url(../img/submenu/320-2.png); }

#sm330								{ background: url(../img/submenu/330-1.png);}
#sm330:hover, #sm330.selected		{ background: url(../img/submenu/330-2.png); }

#sm340								{ background: url(../img/submenu/340-1.png);}
#sm340:hover, #sm340.selected		{ background: url(../img/submenu/340-2.png); }

#sm410								{ background: url(../img/submenu/410-1.png);}
#sm410:hover, #sm410.selected		{ background: url(../img/submenu/410-2.png); }

#sm420								{ background: url(../img/submenu/420-1.png);}
#sm420:hover, #sm420.selected		{ background: url(../img/submenu/420-2.png); }

#sm430								{ background: url(../img/submenu/430-1.png);}
#sm430:hover, #sm430.selected		{ background: url(../img/submenu/430-2.png); }

#sm440								{ background: url(../img/submenu/440-1.png);}
#sm440:hover, #sm440.selected		{ background: url(../img/submenu/440-2.png); }

#sm510								{ background: url(../img/submenu/510-1.png);}
#sm510:hover, #sm510.selected		{ background: url(../img/submenu/510-2.png); }

#sm520								{ background: url(../img/submenu/520-1.png);}
#sm520:hover, #sm520.selected		{ background: url(../img/submenu/520-2.png); }

#sm530								{ background: url(../img/submenu/530-1.png);}
#sm530:hover, #sm530.selected		{ background: url(../img/submenu/530-2.png); }

#sm540								{ background: url(../img/submenu/540-1.png);}
#sm540:hover, #sm540.selected		{ background: url(../img/submenu/540-2.png); }

.sub-menu-img
{
	width: 	180px;
	height: 424px;
}

#sm100								{ background:url(../img/submenu/sm100.jpg); }
#sm200								{ background:url(../img/submenu/sm200.jpg); }
#sm300								{ background:url(../img/submenu/sm300.jpg); }
#sm400								{ background:url(../img/submenu/sm400.jpg); }
#sm500								{ background:url(../img/submenu/sm500.jpg); }
#sm700								{ background:url(../img/submenu/sm600.jpg); }
#sm600								{ background:url(../img/submenu/sm700.jpg); }
#sm800								{ background:url(../img/submenu/sm800.jpg); }

.projectContainer img
{
	display: inline-block;
	float:left;
	border: none;
}

.projectContainer
{
	background-color:#c6c6c6;
	color: #FFF;
	font-size: 14px;
	height: 100px;
	margin-bottom: 25px;
}
.projectContainer:hover
{
	background-color:#e0e0e0;
}

.projectText
{
	display:inline-block;
	padding: 35px;
	width: 200px;
	vertical-align: middle;
	float:left;
	line-height: 15px;
	text-align: center;
}


.imageContainer
{
	background:#E1E1E1;
	padding: 25px 0px 0px 0px;
}
	
.imageBox
{
	display:inline-block;
	margin: 0px 25px 25px 25px;
	padding: 5px;

	background-color:#BEBEBE;
}

.imageBox:hover
{

	background-color:#2D3AEA;
}

.imageBox img
{
	height: 100px;
	width: 150px;
	border: none;
}