/* = Textgestaltung wird ueber editor_vorlagen.css geladen!
-----------------------------------------------------------------------------*/
@import url(editor_vorlagen.css);

/* = Formatierungen ruecksetzen
-----------------------------------------------------------------------------*/
li {
  margin: 0;
  padding: 0;
}

/* = Links
-----------------------------------------------------------------------------*/
a.sitemap {
  line-height : 1.8em;
  background: url(/b_grafik/bg_link_red.gif) no-repeat left;
  padding-left: 14px;
}

/* = Branding
-----------------------------------------------------------------------------*/

/* = Forms
-----------------------------------------------------------------------------*/
label {
  float: left;
  width: 140px;
  margin-top: 4px;
}

em.required {
  padding-left: 6px;
  font-size: 0.80em;
}

em.error {
  display: block;
  color: red;
  padding-left: 140px;
}

input, textarea, select {
  margin-top: 6px;
  border: 1px solid #999999;
  padding: 2px;
  width: 350px;
}

input:focus, textarea:focus, select:focus {
  background: #E0E0E0;
}

select {
  width: 355px;
}

input.submit {
  width: 180px;
}

submit {
  padding-left: 160px;  
}

/* = Huelle
-----------------------------------------------------------------------------*/
html, body {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  background: #CDD0C6;
}

#cover {
  position: relative;
  width: 1047px;
  min-height: 100%;
  margin: 0 auto;
  text-align: left; 
  background: #FFFFFF url(/b_grafik/bg_main.jpg) no-repeat bottom;   
}

* html #cover {
  height: 100%;
}

#bg_overflow {
  position: absolute;
  margin: 0 0 0 -43px;
  bottom: 24px;
}

/* IE7 */
*+html #bg_overflow {
  margin-left: -58px; 
}

/* IE6 */
* html #bg_overflow {
  margin-left: -58px;
}

/* = Huelle Startseite
-----------------------------------------------------------------------------*/
#cover_startseite {
  position: relative;
  width: 840px;
  margin: 0 auto;
  text-align: left; 
  background: #CDCFC5;
  border: 1px solid #CDCFC5;
}

#rahmen_startseite {
  width: 840px;
  height: 447px;
  margin-top: 200px;
  background: url(/b_grafik/bg_startseite.jpg) no-repeat right top;
}

img.logo_startseite {
  padding: 35px 0 0 55px;
}

img.bild_orte {
  float: left;
}

img.bild_kl_foto {
  float: left;
  padding-top: 48px;
}

img.adresse_startseite {
  float: left;
  padding-top: 8px;  
}

/* IE7 */
*+html img.adresse_startseite {
  padding-top: 11px; 
}

div.link_startseite {
  margin: 185px 0 0 550px;
}

a.link_startseite {
  color: #FFFFFF;
  text-decoration: underline;
}

a.link_gb {
  float: right;
  margin: 0 25px 0 0;
}

a.link_nl {
  float: right; 
  margin: 0 10px 0 0;  
}

/* = Kopf
-----------------------------------------------------------------------------*/
#head {
  width: 1017px;
  height: 59px;
  background: url(/b_grafik/bg_logo.jpg) repeat-x left;
  margin-left: 15px;
  text-align: right;
}

img#flagge {
  padding: 5px 5px 0 0;
}

/* = Fuss
-----------------------------------------------------------------------------*/
#footer {
  position: absolute;
  height: 28px;
  width: 1007px;  
  bottom: 0;
  left: 15px;
  background: #3C5637 url(/b_grafik/bg_footer.jpg) repeat-x left;
  line-height: 1.3em;  
  padding-left: 10px;
}

#footer p {
  padding: 4px 0 0 180px;  
}

#footer a {
  color: #FFFFFF;
  margin-top: 20px;  
}

/* =Navigation
-----------------------------------------------------------------------------*/
/* head 
----------*/
#navigation {
  width: 1017px;
  height: 25px;
  margin-left: 15px;
  background: #FFFFFF url(/b_grafik/bg_menue.gif) repeat-x left;
  text-align: center;
  z-index: 50; 
  padding-top: 0px;  
}

#nav {
	position: relative;
	z-index: 100;
  list-style: none; 
  font-size: 12px; 
  margin-top: 1px; 
  padding-bottom: 5px;
  left: 10px;
  width: 1000px; /* Diese Breite bei neuen Menüpunkten verändern! */
  height: 22px;
}
/* IE6 */
* html #nav {
  left: 60px;
  margin: 0;
  padding: 0;
}
/* IE7 */
*+html #nav {
  left: 0;
}

#nav ul { /* Einrichten Untermenue */
  padding: 0;
  text-align: left;
  background: #9CA28E;
  position: absolute; 
  left: -9999px; 
  top: -9999px;  
}

/* IE7 Breite Untermenuepunkte festlegen */
*+html ul#untermenue {
  width: 130px;
}

#nav ul li {
  display: block;
  border-bottom: 1px solid #FFFFFF;
  padding: 2px 0px 2px 2px;
}

#nav table {
  border-collapse: collapse;
}

#nav li {
  display: inline;
  padding: 9px 0 0 0; /* Abstand zwischen den Menuepunkten */
}
/* IE6 */
* html #nav li {
  float: left;
  padding: 0px 10px 7px 5px;
}

#nav li li {
  float: none;
}
/* IE6 */
* html #nav li li {
  float: left;
  display: block;
  border-bottom: 1px solid #FFFFFF;
  padding: 0px 0 0px 0;
  width: 130px;
}

/* a hack for IE5.x and IE6 */
#nav li a li {
  float: left;
}

#nav li a {   /* a-Tag Hauptmenue */ 
  display: inline; 
  color: #32482E; 
  padding: 0 9px 0 5px; 
  line-height: 20px; 
  text-decoration: none; 
  white-space: nowrap;
}

/* IE6 */
* html #nav li a {
  padding: 0 0 20px 0; 
  height: 25px; 
}

#nav li li a { /* a-Tag Untermenue */ 
  height: 20px; 
  line-height: 22px; 
  float: none;
  background: url(/b_grafik/pfeil_untermenue.gif) no-repeat left;  
  margin-left: 5px;
}
/* IE6 */
* html #nav li li a { /* Schrifthoehe Untermenue */
  margin-left: 4px;
  line-height: 25px;
  padding: 0 0 0 2px;
}

#nav li:hover {
  position: relative; 
  z-index: 300; 
}

#nav a:hover {
  position: relative; 
  height: 25px;
  z-index: 300; 
  text-decoration: none; 
  color: #FFFFFF;
}
/* IE6 */
* html #nav a:hover {
  color: #bf1515;
}

#nav :hover ul { /* Zwischenraum Hauptmenue, Untermenue */
  left:0; 
  top: 30px;
}
/* IE6 */
* html #nav :hover ul {
  left: 10px; 
  top: 24px;
}
/* IE7 */
*+html #nav :hover ul {
  left: 0;
  top: 33px;  
}

/* another hack for IE5.5 and IE6 */
#nav a:hover ul {
  left: -10px;
}
/* IE6 */
* html #nav a:hover ul {
  left: 0px;
}


/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {
  left: -15px; 
  margin-left: 100%; 
  top: -10px;
}

/* keep further levels hidden */
#nav li:hover > ul ul {
  position: absolute; 
  left: -9999px; 
  top: -9999px; 
  width: auto;
}

/* show path followed */
#nav li:hover > a {
  text-decoration: none; 
  color: #FFFFFF;
  background: url(/b_grafik/hov_menue.gif) no-repeat center bottom;
  padding: 3px 9px 7px 5px;
}

#nav li li:hover {
  text-decoration: none; 
  background: #66735D;  
  border-right: 1px solid #86151C;
} 

#nav li li:hover > a {
  text-decoration: none; 
  color: #FFFFFF;
  background: #66735D url(/b_grafik/pfeil_untermenue.gif) no-repeat left;
  padding: 6px 9px 6px 5px;
}

/* IE6 */
* html #nav a:hover {
  text-decoration: none; 
  color: #FFFFFF;
  background: url(/b_grafik/hov_menue.gif) no-repeat center bottom;
  padding: 3px 0 7px 0;
}

/* IE6 */
* html #nav ul a:hover {
  text-decoration: none; 
  color: #FFFFFF;
  background: url(/b_grafik/pfeil_untermenue.gif) no-repeat left;
  padding: 4px 0 4px 0;
}

/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul {
  left:100%; 
  top:-1px;
}

/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul {
  position:absolute; 
  left:-9999px; 
  top:-9999px;
}

#nav a.aktuell {
  text-decoration: none; 
  color: #FFFFFF;
  background: url(/b_grafik/hov_menue.gif) no-repeat center bottom;
  padding: 3px 9px 7px 5px;
}
/* IE6 */
* html #nav a.aktuell {
  padding: 3px 0 7px 0;
}

/* = Haupt- Inhalt
-----------------------------------------------------------------------------*/
#frame {
  float: left;
  margin-left: 15px;
  width: 1008px;
}

#logo {
  float: left;
  width: 250px;
  height: 135px;
  padding: 25px 0 0 100px;
}

#headline {
  float: left;
  width: 650px;
  height: 160px;
}

#images {
  float: left;
  width: 315px;
  padding: 0 0 240px 65px;
}

#content {
  float: left;
  width: 580px;
  padding: 0 40px 240px 0px;
}

#content_pur {
  float: left;
  width: 950px;
  padding: 30px 0 30px 40px;  
}

#content_pur li, #content li {
  list-style: disc;
  margin-left: 25px;
}

/* = Tabellen
-----------------------------------------------------------------------------*/

table { 
  border-spacing: 0;
  border-collapse: collapse;
}

td {
  text-align: left;
  font-weight: normal;

}

/* = Einstellungen Bilder 
-----------------------------------------------------------------------------*/
#images img {
  border-right: 2px solid #86151C;
  margin-bottom: 10px;
}

#thumb1 {
  display: block;
  float: both;
}

/* = Einstellungen Bildvergroesserung 
-----------------------------------------------------------------------------*/

.highslide {
  cursor: url(/b_grafik/zoomin.cur), pointer;
  outline: none;
  text-decoration: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}

.highslide-wrapper, .rounded-white {
	background: white;
}

.highslide-image {
  border: 2px solid white;
}

.highslide-image-blur {
}

.highslide-caption {
  display: none;
  border: 2px solid white;
  border-top: none;
  font-family: Verdana, Helvetica;
  font-size: 10pt;
  padding: 5px;
  background-color: white;
}
.highslide-loading {
  display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
  text-decoration: none;
	padding: 2px;
	border: 1px solid black;
  background-color: white;
  padding-left: 22px;
  background-image: url(/b_grafik/loader.white.gif);
  background-repeat: no-repeat;
  background-position: 3px 1px;
}

a.highslide-credits,
a.highslide-credits i {
  padding: 2px;
  color: silver;
  text-decoration: none;
  font-size: 10px;
}

a.highslide-credits:hover,
a.highslide-credits:hover i {
  color: white;
  background-color: gray;
}