@import "bootstrap.min.css";

* { margin:0; padding:0; }

/*#########################################################################*/
/*Seiten Styles*/

p.BreadCrumb {font-size: 10pt; color: #eae964; margin-top: -20px; padding-bottom: 10px;margin-left: 100px; margin-bottom: 4px;width: 1000px;}
p.Button {font-size: 10pt; color: #eae964; margin-top: 100px; padding-bottom: 10px;margin-left: 100px; margin-bottom: 4px;}


body {
  font-family: 'Open Sans', sans-serif;
  font-size:14px;
	line-height:20px;
	color:#dce3f4;
	background: #353535 ;
  overflow:scroll;
  overflow-x: auto;
}


body.kontakt {
  overflow:visible;
	background: #353535 ;
	padding:10px;
}

.well box {
  background-color: #1f1f1f;

}

.color-background {
  /*background-color: #1f1f1f;*/
  padding-right:3px;
 /* border: 8px solid #1f1f1f; */
 /*background-image: url(images/background.png);*/
}

.box-corner {
  border-radius: 8px;
}

.footer-backgorund {
  height: 45px;

  border-radius: 8px;
  /* background-image: url(images/bg_footer.png);*/
}

.content-background {
  min-height: 550px;
  /*background-color: #1f1f1f;*/
  padding:10px;
  margin-left:-10px;   !important;
  border-radius: 8px;
}

.content-margin {
   margin-left: 0px;
   margin-right: 0px; !important;
   padding-top: 3px;
   padding-left: 10px;

}

.logo img{
	width: 400px;
}

.infobox-small{
	width: 250px;
}

.infobox-medium{
	width: 350px;
}

.infobox-large{
	width: 600px;
}

.header-container{
	width: 100%;
	height: 133px;
  z-index: 1001;
}

.header-background {
  height: 133px;
	background-image: url('images/bg_header.png');
	background-repeat: repeat;
}

.header-phone{
	width: 100%;
	height: /0px;
	background-image: url('images/header_background.png');
	background-repeat: repeat;
  z-index: 1001;
}

.content-container{
	padding-top: 0px;
}

.footer-container{
	width: 100%;
	min-height: 50px;
	padding-bottom:0px;
	color: #505050;
}

.footer-container .container {
 background-image: url('images/header-bg.png');
	background-repeat: repeat;
}

.footer-container ul{
	list-style: none outside none;
	margin-left: 0px;
}

.copyright {
 color: #ffffff;
 height:30px;
 padding-top:10px;
}

.right-menu, .left-menu{
	width: 220px;
	margin-left:10px; !important;


}

.content{
	width: 670px;
}


.well{
	padding: 0px;
 background-color: #2c2c2c;
	border: 1px solid #afafaf;
	margin-top: 6px;
	width: 240px;
}

.search-sidebar{
	margin-left: 10px;
  height: 30px;
  margin-bottom: 5px;
}

.input-suchfeld {
	width: 186px !important;
	border: 1px solid #afafaf;  !important;
}


.box{
  margin-left: 10px;
  margin-right: 10px;
	padding: 10px;
	color: #0088CC;
}

.box-header{
	border-bottom: 1px solid #0088CC;
	font-size: 18px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	color: #0088CC;
}

.odd{
	background-color: #F8F8F8;
}
.left{
	float: left;
}

.right{
	float: right;
}

.red{
	background-color: #bd1d1f !important;
}

.pagination {margin:0px; !important;}

/*#########################################################################*/
/*Bildschirmauflösungen*/

@media (max-width: 1199px) {

  .content-margin{
    width: 700px;
  }

  .seiten-navigation {
    width: 100%;
  }

  .right-menu, .left-menu{
    width: 200px;
  }

.input-suchfeld {
	width: 125px !important;
}


  .well{
    width: 180px;
  }


  .content-orm{
  	width: 720px;
  }

}

@media (max-width: 979px) {

  .content-margin{
  	width: 97%;
  }


.content-background {
   min-height: 730px; !important;
 }

  .right-menu, .left-menu{
  	width: 200px;
  }

  .well{
  	width: 170px;
  }

}

@media (max-width: 767px) {

	body{
		padding: 0px;
	}

	.header-container{
		position: relative
	}

	.content-margin{
		width: 100%;

	}

	.content-container{
		padding: 10px;
	}

	.logo{
		text-align: center;
		margin-bottom: 0px;
	}

	.left-menu, .right-menu, .well {
    margin-left: 0px !important;
		width: 95%;
	}



	.content-background {
   min-height: 370px; !important;
 }

	.logo img { max-width: 90%; margin-top: 0px;}

}

/*#########################################################################*/
/*Listen Styles*/

ul.standard {
  margin-top: 15x;
  margin-bottom: 5px;
  margin-left: 15px;
}

li.standard {
  list-style-image: url('images/liste.png');
}

ul.unterthemen {
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: 35px;
}


ul.navigoberthemen {
  margin-bottom: 0px;
  margin-left: 15px;
}

ul.navigunterthemen {
  margin-top: 5px;
  margin-left: 30px;
}

li.navi {
  font-size: 9pt;
  list-style-image: url('../css/images/leer.png');
}

li.link {
  margin-bottom: 3px;
  margin-left: -20px;
  list-style-image: url('images/link.png');
}

li.partnerlink {
  list-style-image: url('images/link.png');
  font-size:12px;
}

li.neu  {margin-left: 5px; list-style-image: url('images/neu.png');}
li.aktualisiert  {margin-left: 5px; list-style-image: url('images/aktualisiert.png');}

/*#########################################################################*/
/*Tabelle Styles*/

.table-striped {
  background-color:#f9f9f9; !important;
}

table.center {
  margin-left:auto;
  margin-right:auto;
}

table.nav
{
  height: 10px;
  margin-bottom: 0px;
}

td.nav {
  padding-top: 3px;
  vertical-align:middle;
}


td.content {
  background: #c2c9d4;
}




td {
  vertical-align: top;
}

td.standard {
  padding: 3px;
}

.table_bottom {
  margin: 3px;
}

/*#########################################################################*/
/*Link Styles*/

a {color: #9fe0ff; text-decoration:none; !important;}
a.fett {font-weight:bold;!important;}
a:hover{color: #9fe0ff; text-decoration: underline; !important;}

a.indexlink{border-bottom: 1px dotted;}

a.hilfe { color: #dce3f4; cursor: help; border-bottom: 1px dotted;}
a.hilfe:hover {text-decoration :none;}

a.nav {font-size:14px; padding: 3px;  !important;}

a.bottomlink {font-size:12px; color: #ffffff; !important;}
a.bottomlink:hover{text-decoration: underline;!important;}

a.partnerlink {font-size:13px; !important;}
a.partnerlink:hover{text-decoration: underline;}

a.BreadCrumbLink {color:#72855; font-size: 9pt;}

a.panopopup{ background-image:url(images/panopopup.png);  width:18px;  height:18px; display:inline-block; }
a.panopopup:hover{ background-image:url(images/panopopuphover.png);}

a.panovollbild{ background-image:url(images/panovollbild.png);  width:18px;  height:18px; display:inline-block; }
a.panovollbild:hover{ background-image:url(images/panovollbildhover.png);}

a.panomobil{ background-image:url(images/panomobil.png);  width:18px;  height:18px; display:inline-block; }
a.panomobil:hover{ background-image:url(images/panomobilhover.png);}

a.googlemaps{ background-image:url(images/maps.png);  width:18px;  height:18px; display:inline-block; }
a.googlemaps:hover{ background-image:url(images/mapshover.png);}

a.panotour{ background-image:url(images/flash.png);  width:18px;  height:18px; display:inline-block; }
a.panotour:hover{ background-image:url(images/flashhover.png);}


/*#########################################################################*/
/*Footer Styles*/

#footer a {
  color: #FFFFFF;
  font-size: 8pt;
  text-decoration: none;
}

#footer a:hover {
  text-decoration: underline;
}

/*#########################################################################*/
/*Button Styles*/

#Buttons{
  max-width: 1224px;
  height: 15px;
  margin-left: 0px ;
  background:url(images/bg_button.png)  ;
  text-align:center;
  border-radius: 8px;
  overflow:visible;
  padding-top: 7px;
}

#Buttons ul {
   padding-top: 7px;
  padding-left: 0px;
  margin: 0px;
}




/*#########################################################################*/
/*Text Styles*/

h1,h2,h3,h4,h5,h6{
	padding-left: 0px;
	line-height: 28px;
	color: #dce3f4;
}

h1 {
	font-size: 20px;
	font-weight:400;
	text-transform: none;
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}
h2 {
	font-size: 16px;
	margin-top: 0px;
	font-weight: 400;
	line-height: 22px;
	text-transform: none;
	}
h3 {
	font-size: 14px;
	line-height: 22px;
	font-weight:400;
}
h4 {
	font-size: 12px;
	font-weight:400;
}

.breadcrumb {
  font-size: 9pt;
  margin: 0 0 0px; !important;
  padding: 5px; !important;
  height: 15px; !important;
  color: #9fe0ff;  !important;
}

.breadcrumb-background {
  margin-right: -2px;
  padding-bottom: 5px;
  margin-bottom: 5px;
  background-color: #2c2c2c;
  border-radius: 8px;
}

.text-rot {
  color: #ff0000;
}

.text-fett {
  font-weight: bold;
}

.text-glossar {
  color: #272855;
  font-size:9pt;
  line-height:15px;
}

.text-klein {
  font-size:9pt;
  line-height:20px;
}

.text-bottomdotted {
  border-bottom: 1px dotted;
}

.rand-15 {
  margin: 15px
}

.rand-20 {
  margin: 20px
}

.urheber {
  font-size:8pt;
  font-style:italic;
  text-align: center;
  margin-top: -1px;
  padding-top: 3px;
}
.input-xxxlarge {
  width:85%  !important;
}

.input-kontakt {
  width:99%  !important;
}

/*#########################################################################*/
/*Navibutton-Styles*/

a.NavigationKopfAufwaerts { background-image:url(../css/images/nav_aufwaerts.png);  width:28px;  height:28px;  display:inline-block;}
a.NavigationKopfAufwaerts:hover {background-image:url(../css/images/nav_aufwaerts_hover.png);}

a.NavigationKopfWeiter { background-image:url(../css/images/nav_weiter.png);  width:28px;  height:28px;  display:inline-block;}
a.NavigationKopfWeiter:hover {background-image:url(../css/images/nav_weiter_hover.png);}

a.NavigationKopfZurueck { background-image:url(../css/images/nav_vorher.png);  width:28px;  height:28px;  display:inline-block;}
a.NavigationKopfZurueck:hover {background-image:url(../css/images/nav_vorher_hover.png);}

a.NavigationFussSeitenanfang { background-image:url(../css/images/nav_unten_seitenanfang.png);  width:28px;  height:28px;  display:inline-block;}
a.NavigationFussSeitenanfang:hover {background-image:url(../css/images/nav_unten_seitenanfang_hover.png);}

a.NavigationFussWeiter { background-image:url(../css/images/nav_unten_weiter.png);  width:28px;  height:28px;  display:inline-block;}
a.NavigationFussWeiter:hover {background-image:url(../css/images/nav_unten_weiter_hover.png);}

a.NavigationFussZurueck { background-image:url(../css/images/nav_unten_vorher.png);  width:28px;  height:28px;  display:inline-block;}
a.NavigationFussZurueck:hover {background-image:url(../css/images/nav_unten_vorher_hover.png);}


/*#########################################################################*/
/*Sonstige-Styles*/

hr {background-color:#dce3f4;border:#0088CC;height:1px;width:100%;margin-bottom:5px;margin-top:5px;}

.transparent-08 {
  opacity: 0.8;
}

.AbstandBildUntereinander {
  margin: 5px
}