/* dCodes Framework */
.dc_clear { clear: both; padding: 0; margin: 0; width: 100%; font-size: 0px; line-height: 0px; }
section#slide { margin:0px auto 0; position: relative; width: 940px; z-index: 95; }
header, nav, section, article, aside, footer { display: block; }
#carousel-container {position: relative; padding:0;}
#carousel {height:350px; width: 920px; position: relative;}
#carousel .carousel-image { border: 0; display: block; }
#carousel .carousel-feature { position: absolute; top: -1000px; left: -1000px; cursor: pointer; }
#carousel .carousel-feature a img { position: relative; z-index: 29; margin: 6px 0px 7px 7px; }
#carousel .mask { background: none; height: 100% !important; display: block; left: 0 !important; top: 0 !important; width: 100% !important; overflow: hidden; }
.mask { height: 457px; left: 0; position: absolute; top: -6px; width: 964px; z-index: 9; }
.mask img { height: 100%; width: 100%; }
#carousel .carousel-feature .carousel-caption { position: absolute; bottom: 38px; left: 21px; width: 91%; z-index: 9999; }
#carousel .carousel-feature .carousel-caption p { margin: 0; text-shadow: none; color: #fefefe; }
#carousel .tracker-summation-container { position: absolute; right: 48px; top: 230px; padding: 3px; margin: 3px; display: none !important; }
#carousel .tracker-individual-container { position: absolute; right: 48px; top: 210px; padding: 0; margin: 0; display: none !important; }
#carousel .tracker-individual-container li { list-style: none; }
#carousel .tracker-individual-container .tracker-individual-blip { margin: 0 3px; padding: 0 3px; color: white; text-align: center; }
#carousel .tracker-individual-container .tracker-individual-blip-selected { color: white; font-weight: bold; }
.caption-head {
/* background-color: rgba(0, 0, 0, 0.7); */
background:#1F3460;
border-radius: 3px 3px 3px 3px; 
border:1px solid #E2E2E2; 
color: #fefefe; 
float: left; 
font-size: 16px;
font-weight:600;
text-shadow: 1px 1px 0px #000;
letter-spacing:1px;
margin: 0 0 0; 
padding: 10px 15px; 
position: relative;}
.caption-head a {color:#fefefe;text-decoration:none;}
.caption-head a:hover {color:#eee;text-decoration:none;}
.text-capt { 
border-radius: 3px 3px 3px 3px;
border:1px solid #E2E2E2; 
display: block; 
float: left; 
margin: 10px 0 0; 
padding: 10px 20px 10px 15px; 
/*background-color: rgba(252, 252, 252, 0.7);*/ 
background-color:#1F3460;
font-size: 14px;
color: #fefefe !important; 
text-shadow: none;}
.text-capt a {color: #52b7d5 !important; cursor: pointer;text-decoration:none;}
.text-capt a:hover {color: #306c7e !important; cursor: pointer;text-decoration:underline;}
.navig-carousel:after { clear: both; content: ""; display: block; height: 0; }
.navig-carousel { top: 150px; height: 0; margin: 0 auto; position: relative; z-index: 1099; }
#scarousel-left { -moz-transition: margin-left 0.3s ease 0s; background: url("/bilder/1104768476/1104768476-1427289685-arrow-l.png") no-repeat scroll 0 0 transparent; cursor: pointer; float: left; height: 41px; width: 30px; }
#scarousel-right { -moz-transition: margin-right 0.3s ease 0s; background: url("/bilder/1104768476/1104768476-1427289709-arrow-r.png") no-repeat scroll right 0 transparent; cursor: pointer; float: right; height: 41px; width: 30px; }
#scarousel-left:hover { background-position: 0 -41px; padding-right: 5px; }
#scarousel-right:hover { background-position: right -41px; padding-left: 5px; }


/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
	
	}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

section#slide { margin: 0px auto 0; position: relative; width: 768px; z-index: 95; }
header, nav, section, article, aside, footer { display: block; }
#carousel-container { position: relative; width: 768px; padding: 20px 0 0; }
#carousel { height: 300px; width: 768px; position: relative; }
.navig-carousel {top: 135px; }

.carousel-feature.right img { height: 89%!important; }
#carousel .carousel-feature.right a img { height: 81%!important; }
.carousel-feature.left img { height: 89%!important; }
#carousel .carousel-feature.left a img { height: 81%!important; }

#carousel .carousel-feature a img { width: 96.6%!important; height: 91%!important; }
.carousel-feature { width: 348px!important; height: 290px!important; }
.carousel-feature.current { position: absolute!important; top: 4px!important; left: 194px!important; }
.carousel-feature.right { position: absolute; top: 20px!important; left: 410px!important; }

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

#carousel .carousel-feature .carousel-caption { display: none!important; }
#carousel .carousel-feature a img { margin-left: 5px; }

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

section#slide { margin: 0px auto 0; position: relative; width: 420px; z-index: 95; margin-bottom: 30px; }
header, nav, section, article, aside, footer { display: block; }
#carousel-container { position: relative; width: 420px; padding: 0px 0 0; }
#carousel { height: 164px; width: 420px; position: relative; }
.navig-carousel { top: 65px; }
.carousel-feature { width: 199px!important; height: 165px!important; }
.carousel-feature.current { position: absolute!important; top: 4px!important; left: 100px!important; }
.carousel-feature.right { position: absolute; top: 20px!important; left: 208.9px!important; }
.carousel-feature.right img { height: 83%!important; }
#carousel .carousel-feature.right a img { height: 73%!important; }
.carousel-feature.left img { height: 83%!important; }
#carousel .carousel-feature.left a img { height: 73%!important; }
#carousel .carousel-feature a img { width: 95%!important; height: 89%!important; }

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

section#slide { margin: 0px auto 10px; position: relative; width: 300px; z-index: 95; }
header, nav, section, article, aside, footer { display: block; }
#carousel-container { position: relative; width: 300px; padding: 10px 0 0; }
#carousel { height: 117px; width: 300px; position: relative; margin: -11px 0 0 -8px; }
.navig-carousel { max-width: 300px; min-width: 300px; top: 47px; }

.carousel-feature { width: 135px!important; height: 121px!important; }
.carousel-feature.current { position: absolute!important; top: 4px!important; left: 85px!important; }
.carousel-feature.right { position: absolute; top: 20px!important; left: 174.5px!important; }
.carousel-feature.right img { height: 80%!important; }
#carousel .carousel-feature.right a img { height: 68%!important; }
.carousel-feature.left img { height: 80%!important; }
#carousel .carousel-feature.left a img { height: 68%!important; }
#carousel .carousel-feature a img { width: 92.8%!important; height: 86%!important; }

}