/* Gesamtschrift und Gesamtrand festlegen */
body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 0px;
  margin-left: 0px;
  color: #000000;
}

/* Suchfeld */
#search {
  border: 0px;
  width: 120px;
  height: 16px;
  background-color: #ffffff;
  margin: 0px;
  padding: 3px 0px 1px 3px;
  font-size: 11px;
  color: #999999;
}

/* Navigationspfad */

#navtree {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #a1a1a1;
  padding: 0px 0px 14px 0px;
}

#navtree a {
  text-decoration: none; 
  color: #a1a1a1;
}

#navtree a:link {
  text-decoration: none;
  color: #a1a1a1;
}

#navtree a:hover {
  color: #c21115;
  text-decoration: underline;
}


/* Inhaltsbereich */
#content {
  padding: 10px 2px 30px 10px;
}


/* Stilregel für Plugins, z.B. feedback 
wichtig, um die gewünschte Hintergrundfarbe festlegen
zu können */
.plugin {
  background-color: #ffffff;
  font-size: 11px;
}


/* Stilregel für Frontend-Einloggbereich, 
wichtig, um die gewünschte Hintergrundfarbe festlegen zu
können */

.login {
  background-color: #ffffff;
}


/* Listenstile für Menüeintrag im Navibereich topmenu */

#topmenu {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #ffffff;
  margin-top: 0px;
}

#topmenu ul {
  padding: 0px;
  margin: 0px;
}

#topmenu li {
  display: inline;
  padding-right: 0px;
  margin: 0px;
}

#topmenu a {
  text-decoration: none; 
  color: #ffffff;
}

#topmenu a:link {
  text-decoration: none;
  color: #ffffff;
}


#topmenu a:hover {
  color: #ffffff;
  text-decoration: underline;
}

#topmenu .obermenuhigh {
  color: #ffffff;
  text-decoration:none;
}

/* ENDE Listenstile für Menüeintrag im topmenu */


/* Listenstile für Menüeintrag im Haupt-Navigationsbereich */

#leftside {
border-right: 1px dotted;
border-right-color: #000000;
}

#navi {
  font-size: 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  float: left;
  width: 174px;
  color: #ffffff;
  background-color: transparent;
  padding: 0px;
  margin: 0px;
}

#navi ul {
  list-style-type: none;
  margin: 0px;
  padding-left: 0px;
}

#navi ul ul {
  list-style-type: none;
  padding-left: 0px;
  margin-left: 0px;
  }

#navi ul li a {
  display: block;
  list-style-type: none;
  text-indent: 0px;
  margin-top: 0px;
  padding: 6px 0px 7px 15px;
  font-weight: normal;
  color: #ffffff;
  font-size: 10px;
  background-image:url(../../bilder-website/navi.jpg);
  background-repeat:no-repeat;
  width: 100%;
}

#navi ul ul li a {
 display: block;
 margin-top:0px;
 padding: 6px 0px 7px 25px;
 text-indent: 0px;
 font-weight: normal;
 color: #ffffff;
 font-size: 10px;
 background-image:url(../../bilder-website/subnavi.jpg);
 background-repeat:no-repeat;
 width: 100%;
}

#navi a:link {
  display: block;
  text-decoration: none;
  width: 100%;
}

#navi a:visited {
  display: block;
  text-decoration: none;
  width: 100%;
}

#navi a:hover {
  display: block;
  width: 100%;
  color: #ffffff;
  font-size: 10px;
  font-weight: normal;
  background-image:url(../../bilder-website/navi-high.jpg);
  background-repeat:no-repeat;
}

#navi ul ul li a:hover {
  display: block;
  width: 100%;
  color: #c21115;
  font-size: 10px;
  font-weight: normal;
  background-image:url(../../bilder-website/subnavi-high.jpg);
  background-repeat:no-repeat;
}

#navi ul .obermenuhigh {
  list-style-type: none;
  display: block;
  width: 100%;
  margin-top: 0px;
  padding: 6px 0px 7px 15px;
  font-weight: normal;
  font-size: 10px;
  color: #ffffff;
  background-image:url(../../bilder-website/navi-high.jpg);
  background-repeat:no-repeat;
}

#navi ul ul .submenuhigh {
  list-style-type: none;
  display: block;
  width: 100%;
  margin-top: 0px;
  padding: 6px 0px 7px 25px;
  font-weight: normal;
  font-size: 10px;
  color: #c21115;
  background-image:url(../../bilder-website/subnavi-high.jpg);
  background-repeat:no-repeat;
}
/* ENDE Listenstile für Menüeintrag im Navibereich */

h1 {
  font-size: 14px;
  font-weight: bold;
  background-image: url(kreuz.jpg);
  background-repeat: no-repeat;
  text-indent: 17px;
  background-position: left;
  padding: 0px;
  margin: 0px 0px 5px 0px;
  color: #000000;
}

h2 {
  font-size: 14px;
  font-weight: bold;
  background-image: url(kreuz.jpg);
  background-repeat: no-repeat;
  text-indent: 17px;
  background-position: left;
  padding: 0px;
  margin: 0px 0px 5px 0px;
  color: #666666;
}

h3 {
  font-size: 12px;
  font-weight: bold;
  background-image: url(kreuz-small.jpg);
  background-repeat: no-repeat;
  text-indent: 17px;
  background-position: left;
  padding: 0px;
  margin: 0px 0px 5px 0px;
  color: #000000;
}

h4 {
  font-size: 12px;
  font-weight: bold;
  background-image: url(kreuz-small.jpg);
  background-repeat: no-repeat;
  text-indent: 17px;
  background-position: left;
  padding: 0px;
  margin: 0px 0px 5px 0px;
  color: #666666;
}

h5 {
  font-size: 12px;
  font-weight: bold;
  padding: 0px;
  margin: 0px 0px 5px 0px;
  color: #000000;
}

h6 {
  font-size: 12px;
  font-weight: bold;
  padding: 0px;
  margin: 0px 0px 5px 0px;
  color: #666666;
}

p {
  margin: 0px;
}

b {
 color: #000000;
}

strong {
 color: #000000;
}

/* normaler Listenstil, beschränkt auf Inhaltsbereich */
ul {
 list-style-type: disc;
 margin-left: 0px;
 padding-left: 15px;
 margin-bottom:0px;
 margin-top: 0px;
}

ol {
 list-style-type: decimal;
 margin-left: 18px;
 padding-left: 4px;
 margin-bottom:0px;
 margin-top: 0px;
}

/* Hovereffekt für Links */
a {
  color: #c21115;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
  color: #c21115;
}

.red {
  color: #c21115;
  background-image: url(linkimage.gif);
  background-repeat: no-repeat;
  padding: 0px 0px 0px 8px;
  background-position: left;
}

.red a {
  color: #c21115;
  text-decoration: none;
  background-image: url(linkimage.gif);
  background-repeat: no-repeat;
  padding: 0px 0px 0px 8px;
  background-position: left;
}

.red a:hover {
  text-decoration: underline;
  color: #c21115;
}

.white {
  color: #ffffff;
}

.white a {
  color: #ffffff;
  text-decoration: none;
}

.white a:hover {
  text-decoration: underline;
  color: #ffffff;
}

#footerlink {
  color: #666666;
  font-size: 10px;
  padding-left: 5px;
  padding-right: 5px;
}

#footerlink a {
  color: #666666;
  text-decoration: none;
}

#footerlink a:hover {
  text-decoration: underline;
  color: #c21115;
}

#searchnavi {
  color: #ffffff;
  text-decoration: none;
  font-size: 10px;
}

#searchnavi a {
  color: #ffffff;
  text-decoration: none;
}

#searchnavi a:hover {
  text-decoration: underline;
  color: #ffffff;
}


/* Hier beginnen die ungebundenen Klassen, zu erkennen
am Punkt vor dem Klassennamen */
/* Gestaltung des rechts ausgerichteten News-Kastens */
.kasten {
  font-size: 1em;
  margin-top: 10px;
  float: right;
  width: 170px;
  border-style: dotted;
  border-width: 2px;
  border-color: silver;
  padding: 3px;
  margin: 3px;
}

.kasten h3 {
  margin-top: 0px;
}

/* Beginn der neuen Newskasten-Formate, ab CMBasic 1.3 */
.boxcover {
  font-size: 0.9em;
  margin-top: 10px;
  float: right;
  width: 200px;
  padding: 3px;
}

.box {
  font-size: 0.9em;
  margin-top: 10px;
  padding-right: 0px;
  float: right;
  width: 100%;
  border-style: solid;
  border-width: 1px;
  border-color: #0000A0;
}

.box h3 {
  background-color: #003084; 
  color: white;
  padding: 3px;
  margin-top: 0px;
}

.box div {
 padding: 3px;
}
/* Ende der neuen Newskasten-Formate */


/* Linie interessant gestalten */
hr {
  height: 1px;
  border-top: 1px dotted;
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
  border-color: #000000;
  padding-bottom: 0px;
  margin-bottom:  7px;
  padding-top: 7px;
  margin-top:  7px;
  text-align: left;
  margin-left:0px;
}


#details {
 font-size: 10px;
 padding-left: 15px;
 padding-bottom: 40px;
 padding-top: 16px;
 color: #666666;
}


/* Kontaktformular ( plugins/kontakt/kontakt.php */

#kontaktmother {
  background-color: #a2a2a2;
  color: #FFFFFF;
}

#kontaktinside {
  font-size: 11px;
  color: #FFFFFF;
}

#kontakt {
  background-color: #ececec;
  height: 18px;
  border: 0px;
  color: #000000;
  width: 276px;
  margin-bottom: 4px;
  font-size: 11px;
  padding-left: 3px;
  padding-top: 2px;
}

#nachricht {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-color: #ececec;
  height: 240px;
  border: 0px;
  color: #000000;
  width: 276px;
  margin-bottom: 4px;
  font-size: 11px;
  padding-left: 3px;
  padding-top: 2px;
}

#senden {
  border: 0px;
  background-image: url(../../bilder-website/send.jpg);
  background-repeat: repeat;
  width: 55px;
  height: 16px;
}

#kontaktresult {
  font-size: 11px;
  color: #000000;
}

.bildrahmen {
border: 3px solid;
border-color: #a2a2a2;
}

#gallerythumb {
border: 1px solid;
border-color: #a2a2a2;
padding: 2px;
}

#tabnavi {
background-image: url(../../bilder-website/tabnav-low.jpg);
background-position: left;
background-repeat: no-repeat;
color: #FFFFFF;
font-size: 11px;
padding-left: 25px;
font-family: Verdana, Arial, Helvetica, sans-serif;
height: 22px;
witdh: 290px;
}

#tabnavihi {
background-image: url(../../bilder-website/tabnav-hi.jpg);
background-position: left;
background-repeat: no-repeat;
color: #FFFFFF;
font-size: 11px;
padding-left: 25px;
font-family: Verdana, Arial, Helvetica, sans-serif;
height: 22px;
witdh: 290px;
}

.black {
  color: #000000;
  background-image: url(gallery-linkimage.gif);
  background-repeat: no-repeat;
  padding: 0px 0px 0px 8px;
  background-position: left;
}

.black a {
  color: #000000;
  text-decoration: none;
  background-image: url(gallery-linkimage.gif);
  background-repeat: no-repeat;
  padding: 0px 0px 0px 8px;
  background-position: left;
}

.black a:hover {
  background-image: url(gallery-linkimage.gif);
  background-repeat: no-repeat;
  text-decoration: none;
  color: #c21115;
}

.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(bubble.png) bottom right;
}
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}