/* Desktop, feste Breite */



/* Zurücksetzen */

* {

	margin: 0;

	padding: 0;

}

html {

	background:none;

}



/**

 * Farbe, Typographie und elementares Layout

 * Farben:

 * - #f9f3e9 -> Beige (Hintergrund)

 * - #594846 -> Dunkelbraun (Text, Linien)

 * - #42628F -> Dunkelblau (Link-Text)

 * - #7b96bc -> Mittelblau (Navigation- und Footer-Hintergrund)

 */

body {

	background: #fff;

	font-family: "Segoe UI",Arial,Helvetica,sans-serif;

}

a, a:visited {

  color: #006699;

}

p {

  margin: 0.5em 0.25em;

}



dl {

  margin: 0 0.5em;

}

dt {

  font-weight: bold;

  margin: 0.5em 1em 0.5em 0;

  border-bottom: 1px solid #ccc;

}

.intro {

  font-size: 1.15em;

  line-height: 1.3em;

  text-align: justify;

  margin: 0.5em;

  font-weight: bold;

}

.navigation {

	height: 35px;

	background: #333 url(../images/nav-normal.png) repeat-x;

}

.navigation ul li {

  text-align: center;

  display: block;

  float: left;

  padding: 0.25em 0;

}

.navigation li a {

	font-size:0.8em;

  color: #f9f3e9;

  text-decoration: none;

}

.navigation li a:hover {

  color: #fff;

}

ul#Menu1 li a {color:#333;font-size:0.93em;line-height:1.1em;display:block;}

div.SideNavigation li a {color:#333;font-size:0.9em;line-height:1.1em;display:block;padding-bottom:1px;}

.header p {

  margin-left: -1000px;

}

#Form_Form_Adresse_Holder {
  display: none;
}

#social {margin: 12px 0;border-bottom:1px solid #ccc;width:100%;clear: both;height:40px;}

#social ul {list-style:none;max-width:auto;height:40px;float:right;}

#social ul li {padding:0;margin:0 1px;display: block;float: left;}

#social ul li a {display: inline;padding:3px;border:1px solid #ccc;cursor:pointer;width:130px;text-decoration:none;}

#social ul li a:hover {3px;border:1px solid #900;color:#900;}



#points ul {

  list-style-image: url(../images/point.png);

  margin: 0.5em 0 1em 0.5em;

  padding-left: 1em;

}

#points ul li {

  margin: 0.5em 1em;

}

.footer {

	border-top:1px solid #ccc;

	background-color: #fff;

	color: #ccc;

	text-align: right;

	font-size:0.8em;

	clear:both;

}

#GalleryPageContent {width:520px;float:left;}

.responsive-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0;
    overflow: hidden;
}
.responsive-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}







/* Struktur Desktop */

@media screen and (min-width:481px) {

	body, .header, .navigation, .footer {width:100%;}

	.header, .navigation, .footer {clear: both;}

	.container {max-width:980px;margin: 0 auto;}

	.column { margin: 10px 1% 0 0;}

	.navigation {background: #333 url(../images/nav-normal.png);height:36px;}

	.navigation ul {max-width:960px; margin:-4px auto 0 auto;border-left:1px solid #666;}

	.navigation ul li {padding: 0;}

	.navigation ul li a {font-size:1em;color:#efefef;display:block;background: #333 url(../images/nav-normal.png) repeat-x;padding:5px 10px;border-right:1px solid #666;height:26px;}

	.navigation ul li a:hover {color:#fff;background: #333 url(../images/nav-over.png) repeat-x;}

	.navigation ul li a.current,

	.navigation ul li a.section {color:#fff;background: #333 url(../images/nav-current.png) repeat-x;}

	

	.SideNavigation {float:left;width:25%;}

	.SideNavigation li {list-style-type:none;padding:4px 22px 4px 0}

	.SideNavigation li a {font-size: 0.9em;color: #000;text-decoration: none;font-weight: 600;}

	.SideNavigation li a:hover {color:#069;}

	.SideNavigation li a.current,

	.SideNavigation li a.section {color:#900;}

	.levelb {padding-left:8px;display:block;border-left:1px solid #ccc;font-size:0.8em!important;}

	#noNav {float:left;width:25%;}

	

	.typography {

		float: left;

		width: 75%;

	}

	

	.header {

	background: #fff;

	max-width:960px;

	margin:0 auto;

	}

	.header img {

	width:100%;

	hight:auto;

	}

	#visit {

	  width: 25%;

	  float: left;

	}

	#points {

	  width: 25%;

	  float: right;

	}

	#main {

	  margin: 40px 10px;

	}

	#MobileTitle {

		display:none;

	}

	img, object {

		max-width: 100%;

	}

	/* Search Results */

	#SearchResults li iframe, #SearchResults li img {display:none;}

	

}

/* Struktur Desktop */

@media screen and (max-width:900px) {

	.navigation {height: 72px;background: #333 url(../images/nav-double.png) repeat-x;}

	#GalleryPageContent {margin:0!important;}

	.responsive-video {
	    position: relative;
	    padding-bottom: 72.25%;
	    padding-top: 0px;
	    height: 0;
	    overflow: hidden;
	}

}

/* Struktur Mobile */

@media screen and (max-width:480px) {

	body, .header, .navigation, .footer {

	  width: 100%;

	}

	.header, .navigation, .SideNavigation .footer {

	  clear: both;

	}

	.container {

		width:100%;

	}

	.column {

	  margin: 10px 0;

	}

	.navigation {min-height: 25px;background:none;}

	.navigation ul {margin-top:-4px;}

	.navigation ul li {width: 50%;margin:0;padding:0;}

	.navigation ul li a {font-size:1em;color:#ccc;display:block;background: #333 url(../images/nav-normal.png) repeat-x;padding:5px 20px;border-right:1px solid #666;overflow:hidden!important;}

	.navigation ul li a:hover {color:#fff;background: #333 url(../images/nav-over.png) repeat-x;}

	.navigation ul li a.current,

	.navigation ul li a.section {color:#fff;background: #333 url(../images/nav-current.png) repeat-x;}



	.header {

	  background: #fff;

	}

	#noNav {display:none;}

	#social {padding-top:12px;}

	.SideNavigation {float:left;width:98%;padding:4px;margin-bottom:12px;}

	.SideNavigation li {list-style-type:none;}

	.SideNavigation li {

	border-bottom: 1px solid #a9a9a9;

	padding: 6px;

	background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#d3d3d3));

    background-image: -moz-linear-gradient(#f9f9f9, #d3d3d3);

    background-image: -ms-linear-gradient(#f9f9f9, #d3d3d3);

    background-image: -o-linear-gradient(#f9f9f9, #d3d3d3);

    background-image: -webkit-linear-gradient(#f9f9f9, #d3d3d3);

    background-image: linear-gradient(#f9f9f9, #d3d3d3);

}



.SideNavigation li:last-child {

	-webkit-border-bottom-right-radius: 9px;

	-webkit-border-bottom-left-radius: 9px;

	-moz-border-radius-bottomright: 9px;

	-moz-border-radius-bottomleft: 9px;

	border-bottom-right-radius: 9px;

	border-bottom-left-radius: 9px;

}

.SideNavigation li:first-child {

	-webkit-border-top-right-radius: 9px;

	-webkit-border-top-left-radius: 9px;

	-moz-border-radius-topright: 9px;

	-moz-border-radius-topleft: 9px;

	border-top-right-radius: 9px;

	border-top-left-radius: 9px;

}

	.SideNavigation li a {font-size:1.2em; color:#000;text-decoration:none;display:block;}

	.SideNavigation li a:hover,

	.SideNavigation li a.current,

	.SideNavigation li a.section {color:#900;}

	#visit, #points, #main {

	  width: 100%;

	}

	.SideNavigation li.ml {display:none;}

	

	.typography {padding:4px;}

	.typography h2 {font-size:1.4em;line-height:3em;height:20px;}

	img, object {

		max-width: 100%;

	}

	#MobileTitle {

	clear:both;

	width:100%;

	height: 26px;

	cursor:pointer;

	}

	#MobileTitle p {

	color: #069;

	font-size: 0.6em;

	line-height: 1em;

	float: right;

	vertical-align: text-bottom;

	}

	#MobileTitle img {

	margin:4px 8px;

	cursor:pointer;

	float: right;

	}

	.infoRechts { 

	clear:both;

	width:100%;

	float: left; 

	display:block;

	}

	#GalleryPageContent {margin:0!important;}

	#lightwindow_overlay {

	/*display: block!important;*/

	width:200%!important;

	}

	#lightwindow {

	/* REQUIRED */

	position:fixed;

	left:-100px!important;

	top:250px!important;

	/* REQUIRED */

	}

}