@charset "iso-8859-1";
/*****************************************************************************************************/
/*sport_reiher CSS                                                                                   */
/*        miradlo            Ute Hauth            Juli 2006                                          */
/*Enthaelt die grundlegenden Styles fuer alle Seiten der Domain www.sport-reiher.de                  */
/*****************************************************************************************************/
/*
/*
/* Grundlegende Rueckstellungen und Einstellungen******************************************************/
/*Standard CSS, also nicht z.B. für Druck optimiert*/
/* Wichtige Farben des Projekts
	255 255 0 reiher_gelb #FF0
	230 179 10 reiher_foto_gelb #ea2
	233 202 0 reiher_foto_gelb_uh #E9CA33 #E9CA33;
	255 204 51 web_gelb fc3
	255 204 0 web_fc0
	dunkelgrau 	color:#272727;
	grau 	color: #343434;
	schattengrau 	border-color: #999;
	visited grau #747474
	fast weisses gelb #ff9
*/
/*Abstände aller Elemente werden auf Null gesetzt + weitere Formatierungen, z.B. eine Schriftart für alle Elemente. Alle Innen- und Außenabstände werden auf null gesetzt.*/
/*Stylesheet vor ganz alten Browsern wie IE3 und NS4 verbergen*/

html, body, div, p, h1, h2, h3,h4, ul, ol,
span, a, table, td, img, li {
	margin:0;
	padding:0;
	font-family: "trebuchet ms", "albany amt", "andale sans", helvetica, tahoma, arial, sans-serif;
}
 /* HTML (gilt für Head gefolgt von Body) und Body selbst werden mit CSS versorgt Size 100.01% hilft manche Schriftgrößenprobleme in IE und Opera zu vermeiden.
 background kann als Ganzes wie unten angegeben werden*/
html, body {
	font-size:100.01%;
	border:none;
	color:#272727;
	min-height:100%;
	width:100%;
	height:100%;
}
html>body{
	height:auto;
}
body{
	position:absolute;
	background: #e6c249 url(images/logos/reiher_verlauf.gif) top left repeat-x;
	/*background: #fff url(images/logos/reiher_verlauf_II.gif) top left repeat-x;*/
}
img {
   border:0;
}
/*Allgemein gültige Formatierungen werden gesetzt.
Hier stehen Formatierungen, die keinem speziellen Bereich oder einer Sektion zugeteilt sind. Das sind Formatierungen, die man sicher später braucht (zum Beispiel "img" erstmal auf ohne Rahmen gesetzt). */
/*margin in der Reihenfolge: erste für oben, zweite für rechts, dritte für unten, vierte für links.*/
h1 {
	font-size: 1.7em; 
	line-height:.9em;
	letter-spacing: 0.1em;
	text-align: right;
	color: #343434;
	border-bottom:1px solid #fd5;
}
.hsmall {
	font-size:0.7em;
	text-align:center;
	font-weight:bold;
	font-variant:small-caps;
	color: #343434;
}
h2 {
	font-size:1.4em;
	text-align:left;
	font-weight:bold;
	color: #343434;
	margin-top:.5em;
}
h3, caption{
	font-size:1.2em;
	font-weight:bold;
	text-align:left;
	color: #343434;
	margin-top:1em;
}
p, ul {
	font-size:1em;
	line-height:1.3em;
	color:#000;
	list-style-type:none;
	text-align: justify;
}
li{
	text-indent:0;
	list-style-type:none;
	text-align:left;
}
ul{
	padding:0 1em 0 1.1em;
}
.liste ul{
	list-style-type:square  !important;
	margin-left:1em;
}
.liste li{
	list-style-type:square  !important;
	margin-left:1em;
}
.floatright{
	float:right;
}
.floatleft{
	float:left;
}
/*Aufzaehlung auf der Angebotsseite*/
#aufzaehlung  li
{
	background: transparent url(images/logos/uh_sport_reiher.ico) 3px 0 no-repeat;
	text-indent:1em;
}
.small {
	font-size:0.8em;
	line-height:1em;
}
.miradlo {
	font-stretch:expanded;
	font-weight:700;
}
.aktuell {
	font-size:1.4em;
	line-height:1.4em;
	font-weight:bold;
}
/* Sektionsweite Formatierungen kommen zum Schluss
Sortiert sind alle Sektionen nach ihrem visuellen Auftreten auf der Seite (z.B Kopf > Navi > Text > Fusszeile).
Jede Sektion beginnt und endet mit einer Kommentarzeile - auch das schafft Übersicht.
Hacks und besondere Codeschnipsel werden kommentiert. */
/*IDs Beispiel: #Kopf trifft z.B. auf <div id="Kopf">...</div> zu.
#header p trifft auf Elemente vom Typ "p" zu, Anwendung:*/
/* Navi */
.symbol {
	font-size:1.5em;
	}
.clear{
	clear:both;
}
#main {
	position:relative;
	width: 1000px; 
	margin-left:auto; 
	margin-right:auto; 
	padding-bottom:0.5em;
	border-left: 1px outset #ff9;
	border-right: 3px solid #ff9;
	border-bottom: 3px solid #ff9;
	border-top:none;
	background: url(images/logos/schild_sport_reiher.jpg) top right no-repeat;
	text-align:center;
}
#main p{
	padding:1em;
}
#main li{
	padding:0.3em 0.7em 0.1em 0.7em;
}
#main h1, h2, h3{
	padding:0.4em 0.3em 0.2em 0.3em;
}
#hcontent {
	margin: 0em 1em 5em 1em; 
	border-top: none;
}
#hcontent h1{
	margin: 0; 
	margin-right:-6px;
}
.logo {
  float:left;
}
/* Inhalt */
#content {
	top:0;
	left:0;
	margin:0;
	padding:.5em 0em 2em 0em; 
	border: none;
	width:100%;
	}
#content ul li {
	list-style-type:none;
}
#album{
float:right;
width:45%;
}
#txtlist{
float:left;
width:45%;
}
#albumlist {
	list-style-type:none;
}
#albumlist li{
	float: right;
	margin-left:1em;
	margin-bottom:1em;
	padding-right:1.5em;
	text-align:right;
	font-size: 0.7em;
	font-weight:bold;
	list-style-type:none !important;
}
#albumlist img{
	display: block;
	border-style: outset;
	border-color: #999;
	border-width: 2px 4px 4px 2px;
}
/*Definitionsliste Erfolge*/
#txtdeflist dl{
	list-style-type:none;
}
#txtdeflist dt{
	margin-left:1em;
	margin-top:1em;
	text-align:left;
	font-weight:bold;
	font-size: 1.3em;
}
#txtdeflist dd{
	margin-left:1em;
	margin-right:0;
	margin-top:1em;
	text-align:left;
	font-size: 1em;
}
/*Definitionsliste Produkte*/
#deflist {
	float:left;
}
#deflist dl{
	list-style-type:none;
}
#deflist dt{
	float: left;
	margin-left:1em;
	margin-top:1em;
	padding-left:1.5em;
	text-align:left;
	list-style-type:none;
}
#deflist dd{
	float: right;
	display:block;
	margin-left:1em;
	margin-right:20px;
	margin-top:1em;
	padding-right:1.5em;
	text-align:right;
	font-size: 1em;
	font-weight:bold;
	list-style-type:none;
}
#deflist img{
	display: block;
	border-style: outset;
	border-color: #999;
	border-width: 2px 4px 4px 2px;
}

/*Hauptnavigation*/
div#hauptnavi{
	float:left;
	position:relative;
	top:1em;
	left:0;
	width:100%;
	font-size:0.85em;
	line-height:1.1em;
	text-align:center;
	text-decoration:none;
	margin-bottom:2.5em;
	}
#hauptnavi li{	
	float:left;	
	display:block;
	padding:0;
	background-color:#fd5;
	color: #343434;
	border:3px outset #ea2;
	width:7em;
	text-align:center;
	}
#hauptnavi li a {
	display:block;
	background-color:#fd5;
	color: #343434;

	width:7em;
	text-decoration:none;
	}
#hauptnavi  a:visited {
	color:#747474; 
	font-weight:normal;
	text-decoration:none;
	}
#hauptnavi a:focus{	
	color:#009;
	background-color:#ea2;
	}
#hauptnavi a:hover{	
	color:#009;
	background-color:#ea2;
	}
#hauptnavi a:active{
	color:#009;
	background-color:#ea2;
	text-decoration:underline;
	}
/* ENDE Navi *//*Die Definition txtlink ist nötig, da bei allgemeiner Def. auch grafische Links die Werte übernehmen.*/
/*Textlinks*/
a.txtlink {
	text-decoration:none;
	font-size:0.85em;
	line-height:1em;
	border:2px outset #ea2;
	color: #343434;
	background-color:#fd5;
}
a.txtlink:link {
	color: #343434;
	background-color:#fd5;
}
a.txtlink:visited {
	color:#747474; 
	background-color:#fd5;
	font-weight:normal;
}
a.txtlink:focus {
	color:#009;
	background-color:#ea2;
}
a.txtlink:hover {
	color:#009;
	background-color:#ea2;
}
a.txtlink:active {
	color:#009;
	background-color:#ea2;
	text-decoration:underline;
}
/*Textlinks*/
a.dflink {
	display:block;
	width:9.5em;
	text-decoration:none;
	font-size:0.85em;
	line-height:1em;
	border:2px outset #ea2;
	color: #343434;
	background-color:#fd5;
}
a.dflink:link {
	color: #343434;
	background-color:#fd5;
}
a.dflink:visited {
	color:#747474; 
	background-color:#fd5;
	font-weight:normal;
}
a.dflink:focus {
	color:#009;
	background-color:#ea2;
}
a.dflink:hover {
	color:#009;
	background-color:#ea2;
}
a.dflink:active {
	color:#009;
	background-color:#ea2;
	text-decoration:underline;
}
/*Kontaktformular*/
 fieldset > legend{
	display:block;
}
fieldset{
	margin-right:2em;
	width:90%;
	margin-left:2em;	
}
.labels{
	width:28em;
}
.label{
	width:28em;
}
 legend{
	font-size:100.01%;
	font-weight: bold;
	display:none;
	padding:1em 1em;
	margin-top:2em;
	color:#fd5;
	background-color:#006;
}
 label{
	display:block;
	margin-top:10px;
	font-weight:bold;
	text-align:left;
}
 input.text{
	font-weight:bold;
	text-align:left;
	letter-spacing:1px;
	color:#003;
	background:#fff;
	width:28em;
	margin:2px 0;
	padding:2px;
}
 input.submit
{
	width:10em;
	background:#006;
	color:#fd5;
	border:2px outset #006;
	font-size:.95em;
	cursor:pointer;
	}
 select{
	color:#003;
	background:#fff;
	font-family: "trebuchet ms", "albany amt", "andale sans", helvetica, tahoma, arial, sans-serif;
	line-height:1.3em;
	width:9em;
	overflow:visible;
	}
 input:focus{
	color:#fd5;
	background-color:#009;
}
 input.anmelden{
	display:block;
	margin-top:10px;
	padding:1px 3px;
	width:5em;
	text-align:center;
	color:#fd5;
	background-color:#006;	
	font-weight:bold;	
}
#miradlotext{
	font-family: "trebuchet ms", "albany amt", "andale sans", helvetica, tahoma, arial, sans-serif;
}
/*Footer*/
#footer {
	bottom:1em;
	width:100%;
	margin:0;
	padding-top:1em;
	text-align:center;
	border-top:2px solid #fd5;
  }
#footer p li{
  font-size:0.8em;
  }
#footernavi{
	font-size:0.8em;
	line-height:1.1em;
	text-align:center;
	text-decoration:none;
	list-style-type:none;
	}
#footernavi li{
	background-color:#fd5;
	padding: 0 0.3em 0 0.3em ;
	float: left;
	margin:0px;
	text-align:center;
	text-decoration:none;
	list-style-type:none !important;
	}
#footernavi li a {
	display:block;
	background-color:#fd5;
	text-decoration:none;
	color: #343434;
	}
#footernavi li a:link {
	color: #343434;
	}
#footernavi  li a:visited {
	font-weight:normal;
	color:#747474; 
	}
#footernavi li  a:focus{	
	color:#009;
	background-color:#ea2;
	}
#footernavi li  a:hover{	
	color:#009;
	background-color:#ea2;
	}
#footernavi li  a:active{
	color:#009;
	background-color:#ea2;
	text-decoration:underline;
	}
/*Ende Footer*/
/*Links je nach Seite passend hervorheben die bei link und visited eingestellten Farben bestimmen*/
/*die Hervorhebung der aktiven Seite*/
body#home li.home a:link, body#home li.home a:visited,
body#erfolge li.erfolge a:link, body#erfolge li.erfolge a:visited,
body#geschaeft li.geschaeft a:link, body#geschaeft li.geschaeft a:visited,
body#produkte li.produkte a:link, body#produkte li.produkte a:visited,
body#kontakt li.kontakt a:link, body#kontakt li.kontakt a:visited,
body#impressum li.impressum a:link, body#impressum li.impressum a:visited,
body#angebote li.angebote a:link, body#angebote li.angebote a:visited{
	color:#006; 
	background-color:#ff9;
}
body#home li.home a:focus, body#home li.home a:hover,
body#erfolge li.erfolge a:focus, body#erfolge li.erfolge a:hover,
body#geschaeft li.geschaeft a:focus, body#geschaeft li.geschaeft a:hover,
body#produkte li.produkte a:focus, body#produkte li.produkte a:hover,
body#kontakt li.kontakt a:focus, body#kontakt li.kontakt a:hover,
body#impressum li.impressum a:focus, body#impressum li.impressum a:hover,
body#angebote li.angebote a:focus, body#angebote li.angebote a:hover{
	color:#006; 
	background-color:#ea2;
}
body#home li.home a:active,
body#erfolge li.erfolge a:active, 
body#geschaeft li.geschaeft a:active,
body#produkte li.produkte a:active, 
body#kontakt li.kontakt a:active, 
body#impressum li.impressum a:active,
body#angebote li.angebote a:active{ 
	color:#006; 
	background-color:#ea2;
	text-decoration:underline;
}