@charset "utf-8";
/*Simplify width and heigh calculations */
html{
	box-sizing: border-box;
}
*, *:before,
*:after {
	box-sizing: inherit;
}
body {
	margin: 0;
	color: #4B4B4B;
	font-weight: 400;
	font-style: normal;
	font-size: 15px;
	background-attachment: scroll;
	-webkit-box-shadow: 0px 0px;
	box-shadow: 0px 0px;
	background-color: #EFF5F8;
	background-image: url(C:%5CUsers%5CZentrale%5CDocuments%5CMaurits%20Website%20Programmierung%5CVideo-Website%5Cimages%5C);
}



#wrapper {
	width: 100%;
	margin: 0 auto;
	max-width: 1000px;
	background-color: white;
}
.abstandzmenü {
	margin-top: 20px;
}

h1 {
	margin-bottom: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 2.5em;
	text-transform: uppercase;
	margin-top: 0px;
	text-align: center;
}
.titel_mitte {

}

h2 {
	margin-top: 0.5em;
	font-size: 2.25em;
}
h3 , h4{
	color: #1E1E1E;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
}


h1, h2 {
	color: #1E1E1E;
	font-style: normal;
	font-weight: 400;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
}
p {
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
}

li a {
	font-weight: 500;
	text-decoration: none;
	font-size: large;
	border-radius: 0;
	background-color: #FFFFFF;
}
li a:hover {
	background-color: #828282;
	color: #FF9927;
}

a:active, a:focus {
	color: #FFFFF;
}
#thispage {
	color: #F86769;
}
.container-fluid .navbar-header .navbar-toggle.collapsed {
	background-image: url(../images/menu_sandwich.png);
	border-style: solid;
	border-width: thick;
	border-radius: 10px;
	background-position: 0% 33%;
	background-size: cover;
	background-repeat: no-repeat;
}
.container-fluid .navbar-header .navbar-toggle {
	background-image: url(../images/menu_sandwich.png);
	background-size: cover;
	background-position: 0% 33%;
	background-repeat: no-repeat;
}








main, aside {
	margin-left: 4%;
	margin-right: 4%;
}
#wrapper #hero img {
	width: 100%;
	display: block;
}
main figure {
	width: 400px;
	max-width: 92%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}
figure img {
	max-width: 100%;
}
figcaption {
	display: block;
	margin-top: 0.5em;
	font-size: 0.75em;
	text-transform: uppercase;
	text-align: center;
}
footer {
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #1E1E1E;
	color: white;
	font-size: 0.8em;
	text-align: center;
	clear: left;
}

aside {
	width: 60%;
}
aside2 {
	width: 28%;
	margin-left: 0px;
}
aside, aside2 {
	margin-top: 30px;
	margin-bottom: 30px;
	float: left;
}
.nav.navbar-nav .active #thispage {
	color: #F92528;
}
#hero {
	width: 100%;

}
.bild_rund {
	border-radius: 30px;
}




























@media (min-width: 768px){
.container-fluid .navbar-header .navbar-brand {
	position: absolute;
	top: -80px;
	opacity: 0;
	z-index: 1000;
}
.index_floatright   {
	width: 55%;
	float: right;
}
.e_index_floatright   {
	width: 45%;
	float: right;
	margin: 0;
}
.index_floatleft   {
	margin: 0;
	width: 40%;
}
.e_index_floatleft   {
	margin: 0;
	width: 45%;
}
#left {
	width: 41%;
	margin: 0;
	float: left;
}
#right {
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 6%;
	margin-bottom: 0px;
	width: 42%;
	float: right;
}
nav .container-fluid #defaultNavbar1 {
	background-color: #636363;
	margin-left: -15px;
	margin-right: -15px;
	padding-left: 30px;
	padding-right: 50px;
	background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,1.00) 0%,rgba(184,184,184,1.00) 6.21%,rgba(39,38,38,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(0,0,0,1.00) 0%,rgba(184,184,184,1.00) 6.21%,rgba(39,38,38,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(0,0,0,1.00) 0%,rgba(184,184,184,1.00) 6.21%,rgba(39,38,38,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(0,0,0,1.00) 0%,rgba(184,184,184,1.00) 6.21%,rgba(39,38,38,1.00) 100%);
}
nav .container-fluid #defaultNavbar1 ul li a.dropdown-toggle  {
	color: rgba(255,255,255,1.00);
	background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,1.00) 0%,rgba(184,184,184,1.00) 6.21%,rgba(39,38,38,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(0,0,0,1.00) 0%,rgba(184,184,184,1.00) 6.21%,rgba(39,38,38,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(0,0,0,1.00) 0%,rgba(184,184,184,1.00) 6.21%,rgba(39,38,38,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(0,0,0,1.00) 0%,rgba(184,184,184,1.00) 6.21%,rgba(39,38,38,1.00) 100%);
	background-color: #636363;

}
nav .container-fluid #defaultNavbar1 ul li a:hover {
	color: #4D9EFF;
	background-color: #636363;
	font-weight: 500;
	background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,1.00) 0%,rgba(184,184,184,1.00) 6.21%,rgba(39,38,38,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(0,0,0,1.00) 0%,rgba(184,184,184,1.00) 6.21%,rgba(39,38,38,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(0,0,0,1.00) 0%,rgba(184,184,184,1.00) 6.21%,rgba(39,38,38,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(0,0,0,1.00) 0%,rgba(184,184,184,1.00) 6.21%,rgba(39,38,38,1.00) 100%);

}
.hintergrund {
	background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,1.00) 0%,rgba(184,184,184,1.00) 6.21%,rgba(39,38,38,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(0,0,0,1.00) 0%,rgba(184,184,184,1.00) 6.21%,rgba(39,38,38,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(0,0,0,1.00) 0%,rgba(184,184,184,1.00) 6.21%,rgba(39,38,38,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(0,0,0,1.00) 0%,rgba(184,184,184,1.00) 6.21%,rgba(39,38,38,1.00) 100%);
	color: #FFFFFF;
}
.nav.navbar-nav .dropdown .dropdown-menu {
	background-color: #FFFFFF;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.letzter {
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(216,216,216,1.00) 73.05%,rgba(30,30,30,1.00) 100%,rgba(0,0,0,1.00) 100%,rgba(0,0,0,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(216,216,216,1.00) 73.05%,rgba(30,30,30,1.00) 100%,rgba(0,0,0,1.00) 100%,rgba(0,0,0,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(216,216,216,1.00) 73.05%,rgba(30,30,30,1.00) 100%,rgba(0,0,0,1.00) 100%,rgba(0,0,0,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(216,216,216,1.00) 73.05%,rgba(30,30,30,1.00) 100%,rgba(0,0,0,1.00) 100%,rgba(0,0,0,1.00) 100%);
	margin-bottom: -7px;
}
#teil1 {
	width: 19%;
	float: left;
}
#teil2 {
	width: 19%;
	float: left;
}
#teil3 {
	width: 19%;
	float: left;
}
#teil4 {
	width: 22%;
	float: left;
}
#teil5 {
	width: 21%;
	float: left;
}
#links_groß {
	width: 70%;
	float: left;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
}
#rechts_klein {
	width: 27%;
	float: right;
	border: 2px double #000000;
	border-radius: 10px;
	padding-left: 5px;
	padding-right: 5px;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
}

#ürundgang {
	visibility: hidden;
}
.timeline {
	margin-left: 29px;
	margin-top: -10px;
}
#droste_kleiner {
	width: 45%;
}
#carlina_kleiner {
	width: 14em;


}

.flagge_gb {
	width: 3em;
	margin-top: 32px;
	margin-left: -200em;
	margin-right: 14em;
	float: right;
}
.flagge_dt {
	width: 2.3em;
	margin-top: 32px;
	float: right;
	margin-right: 11em;
	margin-left: -109em;
}
.flagge_it {
	width: 2.3em;
	margin-top: 32px;
	margin-left: -50em;
	margin-right: 7em;
	float: right;
}
.flagge_fr {
	width: 2.3em;
	float: right;
	margin-top: 32px;
	margin-left: -50em;
	margin-right: 0.3em;
}
.flagge_nl {
	width: 2.3em;
	float: right;
	margin-top: 32px;
	margin-left: 1em;
}
.flagge_sw {
	width: 2.3em;
	margin-left: -50em;
	margin-top: 33px;
	float: right;
	margin-right: 10.5em;
}

#ritter_zugbruecke {
	float: right;
	margin-left: 31px;
	margin-top: 20px;
}
.belebte_burg_daten {
	margin-left: 4em;
}
















































}

@media (max-width: 767px){
.container-fluid .navbar-header .navbar-brand {
	font-weight: 600;
	font-size: 200%;
	color: #1E1E1E;
	position: absolute;
	top: -80px;
}
nav .container-fluid #defaultNavbar1 {
	position: absolute;
	width: 100%;
	background-color: rgba(0,0,0,0.75);
}

#wrapper aside {
	float: none;
	width: 90%;
}
#wrapper aside2 {
	width: 90%;
	margin-left: 4%;
	margin-top: 0px;
}
nav .container-fluid #defaultNavbar1 ul li  {
	width: 108%;
	margin-left: -15px;

}
nav .container-fluid #defaultNavbar1 ul li a {
	color: rgba(0,0,0,1.00);

}
nav .container-fluid #defaultNavbar1 ul li a:hover {
	color: #4D9EFF;
	background-color: #636363;
	font-weight: 500;
	background-image: -webkit-linear-gradient(270deg,rgba(220,220,220,1.00) 0%,rgba(152,152,152,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(220,220,220,1.00) 0%,rgba(152,152,152,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(220,220,220,1.00) 0%,rgba(152,152,152,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(220,220,220,1.00) 0%,rgba(152,152,152,1.00) 100%);

}
nav .container-fluid #defaultNavbar1 {
	background-color: #FFFFFF;
	margin-left: -15px;
	margin-right: -15px;
	padding-left: 30px;
	padding-right: 50px;
}
nav .container-fluid .navbar-header {
	background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,1.00) 0%,rgba(184,184,184,1.00) 6.21%,rgba(39,38,38,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(0,0,0,1.00) 0%,rgba(184,184,184,1.00) 6.21%,rgba(39,38,38,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(0,0,0,1.00) 0%,rgba(184,184,184,1.00) 6.21%,rgba(39,38,38,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(0,0,0,1.00) 0%,rgba(184,184,184,1.00) 6.21%,rgba(39,38,38,1.00) 100%);
}
.nav.navbar-nav .dropdown .dropdown-menu {
	margin-left: 30px;
}
#lastone {
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(216,216,216,1.00) 73.05%,rgba(30,30,30,1.00) 100%,rgba(0,0,0,1.00) 100%,rgba(0,0,0,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(216,216,216,1.00) 73.05%,rgba(30,30,30,1.00) 100%,rgba(0,0,0,1.00) 100%,rgba(0,0,0,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(216,216,216,1.00) 73.05%,rgba(30,30,30,1.00) 100%,rgba(0,0,0,1.00) 100%,rgba(0,0,0,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(216,216,216,1.00) 73.05%,rgba(30,30,30,1.00) 100%,rgba(0,0,0,1.00) 100%,rgba(0,0,0,1.00) 100%);
	margin-bottom: -7px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 110%;
}
#ürundgang1 {
	visibility: collapse;
	opacity: 0;
	position: absolute;
}
#carlina_rechts {
	margin-left: 7em;
}

.timeline {
	margin-top: -10px;
	margin-left: 30px;
}
.flagge_gb {
	width: 3em;
	margin-left: -109em;
	margin-right: 14em;
	float: right;
}
.flagge_dt {
	width: 2.3em;
	float: right;
	margin-right: 11em;
	margin-left: -109em;
}
.flagge_it {
	width: 2.3em;
	margin-left: -20em;
	margin-right: 7em;
	float: right;
}
.flagge_fr {
	width: 2.3em;
	float: right;
	margin-left: -20em;
	margin-right: 0.3em;
}
.flagge_nl {
	width: 2.3em;
	float: right;
	margin-left: 1em;
	margin-top: 0px;
}
.flagge_sw {
	width: 2.3em;
	margin-right: 10.5em;
	margin-left: -20em;
	float: right;
}

#ritter_zugbruecke {
	margin-left: 10%;



}


























}
#footer_main {
	width: 60%;
	text-align: right;
	margin: 0;
	float: left;
}
#footer_aside {
	margin: 0;
	float: left;
	padding-left: 160px;

}
#main_image {
	width: 100%;
}
#audio {
	margin-left: 5%;
	z-index: -1000;

}

@media (min-width:900px){
.floatright {
	float: right;
	margin-top: -20px;
	margin-left: 5px;
}
.floatright_klein {
	float: right;
	width: 35%;
	margin-bottom: -20px;
	margin-left: 5px;
}


}
.google_maps {
	position: relative;
	padding-bottom: 30%;
	margin-bottom: 3%;
	height: 0;
	overflow:hidden;
}
.google_maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	visibility: visible;
}
#Tabelle {
	width: 100%;
}

.round_image {
	width: 10%;
	border-radius: 500px;
	-webkit-box-shadow: 0px 0px;
	box-shadow: 0px 0px;
	margin-left: 20px;
	margin-right: 20px;
}
.round_image:hover {
	width: 15%;
	-webkit-transition: all 500ms linear;
	-moz-transition: all 500ms linear;
	-ms-transition: all 500ms linear;
	-o-transition: all 500ms linear;
	transition: all 500ms linear;
}

.responsive-video {
	max-width: 100%;
}


.elastic-video { 
    position: relative; 
    padding-bottom: 55%; 
    padding-top: 15px; 
    height: 0; 
    overflow: hidden;
} 

.elastic-video iframe { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%;
} 

#droste_bild {
	padding-left: 10%;
}
.eintrittspreise {
	margin-left: -2%;
	padding: 0;
	width: 108%;
}
.droste_figure {
	width: 100%;
}
.palas_panorama {
	width: 100%;
	height: 25em;
}
.flagge_sw {
}
