body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}
body,
html {
	height: 100%;
	background-color: #bfbfbf;
	font-family: "Arimo";
}

#wrapper {
	width: 1280px;
	margin: 0 auto;
	background-color: #ffffff;
}

.header {
	height: 120px;
	position: relative;
}

.header > div {
	float: left;
	height: 100%;	
}

.header #logo{
	background-color: #fd414b;
	width: 512px;
}

.header #logo figure {
	display: inline-block;
	margin-left: 30px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.header #menu {
	width: 512px;
	text-align: center;
}

.header #menu > div {
	height: 100%;
}

.header #menu ul {
	display: inline-block;
	height: 100%;
	list-style-image: none;
	padding: 0;
	margin: 0;
}

.header #menu ul li {
	display: inline-block;
	height: 100%;
	margin: 0 15px;
}

.header #menu ul li a {
	font-weight: bold;
	color: #969696;
	font-size: 15px;
	text-decoration: none;

	display: block;
	height: 100%;
	line-height: 120px;
}

.header #menu ul li a:hover {
	color: #ff5a50;
}

.header #mailMe {
	width: 256px;
	text-align: right;
	margin-left: -60px;
}

.header #mailMe figure {
	display: inline-block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.contentBox {
	background-color: #ebebeb;
	position: relative;
	
	color: #c8c8c8;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	line-height: 25px;
}

.contentBox .closeButton,
#description .closeButton,
.projectDescriptionBox .closeButton {
	background-image: url("/files/njito/layout/close.png");
	background-repeat: no-repeat;
	position: absolute;
	top: 35px;
	right: 35px;
	height: 30px;
	width: 30px;
}

.contentBox p {
	padding: 15px 100px;
}

.contentBox a {
	color: #c8c8c8;
}
#description {
	position: relative;

	background-color: #313131;
	color: #646464;
	font-size: 30px;
	line-height: 40px;
	font-weight: bold;
}

#description p {
	padding: 35px 50px;
}

#description strong {
	color: #ffffff;
}

.projektContainer {
	position: relative;
	min-height: 100%;
}

.projektContainer:after {
	content: "";
	display: table;
	height: 0;
	clear: both;
}

.projektPanels {
	position: relative;
	z-index: 10000;
}

.projektInfo {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;	
	z-index: 9000;
}

.projectBox {
	display: block;
	position: relative;
	float: left;
	width: 320px;
	height: 320px;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

.projectBox .textOverlay {
	position: absolute;
	height: 100%;
	width: 100%;
	background-color: #313131;
}

.projectBox .textOverlay p {
	position: absolute;
	bottom: 10px;
	left: 20px;
	font-size: 30px;
	line-height: 40px;
	color: #eaeaea;
	font-weight: bold;
}

.projectDescriptionBox {
	position: absolute; 
	top: 0;
	left: 100%;
	background-color: #313131;
}

.projectDescriptionBox p {;
	position: absolute;
	bottom: 0;
	padding: 0 35px 20px 35px;
	font-size: 15px;
	line-height: 20px;
	color: #9a9a9a;
}

.projectDescriptionBox p strong {
	font-size: 20px;
	line-height: 25px;
}

.projectBox figure{
	display: inline-block;
	width: 320px;
	height: 320px;
	padding: 0;
	margin: 0;
}

.projectBox figure img {
	display: block;
	width: 320px;
	height: 320px;
	padding: 0;
	margin: 0;
}

.projektInfoBox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.projektInfoBox figure {
	height: 100%;
	width: 100%;
}

.projektInfoBox figure img {
	width: 100%;
	height: 100%;
}

.invis {
	display: none;
}

#footer {
	background-color: #313131;
	color: #ffffff;
	clear:none;
}
.cookiebar.cookiebar--active {
    z-index: 99999;
}


/* cookiebar--position-bottom */