/* CSS-Datei f�r Pro Uferbahn e.V. */

/* Gesamtschrift und Gesamtrand festlegen */
body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 100%;	
  margin: 0;
  background-color: #FFF0F0;
  background-image: url(wood.jpg);  
}

/* mother-container, contains logo, navi, content and footer */
#mother {
	text-align: left;
	margin: 20px auto 20px auto; 
	margin: 20px auto 20px auto;
	width: 980px;
	min-height: 700px;
	padding: 0;
	border-style: solid;
	border-width: 0px;
	border-color: black;
	color: black;
	background-color: #FFF0F0;
/*	background-image: url(h3.gif);*/
}

/* Container mit dem Logo */
#logo {
  text-align: left;
  height: 110px;
  width: auto;
  padding: 0;
  color: black;
  background-color: #8c0000;
  background-image: url(logo4.jpg);
  background-repeat: repeat-y;
  margin-bottom: 0px;
}

/* Container mit Top-Menü */
#top {
  text-align: left;
  height: 31px;
  width: auto;
  padding: 0;
  color: black;
  background-color: #B00000;
  background-repeat: repeat-y;
}


/* Suchfeld */
#search {
  float: right;
  color: black;
  width: 220px;
  background-color: transparent;
  margin-top: 5px;
}

/* Innenrand Suchform */
#search form {
  margin: 0;
}

/* Inhaltsbereich C O N T E N T */
#content {
  float: left;
  width: 735px;  
  color: black;
  background-color: none;
  font-size: 0.84em; 
  line-height:1.45em;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: silver;
  padding-left: 17px;
}

/* Links im Content 
#content p a {
  display: inline;
  padding-left: 15px;
  background-image: url(bluedot.gif);
  background-repeat: no-repeat;

  */
  /* normaler Listenstil, beschr�nkt 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;
}
/* Fusszeile */
#footer {
  width: auto;
  color: black;
  padding: 5px;
  background-color: transparent;
  clear: both;
  font-size: 0.7em;
  text-indent: 10px;
}

/* Haupt-Navigationsbereich */

/* Kompletter Bereich  */
#navi {
	font-size: 1em;
	float: left;
	width: 180px;
	color: black;
	background-color: none;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 7px;
	min-height: 600px;
}
#navi a {
  text-decoration: none;  
  font-size: 1em;
}
#navi a:link {
  color: #4A321A;

}
#navi a:visited {
  color: #4A321A;
  
}
#navi a:hover {
  color: red;}

/* Menüeintrag ... Anmelden, Preisliste ... */
#navi ul {
/* Ausgew�hltes Menu */
	list-style-type: none;
	margin-top:20px;
	margin-left: 1px;
	padding-left: 1px;
	color: #000000;
	background-color: none;
}
/* Menüeintrag ... Anmelden, Preisliste ... */
#navi ul #current a {
  list-style-type: none;
  display: block;
  margin-top: 1px;
  color: black;
}



/* Überschriften */

h1 ,.contentheading, .componentheading {
	color: black;
	font-size: 1.2em;
	line-height: 1.5;
	background-image: none;
	background-repeat: repeat-y;
	padding: 4px;
	font-weight: bold;
}

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;
}

h3 {
  font-size: 1em;
  line-height: 1.4;
  margin-bottom: 1px;
  padding-bottom: 1px;
}

/* Absatz und div */
p, div {
  padding-right: 3px;
  margin-bottom: 5px;
}

/* Tag b zus�tzlich einf�rben */
b {
 /*  color: #7C580A; */
 color: black;
}

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

/* Hovereffekt f�r Links */
a:hover {
  text-decoration: none;
}

/* besuchte Hyperlinks */
a:visited {
  color: gray;
}

#right {
	color: aqua;
}
}

/* 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: 180px;
  border-style: dotted;
  border-width: 2px;
  border-color: silver;
  padding: 3px;
  margin: 3px;
}

/* Einf�hrungsabsatz */
.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 f�r Tabellen */
table th, th, tbody {
  padding: 3px;
}