/* CSS Document */


/* TOP STUFF */

#bigcloud{
	position:absolute;
	top:10px;
	z-index:0;
}

#smallcloud{
	position:absolute;
	top:40px;
	z-index:0;
	
}


.topwrap{
	width:960px;
	height:100%;
	margin:auto;
	position:relative;
}

.toptopbar{
	height:16px;
	background:url(../img/toptopbg.png);
	background-repeat:repeat-x;
}

.topbar{
	height:310px;
	background:url(../img/topbg.png);
	background-repeat:repeat-x;
	position:relative;
	z-index:1;
}


.toptext{
	font-size:14px;	
	width:380px;
	margin-bottom:30px;
}

.startbutton{
	padding-top:8px;
	padding-bottom:5px;
	background:url(../img/startbg.png);
	font-size:12px;
	color:#fff;
	width:200px;
	text-align:center;
	-moz-border-radius:15px;
	-khtml-border-radius:15px;
}

.startbutton:hover{
	background:url(../img/startbgmo.png);	
}

.infobutton a{
	background:#db3535;
	display:block;
	padding:10px;
	color:#fff;
	width:80px;
	height:20px;
	float:right;
	text-align:center;
	font-size:18px;
}

.infobutton a:hover{
	background:#e59494;
	cursor:pointer;
}

.bottombar{
	padding-top:35px;
	height:16px;
	background:url(../img/bottombg.png);
	background-repeat:repeat-x;
	color:#FFF;
	clear:both;
	background-position:bottom;
}

.toptitle{
	font-size:28px;
	text-align:left;
	width:500px;
	padding-top:50px;
	float:left;
}

.title{
	font-size:22px;
	text-align:left;
}

.flag{
	position:absolute;
	top:140px;
	left:500px;
}

.school{
	position:absolute;
	top:240px;
	left:700px;
}

.ground{
	background:url(../img/greybg.png);
	height:140px;
}

.partone{
	width:960px;
	padding-top:95px;
	margin:auto;
	
}

.outoverview{
	border:1px solid #aaa;
	float:right;
	margin-top:50px;
	padding:1px;
}
.wrapoverview{
	padding:10px;	
	background:url(../img/transbg.png);
	border:1px solid #fff;
}

/* NAVIS */

.navi{
	width:280px;
	overflow:visible;
	border-right:1px solid #CCC;
	padding-right:10px;
}

.navi .navibutton a{
	background:url(../img/navibg.png);
	padding-top:13px;
	font-size:22px;
	height:40px;
	color:#FFF;
	border:1px solid #c22f2f;
	display:block;
	text-align:center;
	
}

.navi .navibutton a:hover{
	background:url(../img/navibgmo.png);
}

.navitop{
	padding:25px 0;
	
	text-align:center;
	height:40px;
	clear:both;
	
}

.navitop .navibutton a{
	background:url(../img/navibg.png);
	padding-top:8px;
	font-size:16px;
	height:26px;
	width:170px;
	margin: 0 10px;
	color:#FFF;
	border:1px solid #c22f2f;
	display:block;
	text-align:center;
	float:left;
	
}

.navitop .navibutton a:hover{
	background:url(../img/navibgmo.png);
}



/* VISUALISATION */

#visdiv{
	width:620px;
	height:500px;
	float:right;	
	position:relative;
	top:-75px;
	overflow:visible;
}

.bubble{
	position:absolute;
	z-index:1;

}

.bubblediv{
	position:absolute;
	z-index:2;
	font-size:10px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
}

.bubblediv:hover{
	cursor:default;	
}

.bricksdiv{
	padding:66px 0;
	font-size:32px;
	font-weight:bold;
	float:left;
	text-align:center;
	color:#FFF;
}

.bricksdiv:hover{
	cursor:default;	
}