/* CSS-Datei für DRC BZG-Koblenz */

html {

  /* erzeugt einen scrollbar, ohne scrollmöglichkeit

     fixt position verschiebung bei fontsize wenn scrollbar verschwindet*/

     overflow: -moz-scrollbars-vertical;

}



/* Gesamtschrift und Gesamtrand festlegen */

body {

  padding-top:50px;



  font-family: Verdana, Arial, Helvetica, sans-serif;

  font-size: 100%;

  margin: 0;

/*  background-color: #FFFFBB;*/

  background: url(../images/bg.jpg) repeat-x scroll 0 0;

}



/* mother-container, contains logo, navi, content and footer */

#mother {

  text-align: left;

  margin: auto;

  width: 780px;

  padding: 0;

  color: black;

  background-color: #fafafa; /*background-color: white;*/



  border-style: solid;

  border-width: 4px;

  border-color: #006633; /*border-color: #FF8040;*/

  border-top-width: 0;

  -moz-border-radius: 5px;



}



/* Container mit dem Logo */

#logo {

  text-align: left;

  height: 180px;

  width: auto;

  padding: 0;

  color: black;

  background-image: url(../images/logo6.jpg);  
  /*
  background-image: url(../images/logo5.jpg);



  background-color: white;

  background-image: url(logo_uferbahn.gif);

  background-repeat: repeat-y;

*/

  margin-bottom: 10px;

}

#hpname {

padding-top:10px;

text-align: right;

color: black;

font-size:1.1em;

}



/* Suchfeld */

#search {

  float: right;

  color: black;

  /*width: 220px;*/

width: 120px;

  background-color: transparent;

  margin-top: 5px;

}

input#mod_search_searchword.inputbox {

/*height: 25px;*/

color: black;

font-weight:bold;

}

#breadcrumb {

    float: left;

    text-align:left;

    background: lightgray;

   padding-bottom: 3px;

   font-size: 0.8em;

}



/* Innenrand Suchform */

#search form {

  margin: 0;

font-size: 0.8em;

}



/* Haupt-Navigationsbereich */

#navi {

  font-size: 0.8em;

  float: right;

  width: 21%;/*width: 150px;*/

  color: black;

  /* holt farbe aus mother      background-color: white;*/

}



/* Inhaltsbereich */

#content {

  float: left;

  width: 75%;/*width: 585px;  */

  color: black;

  /*background-color: white;*/

  font-size: 0.84em; 

  line-height:1.45em;

  border-right-style: solid;

  border-top-width: solid;

  border-right-width: 1px;

  border-top-width: 1px;

  border-right-color: silver;

  border-top-color:silver;

/*  border-left-style: solid;

  border-left-width: 1px;

  border-left-color: silver;

*/

  padding-left: 6px;

}



/* Fusszeile */

#footer {

  width: auto;

  color: black;

  padding: 5px;

  background-color: transparent;

  clear: both;

  font-size: 0.7em;

  text-indent: 10px;

}



/* Feedbackformular */

#content #emailForm label {

  display: block;

}



#content #emailForm label.copy {

  display: inline;

}



form input.button {

  margin: 3px;

}



textarea {

  width: 80%;

  height: 100px;

}



/* RSS-Bereich */

#rss a img {

  border: 0;

  padding-left: 5px;

}



/* Listenstile für Menüeintrag im Navibereich 

Dieser Abschnitt ist sehr lang */

#navi ul {

  list-style-type: none;

  margin-top: 0;

  margin-left: 1px;

  padding-left: 1px;

}



#navi ul ul {

  list-style-image: url(reddot.gif);

  padding-left: 10px;

  margin-left: 10px;

  }



#navi ul li a {

  display: block;

  list-style-type: none;

  text-indent: 0;

  margin-top: 1px;

  padding: 4px 4px 4px 8px;

  font-weight: bold;

  color: black;

  background-color: transparent;

  border-bottom-style: dotted;

  border-width: 1px;

  border-color: silver;

}



#navi ul ul li a {

 display: block;

 margin-top:1px;

 padding:4px 4px 4px 2px;

 text-indent: 0;

 font-weight: bold;

 color: black;

 background-color: transparent;

 border-top-style: none;

 border-bottom-style: none;

}



#navi a:link {

  display: block;

  text-decoration: none;

  width: 140px;

}



#navi a:visited {

  color: gray;

  text-decoration: none;

  display: block;

  width: 140px;

}



#navi a:hover {

  display: block;

  background-color: transparent;

  width: 140px;

  color: #AF1810;



}



#navi ul #current a {

  list-style-type: none;

  display: block;

  width: 140px;

  margin-top: 1px;

  padding: 4px 4px 4px 8px;

  font-weight: bold;

  color: black;

  border-bottom-style: solid;

  border-right-style: solid;

  border-width: 1px;

  border-color: darkgreen;

  -moz-border-radius: 5px;

}



#navi ul #current li a {

  display: block;

  border-style: none;

  padding-left: 2px;

}



#navi ul ul #current a {

  list-style-type: none;

  display: block;

  width: 130px;

  margin-top: 1px;

  padding: 4px 4px 4px 2px;

  font-weight: bold;

  color: black;

  background-color: #FFFFC6;

  color: #AF1810;

  border-bottom-style: none;

}

/* ENDE Listenstile fuer Menueeintrag im Navibereich */



/* Ueberschrift 1 gestalten */

h1, .contentheading {

  color: black;

  font-size: 1.5em;

  line-height: 1.5;

  background-image: url(verlauf.jpg);

  background-repeat: repeat-y;

  padding: 4px;

  text-indent: 0;

}



/* Ueberschrift 2 */

h2 {

  font-size: 1.1em;

  line-height: 1.4;

  background-image: url(rotkaro.gif);

  background-repeat: no-repeat;

  text-indent: 20px;

  background-position: left;

  padding-bottom: 1px;

  margin-bottom: 1px;

}



/* Ueberschrift 3 */

h3 {

  font-size: 1em;

  line-height: 1.4;

  margin-bottom: 1px;

  padding-bottom: 1px;

}



/* Absatz und div */

p, div {

  padding-right: 0px;

}



/* Tag b zusaetzlich einfuerben */

b {

 /*  color: #7C580A; */

 color: black;

}



/* Zeichenformat strong */

strong {
  /*  color: #AF1810; */
 color: black;

}



/* normaler Listenstil, beschraenkt auf Inhaltsbereich */

#content ul {
  list-style-image: url(karo.gif);
  font-size: 1em;
  line-height: 1.4;
  margin-left: 0.7em;
  padding-left: 0.7em;
}



#content li {
  margin-bottom: 0.3em;
}



/* Hovereffekt fuer Links */

a:hover {

  text-decoration: none;

  background-color: lightgreen;

  color: white

}



/* besuchte Hyperlinks */

a:visited {

  color: gray;

}





/* 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;

}



/* Einfuehrungsabsatz */

.lead, .lead p {

  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; 

  font-size:  1em;

  line-height: 1.5em;

  font-weight: bold;

  margin-top: 5px;

  margin-bottom: 10px;

}



.lead img {

  padding: 5px;

}



/* grauer Rahmen mit Umrandung */

.rahmen {

  font-family : Verdana, Arial, Helvetica, sans-serif; 

  font-size : 1em;

  width: 90%;

  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 : 1em; 

  width: 90%;

  border-style : dotted; 

  border-width : 1px; 

  border-color : gray; 

  padding : 3px;

  margin-top: 8px;

  margin-bottom: 10px; 

}



.code {

  font-family: 'Courier New', Courier, monospace;

  font-size: 1em;

  color: #000099;

}



/* Linie interessant gestalten */

hr {

  border-style: solid;

  border-width: 1px;

  border-color: red;

  width: 85%;

  margin-left: 0px;

  text-align: left;

}



/* Luft fuer Tabellen */

table th, th, tbody {

  padding: 3px;

}



/* Links innerhalb von Absaetzen mit 

kleinem Zeichen versehen */

#content p a {
  display: inline;
}

#content #weblink a {
  padding-left: 24px;
  background-image: url(../images/weblink.png);
  background-repeat: no-repeat;
  background-position: left;
}


#content #email p a {
  padding-left: 24px;
  background-image: url(../images/sendmail-item.png);
  background-repeat: no-repeat;
  background-position: left;
}

#content #meldeformularword a {
height:105%;
  padding-left: 24px;
  background-image: url(../images/word24.jpg);
  background-repeat: no-repeat;
  background-position: left;
}

#content #meldeformularpdf a {
height:105%;
  padding-left: 24px;
  background-image: url(../images/pdfIcon24.jpg);
  background-repeat: no-repeat;
  background-position: left;
}
/*

#linkstyle a[href^="http:"] {

  padding-left: 24px;

  background-image: url(../images/weblink.png);

  background-repeat: no-repeat;

  background-position: left;

}





#linkstyle a[href ^="mailto:"] {

  padding-left: 24px;

  background-image: url(../images/sendmail-item.png);

  background-repeat: no-repeat;

  background-position: left;

  

}

*/

p.buttonheading img {

  border: 0;  

  padding: 0;

}



p.buttonheading a  {   

  padding-left: 5px !important;

  background-image: none !important;  

}



/* Datums- und Autorangaben untereinander anordnen */

p.articleinfo span {

  display: block;

}



/* Pagination */

ul.pagination li {

  display: inline;

  padding: 5px;

}



/* 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;

}



#tab1 {

  padding-left: 30px;

}

/*  fontsize  */

#fontsize

{

    z-index:100;

    position:absolute;

 

    /*right:237px;*/

    margin-left: -4px;   

    margin-top:-1.6em;

    width:13em;

    

    color:#000;



    border-style: solid;

    border-width: 2px;

    border-color: #006633; /*border-color: #FF8040;*/

    /*border-top-width: 0;*/

 /* automatischer Mozilla-Runde Ecke*/

    -moz-border-radius: 5px;



    text-align:center;

}



#fontsize h3,#fontsize p

{







	/*border:0;*/

	display:inline;

	/*font-size:1.1em;*/

}



#fontsize p

{

	/*margin:0 0 0 5px;*/

}



#fontsize p a

{

	/*font-weight:bold;*/

	margin:0 5px;

	display:inline;

	padding:2px 0 2px 24px;

}



/* background-images */

#fontsize p a.larger {

/*background:#fff url(../images/lupe_larger.gif) no-repeat;*/

background:url(../images/lupe_groesser.gif) no-repeat;

}



#fontsize p a.smaller {

/*background:#fff url(../images/lupe_smaller.gif) no-repeat;*/

background:url(../images/lupe_kleiner.gif) no-repeat;

}



#fontsize p a.reset {

/*background:#fff url(../images/lupe_reset.gif) no-repeat;*/

background:url(../images/lupe_normal.gif) no-repeat;

}



#fontsize p a.larger:hover,#fontsize p a.larger:active,#fontsize p a.larger:focus {

/*background:#000 url(../images/lupe_larger_black.gif) no-repeat;*/

background:url(../images/lupe_groesser.gif) no-repeat;

color:#fff;

}



#fontsize p a.smaller:hover,#fontsize p a.smaller:active,#fontsize p a.smaller:focus {

/*background:#000 url(../images/lupe_smaller_black.gif) no-repeat;*/

background:url(../images/lupe_kleiner.gif) no-repeat;

color:#fff;

}



#fontsize p a.reset:hover,#fontsize p a.reset:active,#fontsize p a.reset:focus {

/*background:#000 url(../images/lupe_reset_black.gif) no-repeat;*/

background:url(../images/lupe_normal.gif) no-repeat;

color:#fff;

}