/* ##############################
** ## Allgemeine Definitionen  ##
** ##############################
*/

@import url(table.css);

.barriere {display:none;}	/* für Beschreibungen => werden angezeigt, wenn kein CSS aktiv (Barrierefreiheit) */
a img {border:0px;}

div.spacer {
  width				: 100%;
  height			: 20px;
  line-height		: 20px;
}

div.spacer2 {
  width				: 100%;
  height			: 10px;
  line-height		: 10px;
}


/* #####################
** ## Berghof Design  ##
** #####################
*/

html {
  overflow-y		: scroll	/* Scrollbar immer anzeigen */
}

html, body {
  text-align		: center;
  margin			: 0;
  padding			: 0;
  background-color	: #FFFFFF;
  font-family		: Arial, Helvetica , sans-serif;
  color				: #000000;
  font-size			: 0.85em;
  height			: 100%;
}

/* IE 6 Korrektur*/
*html tr td {
  font-size			: 0.8em;
}

body * {
  text-align		: left;
}

h1  {
  font-size			: 1.1em;
  margin-bottom		: 3px;
}

h2 {
   font-size		: 1em;
   margin-bottom	: 3px;
}

#container {
  width				: 1000px;
  margin-bottom		: 10px;
  margin			: 0 auto;
  background-color	: #ffffff;
  font-size			: 1em;
}

/* extra css-Datei
a{color:#555555;text-decoration:none;}
a:link{}
a:visited{}
a:hover{color:#C5362A;}
a:active{}
*/

hr{line-height:1px; height:1px; color:#dadada; background-color:#dadada; border:0;}

#holding_link {
  /*color				: #C5362A;	-> style_extra.css */
  font-size			: 1.2em;
  padding			: 3px 0px 2px 0px;
  margin			: 0px;
  font-weight		: bold;
  text-align		: center;
}

/* ##################
** ## Kopfbereich  ##
** ##################
*/

#header {width:1000px; height:100px;margin:0; padding:0; float:left;background:#ffffff;}
	#logo {width:200px;height:117px;margin:0; padding:0px 0px 0px 0px; float:left;background: #FFFFFF;}
	#emotion {width:799px;margin:0; padding:0px 0px 0px 0px; float:right;color: #FFFFFF;}
#header2 {width:1000px;margin:0; padding:0; float:left; /*background:#C5362A; -> style_extra.css*/}
	#logo2 {width:194px;height: 1.3em;margin:0; padding:4px 0px 4px 6px; float:left;color: #FFFFFF;font-size:1.1em;font-weight: bold;}
	/*#haupt_nav {width:790px;margin:0; padding:4px 0px 4px 10px; float:left;color: #FFFFFF;font-size:1.1em;font-weight: bold;}*/
	  #haupt_nav {width:790px; height:22px;margin-left:0px; padding:0px 0px 0px 0px; float:left;color: #FFFFFF;font-size:1.105em;font-weight: bold;}
*html #header2 #haupt_nav {margin-left:5px;} /* IE6 Korrektur */
		#haupt_nav a:link{color:#000000;}
		#haupt_nav a:visited{color:#000000;}
		/*#haupt_nav a:hover{color:#F0C9CE;} -> style_extra.css*/
		#haupt_nav a:active{color:#FFFFFF;}
#header3 {width:1000px;margin:0; padding:0; float:left;}
	#sub_nav {width:194px;margin:0; padding:6px 0px 6px 6px;  float:left;color: #666666;font-size:0.85em;}
	#language {text-align:right;width:794px;margin:o;padding:6px 0px 6px 0px; float:left;color: #555555;font-size:0.84em;}


/* #####################
** ## Linker Bereich  ##
** #####################
*/

#left_content {
  width				: 200px;
  margin			: 0;
  padding			: 0;
  float				: left;
  background		: #FFFFFF;
}

#suche {
  width				: 196px;
  margin			: 0;
  padding			: 5px 0px 0px 1px;
  float				: left;
  color				: #555555;
  background		: #ffffff;
}

#nav {
  width				: 194px;
  margin-top		: 10px;
  padding			: 0;
  float				: left;
  background		: #FFFFFF;
  color				: #555555;
}

.suche_button {
  width				: 31px;	/* betrifft im Nachhinein Firefox und Opera */
  margin			: 0px;
  padding			: 0px;
  border			: 1px solid #DCDCDC;
  background-image	: url(img/search_button.gif);
  background-repeat : no-repeat;
  background-color	: #DCDCDC;
  background-position : 50% 50%;
}

/* IE 6 Korrektur*/

* html .suche_button {
  border-top: 1px solid #DCDCDC;
  border-bottom: 1px solid #DCDCDC;
  height:20px;
  width				: 30px;
}

/* IE7 Korrektur */

*+html .suche_button {
	height				: 20px;
	width				: 30px;
}



/* #####################
** ## Inhaltsbereich  ##
** #####################
*/

#short {
  color				: #000000;
}

#content {
  float				: left;
  padding			: 5px 3px 0px 4px;
  width				: 596px;
  height			: 75%;
  border-left		: 1px solid #ffffff;
}

#seiteninhalt {
  text-align		: left;
  float				: left;
  padding			: 17px 0px 0px 0px;
  width				: 595px;
  margin			: 0px;
}

#seiteninhalt p {
  padding			: 0px;
  margin			: 0px 0px 10px 0px;
}

#seiteninhalt h2 a {
  text-underline	: none;
}

#seiteninhalt h2 a {
  text-decoration	: none;
  background-image	: url(../Zundel/img/h2_link.gif);
  background-repeat : no-repeat;
  background-position : 0px center;
  padding-left		: 18px;
}

/* -> style_extra.css
#seiteninhalt a {color:#555555;text-decoration:underline;}
#seiteninhalt a:active{color:#555555;text-decoration:underline;}
#seiteninhalt a:hover{color:#C5362A;}
#seiteninhalt h2 a:hover{color:#C5362A;text-decoration:none;}
#seiteninhalt a:visited, #seiteninhalt h2 a:visited{color:#999999;}
*/

/**
 * Definitionen für den WYSIWYG
 */

/* -> stlye_extra.css
#inhalt a {color:#555555;text-decoration:underline;}
#inhalt a:hover{color:#C5362A;}
#inhalt a:visited{color:#999999;}
*/

#inhalt {
  float				: left;
  font-size			: 12px !important;
  text-align		: left;
  padding			: 10px 0px 0px 0px;
  margin			: 0x;
}


/* ################################################
** ## Rechte Marginalspalte (News & Quicklinks)  ##
** ################################################
*/

#right_content {
  width				: 186px;
  margin			: 0;
  padding			: 7px 0px 0px 10px;
  float				: left;
  color				: #555555;
}

#right_content h2 {
  display			: block;
  /*color			: #C5362A; ->style_extra.css */
  font-size			: 1.2em;
  padding			: 0px 0px 2px 0px;
  margin			: 0px;
  /*border-bottom	: 1px solid #C5362A; ->style_extra.css */
  font-weight		: bold;
}

#right_content ul.news_list {
  padding			: 0px;
  margin			: 0px;
}

#right_content ul.news_list li {
  display			: block;
  list-style-type	: none;
  margin			: 0px;
  padding			: 2px 0px 4px 0px;
}

#right_content #qf {
  width				: 183px;
  height			: 180px;
  margin			: 10px 0px 0px 0px;
  padding			: 0;
  float				: left;
  color				: #555555;
  overflow-y		: auto;
  overflow			: auto;
}

#right_content #qf p {
  margin			: 0px;
  padding			: 0px;
}

#right_content #qf ul {
  padding			: 0px 0px 0px 0px;
  margin			: 5px 0px 0px 0px;
}

#right_content #qf ul li {
  display			: block;
  list-style-type	: none;
  margin			: 0px;
  padding			: 5px 0px 4px 0px;
}

#right_content .liste {
  width				: 183px;
  margin			: 0 0 10px 0;
  padding			: 0;
  float				: left;
  color				: #555555;
}

#right_content .liste ul {
  padding			: 0px 0px 0px 0px;
  margin			: 5px 0px 0px 0px;
}

#right_content .liste ul li {
  display			: block;
  list-style-type	: none;
  margin			: 0px;
  padding			: 5px 0px 4px 0px;
}

.more {
  display			: block;
  padding			: 0px;
  margin			: 0px;
  width				: 100%;
  text-align		: right;
  font-style		: italic;
  text-decoration	: underline;
}

.alle_anzeigen {
  float				: right;
  font-style		: italic;
  display			: block;
  vertical-align	: bottom;
  margin			: 2px 0px 0px 0px;
  padding			: 0px;
}

/* IE7 Korrektur */
*+html .alle_anzeigen {
	width				: 90px;
}


/* ######################
** ## Brotkrumen-Pfad  ##
** ######################
*/

#pfad{
  float				: left;
  padding			: 0px 0px 5px 0px;
  width				: 595px;
  color				: #555555;
  font-style		: italic;
  border-bottom		: 1px solid #DCDDDE;
}

/* -> style_extra.css
#pfad a:hover{
  color				: #111111;
}
*/

#pfad ul {
  display 			: inline;
  padding-left		: 0px;
  margin-left		: 0px;
}

#pfad li.path_link {
  display			: inline;
  list-style-type   : none;
  padding-left		: 12px;
  background-image	: url(img/2_arrow_right.gif);
  background-repeat : no-repeat;
  background-position : 0px 4px;
}

.first_path_link {
  background-image	: none !important;
  padding-left		: 0px !important;
  margin-left		: 0px;
}


/* ################
** ## Fusszeile  ##
** ################
*/

#fusszeile {
  width				: 1000px;
  margin			: 0;
  padding			: 0;
  clear				: both;
}

#f1 {
  width				: 190px;
  float				: left;
  padding			: 20px 0px 4px 10px;
}

#footer {
  width				: 590px;
  float				: left;
  padding			: 20px 0px 4px 10px;
  text-align		: center;
  color				: #777777;
}


/* ###########################################
** ## CSS Navigationsmenü im Explorer-Stil  ##
** ###########################################
*/

ul li ul li a {
  border			: 1px solid #ffffff !important;
  border-bottom		: 0px !important ;
  color				: #000000;
  font-size			: 1.1em !important;
}

.current {
  font-weight		: bold;
  /*color				: #C5362A !important; ->style_extra.css */
}

.tree {
  padding			: 0px;
  margin			: 0px;
  margin-left		: -15px;
  position			: relative;
}

.tree a:link, .tree a:visited, .tree a:active {
  text-decoration	: none !important;
  color				: #555555;
  padding			: 0px;
}


.tree a:hover {
	/*color			: #C5362A !important; -> extra_extra.css*/
}

.tree ul {
  padding			: 0;
  margin			: 0;
  margin			: 4px 0px -2px;
  background-repeat	: repeat-y;
  background-image	: url(img/ul.gif);
  background-position: -9px 15px;
}

.tree li {
  padding-right		: 0px;
  padding-left		: 16px;
  padding-bottom	: 4px;
  margin			: 0px;
  padding-top		: 4px;
  list-style-type	: none;
}
.tree li a {
  text-decoration	:none;
}

.tree li a:hover {
  text-decoration	:underline;
  /*color				: #C5362A !important; ->style_extra.css */
}

.tree ul ul {
  background-image	: url(img/ul.gif);
  background-repeat	: repeat-y;
  background-position: -9px 15px;
}
.tree ul li {
  font-weight		: normal;
  background-image	: url(img/li.gif);
  background-repeat	: no-repeat;
  background-position: -4px 0.65em;
}

.tree ul li A {
	text-decoration	: underline;
}

.tree ul li a:hover {
	text-decoration	: none;
}

.tree ul ul li {
  font-size			: 1 em;
  font-weight		: normal;
  background-image	: url(img/li.gif);
  background-repeat	: no-repeat;
  background-position: -4px 0.65em;
}

.tree ul ul li a {
  font-size			: 1 em;
  color				: #999999;
  text-decoration	: none;
  background-position: 0px 7px;
}

.end_li {
  background-image	: none;
}

/* #######################################################################################
** ## horizontale Navigation  ############################################################
** #######################################################################################
*/

ul#navmenu {
  margin			: 0;
  padding			: 0;
  border			: 0 none;
  width				: 785px;
  list-style		: none;
  height			: 2em;
}

ul#navmenu li {
  margin			: 0;
  border			: 0 none;
  padding			: 0;
  float				: left;
  display			: inline;
  list-style		: none;
  position			: relative;
  height			: 2em;
}

ul#navmenu ul {
  margin			: 0;
  border			: 0 none;
  padding			: 0;
  list-style		: none;
  display			: none;
  position			: absolute;
  z-index: 1000;
  top				: 1.93em;
  top				: 1.86em;
  top				: 1.87 em;	/* FF + Opera */
  left				: 0;
  background-color	: #ffffff;
}

ul#navmenu ul:after /*IE 7 */ {
  clear				: both;
  display			: block;
  font				: 1px/0px serif;
  content			: ".";
  height			: 0;
  visibility		: hidden;
}

ul#navmenu ul li {
  width				: 18em;
  float				: left; /*IE 7*/
  display			: block !important;
  display			: inline; /* IE */
}

/* Haupt Menü */
ul#navmenu a {
  border-bottom		: 1px solid #efefef;
  border-left		: 0px;
  border-right		: 0px;
  border-top		: 0px solid #ffffff;
  border-right-color: #ffffff;
  border-bottom-color: #ffffff;
  padding			: 0px 10px 0px 5px;
  float				: none !important;
  float				: left; /*für IE*/
  display			: block;
  /*background		: #C5362A; -> style_extra.css*/
  /*color			: #ffffff; -> style_extra.css*/
  font				: 1em / 1.92em Arial,Helvetica, Verdana, sans-serif;
  line-height		: 1.92em;
  font-weight		: bold;
  text-decoration	: none;
  height			: auto !important;
  height			: 1%; /*für IE*/
}

/* Haupt Menü */
ul#navmenu li ul li a {
  font-size			: 1em !important;
  font-weight		: normal;
  line-height		: normal !important;
  padding			: 4px 5px 3px 5px;
}

ul#navmenu a ul li a {
  border-bottom		: 1px solid #ffffff;
}

ul#navmenu li a li a {
  border			: 1px solid #ffffff !important;
}

/* Hauptmenü hover Einstellungen */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
  /* background		: #f0c9ce; ->extra_style.css */
  color				: #000000;
}

/* 2.Menü */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  float				: none;
  /*background		: #f0c9ce; ->extra_style.css */
  color				: #000000;
  /*border-bottom		: 1px solid #f0c9ce; ->extra_style.css */
  border-top		: 1px solid #ffffff;
}

/* 2.Menü hover..*/
/* -> in style_extra.css
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  background		: #e2929d;
  color				: #000000;
}
*/

ul#navmenu ul ul {
  display			: none;
  position			: absolute;
  top				: 0;
  left				: 160px;
}

ul#navmenu li:hover ul ul,
ul#navmenu li.iehover ul ul {
  display			: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display			: block;
}

/**
 * Markierung für aktiven Pfad
 */

.aktueller_pfad {
	color: #C5362A !important;
}


#seiteninhalt .highlight {
  background-color	: yellow;
}

/* Infokorb Button */
.btn{
  display			: block;
  float:left;
  text-decoration	: none !important;
  color				: #000000 !important;
  border			: 1px solid red;
  padding			: 3px 10px 3px 10px;
  margin			: 7px 0px 7px 0px;
  font-weight		: bold;
  border-bottom		: 1px solid #a3a3a3;
  border-left		: 1px solid #e4e4e4;
  border-right		: 1px solid #d1d1d1;
  border-top		: 0px solid #ffffff;
  background-image	: url(img/btn_grey.gif);
  background-repeat : x-repeat;
  background-position : bottom;
  vertical-align	: middle;
}

.btn:hover {
  color				: #ffffff !important;
}

/*  ####################################################
  	## Styles fuer Blocks und Styleauswahl im Editor  ##
	####################################################*/

ol.align_left, ul.align_left {
 	list-style-position	: outside;
	margin-left			: 0px;
	padding-left		: 0px;
}

ol.align_left li {
   margin-left:19px;
}

ul.align_left li {
   margin-left:15px;
}

.link_extra a {
  text-decoration		: none !important;
}

.link_extra {
  text-decoration		: none !important;
}

.fein {border-collapse:collapse; padding:2px; width:100%;}
.fein td {border:1px solid #dadada;}

:focus {
  outline: 0;
}

.mit_trennstrich {
	background-image: url(img/trenner.jpg) !important;
	background-position: right 50% !important;
	background-repeat: no-repeat !important;
}

#news_link:hover {
	color: #C5362A !important;
}