@font-face
{
font-family: "Avenir Next";

src: url("fonts/e9167238-3b3f-4813-a04a-a384394eed42d41d.eot?#iefix");
src: url("fonts/e9167238-3b3f-4813-a04a-a384394eed42d41d.eot?#iefix") format("eot"), url("fonts/1e9892c0-6927-4412-9874-1b82801ba47a.woff") format("woff"), url("fonts/46cf1067-688d-4aab-b0f7-bd942af6efd8.ttf") format("truetype"), url("fonts/52a192b1-bea5-4b48-879f-107f009b666f.html#52a192b1-bea5-4b48-879f-107f009b666f") format("svg");

}

@font-face {
    font-family: "broaderview";
    src: url("fonts/broaderview-medium-webfont.otf") format("opentype");
}


body {
	font-family:"Avenir Next";
	font-size:15px;
	color: #003591;
	margin-left:20px;
    width: 970px;
	
}
.close {
	cursor:pointer;
	background-image: url(img/close.png);
	width: 40px;
	height:40px;
	margin-top:-11px;
}

#wrapper {
	width: 970px;
} 

#page_title {
	margin-bottom:0px;
}

#main_title {
	font-family: "Avenir Next LT W01 Demi";
	font-size:30px;
	color: #000;
	margin-top:40px;
	margin-bottom:20px;
}

#sub_title {
	margin-bottom: 6px;
	font-size: 22px;
	color: #009FDA;

} 

.header_panel {
	display:inline-block;
}

#page_title span {
	margin-left: 8px;
	font-size:15px;
}

#control_panel {
 	margin-bottom: 14px;
}

.panel_skala {
	display: table;
	text-align: center;
    width: 99%;
    margin-top: 4px;
    margin-bottom:1px;
}

.panel_skala span {
	font-family: "Avenir Next LT W01 Demi";
	display: inline-block;
    font-size: 12px;
    width: 19%;
	
}

#skala_panel_3 span{
	display:inline;
	text-align: none;
}

#skala_panel_3 {
	text-align:inherit;
}

#xs {
	margin-left:50px;
	margin-right:10px;
}
#s {
	margin-left:27px;
	margin-right:10px;
}
#m {
	margin-left:13px;
	margin-right:10px;
}
#l {
	margin-left:10px;
	margin-right:10px;
}
#xl {
	margin-left:10px;
	margin-right:10px;
}

span.p3_small {
	color: #cccccc;
	font-size:10px;
	margin-left:5px;
	display:inline;
	font-family: "Avenir Next";
}

#skala_panel_4 span {
	width:32%
}

.slider_element {
	display: inline-block;
	width: 437px;
	margin-bottom: 18px;
	padding-right:25px;
	background-image: url(img/skala.png);
    background-repeat:no-repeat;
  	background-position: 0px center;
  	background-size: 436px 26px;
	
}

.slider_element.bottom {
	margin-bottom:12px;
}
.exec_skala {
	background-image: url(img/skala_execution.png);
}

.slider_panel, .slider_panel_3, .slider_panel_2, .slider_panel_4 {
	cursor: pointer !important;
    height: 29px;
    margin-bottom: -16px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 12px;
}

.slider_element.right {
	background-position: 25px center;
}

#sliders, #selectors {
	padding:15px 20px 0px 20px;
	border-bottom: 1px solid #eee;
}

.slider_headline{
	/*font-weight: bold;*/
	font-family: "Avenir Next LT W01 Demi";
	font-size:14px;
}

.slider_headline span {
	font-size: 12px;
	margin-left:4px;
	font-family: "Avenir Next";
}

.grey {
	background-color: #fbfbfb;
}

#selectors.grey {
	border-top: 1px solid #fff;
	border-bottom: none;
}

#result_panel{
	margin-bottom:22px;
	
}

.lightblue {
	color: #009FDA;
}

.big {
	font-size: 20px;
	margin-right: 10px;
	text-transform: uppercase;
}

label.cv {
	background-image: url(img/140523_DNVGL_Schip_Icons_VC_nicht_aktiv.png);
	background-position: -10px -10px;
}
label.feeder {
	background-image: url(img/140523_DNVGL_Schip_Icons_Feeder_nicht_aktiv.png);
	background-position: -10px -10px;
}
label.bulker {
	background-image: url(img/140523_DNVGL_Schip_Icons_Bulker_nicht_aktiv.png);
	background-position: -10px -10px;
}
label.tanker {
	background-image: url(img/140523_DNVGL_Schip_Icons_Tanker_nicht_aktiv.png);
	background-position: -10px -10px;
}
label.mpv {
	background-image: url(img/140523_DNVGL_Schip_Icons_MPV_nicht_aktiv.png);
	background-position: -10px -10px;
}

label.cv.active, label.cv:hover {
	background-image: url(img/140523_DNVGL_Schip_Icons_VC_aktiv.png);
	background-position: -10px -10px;
}
label.feeder.active, label.feeder:hover {
	background-image: url(img/140523_DNVGL_Schip_Icons_Feeder_aktiv.png);
	background-position: -10px -10px;
}
label.bulker.active, label.bulker:hover {
	background-image: url(img/140523_DNVGL_Schip_Icons_Bulker_aktiv.png);
	background-position: -10px -10px;
}
label.tanker.active, label.tanker:hover {
	background-image: url(img/140523_DNVGL_Schip_Icons_Tanker_aktiv.png);
	background-position: -10px -10px;
}
label.mpv.active, label.mpv:hover {
	background-image: url(img/140523_DNVGL_Schip_Icons_MPV.png);
	background-position: -10px -10px;
}

.vessel_text {
	font-size:12px;
	font-family: "Avenir Next";
}

.smaller {
	font-size:13px;
	color:#eee;
}
#container {
	margin-top:6px;
	padding-left:0px;
	margin-left:0px;
	width:978px;
}
#test {
	width:6px;
	background-color: #000;
	height:100px;
	display:inline;
}
.item {
	background-color: #99D9F0;
	border-top: 2px solid #99D9F0;
	border-right: 2px solid #99D9F0;
	border-bottom: 2px solid #99D9F0;
	margin-bottom: 8px;
	margin-right: 8px;
	/*padding: 5px 5px 50px 10px;*/
	width: 317px;
	display: inline-block;
	height:64px;
	background-color: #009FDA;
}


.borderleft{
	background-color:#666666;
    height: 66px;
    left: 0;
    position: absolute;
    top: -1px;
    width: 6px;
	
}

.active .borderleft.darkred{
	background-color: #c4262e;
}
.active .borderleft.violet{
	background-color: #6e5091;
}
.active .borderleft.yellow{
	background-color: #fecb00;
}
.active .borderleft.orange{
	background-color: #e98300;
}


.item.operations {
	/*border-left: 6px solid #fecb00;
	background-image: url(img/darkred.png);*/
	
}
/*
.item.capacityEnhancment {border-left: 6px solid #e98300;}
.item.hullAndPropeller {border-left: 6px solid #6e5091;}
.item.engineAndSystems {border-left: 6px solid #c4262e;}
*/

.item .category {
	font-size: 12px;
	text-transform: uppercase;
	margin-top: 10px; 
	padding-left: 20px;
}

.item .title {
	margin-top:1px;
	font-size:17px;
	color: white;
	padding-left:20px;
}

.item.active {
	background-color: #33b2e1;
	border-top: 1px solid #33B2E1;
	border-right: 1px solid #33B2E1;
	border-bottom: 1px solid #33B2E1;
	cursor:pointer;
}

.item.active:hover {
	background-color: #99d9f0;
	border-top: 1px solid #99d9f0;
	border-right: 1px solid #99d9f0;
	border-bottom: 1px solid #99d9f0;
}

.item.inactive {
	background-color: #eee;
	border-top: 1px solid #eee;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	/*border-left: 6px solid #8D8D8D;*/
	color: #8D8D8D;
	
}

.item.inactive .title {
	color:#8D8D8D;
}

.item.active .title {
	color: #FFFFFF;
}

.irs {
	top: -5px;
}

.irs-slider {
	cursor:pointer !important;
}


.irs-line, .irs-diapason {
	margin-top:-1px;
}

.irs-line-left, .irs-line-mid, .irs-line-right {
    top: -1px;
}
 
input[type="range"] {
	width:75%;
	margin-top:10px;
	margin-bottom: -6px;
}

#info_selectors {
	display:inline-block;
	margin-right:40px;
	width:47%
}

#info_selectors .slider_headline {
	margin-bottom: 5px;
}

#container_selectors {
	display:inline;
}

.selectors_element_container {
	display:inline-block;
	width:67px;
	margin-left:5px;
}

.selectors_element_container.allContainer {
	display:inline-block;
	width:70px;
	margin-left: 0;
    margin-right: 10px;
}

.selectors_element_container.lastContainer {
	display:inline-block;
	width:48px;
	margin-left:10px;
}

#vessel_hid {
	color:#fbfbfb;
}

#vessel_hide {
	color:#fbfbfb;
	margin-top:10px;
	height:3px;
}

#testoggle {
	display:block;
}

#checkboxFourInput_1, #checkboxFourInput_2, 
#checkboxFourInput_3, #checkboxFourInput_4,
#checkboxFourInput_5, #checkboxFourInput_0 {
	display:block;
}

.checkboxFour .small {
	height:1px;
	font-size: 12px;
	text-align: center;
	margin-top:3px;
	font-family: "Avenir Next LT W01 Demi";
}
.checkboxFour div {
	font-family: "Avenir Next LT W01 Demi";
	display:table;
	padding-left: 13px;
	padding-top: 14px;
	font-size:12px;
}
.checkboxFour label {
	display: block;
	width: 46px;
	height: 46px;
	margin: 0px auto;
	border-radius: 100px;
	border: 1px solid #ddd;
	color: #ddd;
	text-align:center;
	vertical-align: middle;
	/*-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: all .5s ease;*/
	cursor: pointer;
	position: inherit;
	top: 5px;
	left: 5px;
	z-index: 1;
	background-color: #fff;
	
	/*-webkit-box-shadow: -1px -1px 12px #ced0cd; 
	/* webkit browser -moz-box-shadow: -1px -1px 12px #ced0cd;*/ 
	/* firefox  box-shadow: -1px -1px 12px #ced0cd;*/

}

.checkboxFour #checkbox_all:hover {
	background: #fff;
	color: #009FDA;
	border: 1px solid #ddd;
}


.checkboxFour #checkbox_all {
	background: #fff;
	color: #d2d2d2;
	border: 1px solid #ddd;;
}


.checkboxFour #checkbox_all.active {
	background: #fff;
	color: #009FDA;
	border: 1px solid #ddd;
}


.checkboxFour input[type=checkbox]:checked + label {
	background: #003591;
}

.categoryFilter a {
    margin-right: 10px;
    color:#666;
    text-decoration:none;
}

.categoryFilter a.current {
    font-weight:bold;
}

.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
.isotope, .isotope .isotope-item {
    transition-duration: 0.8s;
}
.isotope {
    transition-property: height, width;
}
.isotope .isotope-item {
    transition-property: transform, opacity;
}

#contact_panel {
	border: 1px solid #e5f5fb;
	margin-top:18px;
}

#contact_panel_headline {
	color: #009FDA;
	background-color: #e5f5fb;
	padding: 15px 20px;
	font-size: 20px;
	margin-bottom: 20px;

	
}

#worldmap {
	height: 448px;
	background-image:url('img/Worldmap.png');
	background-repeat: no-repeat;
	background-position:center; 
}

#contact_panel_button {
	background-color: #009fda;
    background-image: url("img/triangle.png");
    background-position: 152px 6px;
    background-repeat: no-repeat;
    color: white;
    display: inline-block;
    font-size: 14px;
    margin-left: 40%;
    margin-top: 17%;
    padding: 10px;
    text-decoration: none;
    width: 159px;
}

.contact_element {
	color:#000000;
	display: inline-block;
	width: 286px;
	margin: 0px 0px 12px 20px;
}



#contact_panel_details p {
	font-size: 14px;
	margin:0px;
}

.contact_element p {
	font-size: 14px;
	margin:0px;
}

.contact_element a {
	color: #000000;
    font-size: 14px;
    margin: 0;

	
}

.contact_element a.testing {
	font-size: 14px;
	margin:0px;
	color:#000;
}

#main_contact {
	position: relative;
	top:190px;
	left:-632px;	
}
.contact_region {
	font-family: "Avenir Next LT W01 Demi";
	color: #009FDA;
}

#legend {
	margin-top: 20px;
	border: 1px solid #E5F5FB;
}

#legend_table {
	padding: 0px 20px;
	padding-bottom: 10px;
}

.legend_element {
	display: inline-table;
	width: 47%;
	padding-right: 20px;
	margin-bottom:20px;
}

.legend_element_headline {
	font-family: "Avenir Next LT W01 Demi";
	margin:0px;
	color: #009FDA;
	font-size: 14px;
}	

.legend_element_text {
	margin:0px;
	font-size:14px;
	color:#000000;
}
.toggled {
	background-color: #fff !important;
}

.toggled .title {
	color: #009FDA !important;
}


.info_box {
	border: 1px solid #33B2E1;
	width:967px;
	display:none;
	background-color: #fff;
	position: absolute;
	color:#000;
	font-size:16px;
	z-index:1000;
}

.row_1 {
	top:499px;
	left: center;
}

.row_2 {
	top: 574px;
	left: center;
}

.row_3 {
	top: 649px;
	left: center;
}

.row_4 {
	top: 721px;
	left: center;
}

.row_5 {
	top: 794px;
	left:center;
}

.row_6 {
	top: 871px;
	left: center;
}

.row_7 {
	top: 948px;
	left: center;
}
.info_box_headline {
	font-family: "broaderview";
	font-size: 30px;
	color: #009FDA;
	padding:17px 15px 13px 17px;
}

.info_box_headline span {
	float:right;
}

.info_box_headline_image {
	height:200px;
	background-image: url(img/big_banner.jpg);
}

.info_box_text {
	margin:20px 0px 20px 20px;
	width:57%;
	display: inline-block;
}

.bold_intro {
	margin:0px;
	color: #000;
	font-weight:bold;
	margin-bottom:20px;
}

.normal_text{
	margin-top: 6px;
	margin-bottom:16px;
	font-size:15px;
}
.text_headline {
	color: #009FDA;
	font-weight:600;
}


.right_info {
	float:right;
	display:inline-block;
	margin:20px 18px;
	width:335px;
	
}

.info_box_small_image {
	height:240px;
	background-size: 330px 280px;
	background-repeat: no-repeat;
}

.small_stats {
	background-color: #e5f5fb;
	margin-bottom: 0px;
	padding: 2px 0px;
}

.small_stat_pic {
	margin-bottom: 2px;
}
#pic_trim {
	background-image: url(img/small_info_stats.png);
	height:66px;
}
.first_small {
	color:#009FDA;
	margin-right: 5px;
	display: inline-block;
	width:45%;
	padding: 3px 0px 3px 8px;
	
}

.second_small {
	font-size: 14px;
}

.small_headline {
	display:inline-block;
	width:324px;
	background-color: #e5f5fb;
	padding: 15px 0px 7px 11px;
	margin-top:20px;
}

#booklet {
	
	margin-top: 20px;
	padding-bottom:5px;
	border: 1px solid #e5f5fb;
}

.pic_booklet.laptop {
	background-image: url(img/brochure.jpg);
	background-repeat:no-repeat;
	background-position: 0px -13px;
}

.pic_booklet.brochure {
	background-image: url(img/laptop.jpg);
	background-repeat:no-repeat;
	background-position: 0px -13px;
}


#booklet_button {
	background-color: #009fda;
    background-image: url("img/triangle.png");
    background-position: 101px 4px;
    background-repeat: no-repeat;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    margin-bottom: 61px;
    padding: 8px;
    text-decoration: none;
    width: 111px;
}

#booklet_headline {
    color: #009FDA;
    background-color: #E5F5FB;
    font-size: 20px;
    padding: 15px 20px;
     margin-bottom: 15px;
}

.pic_booklet{
	display:inline-block;
	width:32%;
	height:180px;
	display:inline-block;
}

.booklet_text {
	display: inline-block;
	width:32%;
}

.text_booklet {
	margin-bottom: 20px;
	color: #000;
	font-size: 14px;
}

#booklet_hide {
	color:#E5F5FB;
}

#share_box {
	margin-top:40px;
	margin-bottom: 40px;
	float:right;
}

#share_box #share_text{
	color: #009FDA;
    font-size: 14px;
    margin: 0;
    display: inline-block;
    height:50px;
    width:50px;
   	font-family: "Avenir Next LT W01 Demi";
   	margin-right:3px;
}

.share {
	display:inline-block;
	width:40px;
	height:40px;
	background-image: url(img/sm_icons.png);
	background-repeat: no-repeat;
}

#share_hide {
	color:#fff;
}

#fb {
	background-position: -39px 0px;
}

#tw {
	background-position: -78px 0px;
	width:35px;
}

.odd {
	padding-right:0px;
}
ul.text_list {
	margin-left:-24px;
	margin-top:8px;
	font-size:15px;
	margin-bottom:12px;
}

ul.text_list ul {
	list-style: none outside none;
	margin-top:0px;
	padding-left: 25px;
	
}

.stats_pic {

}



.stats_pic .elem {
	display:table-cell;
	width:90px;
	background-color: #E5F5FB;
	font-size:14px;
	text-align:center;
}

.stat_mpv.elem {
	padding-bottom: 10px;
}

.last_stat_elem {
	padding-bottom:10px;
}

.info_small_hint {
	background-color: #E5F5FB;
	font-size:14px;
	padding-bottom: 8px;
    padding-left: 11px;
    padding-top: 8px;
}

.pic {
	width:34px;
	height:34px;
	margin:3px auto;
	background-repeat:no-repeat;
	background-position:center;
}

.app_0 {
	background-image: url(img/Kreis_0.png);
}
.app_1 {
	background-image: url(img/Kreis_1.png);
}
.app_2 {
	background-image: url(img/Kreis_2.png);
}
.app_3 {
	background-image: url(img/Kreis_3.png);
}
.app_4 {
	background-image: url(img/Kreis_4.png);
}

.trim {
	background-image: url(img/info_pics/trim968x200.jpg);
}

.trim_small {
	background-image: url(img/info_pics/trim290.jpg);
	height:260px;
}

.anchor {
	background-image: url(img/info_pics/anchoring968x200.jpg);
}

.anchor_small {
	background-image: url(img/info_pics/anchoring.jpg);
	height:237px;
	background-repeat: no-repeat;
}

.weather {
	background-image: url(img/info_pics/weather968x200.jpg);
}

.weather_small {
	background-image: url(img/info_pics/weather290.jpg);
	background-size: 330px 280px;
	background-repeat: no-repeat;
}

.speed {
	background-image: url(img/info_pics/speed968x200.jpg);
}

.speed_small {
	background-image: url(img/info_pics/Speed290.jpg);
	background-size: 290px 163px;
	background-repeat: no-repeat;
	height: 163px;
}

.performance {
	background-image: url(img/info_pics/performance968x200.jpg);
}

.performance_small {
	background-image: url(img/info_pics/performance290.jpg);
	background-size: 100%;
	height:180px;
	background-repeat: no-repeat;
}

.propeller {
	background-image: url(img/info_pics/propeller968x200.jpg);
}

.propeller_small {
	background-image: url(img/info_pics/propeller290.jpg);
	background-position: center center;
    background-repeat: no-repeat;
    background-size: 290px 237px;

}

.energysaving {
	background-image: url(img/info_pics/energysaving968x200.jpg);
}

.energysaving_small {
	background-image: url(img/info_pics/energysaving290.jpg);
	background-position: center center;
    background-repeat: no-repeat;
    background-size: 290px 237px;

}

.energy_awareness{
	background-image: url(img/info_pics/energy_awareness968x200.jpg);
}

.energy_awareness_small {
	background-image: url(img/info_pics/energy_awareness290.jpg);
	background-position: center center;
    background-repeat: no-repeat;
    background-size: 290px 184px;
    

}

.bow{
	background-image: url(img/info_pics/bow968x200.jpg);
}

.bow_small {
	background-image: url(img/info_pics/bow290.jpg);
	background-position: center center;
    background-repeat: no-repeat;
    background-size: 290px 184px;
    height:185px;

}

.propeller_smooth{
	background-image: url(img/info_pics/hullsmoothness968x200.jpg);
}

.propeller_smooth_small {
	background-image: url(img/info_pics/hullsmoothness290.jpg);
	background-position: center center;
    background-repeat: no-repeat;
    background-size: 290px 184px;
    height:185px;

}

.aux{
	background-image: url(img/info_pics/aux968x200.jpg);
}

.aux_small {
	background-image: url(img/info_pics/Aux290.jpg);
	background-position: center center;
    background-repeat: no-repeat;
    background-size: 290px 237px;
    height: 237px;

}

.slow{
	background-image: url(img/info_pics/SlowSteaming968x200.jpg);
}

.slow_small {
	background-image: url(img/info_pics/slow290.jpg);
	background-position: center center;
    background-repeat: no-repeat;
    background-size: 290px 237px;
    height: 237px;

}

.derating{
	background-image: url(img/info_pics/EngineDe-Rating968x200.jpg);
}

.derating_small {
	background-image: url(img/info_pics/de-rating290.jpg);
	background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 237px;

}

.lng{
	background-image: url(img/info_pics/LNG968x200.jpg);
}

.lng_small {
	background-image: url(img/info_pics/LNG290.jpg);
	background-position: center center;
    background-repeat: no-repeat;
    background-size: 290px 149px;
    height: 149px;

}

.contcap{
	background-image: url(img/info_pics/ContCapacity968x200.jpg);
}

.contcap_small {
	background-image: url(img/info_pics/capacity290.jpg);
	background-position: center center;
    background-repeat: no-repeat;
    background-size: 290px 149px;
    height: 149px;

}

.rscs{
	background-image: url(img/info_pics/RSCS968x200.jpg);
}

.rscs_small {
	background-image: url(img/info_pics/RSCS290.jpg);
	background-position: center center;
    background-repeat: no-repeat;
    background-size: 290px 149px;
    height: 149px;

}

.draught{
	background-image: url(img/info_pics/draught968x200.jpg);
}

.draught_small {
	background-image: url(img/info_pics/draught290.jpg);
	background-position: center center;
    background-repeat: no-repeat;
    background-size: 290px 149px;
    height: 149px;

}

.deckhouse{
	background-image: url(img/info_pics/Deckhouse968x200.jpg);
}

.deckhouse_small {
	background-image: url(img/info_pics/deckhouse290.jpg);
	background-position: center center;
    background-repeat: no-repeat;
    background-size: 290px 149px;
    height: 149px;

}

.vessellen{
	background-image: url(img/info_pics/vessel_length968x200.jpg);
}

.vessellen_small {
	background-image: url(img/info_pics/lenghten290.jpg);
	background-position: center center;
    background-repeat: no-repeat;
    background-size: 290px 149px;
    height: 149px;

}


#share_box #share_text {
	color: #009FDA;
    font-size: 16px;
   	font-family: "Avenir Next LT W01 Demi";
   	text-align:justify;
   	height: 25px;

}

.addthis_32x32_style {
	display:inline-block;
	padding-left:0px;
	color: #009FDA;
    font-size: 14px;
   	font-family: "Avenir Next LT W01 Demi";

}

.addthis_32x32_style a {
	display:table-cell;
	padding-left:5px;
	color: #009FDA;
    font-size: 14px;
   	font-family: "Avenir Next LT W01 Demi";

	
}
#share_hide {
	display:block;
	color: #fff:
	height:10px;
	margin-top:-15px;
}

#placer{
	display:inline-block;
}


.noUi-horizontal {
    height: 6px;
    width: 400px;
    margin-left:8px;
}

.noUi-handle {
    background: url(img/sprite-skin-nice.png);
    background-position: 12px 28px;
    border: none;
    border-radius: 3px;
    box-shadow: none;
    cursor: default;
    height:25px;
}

.noUi-handle:before, .noUi-handle:after {
	background: none;
}

.noUi-connect {
    background: none repeat scroll 0 0 #33B2E1;
    box-shadow: 0 0 3px rgba(51, 51, 51, 0.45) inset;
    transition: background 450ms ease 0s;
}

.noUi-handle-upper {
	left: -25px !important;
}

.noUi-handle-lower {
	left: -21px !important;
}