@font-face {
    font-family: 'English 111 Vivace BT';
    font-style: normal;
    font-weight: 400;
    src: local('English 111 Vivace BT'), url('../fonts/EnglishVivanceBT.woff') format('woff'), url('../fonts/EnglishVivanceBT.ttf') format('truetype');
}

@font-face {
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 400;
  src: local('Oxygen'), local('Oxygen-Regular'), url('../fonts/Oxygen-Regular.woff') format('woff'), url('../fonts/Oxygen-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 700;
  src: local('Oxygen Bold'), local('Oxygen-Bold'), url('../fonts/Oxygen-Bold.woff') format('woff'), url('../fonts/Oxygen-Bold.ttf') format('truetype');
}


@font-face {
  font-family: 'Nothing You Could Do';
  font-style: normal;
  font-weight: 400;
  src: local('Nothing You Could Do'), local('NothingYouCouldDo'), url('../fonts/NothingYouCouldDo.woff') format('woff'), url('../fonts/NothingYouCouldDo.ttf') format('truetype');
}

@font-face {
	font-family: 'Neuton';
	font-style: normal;
	font-weight: 400;
	src: local('Neuton'), local('Neuton-Regular'), url('../fonts/Neuton-Regular.woff2') format('woff'), url('../fonts/Neuton-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Neuton';
	font-style: normal;
	font-weight: 700;
	src: local('Neuton Bold'), local('Neuton-Bold'), url('../fonts/Neuton-Bold.woff2') format('woff'), url('../fonts/Neuton-Bold.ttf') format('truetype');
}

@font-face {
	font-family: 'Libre Baskerville';
	font-style: normal;
	font-weight: 400;
	src: local('Libre Baskerville'), local('LibreBaskerville-Regular'), url('../fonts/LibreBaskerville-Regular.woff2') format('woff'), url('../fonts/LibreBaskerville-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Libre Baskerville';
	font-style: normal;
	font-weight: 700;
	src: local('Libre Baskerville'), local('LibreBaskerville-Bold'), url('../fonts/LibreBaskerville-Bold.woff2') format('woff'), url('../fonts/LibreBaskerville-Bold.ttf') format('truetype');
}


html,
body{
	height: 95%;
	background-color: #fff;
	font-family: 'Oxygen';
}

a, 
a:hover,
a:active,
a:visited,
a:focus { color: #A00000; text-decoration: none; }
/* #container a:hover { text-decoration: underline; } */

#main h1 {
/*	font-family: 'English 111 Vivace BT'; */
	font-family: 'Libre Baskerville', serif;
	font-weight: 400;
/*	font-size: 4em; */
	font-size: 2.0em;
	color: #800000;
}

#main h2 {
	/*	font-family: 'English 111 Vivace BT'; */
	font-family: 'Libre Baskerville', serif;
	font-weight: 400;
/*	font-size: 3em; */
	font-size: 1.5em;
	color: #800000;
}

#main h3 {
	/*	font-family: 'English 111 Vivace BT'; */
	font-family: 'Libre Baskerville', serif;
	font-weight: 400;
	/*	font-size: 2em; */
	font-size: 1.25em;
	color: #800000;
}


#main h4,#main h5 {
	font-weight: bold;
}

.claim { font-family: "Nothing You Could Do"; font-size: 2em; font-weight: bold; }
.smallclaim { font-family: "Nothing You Could Do"; font-size: 1.2em; font-weight: bold; }


.thumbnail .caption {
	padding: 4px;
	text-align: center;
}

.ce_image.center-block figure.image_container img {
    display: block;
    margin-right: auto;
    margin-left: auto;
    border: 1px solid #ddd;
border-radius: 4px;
padding: 4px;
}


#maincontent a { border-radius: 4px; }
#maincontent a:hover { color: #C00000; background-color: #EEE; }

/* #maincontent a > .cboxElement:hover { background-color: green !important; } */


#maincontent a[href^='http']:not([href^='http://winkler-kreuth.de']):not([href^='http://baustelle.winkler-kreuth.de']):not([href$='jpg']):after {
  content: "\e095";
font-family: 'Glyphicons Halflings';  
font-size: .66em;
margin-left: 4px;
margin-right: 4px;
}

#maincontent a[href$=".pdf"]:before,
#maincontent a[type="application/pdf"]:before {
  content: "\e022";
  font-family: 'Glyphicons Halflings';  
  font-size: .8em;
  margin-left: 4px;
  margin-right: 4px;
}

#maincontent a.unmarked:after,
#maincontent a.unmarked:before {
  content: "" !important;
  margin: 0 !important;
}


#intro {
	height: 100%;
	padding-top: 70px;
/* 	margin-bottom: -200px; */
/* 	height: 90%; */
}

#container {
	z-index: 100;
	position: relative;
	top: -100px;
	left: 0;
	right: 0;
	margin-bottom: -100px;
}


#pageintro .carousel-caption {
	bottom: 150px;
	font-size: 2.0em;
}


@media (max-width: 1450px) {
	#intro { /*height: 750px;*/ } 
}

@media (max-width: 1200px) {
	#intro { /*height: 550px;*/ } 
	#pageintro .carousel-caption {  bottom: 120px; font-size: 1.5em; }
	#pageintro .carousel-indicators {  bottom: 90px; }
}

@media (max-width: 768px) {
	#intro { min-height: 300px; height: 50%; padding-top: 50px; margin-top: 30px;} 
	#logo { visibility: hidden; }
	#tegcard { visibility: hidden; }
	#container { top: 0; margin-bottom: 0; } 
	#overlay { background: none !important; } 
	#pageintro .carousel-caption { visibility: hidden; }
	#pageintro .carousel-indicators {  bottom: 20px !important; }
	#main h1 { font-size: 3em; }
	#main h2 { font-size: 2.5em; }
}

#maincontent {
	background: #fff;
	min-height: 400px;
	padding-bottom: 6em;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

#maincontent {
	font-size: 1.2em;

}

#pageshadow {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 300px;
/* 	-webkit-box-shadow: 0 5px 6px rgba(0,0,0,0.4); */
/* 	-moz-box-shadow: 0 5px 6px rgba(0,0,0,0.4); */
	box-shadow: 0 -5px 15px rgba(0,0,0,0.2);
	z-index: -1;
}

#footer {
	background-color: #800000;
/* 	min-height: 75px; */
	padding-top: 20px;
	padding-bottom: 10px;
	color: #FFFFFF;
	border-bottom: 60px solid #600000;
}


#wrapper,
#pageintro,
.carousel-inner .item,
.carousel-inner {
height: 100%;

}

#overlay-container  {
	padding: 0;
}

#overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 12;
	pointer-events: none;
	background: linear-gradient(to bottom, rgba(255,255,255,0) 80%, rgba(255,255,255,0.6) 90%, rgba(255,255,255,1) 100%) repeat scroll 0 0 transparent;
}


#tegcard {
	padding-top: 2em;
	padding-right: 8px;
}

#tegcardimg {
	width: 200px;
	border-radius: 8px;
	border: 1px solid rgba(0,0,0,0.4);
	box-shadow: 0 0 3px rgba(0,0,0,0.6);
	pointer-events: auto;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;	
}

.zoomin {
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -o-transform: scale(1.25);
    transform: scale(1.25);
}

#logomobile {
	background: #800000;
	color: #fff;
	text-align: center;
	z-index: 15;
	padding: 8px;
        margin-top: -30px;
}

#logo {
	width: 270px;
	margin-left: 4px;
	margin-right: 0;
	padding: 8px;
	padding-top: 0;
	border-bottom-left-radius: 16px;
	border-bottom-right-radius: 16px;
	background: #800000;
	color: #fff;
	text-align: center;
	z-index: 15;
}

#logo a {
	color: #fff;
}

#logo > .subtitle {
/* 	font-family: 'Noto Serif'; */
	font-size: 1.4em;
/* 	font-style: italic; */
	line-height: 1.2em;
}

#main small {
	font-size: 0.9em;
	color: #666;
}


#main .btn {
	color: #FFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075);
}
#main .btn:hover {
	color: #FFF;
}

#main .btn-primary {
background-image: linear-gradient(to bottom, #900000 0, #500000 100%);
background-repeat: repeat-x;
border-color: #300000;
}

#main .btn-primary:hover {
background-color: #500000;
background-position: 0 -15px;
	
}

#main .btn.selectpicker {
	color: #000;
}

figure.pull-right {
	margin-left: 16px;
}

figure.pull-left {
	margin-right: 16px;
}


.panel-default {
	border-color: #AAA !important;
}

.panel-heading {
	cursor: pointer;
	border-color: #AAA !important;
}

.panel-title {
	font-weight: bold;
	font-size: 1.2em;
}

.panel-title:hover {
	text-decoration: underline;
}


/*!
 * Yamm!3
 * Yet another megamenu for Bootstrap 3
 * 
 * http://geedmo.github.com/yamm3
 */
.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
  position: static;
}
.yamm .container {
  position: relative;
}
.yamm .dropdown-menu {
  left: auto;
}
.yamm .nav.navbar-right .dropdown-menu {
  left: auto;
  right: 0;
}
.yamm .yamm-content {
  padding: 20px 30px;
}
.yamm .dropdown.yamm-fw .dropdown-menu {
  left: 0;
  right: 0;
}

/* Yamm!3 Ende */


/* Navigation Standard */

#mainnav {
	background-color: #800000;
	border: 0;
	border-radius: 0;
	margin: 0;
	font-size: 1.3em;
}

#mainnav a {
	color: #ffffff;
	font-family: 'Oxygen';
}

#mainnav .active > a,
#mainnav .open > a,
#mainnav .open > a:active
{
	background: #600000;
}

#mainnav .indent > ul {
	padding: 8px 8px 16px 8px;
}

#mainnav .navbar-brand {
	font-family: 'English 111 Vivace BT';
	font-size: 2.0em;
	color: #fff !important;
	height: 60px;
/* 	width: 280px; */
	line-height: 40px;
	font-size: 2.1em;
}

#mainnav .navbar-nav > li > a {
	font-size: 1.2em;
	padding-top: 25px;
	padding-bottom: 25px;
	font-weight: bold;
}

#mainnav.shrink .navbar-collapse {
/* 	padding-bottom: 0 !important; */
/* 	padding-top: 0 !important; */
}

#mainnav.shrink .navbar-nav > li > a {
	padding-top: 15px;
	padding-bottom: 15px;
}



#mainnav.shrink .navbar-brand {
	height: 40px;
	line-height: 20px;
/* 	font-size: 1.8em; */
}

#mainnav.yamm .dropdown.yamm-fw .dropdown-menu {
  left: 300px;
  right: 0;
}

#mainnav .dropdown-menu {
	background: #800000;
	border: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	box-shadow: none;
	overflow: hidden; 
	z-index: -1;
}

#mainnav .dropdown-header {
	font-family: 'Nothing You Could Do';
	color: #D08080;
	font-size: 1.4em;
	font-weight: bold;
	padding: 8px 0;
/* 	text-align: center; */
}

#mainnav .dropdown-column {
	border-right: 2px solid #600000;
	margin-bottom: -99999px;
	padding-bottom: 99999px;
}

#mainnav .dropdown-column.last {
	border-right: 0 !important;
}

#mainnav .dropdown-menu ul {
	list-style:none !important;
	padding: 0;
	margin-bottom: 15px;
}

#mainnav .dropdown-menu li > a {
	display: block;
	padding: 3px 10px;
	font-size: 1.2em;
	-webkit-tap-highlight-color: #C07070;

}

#mainnav li > a:hover,
#mainnav .open > a:hover,
#mainnav .open > a:focus,
#mainnav .dropdown-menu li > a:hover,
#mainnav .dropdown-menu li > a:focus {
	color: #ffffff;
	background-color: #C07070;
}

#mainnav .flag {
	padding-right: 10px;
}

#mainnav .navbar-toggle .icon-bar {
	background-color: #FFFFFF;
}

#mainnav .navbar-toggle:hover,
#mainnav .navbar-toggle:focus {
	background-color: #C07070;
}

#mainnav .nav-lang > li > a {
	padding-top: 23px;
	padding-bottom: 24px;
}

#mainnav.shrink .nav-lang > li > a {
	padding-top: 13px;
	padding-bottom: 14px;
}

@media (max-width: 1199px) {
	#mainnav .dropdown-menu li > a {
		font-size: 1.0em;
	}
}

@media (max-width: 991px) {
	#mainnav.yamm .dropdown.yamm-fw .dropdown-menu {
		left: 0;
	}
	#mainnav .navbar-nav > li > a {
		font-size: 1.0em;
		padding-left: 12px;
		padding-right: 12px;
	}
	#mainnav .navbar-brand {
		font-size: 1.5em;
/* 		width: 220px; */
	}
	#mainnav .dropdown-menu li > a {
		font-size: 1.2em;
	}
}

@media (max-width: 767px) {

	#mainnav.shrink .navbar-nav > li > a,
	#mainnav .navbar-nav > li > a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	#mainnav.shrink .navbar-brand,
	#mainnav .navbar-brand {
		line-height: 1em;
		height: 40px;
	}
	#mainnav .dropdown-column {
		border-right: 0;
}

}


#subnav {
	background-color: #ffffff;
	border: none;
	border-left: 1px solid #EEE;
	border-radius: 0;
	box-shadow: -5px 5px 6px #EEE;
}

#subnav li a {
/* 	font-weight: bold; */
	font-size: 1.2em;
	color: #000000;
	-webkit-tap-highlight-color: #C07070;
}

#subnav li a:hover,
#subnav li a:focus {
	text-decoration: none;
}

#subnav .active > a {
	background-color: #800000;
	color: #ffffff;
}


#subnav li > a:hover,
#subnav li > a:focus {
	color: #ffffff;
	background-color: #C07070;
}






	@media (min-width: 768px) {
	  #subnav .navbar-collapse {
		padding: 0;
		max-height: none;
	  }
	  #subnav ul {
		float: none;
	  }
	  #subnav ul:not {
		display: block;

	  }
	  #subnav li {
		float: none;
		display: block;
	  }
	  #subnav li a {
		padding-top: 8px;
		padding-bottom: 8px;
	  }
	}


@media (max-width: 991px) {
    #subnav .navbar-header {
        float: none;
    }
    #subnav .navbar-toggle {
        display: block;
    }
    #subnav .navbar-collapse {
        border-top: 1px solid #E7E7E7;
        box-shadow: 0 1px 0 rgba(255,255,255,0.1);
    }
    #subnav .navbar-collapse.collapse {
        display: none!important;
    }
    #subnav .navbar-nav {
        float: none!important;
        margin: 7.5px 0;
    }
    #subnav .navbar-collapse.collapse.in { 
        display: block!important;
    }
    #subnav .collapsing {
        overflow: hidden!important;
    }
}











/* Brotkrumen */

.breadcrumb {
	font-size: 1.0em;
	min-height: 40px;
	padding: 15px 0 35px 0;
	margin-bottom: 0;
	background: transparent url('../images/shade.png') bottom center no-repeat;
	background-size: 75% 20px; 
	
	
}

.breadcrumb a {
	padding-left: 4px;
	padding-right: 4px;
	line-height: 1.5em;
}
.breadcrumb a:hover {
	text-decoration: none !important;
	background-color: #800000;
	color: #FFFFFF;
}

.breadcrumb .active {
	color: #600000;
}

/* Hauptüberschrift */

#pagetitle {
	margin-top: 0;
	text-align: center;
}

@media (max-width: 991px) {
	#pagetitle { font-size: 2em; }
}


#footer h3 {
	font-size: 1.5em;
	margin-top: 0;
	margin-bottom: 0;
}

#footer .footercontact {
	margin-bottom: 16px;
}

#footer a {
	color: #fff;
}
.weather {
	max-width: 370px;
/* 	margin-left: auto; */
/* 	margin-right: auto; */
}

.weather .weather_location {
}
.weather .weather_copyright,
.weather .weather_day {
	font-size: 0.8em;
	color: #ebb;
}

.weather .weather_day {
	border-bottom: 2px solid #C07070;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
}

.weather .weather_left {
	text-align: center;
	font-size: 1.8em;
}

.weather .weather_condition {
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: 8px;
}

.weather .weather_label {
	font-weight: bold;
}

.weather .weather_details {
	color: #ebb;
	padding-bottom: 8px;
}

/* Intro Karusell */

#pageintro .fill {
	width: 100%;
	height: 100%;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	background-repeat: no-repeat; 
}

#pageintro .carousel-caption {
	left: 0%;
	right: 0%;
	font-family: 'Nothing You Could Do';
	font-weight: bold;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8), -2px -2px 2px rgba(0, 0, 0, 0.8), -2px 2px 2px rgba(0, 0, 0, 0.8), 2px -2px 2px rgba(0, 0, 0, 0.8);
	text-align: right;
	padding-bottom: 50px;
	color: #fff;
	display: none;
}


#pageintro .carousel-caption a {
	color: #fff;
}


#pageintro .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
  -webkit-transition-duration: 1000ms;
  transition-duration: 1000ms;
}

#pageintro .carousel-inner .active {
  opacity: 1;
}

#pageintro .carousel-inner .active.left,
#pageintro .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

#pageintro .carousel-inner .next.left,
#pageintro .carousel-inner .prev.right {
  opacity: 1;
}

#pageintro .carousel-control {
  z-index: 2;
}

#pageintro .carousel-indicators {
    bottom: 110px;
}

#pageintro .carousel-indicators li {
  width: 14px;
  height: 14px;
 border: 2px solid #FFFFFF;
  margin: 2px;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
}

#pageintro .carousel-indicators li.active {
  width: 14px;
  height: 14px;
 background-color: #FFFFFF;
}


.input-1  { width: 8.33333333% !important; }
.input-2  { width: 16.66666667% !important; }
.input-3  { width: 25% !important; }
.input-4  { width: 33.33333333% !important; }
.input-5  { width: 41.66666667% !important; }
.input-6  { width: 50% !important; }
.input-7  { width: 58.33333333% !important; }
.input-8  { width: 66.66666667% !important; }
.input-9  { width: 75% !important; }
.input-10 { width: 83.33333333% !important; }
.input-11 { width: 91.66666667% !important; }
.input-12 { width: 100% !important; }

@media (max-width: 768px) {
.input-1  { width: 16.66666667% !important; }
.input-2  { width: 33.33333333% !important; }
.input-3  { width: 50% !important; }
.input-4  { width: 66.66666667% !important; }
.input-5  { width: 83.33333333% !important; }
.input-6  { width: 100% !important; }
.input-7  { width: 100% !important; }
.input-8  { width: 100% !important; }
.input-9  { width: 100% !important; }
.input-10 { width: 100% !important; }
.input-11 { width: 100% !important; }
.input-12 { width: 100% !important; }
}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none; }
#cboxOverlay{position:fixed; width:100%; height:100%; }
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer; font-family: 'Glyphicons Halflings'; }
.cboxPhoto{margin:auto; border:0px solid #fff; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{
/* background:#000; opacity: 0.6; */
	
position: fixed;
/* display: none; */
opacity: 0.85;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: none repeat scroll 0% 0% #0B0B0B;
/* z-index: 99990; */
}
#colorbox{outline:0;}
#cboxContent{margin-top:20px;background:#fff; padding: 8px;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#boxLoadedContent{border:5px solid #000; background:#fff;}
#cboxTitle{position:absolute; bottom:0px; left:0; width: 100%; background-color: #FFF; color: #444; padding-left: 8px; padding-top: 8px; padding-bottom: 8px; font: 11px/13px arial,sans-serif;}
#cboxCurrent{visibility: hidden;}
#cboxLoadingGraphic{background:url("../images/loading.gif") no-repeat center center;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:8px; margin-top:-50px; width:62px; height:100px; font-size: 60px; padding-bottom: 20px; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); color: #fff;}
#cboxPrevious:hover{ background-color: rgba(255, 255, 255, 0.5); color: #800000; }
#cboxPrevious:before{ content: "\2039"; }

#cboxNext{position:absolute; top:50%; right:8px; margin-top:-50px;  width:62px; height:100px; font-size: 60px; padding-bottom: 20px; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); color: #fff;}
#cboxNext:hover{ background-color: rgba(255, 255, 255, 0.5); color: #800000; }
#cboxNext:before{ content: "\203a"; }

#cboxClose{position:absolute; top:8px; right:8px; display:block;  width:24px; height:20px; background: #fff; text-align: center;}
#cboxClose:hover{background-position:bottom center;}
#cboxClose:before{ content: "\e014"; }

@media (max-width: 768px) {
	#cboxPrevious, #cboxNext { margin-top:-25px; width:31px; height:50px; font-size: 30px; padding-bottom: 10px; };
	
}




.carousel-control.left,
.carousel-control.right { 
	background: none;
}
.carousel-control.left:active,
.carousel-control.left:hover,
.carousel-control.right:hover,
.carousel-control.right:active {
/* 	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABVCAIAAAB7DgXmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAYUlEQVR42u3PAQEAAAQDMPTvfD3YGqyT1C1T5ygpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSk9KC3rewOnFnIhAAAAAABJRU5ErkJggg=='); */
/* 	background-repeat: no-repeat; */
/* 	opacity: 0.6; */
}

/*.carousel-control.left:active > .icon-prev,
.carousel-control.right:active > .icon-next,*/

@media (min-width: 767px) {

.carousel-control.left:hover > .icon-prev,
.carousel-control.right:hover > .icon-next {
	background-color: rgba(255,255,255,0.6);
	color: #800000;
}
}

.carousel-control.right:hover {
/* 	background-position: right center; */
/* 	color: #800000; */
}

.carousel-control.left:hover {
/* 	background-position: left center; */
/* 	color: #800000; */
}

.carousel-control .icon-next,
.carousel-control .icon-prev {
	color: #ffffff;
}


.carousel-control .icon-next,
.carousel-control .icon-prev {
	width: 60px;
	height: 100px;
	margin: 0;
	margin-top: -40px;
	font-size: 60px;
	line-height: 100px;
}

.carousel-control .icon-next {
	right: 0%;
}

.carousel-control .icon-prev {
	left: 0%;
}

/* Intro Karusell Bilder */

.intro01 { background-image:url('../images/intro/intro01-low.jpg'); }
.intro02 { background-image:url('../images/intro/intro02-low.jpg'); }
.intro03 { background-image:url('../images/intro/intro03-low.jpg'); }
.intro04 { background-image:url('../images/intro/intro04-low.jpg'); }
.intro05 { background-image:url('../images/intro/intro05-low.jpg'); }

@media (min-width: 768px) {
	.intro01 { background-image:url('../images/intro/intro01.jpg'); }
	.intro02 { background-image:url('../images/intro/intro02.jpg'); background-position: top center !important; }
	.intro03 { background-image:url('../images/intro/intro03.jpg'); }
	.intro04 { background-image:url('../images/intro/intro04.jpg'); }	
	.intro05 { background-image:url('../images/intro/intro05.jpg'); background-position: bottom center !important; }	
}



/* Intro Karusell Animation */

@media all and (transform-3d), (-webkit-transform-3d) {
    #pageintro .carousel-inner > .item.next,
    #pageintro .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    #pageintro .carousel-inner > .item.prev,
    #pageintro .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    #pageintro .carousel-inner > .item.next.left,
    #pageintro .carousel-inner > .item.prev.right,
    #pageintro .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

#scrolltop {
    position: fixed;
    right: 15px;
    bottom: 15px;
    z-index: 1000;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    text-align: center;
    background: #E0A0A0;
    cursor: pointer;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    color: #800000;
    outline: none;
}

#scrolltop a,
#scrolltop a:focus,
#scrolltop a:active {
    outline: none;
}

#scrolltop span {
        font-size: 24px;
        padding: 10px;
}

#scrolltop.away {
        bottom: -75px;
}


.footernav {
    text-align: center;
}
.footernav .invisible {
    display: none;
}
.footernav li > a:hover,
.footernav .open > a:hover,
.footernav .open > a:focus {
	color: #ffffff;
	background-color: #C07070;
}

.video-container-wrapper {
    max-width: 100%;
    width: 800px;
    left: 0;
    right:0;
    margin:auto;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.bootstrap-select .dropdown-toggle {
		color: #333 !important;
}