/*******************
***** MAIN CSS *****
*******************/

/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/raleway-v26-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/raleway-v26-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/raleway-v26-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/raleway-v26-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/raleway-v26-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/raleway-v26-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-700 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/raleway-v26-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/raleway-v26-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/raleway-v26-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/raleway-v26-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/raleway-v26-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/raleway-v26-latin-700.svg#Raleway') format('svg'); /* Legacy iOS */
}


body {margin: 8px; color: #1E1F1F; font-family: 'Raleway', sans-serif; background: url(background.jpg); background-attachment: fixed;
	  background-repeat: no-repeat; background-size: cover;}
#container {max-width: 1100px; margin: 0 auto;}

#contactInfo {display: none;}

#banner img {margin: 10px 0 0 20px;}
#banner img:hover {filter:brightness(105%);}
#banner {background: #ffffff; margin-top: 20px; box-shadow: 2px 3px 3px rgba(0,0,0,0.5);}
#banner h1 {background: whitesmoke; font-size: 16px; padding: 10px;}
#banner h1 br {display: none;}
#topnavlist {margin: 45px 45px 45px 0; padding: 0; list-style: none; display: inline; float: right;}
#topnavlist li {display: inline-block;}
#topnavlist li a {text-decoration: none; color: white; padding: 8px; font-size: 18px; box-shadow: 1px 1px 1px rgba(0,0,0,0.5); background-color: #C84449; border-radius: 5px; margin-left: 10px;}
#topnavlist li a:hover {filter:brightness(105%);}
#navigation {background: #DAD8D9; box-shadow: 2px 3px 3px rgba(0,0,0,0.5);}
#navlist {margin: 0; padding: 0; list-style-type: none; text-align: center;}
#navlist li {display: inline-block;}
#navlist li a {padding: 6px; display: block; text-decoration: none; color: #252323;}
#navlist li a.hidden {display: none;}
#navlist li a[href*='index'] {padding-left: 15px;}
#navlist li a.activePage, #navlist li a:hover {background-color: #C84449; color: #FFF;}
#navlist li a.activeSub {background-color: #C84449; color: whitesmoke;}
#navlist li a.activeSub:hover {background-color: #C84449; color: white;}

#reMenuButton {display: none;}

#right {width: 273px; float: right; margin: 20px; margin-top: 85px;}
#right > p {text-align: left; width: 230px;}
#right .Stil3 {color: black;}
#right a {color: #C84449; text-decoration: none; font-weight: 700; font-size: 15px; padding: 2px; letter-spacing: 0.5px; }
#right a:hover {color: #9B1513;} 
#right img[src*='sprachreisen.jpg'] {margin-left: -8px;}
#right img.rahmen {border: 4px solid whitesmoke; transition: 0.5s ease;}
#right img.rahmen:hover {opacity: 0.85; border: 4px solid white; transform: rotate(0.2deg);}
#contentcontainer {background: rgba(255,255,255,0.6); padding-bottom: 20px; margin-top: 8px; box-shadow: 2px 3px 3px rgba(0,0,0,0.5);}
#content {background: white; margin: 60px; margin-top: 0px; padding: 20px;}
#content table {width: auto;}

#content .Stil2, #content a.Stil1, #content a.Stil4 {color: #C84449; text-decoration: none; font-weight: bold; font-size: 16px; padding: 2px; letter-spacing: 0.5px; }
#content a.Stil2:hover , #content a.Stil1:hover, #content a.Stil4:hover {color: #C84449;} 

#content h1 {font-weight: normal;}

#content ul {list-style-type: none;}
#content ul li:before {content: '\25C9    '; color: #C84449;}
#content ul li ul li:before {content: '\25C9    '; color: C84449;}
#content ul li.DPLI:before {content: '\27A9 ';}
#content ul li.DPLI a, #content a.DPLI {color: white; background: #C84449; display: inline-block; padding: 5px; margin-top: 5px; margin-left: 5px; border-radius: 3px;}
#content ul li.DPLI a:hover, #content a.DPLI:hover {filter:brightness(110%); color: white;}

#content table {border: none; background: #E5E5E5; color: black; width: 707px;}
#content table p {padding: 5px;}

.textImg {display: none;}

.unavailable {opacity: 30%;}

#map_container {
	position: relative;
	padding-top: 70%;
}
#map {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
}

a {text-decoration: none; color: #3774AA;}
a:hover {color: #1C5F9B;}

#footer {background: #C84449; box-shadow: 2px 3px 3px rgba(0,0,0,0.5);}
#footer h1 {margin: 8px 0 50px 0;}
#footer h1 a {color: whitesmoke; text-decoration: none; font-size: 18px; display: inline-block; padding: 10px 20px; text-transform: uppercase; font-weight: 400;}
#footer h1 a:hover {color: white;}


/************************
***** MEDIA QUERIES *****
************************/

@media screen and (max-width: 1160px) {
#banner h1 {margin-right: 0px; border: none;}
#navlist li a[href*='index'] {padding-left: 6px;}
}

@media screen and (max-width: 980px) {
#banner h1 {height: 45px; padding-top: 5px;}
#banner h1 br {display: block;}
#banner h1 span.minus {display: none;}
#content table {width: 100%;}
#content {margin-left: 15px;}
}

@media screen and (max-width: 890px) {
#topnavlist {margin: 45px 35px 45px 0;}
#banner img {margin: 10px 0 0 10px;}
#topnavlist li a {padding: 6px; font-size: 16px; margin-left: 5px;}
}

@media screen and (min-width: 780px) {
#navlist {display: block !important;}
}

@media screen and (max-width: 780px) {
body {background-image: none; background: #336D9D;}
#contactInfo {display: block;}
#contactInfo p {margin: 0; padding: 10px; text-align: center; background: whitesmoke; border-bottom: 4px solid #C84449;}
#contactInfo a {color: #1E1F1F !important; text-decoration: none; font-weight: bold;}
#contactInfo .nobreak {white-space: nowrap;}
#banner {text-align: center; margin-top: 0; height: auto; box-shadow: 2px 3px 3px rgba(0,0,0,0.5); background: white;}
#banner h1 {display: none;}
#banner img {margin: 0; width: 100%; max-width: 380px;}
#topnavlist {display: none;}
#navigation {background: whitesmoke;}
#navlist {display: none;}
#navlist li {display: block; border-top: 1px solid #474444;}
#navlist li a.hidden {display: block;}
#reMenuButton {display: block; text-align: right;}
#menuButton {font-size: 35px; text-decoration: none; color: #1E1F1F; margin: 0; padding-right: 16px; display: block; border-top: 4px solid #C84449;}
#right {width: 30%;}
#right > p {width: auto;}
img.rahmen {width: 100%; height: auto;}
iframe {height: 60vw;}
a[rel*='lightbox'] {pointer-events: none;}
#footer h1 {margin: 8px 0px;}
}

@media screen and (max-width: 550px) {
body, html {-webkit-text-size-adjust: 100%;}
#right {display: none;}
.textImg {display: block; margin: 0 auto; width: 100%; height: auto; max-width: 265px;}
.textImg[src*='sprachreisen.jpg'] {max-width: 165px;}
#content {margin: 0 15px 0px 15px;}
}

@media screen and (max-width: 450px) {
#content {margin: 0;}
#contactInfo {font-size: 12px;}
}

/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(css/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: inline;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(css/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(css/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(css/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}