/* Schriftart im gesamten Dokument */
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-top: 0px;
margin-left: 0px;
margin-right: 1px;
  background-color: #ECECEC;
  background-image: url(background.gif);
  background-repeat: repeat-y;
  background-position: center;
  margin: 0;
}

#wrapper {
  width: 820px;  
  margin: auto;
  padding-left: 10px;
  padding-right: 10px;  

  /* border-left-style: solid;
  border-bottom-style: solid;
  border-width: 1px;
  border-color: silver; */
}

/* Überschrift 1 */
h1, .contentheading, .componentheading, .message {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:  14pt;
font-weight: bold;
color: black;
border-bottom-style: solid;
border-left-style: none !important;
border-bottom-color: silver;
border-width: 1px;
margin-top: 3px;
} 

/* Überschrift 2 mit Rahmen am linken Rand  */
h2 {
font-size: 11.5pt;
border-left-style: solid;
border-left-width: 10px;
border-left-color: #CD3326;
padding-left: 5px;
color: black;
margin-bottom: 0px; 
} 

/* Sonderüberschrift */
.category {
  font-size: 11.5pt;
  font-weight: bold;
}

/* Überschrift 3 blau einfärben  */
h3 {
font-size: 11pt;
margin-bottom: 0px; 
font-weight: bold;
color: #1C1C7C;
} 

/* Überschrift 4, neutral  */
h4 {
font-size: 10pt;
margin-top: 2px;
margin-bottom: 2px;
} 

/* Überschrift 5, neutral  */
h5 {
font-size: 9pt; 
margin-left: 0px;
margin-top: 3px;
margin-bottom: 2px; 
}

/* Hauptcontainer mainbody für Inhalt */
#mainbody {
margin-top: 0px;
padding: 0px 6px;
background-color: white;
}

/* Navigationspfad */
.bread {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 8pt;
margin-top: 0px;
margin-left: 4px;
margin-bottom: 6px;
}

.search {
margin-top: 10px;
background-color: white;
}

/* Absätze, Tabellen, Formulare in 10,5 Punkt */
p, div, table, li, form  {
font-size: 10.5pt;
}

p {
margin-top: 4px;
margin-bottom: 10px;
}

/* Einführungsabschnitt (Lead bzw. Teaser) */
div.lead, div.lead p, .componentdescription {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size:  10.5pt;
font-weight: bold;
margin-top: 5px;
margin-bottom: 18px;
line-height: 1.3;
}

/* freie Vorlage, 10-Punkt-Schrift, für News-Boxen */
div.news, div.news p, div.news div {
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 10pt; 
margin-left : 2px;
margin-bottom: 4px;
margin-top: 0px; 
} 

/* Minischrift */
.mini {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size:  8pt;
}

/* grauer Rahmen mit Umrandung */
.rahmen {
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 10.5pt; 
background-color : #EEEEEE; 
border-style : solid; 
border-width : 1px; 
border-color : #CD3326; 
padding : 3px; 
} 

/* Rahmen mit gestrichelter Umrandung */
.tipp {
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 10.5pt; 
border-style : dotted; 
border-width : 1px; 
border-color : gray; 
padding : 3px;
margin-top: 8px;
margin-bottom: 10px; 
}

/* fette Passagen mit Rotton einfärben */
b {
color: #CD3326; 
} 

/* kursive Passagen blau färben */
i {
color:  #000099; 
} 

/* Quellcode formatieren */
.code {
font-family: Courier New, Courier, monospace;
font-size: 115%;
color: #000099;
}

/* Grafik als Aufzählungspunkt einbinden */
ul {
list-style-image: url(karo.gif);
}

ul.new {
list-style-image: url(new.gif);
}

ul.arrow {
list-style-image: url(arrow.gif);
}

ul.beitragsliste {
list-style-image: url(arrow.gif);
line-height: 1.5;
margin-top: 10px;
}

ul.pagination li {
  list-style-image: none;
  display: inline;
  margin-right: 8px;
}

.dm_taskbar ul li {
  display: inline;
  list-style-image: none;	
}

/* Abstand der Aufzählungspunkte */
li {
margin-bottom: 2px;
}

/* Kategorien im linken Bereich*/
.leftnavi {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10pt;
margin-left: 1px;
padding-left: 3px;
}

.leftnavi a.mainlevel {
/* text-transform: uppercase; */
display: block;
font-variant: small-caps;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 1px;
border-bottom-style: dotted;
border-bottom-width: 1px;
border-color: silver;
color: black;
text-decoration: none;
width: 165px;
text-decoration: none;
}

.leftnavi a.mainlevel:visited {
  color: black;
  color: gray;
  text-decoration: none;
}

.leftnavi a.mainlevel:hover {
  color: #CD3326;
  text-decoration: none;
}

.leftnavi a.mainlevel:active {
  color: #CD3326;
  text-decoration: none;
}

.leftnavi #active_menu {
  color: black;
  font-weight: bold;
  border-color: #000099;
  text-decoration: none;
}

.leftnavi a.sublevel {
/* text-transform: uppercase; */
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10pt;
margin-left: 10px;
text-decoration: none;
}

.leftnavi a.sublevel:visited {
  color: #4D4D4D;
  text-decoration: none;
}

.leftnavi a.sublevel:hover {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10pt;
color: #CD3326;
border-left-style: solid;
border-left-width: 10px;
border-left-color: gray;
padding-left: 1px;
margin-left: -1px;
text-decoration: none;
}

.leftnavi a.sublevel:active {
color: black;
}

.leftnavi a.sublevel#active_menu {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10pt;
border-left-style: solid;
border-left-width: 10px;
border-left-color: #000099;
padding-left: 1px;
margin-left: -1px;
font-weight: bold;
text-decoration: none;
}

/* Kategorien fertig*/

/* Link-Stile für Hover-Links  */
/* Pseudo-Klassen für dynamische Links */
a:visited {
color: black;
text-decoration: underline;
}

a:visited {
text-decoration : underline; 
color : #4D4D4D; 
}

a:link {
text-decoration : underline; 
color: black;
} 

a:hover {
text-decoration : none; 
color : #CD3326; 
} 

a:active {
text-decoration : none; 
color : #CD3326; 
} 

.navi {
color: white;
}

a.navi:visited {
color: white;
font-weight: bold;
text-decoration: none;
}

a.navi:link {
color: white;
font-weight: bold;
text-decoration: none;
}
 
a.navi:hover {
color: black; 
font-weight: bold;
text-decoration: underline;
} 

/* Listenstile für Menüeintrag im Navibereich topmenu */
.moduletable_top  {
  width: 100%;
  padding-top: 2px;  
  text-align: right;
  border-bottom: 1px solid silver;
  background-color: white;
}

#mainlevel_top {
  padding: 3px;
  margin-bottom: 0px;
}

#mainlevel_top li {
  display: inline;
}

#mainlevel_top a {
  padding: 2px 6px;
  margin-right: 5px;
  border: 1px solid silver;
  text-decoration: none; 
  border-bottom: 0;
}

#mainlevel_top a:link {
  text-decoration: none;
}

#mainlevel_top a:visited {
  color: gray;
  text-decoration: none;
  width: 100%;
}

#mainlevel_top a:hover {
  background-color: red;
  /* background-image: url('kastenhintergrund1.jpg'); */
  width: 100%;
  color: white;
}

#mainlevel_top #active_menu_top {
  padding: 2px 6px;
  margin-right: 5px;
  border: 1px solid silver;
  background-color: red;
  /* background-image: url('kastenhintergrund1.jpg'); */
  color: white;
  border-bottom: 0;
}

.leftnavi {
background-image: url(left.gif) !important;
}

/* Newskästen rechts formatieren */
#rightbox {
  float: right;	
  width: 170px;
}

.newskasten {
  width: 170px;
  background-color: transparent;
}

.newskastenhead {
  font-size: 14px;
  font-weight: bold;
  color: white;
  background-color: #00135B;
  background-image: url('kastenhintergrund1.jgp');
  border-style: none;
  padding: 4px;
 }

.newskastencontent {
  font-size: 12px;
  line-height: 1.3;  
  padding: 4px;  
  border-style: solid;
  border-width: 1px;
  border-color: #00135B;
  border-top-style: none;
  padding: 4px;
  background-image: url('kastenhintergrund.gif');
}

/* für Joomla 1.5 */
.buttonheading img {
  border: 0;
}

div.syndicate a {
  margin: 5px;
  margin-top: 8px;  
  text-decoration: none;
}

.syndicate img {
  padding: 5px;
  padding-bottom: 0;
  border: 0;
}


/* Bearbeiten-Tooltip anpassen */
.hasTip img {
  border: 0;
}

.tool-tip {
   float: left;
   background: #ffffcc;
   border: 1px solid red;
   padding: 5px;
   max-width: 250px;
}

.tool-title {
   padding: 0;
   margin: 0;   
   font-size: 90%;
   font-weight: bold;
   margin-top: -15px;
   padding-top: 15px;
   padding-bottom: 5px;   
}

.tool-text {
   font-size: 80%;
   margin: 0;
}