body{
padding:0;
margin:0;
background-color:#F2F2F2;
}

.layout{
	max-width:1000px;
	min-height:770px;
	border:solid 1px black;
	margin:0 auto;
}

.main_button{
	margin-top:5px;
	width:100%;
	min-height:25px;
	background-color:#e4e6eb;
}

.main_button ul,
#headline ul{
	margin: 0;
	padding: 0;
}

.main_button ul li,
#headline ul li{
	background-color:#a3aeb8;
	text-align:center;
	border:solid white 0px ;
	list-style: none;
	float: left;
	font-family:sans-serif;
	font-size:80%;
}

.main_button form{	
	text-align:right;
	float:left;
}
.main_button ul li form,
.main_button ul li div,
.main_button ul li a:link,
.main_button ul li a:visited{
	display: block;
	padding: 2px 10px;
	text-decoration: none;
	color: #EDFDFF;
	border-right:solid #3f3f3f 2px;
	border-bottom:solid #3f3f3f 2px;
}
.main_button ul li a:hover,
.main_button ul li a:active{
background-color:#194;
}

.header_title{
	width:99%;
	margin:5px 0 0 0;
	padding:5px;
	border:solid red 0px;
	height:130px;
	background-color:#000;
}

.bisr_logo {
	width:18%;
	height:auto;
	float:left;margin-right:1%;
}
.bisr_logo img {
	width:100%;
	height:auto;
	
}
.piasp_title{
	max-width:59%;
	float:left;
}
.piasp_title img{
	width:95%;	
}
.piasp_title img#PIASP{
	width:25%;	
}
.pdb_img{
	width:21%;
	margin:0;
	float:right;
}
.pdb_img img{
	width:94%;
	margin:0;
}

.workspace{
	width:100%;
	min-height:572px;
	border:solid red 0px;
	margin-top:-15px;
/*
	background-color:#8293a1;
*/
	background: radial-gradient(#8293a1 , #a3aeb8 , #bcc4cc);
}
#analysis_button{
	background-color:#e4e6eb;
	margin:5px;
}

#analysis_button a{
	text-decoration:none;
}

#analysis_button_div{
	padding: 5px 10px;
	border:solid #FAFAFA 1px;
	color:#0C5661;
	font: normal 82% sans-serif;
}

#analysis_button_div:hover{
	font: normal 88% sans-serif;
	background-color:#194;
	color:#A8F3FF;
}
#analysis_button select,option{
	cursor:pointer;
}

#headline{
	width:70%;
	float:right;
	border:solid #000 0px;
}
#headline li{
	margin-right:10px;
}
#analysis{
	margin:0 0px  0 0;
	width:72%;
	height:516px;
	border-left:solid #f7f7f7 1px;
	float:right;
	padding: 10px;
/*
	border:solid #f7f7f7 1px;
	background-color:rgba(220,235,235, 0.5);
*/
	background:#e4e6eb;
}


.footer{
	max-width:1000px;
	min-height:15px;
	font:normal 10px sans-serif;
	text-align:center; color:#631717;
/*
	border-bottom:solid 1px black;
	border-left:solid 1px black;
	border-right:solid 1px black;
*/
	margin:0 auto;
	padding-top:5px;
	background: linear-gradient(to bottom, #e4e6eb , #8293a1 );
}




/*
/	media queries
*/


@media screen and (max-width: 500px) {
	.main_button ul li {
		width:50%;
	}
	div.bisr_logo {
		max-width: 40%;
		float: none;
		margin-right: 0;
	}
	 .piasp_title {
		max-width:75%;
		float: right;
		margin:-40px 0 0 0;
	}
	div.pdb_img {
		max-width: 40%;
		float: left;
		margin-right: 0;
	}
	.header_title{
		height:150px;
		width:97.5%;
	}
	
	#headline{
	float:none;width:auto;
	}
	
	#analysis{	
		float:none;
		width:auto;
	}
	.footer{
	margin-top:-5px;
	}
}
@media screen and (max-width: 410px) {
	.piasp_title {
		margin:-10px 0 0 0;
	}
}
@media screen and (max-width: 353px) {
	.header_title{
		height:130px;
	}
	div.piasp_title {
		margin: 0;
	}
	
}



/*
#moBH{width:20%}
#moBA{width:20%;margin:0;padding:0;}
#moBC{width:20%}
#moB,#moB,#moB{background:#194d9c;color:white;}
#moBH:hover,#moBA:hover,#moBC:hover{background-color:white; color:black;}
#moB:hover,#moB:hover,#moB:hover{background-color:white; color:black;}
#moS{width:40%;}
*/