@charset "utf-8";
/* CSS Dokument */
*{padding:0; margin:0; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
body {background-image: url(../images/background_start4.jpg); background-color:#2cacaa;
  background-position: top center; background-repeat: no-repeat; background-attachment:fixed; background-size:100% auto;
}
#banner img{float:left;margin-left:17.7%;margin-top:-10.8%;width:65.8%;}
a:active, a:focus{outline:none;
}
/* ############### WRAPPER 1 ################# */
#wrapper1{width:98%;margin-left:auto; position:fixed;z-index:1;
}
#wrapper1 .ibs_logo{width:11%; float:right; margin-right:0%; margin-top:-10.6%;box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
}
#wrapper1 .dakks_logo{width:10%; float:left; margin-top:-10.6%; margin-left:3.1%; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
}
#wrapper1 .ohsas_logo{width:10%; margin-top:-2%; margin-left:-10.2%;box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
}
/* ############### NAV ################# */
nav {width:84.5%;margin-left:auto;
}
nav ul li{width:15%; margin-left:1.2%; text-align:center;
}
nav ul li{background-color:rgba(223,250,252,1);box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
}
/* ############### NAV TOP ################# */
#nav_top{position:relative;margin-top:11.5%;z-index:3;}
#nav_top a {display: block; color: #000; text-decoration: none; font-size:1vw;
}
#nav_top ul li {position: relative; float: left; list-style: none; color: #fff; transition: 0.5s;
}
#nav_top ul li a {padding: 4%;
}
#nav_top ul > li.submenu > a:after {position: relative; float: right; content: ''; margin-top: 7px; border-left: 5px solid transparent;
  border-right: 5px solid transparent; border-top: 5px solid #000; border-bottom: 5px solid transparent;
}
#nav_top ul ul li.submenu > a:after {margin-top:4px; margin-left: auto; margin-right: -10px; border-left: 5px solid #000;
  border-right: 5px solid transparent; border-top: 5px solid transparent; border-bottom: 5px solid transparent;
}
#nav_top ul li:hover{background: #3ABBD1;
}
#nav_top ul ul {position: absolute; top: -9999px; left: -9999px; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}
#nav_top ul ul li {float: none; width:13.5vw; margin-top:1px; border-bottom: 1px solid #555;
}
#nav_top ul ul li a {padding: 6px 19px; padding-left:4px;
}
#nav_top ul ul li:last-child {border-bottom: none;
}
#nav_top ul li:hover > ul {top: 100%; left: 0;
}
#nav_top ul ul li:hover > ul {top: 0; left:13.5vw;
}
/* ############### WRAPPER 2 ################# */
#wrapper2{width:98%; margin-left:1%; margin-top:10%;
}
/* ############### NAV LEFT ################# */
#navleft{width:12%; margin-left:1.3%; float:left; height:20vw; margin-top:-0.6vw;
}
#navleft a {color: #000; text-decoration: none; font-size:1vw;
}
#navleft ul li {width:110%; margin-top:10%; margin-left:-16%; text-align:center; padding:3% 0; list-style: none; color: #fff; transition: 0.5s;
}
#navleft ul li a {padding: 5% 5%;
}
#navleft ul ul{width:80%;margin-left:19%;
}
#navleft ul li:hover {background: #3ABBD1;
}
#navleft ul li:hover > ul {top: 100%; left: 0;
}
#navleft a{text-decoration:none;color:#000;font-size:1vw;
}
#navleft ul .home{margin-top:65%;
}
/* ############### CONTENT ################# */
#content{position:relative;width:68.8%;background-color:rgba(223,250,252,1); margin-left:15.8%; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7); margin-top:-8%;z-index:2;
}
/* #content img{float:left; width:33%; margin-left:3%; margin-top:2.8%; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
} */
#content p{padding:2% 3%; line-height:1.5em; font-size:1.3vw;
}
#content .img{margin-right:2.3%; margin-bottom:1%; 
}
/* ############### NAV BOTTOM ################# */
#nav_bottom a {display: block; color: #000; text-decoration: none; font-size:1vw;
}
#nav_bottom ul li {position: relative; float: left; list-style: none; color: #fff; transition: 0.5s; width:10.25vw;
}
#nav_bottom ul li a {padding: 6px;
}
#nav_bottom ul > li.submenu > a:after {position: relative; float: right; content: ''; margin-left: 10px; margin-top: 7px;
  border-left: 5px solid transparent; border-right: 5px solid transparent;
  border-top: 5px solid #000; border-bottom: 5px solid transparent;
}
#nav_bottom ul li:hover {background: #3ABBD1;
}
#nav_bottom ul ul {position: absolute; top: -9999px; left: -9999px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}
#nav_bottom ul ul li {float: none; width:10.25vw; margin-top:1px; border-bottom: 1px solid #555;
}
#nav_bottom ul li:hover > ul {top:1.92vw;left:0;
}
/* ############### FOOTER ################# */
footer {width:100%;margin-left:auto;margin-top:2%; padding-bottom:7%;position:relative;z-index:4;
}






/*
@media only screen and (max-width:1024px) {
	#navleft{display:none;}
	#content{width:96%;background-color:rgba(223,250,252,1); margin-left:2%; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7); margin-top:-8%;}
	#banner img{float:left;margin-left:17.7%;margin-top:3%;width:65.8%;}
	#wrapper1{position:relative;width:99%;margin-left:0.5%;}
	#wrapper1 .ibs_logo{width:10%; float:right; margin-right:2.5%; margin-top:-10%;box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);}
	#wrapper1 .dakks_logo{width:10%; float:left; margin-top:-10%; margin-left:2.5%; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);}
	#wrapper1 .ohsas_logo{width:10%; margin-top:-2.4%; margin-left:2.5%;}
	nav {width:96%;margin-left:1.7%;}
	nav ul li{width:18.3%; margin-left:1.5%; text-align:center;}
	#nav_top{margin-top:1%;}
	#nav_top a, #nav_bottom a{font-size:1.4vw;}
	
}
*/

/* @media only screen and (max-width:600px) { */
		/***************** FONTS ********************/
/*@import url("http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css");
@import url("http://fonts.googleapis.com/css?family=Open+Sans:400,300");
html{font-size: 62.5%; font-family: 'Open Sans', sans-serif;}
body{font-size: 1.6rem; min-height: 100vh;}
h1{font-size: 3rem; margin-bottom: 1rem;}
h2{font-size: 1.6rem;}
header{position: relative;}
main{padding: 2rem;}

#nav_bottom{display:none;}
#nav_top ul ul> li.submenu{display:none;}
*/
/***************** NAVIGATION ********************/
/*#nav_top ul{flex-wrap: wrap; margin: 0 auto;	background: #999;}

#nav_top ul, #nav_top li{flex: 1;	}

#nav_top li:last-child{border-bottom: none;}

#nav_top a{text-decoration: none;color: inherit;display: block;font-size: 1.8rem;}

#nav_top a:hover{background: #adacac;color: green;}

#nav_top li, #nav_top ul li{position: relative;line-height: 20px;color: green;text-align: center;}
  
#nav_top input,#nav_top label{display: none;width: 36px; height: 36px; background: #555; color: green; text-align: center; 
	line-height: 36px;font-size: 1.6rem;border-radius: 4px;}
	
#nav_top label{position: absolute; top: 8px; right: 8px; transition: .4s;}

#nav_top label:hover{cursor:pointer;}

#nav_top label:before{font-family: FontAwesome;font-size: 24px;content: "\f0c9";text-align: center;}

}
*/