/* CSS Document */

* {
		margin: 0;
		padding: 0;
}



/* Demo Styles */
.swiper-container {
	width: 180px;
	/*height: 555px;*/
	color: #F00;
	text-align: left;
	margin-left: -30px;
  	padding-left: 30px;
}


.swiper-slide {
	/*background-color: #6F0;*/
	padding: 0px;	
	width: 180px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.swiper-slide .title {
  font-style: italic;
  font-size: 42px;
  margin-top: 80px;
  margin-bottom: 0;
  line-height: 45px;
}
.swiper-slide p {
  font-style: italic;
  font-size: 25px;
}
.pagination {
	position: absolute;
	z-index: 200;
	 left: 0px;
	bottom: 5px;
	
}
.paginationxx { left: 10px; bottom: 5px; }

.swiper-pagination-switch {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #555;
  margin: 0 0px 5px;
  opacity: 0.8;
  border: 1px solid #fff;
  cursor: pointer;
}
.swiper-active-switch {
  background: #fff;
}

.swiper-wrapper {
	/*height: 555px;*/
	width: 180px;
	overflow: hidden;
	/*background-color: #C60;*/
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.swiper-wrapper img
{
	width: 69px;
	height: 69px;
	margin-right: 11px;
	margin-bottom: 11px;
	border: 1px solid #999;
}
.swiper-wrapper .bildp {
	width: auto;
	height: 69px;
	margin-right: 11px;
	margin-bottom: 11px;

}

.swiper-wrapper img:hover, .swiper-wrapper a:focus img, .swiper-wrapper .current img
{
	border: 1px solid #FFF;
}

  


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	background-color: #0e0e10;
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
html {

	-webkit-text-size-adjust: none; 
}
a {
	color: #ff6633;
	text-decoration: none;

}

a:hover, #seitenindex .current {
  color: #ffcc00;
}
a:focus {
	border: 1px solid #FF6633;
	border: none;
}


#hg {
	/*background-color: #FF0;*/
	background-color: #0e0e10;
	width: 3600px;
}

#header {

	margin-right: auto;
	display: table-cell;
	/*	white-space: nowrap;*/
}
#nav0b
{
  display: none;
}


#nav1 {
	/*background-color: #FF0;*/
	width: 170px;
	/*height: 500px;*/
	float: left;
}

#nav1 h1 {
	width: 120px;
	margin-left: 0px;
	margin-bottom: 20px;
	text-align: right;	
}
#nav2 {
	/*background-color: #0Ff;*/
	text-align: left;
	margin-right: 20px;
	width: 170px;
	float: left;
}
#nav2 h1 {

  margin-bottom: 20px;

	
}
#rechts {
	/*background-color: #0Ff;*/
	height: 500px;
	float: left;
	width: 100%;
	display: none;
}

h1{
  font-size: 14px;
  font-weight: bold;
  color: #ff6633;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}
h2 {
  font-size: 13px;
  color: #ff6633;
  font-weight: normal;

}
#logo {
	margin-left: -10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#m1 {
	position:absolute;
	right:10px;
	top:5px;
	z-index: 1000;
	display: none;
}
#kopfnavi #angebot { display: none; margin-top:10px}


/*Kopfnavi */
#kopfnavi {
	margin-top: 3px;
	text-decoration: none;
	padding-left: 170px;
	margin-bottom: 30px;
	height: 18px;
	border-bottom: 1px solid;
	border-bottom-color: #FF6633;
	border-top: 1px solid;
	border-top-color: #FF6633;
	padding-top: 0px;
	font-size: 12px;
	background-image: url(bf_underline.jpg);
	background-repeat: repeat-y;
	width: auto;
}
#kopfnavi li {
		line-height: 18px;
		display: inline;
		color: #FFCC66;
}

#kopfnavi  li  a{

		text-decoration: none;
		color: #FF6633;
}
#kopfnavi li a:hover, #kopfnavi li a:focus {
		text-decoration: none;
		color: #FFCC66;
}

.senkrecht {
		color: #FF6633;
		display: inline;
		padding-left: 5px;
		padding-right: 5px;
}
#logokasten {
	height: 80px;
	background-repeat: no-repeat;
	background-position: left top;
	width: 300px;
	background-image: url(bf.jpg);
	margin-left: 0px;
	padding-left: 10px;
	background-color: #999;
}
.clr {
	background-color: #F00;
	clear: both;
	font-size: 0px;
	height: 0px;
}

  


/*///// Unternavigation /////////////////////*/
#navangebot{
	width: 120px;
	margin-bottom: 0px;
	min-height:473px;

}

#navangebot ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
  
#navangebot li{
	letter-spacing: 0.9px;
	line-height: 22px;
	font-size: 13px;
	font-weight: normal;
	text-align: right;
	margin-bottom: 8px;
	
  }

#navangebot a {
	display: block;
	width: 120px;
	height: 22px;
	color: #828282;
	border: 1px solid #828282;
	
	
}

#navangebot li  a:link, #navangebot  a:visited{
	color: #828282;
	text-decoration: none;
	padding-bottom: 0;
	font-weight: normal;
}
#navangebot li a:hover, #navangebot li a:focus {
	color: #FF6633;
	text-decoration: none;
	font-weight: normal;
	border: 1px solid #FF6633;
}
#navangebot li a#current{
	color: #FF6633;
	text-decoration: none;
	font-weight: normal;
	border: 1px solid #FF6633;
}
/* Navigation Links*/
#mainbox {
	width: 120px;
	margin-top: 23px;
	margin-left: 10px;
}


#fotogalerie {
	height: 25px;
	text-align: right;
	margin-bottom: 20px;
}


#boxaktual {
	width: 100%;
	margin-top: 20px;
	text-align: center;
}
#boxaktual h2{
	width: 120px;
	margin-top: 20px;
	text-align: center;
}
#Aktualisierung a   {
	display: block;
	width: 120px;
	color: #828282;
	border: 1px solid #828282;
	margin-top: 10px;
	font-size: 13px;
	text-decoration: none;
	line-height: 22px;
	margin-right: 10px;
}
  
  

/* CSS Document */


.seitenindex {
	font-size: 10px;
	color: #FD6500;
	width: 160px;
	height: 18px;
	letter-spacing: 2px;
	margin-top: 14px;
	background-color: #00C;
	clear: left;	
}

.aktive img{
	border: 1px solid #FFF;
}


#home .bildmen2 {
	width: auto;
	height: 120px;
	margin-right: 10px;
	margin-bottom: 10px;
	/*border: 1px solid #CCC;*/
}
#home .bildmen2:hover a, #home .bildmen2:focus {
	border: 1px solid #FCC;
}




#galmainbox {
	/*background-color: #00F;*/
	font-size: 13px;
	color: #999;
	height: auto;
	width: 655px;
	margin-left: 0px;
	text-align: left;
	float: left;
}
#galmainbox p {margin-bottom:10px;}
#galmainbox h1 { 
	  margin-bottom: 20px;
}



#galmainbox h2
{
  font-size: 13px;
  color: #ff6633;
   font-weight: normal;

  margin-top: 2px;

}


#galzentrierbox {
	height: auto;
	margin-right: auto;
	margin-left: 1px;
	/*overflow: hidden;*/
}
#galmainbox .galbox 
 {
	width: 650px;
	border: 1px solid;
	float: left;
	text-align: left;
	border-color: #666666;
	margin-bottom: 15px;
	font-size: 0.9em;
	line-height: 16px;
	color: #666666;
}

#galmainbox .galbox a img {
	border: 1px solid;
	padding: 2px;
	float: left;
	height: 130px;
	width: auto;
	margin-right: 10px;
	border-color: #0D0E10;
	display: inline;
}
  



/* CSS Document Bild*/
#bildbox {
	/*background-color: #00F;*/
	min-width: 400px;
	/*width: inherit;*/
	float: left;
	margin-right: auto;
	margin-left: 20px;
	margin-top: 0px;
	margin-bottom: 100px;
}
	
#bildbox h2 {
	font-size: 13px;
	color: #666666;
	border-bottom-color: #666666;
	/*width: 100%;*/
	min-width: 400px;
	background-color: #0E0E10;
	border-bottom: 1px solid;
	font-weight: normal;
	letter-spacing: 1.5px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	padding-bottom: 6px;
	line-height: 16px;
}
#bildbox a {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#bildbox img {
	margin-left: 0px;
	border: 1px none #F00;
	height: 500px;
	margin-bottom: 5px;
}
#bildbox .bildp {
	height: 350px;

}
#navibox {
		height: 23px;
		width: 180px;
		margin-left: 0px;
		position: relative;
}
.boxback {
		float: left;
		margin-left: 0px;
}
.ueberischtseite {
		float: right;
}
.boxnex {
		float: right;
		margin-right: 0px;
}
/**/
#navibox a:link {
		text-decoration: none;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.8em;
		font-weight: lighter;
		background-color: #131418;
		color: #999999;
		display: block;
		text-align: center;
		border: 1px solid;
		width: 80px;
		border-color: #999999;
		height: 18px;
		padding-top: 2px;
}
#navibox a:visited {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: lighter;
	background-color: #0E0E10;
	color: #999999;
	display: block;
	text-align: center;
	border: 1px solid;
	width: 80px;
	border-color: #999999;
	height: 18px;
	padding-top: 2px;
}
#navibox a:hover {
		text-decoration: none;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.8em;
		font-weight: lighter;
		background-color: #131418;
		color: #FF6600;
		display: block;
		text-align: center;
		border: 1px solid;
		width: 80px;
		border-color: #FF6600;
		height: 18px;
		padding-top: 2px;
}
#navibox a:active {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: lighter;
	background-color: #131418;
	color: #999999;
	display: block;
	text-align: center;
	border: 1px solid;
	width: 80px;
	border-color: #999999;
	height: 18px;
	padding-top: 2px;
}

.exifdaten {
	color: #CCCCCC;
	font-size: 10px;
	letter-spacing: 1.5px;
	background-color: #0D0E10;
	font-style: normal;
	margin-left: 0px;
	margin-bottom: 20px;
	display: block;
	width: auto;
}
.hidden1 {
	display: none;
}

.videobox2 {
	width: 100%;
}	
	
.videobox {

	width: 188px;

	
	border: 1px solid;
	padding: 2px;
	float: left;
	height: 130px;
	/*width: auto;*/
	margin-right: 10px;
	border-color: #0D0E10;
	display: inline;
	
}
.bild1{
	width: 48%;
	height:auto;
	float:right;
	margin-left:4%;
	margin-bottom:10px;
	
}
.bild2 {
	width: 100%;
	height:auto;
}
.markierung {
  color: #cc0000;
}
	.desk {display:block;}
	.smart {display:none;}
/* Desktop small */
@media only screen and (min-width: 1124px) and (max-width: 3400px) {
	body {  }
	.swiper-container {width: 180px; height: 505px;  margin-left:-20px; padding-left:20px}
	.swiper-wrapper img { width: 69px; height: 69px; margin-right: 11px; margin-bottom: 11px; }
	.swiper-wrapperxx .bildp { width: 145px; height: 69px; margin-right: 11px; margin-bottom: 14px; }
	.swiper-wrapper .bildp {height: 71px; margin-right: 11px; margin-bottom: 11px; }


}
/* Desktop small */
@media only screen and (min-width: 1024px) and (max-width: 1123px) {
	body {  }

	#hg { margin-top:0px; }
	#header {  /* background-color: #fff;*/ }
	#nav1 { /*background-color: #FF0;*/ width: 140px; }
	#nav1 h1 { }
	#nav2 {width: 160px; margin-right: 0px; }
	#nav2 h1 { margin-bottom: 20px; }
	#navangebot{ min-height:223px; }
	
	#kopfnavi { padding-left: 141px; }
	.swiper-container {width: 160px; height: 470px;  margin-left:-20px; padding-left:20px; }
	.swiper-wrapper img { width: 64px; height: 64px; margin-right: 10px; margin-bottom: 10px; }
	.swiper-wrapper .bildp { height: 67px; margin-right: 10px; margin-bottom: 11px; }
	.pagination { left: 0px; bottom: 5px; }
	
	#bildbox { /*background-color: #00F;*/ margin-left: 0px; }
	#bildbox h2 { font-size: 12px; }
	#bildbox a { }
	#bildbox img {height: 470px; }
	.exifdaten { margin-bottom: 10px;  }

	
	

}

/* Tablet Portrait */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	body { width: 100%}
	
	#hg { width: 748px; }

	#header {width: 748px;   /*background-color: #ccf;*/}
	#nav2 {margin-left: 95px;}
	
	
	#galmainbox { width: 576px;/*background-color: #cc3;*/}
	#galmainbox .galbox { width: 100%; }
	
	.swiper-container {height: 159px; width: 520px;  margin-left:-20px; padding-left:20px; /*background-color: #ccc;*/}
	.swiper-wrapper {width:  159px;/*background-color: #cc3;*/}
	.swiper-slide {width:  159px;}
	.swiper-wrapper img { width: 67px; height: 67px; margin-right: 10px; margin-bottom: 10px; }

	#bildbox { width: 748px; margin-left: 0px; margin-top: 20px; 	/*overflow-y: hidden; background-color: #cfc; */ margin-bottom: 10px;}
	#bildbox .box{ width: 748px; margin: 0px;	overflow-y: hidden; /*background-color: #cfc; */}
	/*
	#bildbox h2 { min-width: 100px; width: 310px;}*/
	#bildbox img { width: auto; height: 498px; }
	#navangebot{ min-height:123px; }
	#boxaktual {display:none;}
}

/* Smartphone LandscapePortrait */
@media only screen and (min-width: 320px) and (max-width: 767px) {
	body { width: 100%;}
	#logo {height: 30px; width: auto;  margin-left: -4px; margin-bottom: 4px;  }
	#m1, #kopfnavi #angebot{ display: block; }
	#kopfnavi .senkrecht { display: none; }
	#kopfnavi {display:none; background-color: #000; height: auto; padding-left: 0px; margin-bottom: 30px; border-bottom: 1px solid; border-bottom-color: #FF6633; border-top: 1px solid; border-top-color: #FF6633; background-image: none; width: 100%;}
	#kopfnavi li { display: block; line-height: 24px; border-bottom: 1px solid; border-bottom-color: #FF6633; font-size: 14px;}
	#kopfnavi li a{ display: block;}
	#nav0b { display: block; float:right; margin-top: 5px;}
	#nav1 { display:none; margin-bottom: 0px; padding-bottom: 3px; }	
	#nav2 h1 {  margin-bottom: 10px; font-size: 10px;  line-height: 16px;}
	#bildbox h2 { border-bottom-width: 1px; border-bottom-style: none; margin-bottom: 10px; padding-bottom: 0px;  line-height: 16px; font-size: 10px;}	
	.swiper-wrapper, .swiper-slide {width: 100%;}
	.swiper-container {margin-right: 0px;  margin-left: 0px; padding-left: 0px;}	
	
	
	/*#galmainbox img {width: 100%; height:auto;}*/
	#galmainbox .galbox { width: 98%;}

	#navibox { height: 18px; }
	#navibox a:link { height: 14px; }
	.pagination, #boxaktual {display:none;}
	.desk {display:none;}
	.smart {display:block;}
	
	.videobox { width: 200px; height: 150px; }

}
/* Smartphone Landscape */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	body { width: 100%; }
	#hg {/*width: 100%;*/}
	#header {width: 100%; padding-right: 15px;/*width: 480px;  background-color: #cff;*/}
	#nav2 {margin-bottom: 100px; margin-right: 0px;  margin-left: 0px; width: 149px; height: 250px; padding:0px; }

	.swiper-containerxx {height: 250px; width: 84px;/*background-color: #ccc;*/}
	.swiper-wrapperxx {width: 84px;/*background-color: #cc3;*/}
	.swiper-slidexx {width: 84px;}
	.swiper-wrapperxx img { width: 33px; height: 33px; margin-right: 5px; margin-bottom: 3px; }
	
	
	.swiper-container {height: 250px; width: 160px;/*background-color: #ccc;*/}
	.swiper-wrapper {width: 160px;/*background-color: #cc3;*/}
	.swiper-slide {width: 160px;}
	.swiper-wrapper img { width: 43px; height: 43px; margin-right: 4px; margin-bottom: 4px; }
	.swiper-wrapper .bildp { height: 31px; margin-right: 4px; margin-bottom: 4px; }
	
	#galmainbox {width: 480px;  margin-right: 0px;/*background-color: #ccc;*/}
	#bildbox { min-width: 100px; margin-left: 10px;}
	#bildbox h2 { min-width: 100px; }
	#bildbox img, #bildbox .bildp  {height: 204px; }
	
	.exifdaten {display:none; margin-bottom: 4px; width: 320px}

}
/* Smartphone Portrait */
@media only screen and (min-width: 320px)  and (max-width: 479px) {	
	body { /*width: 100%;*/width: 310px;	margin-left: 5px; margin-right: 5px;}
	#hg { width: 320px; }
	#hg { width: 100%; }	
	#header {width: 310px;   /*background-color: #ccf;*/}
	#nav2 {margin-bottom: 10px; margin-right: 0px;  margin-left: 0px; padding:0px; }
	.swiper-container {height: 100px; width: 310px;/*background-color: #ccc;*/}
	.swiper-wrapper {width: 310px;/*background-color: #cc3;*/}
	.swiper-slide {width: 310px;}
	.swiper-wrapper img { width: 43px; height:43px; margin-right: 3px; margin-bottom: 3px; }
	.swiper-wrapper .bildp { height: 43px; margin-right: 6px; margin-bottom: 6px; }
	#galmainbox {width: 320px;  margin-right: 0px;/*background-color: #ccc;*/}
	#galmainbox .galbox a img {height: auto; width: 98%;/**/}
	#galmainbox .galbox div {float:left; }
	/*
	#galmainbox .galbox a img {height: auto; width: 33%;}
	#galmainbox .galbox div {width: 60%; float:left; }
	*/
	#bildbox { min-width: 100px; margin-left: 0px;}
	#bildbox h2 { min-width: 100px; /*min-height: 30px;*/ width: 310px; color: #fff;}
	#bildbox img, #bildbox .bildp {width: 302px;height: auto; }
	#bildbox .box {min-height: 230px; }
	.exifdaten { margin-bottom: 4px; width: 310px; min-height: 40px;}
	
	.bild1, .bild2 { width: 98%; float:none; margin-left:0px; 	margin-right:2%;}
	.videobox {  width: 310px; height: 210px; }

}