/******************************************************************************
  Stylesheet fuer: sattlerei-witte.de
  Medien:          screen, projection
  Autor:           Algernon <algernon77@gmx.net>
  Kommentar:       Nicht fuer Netscape 4.x zugaenglich
*/

body {
	font-family:verdana, arial, helvetica, sans-serif;
	color:#333;
	background-color:#cff;
	background-image:url(bilder/pferde_5.jpg);
	background-position: bottom;
	/*background-attachment: fixed;*/
	background-repeat: no-repeat;
	}
h1 , h2 , h3 , h4 {
        background-color : transparent;
        font-family : Verdana, Helvetica, Arial, sans-serif;
        line-height : 1em;
      }
h4:before {
        content : "\25b6 ";
      }
h1 {
        color : #ccc;
        font-size : 1.7em;
        margin-bottom : 1.3em;
      }
h2 {
        font-size : 1.5em;
		font-weight : 900;
        color : #689;
        margin-left : 8px;
        margin-bottom : 8px;
      }
h3 {
        color : #666;
        font-size : 1.1em;
        margin-top : 2em;
        margin-left : 8px;
        margin-bottom : 2px;
      }
h4 {
        font-size : 1em;
		font-weight : 900;
        color : #660000;
        margin-left : 8px;
        margin-bottom : 8px;
      }
p {
	font:.8em/1.2em verdana, arial, helvetica, sans-serif;
	margin:0px 0px 16px 10px;
	padding:0px;
	}

ol, ul {
	font:.8em/1.4em verdana, arial, helvetica, sans-serif;
	margin:0px 0px 16px 24px;
	padding:0px;
	}
	
table td {
        padding : 5px;
        vertical-align : top;
      }
.strong {
        font-weight : bold;
      }
.zentrier {
        text-align : center;
      }
.italic {
        font-size : 0.8em;
        font-style : italic;
      }
.legende {
	float: right;
	width: 262px;
	margin: 0px 0px 4px 0px;
	}
.bild {
	font-size: .8em;
	font-style: italic;
	text-align: left;
	margin: 0px 0px 4px 15px;
	}
#Haupt {
	width: 600px;
	margin: 20px auto 200px;
	background: #ffffcc;
	border: 1px dotted black;
	}
#Header {
	margin:30px 0px 10px 0px;
	padding:15px 0px 0px 0px;
	height: 28px;
	border-style:solid;
	border-color:black;
	border-width:1px 0px; /* top and bottom borders: 1px; left and right borders: 0px */
	background: #8AB;
	}
#Header h1 {
	margin: -10px 0px 0px 0px;
	padding: 0px 20px 0 0;
	text-align: right;
	text-transform: lowercase;
	vertical-align: middle;
	}
#Logo img {
	margin: -70px 0px 0px 30px;
	height: 64px; width: 100px;
	border: 0;
	vertical-align: middle;
}
#Logo a {
	text-decoration:none;
	border: 0;
    }
#Content {
	margin:0px 10px 20px;
	padding: 0px 10px;
	font-size: 12pt;
	}
#Content img {
	margin: 5px 4px 10px 10px;
	float: right;
	border: dotted 1px;
	}
#Content a {
	text-decoration:underline;
	}
#Content a:hover {
	color:#cc0000;
	}
#Menu {
	padding:0px 20px 10px 0px;
	font-size: 10pt;
	text-align: right;
	}
#Verzeichnis {
	margin:0px 10px 20px;
	padding: 0px 10px;
	}
#Verzeichnis ul {
	font:.9em/1.4em verdana, arial, helvetica, sans-serif;
	list-style:square outside;
	margin:0px 0px 16px 24px;
	padding:0px;
	}
#Verzeichnis img {
	margin: 10px 4px 10px 10px;
	border: dotted 1px;
	float: right;
	}
#footer {
    clear:left;
    margin-top:1em;
    background:transparent;
    font-size:8pt;
	text-align:center;
    /*padding:5px;*/
	color:#ffffcc;
	}
#footer a {
	color:#ffffcc;
	}
a:link {
    text-decoration:none;
    font-size:1em;
    font-weight: normal;
    color:#333333;
}
a:visited {
    text-decoration:none;
    font-size:1em;
    font-weight: normal;
    color:#333333;
}
a:hover {
    text-decoration:none;
    font-size:1em;
    font-weight: normal;
    color:#cc0000;
}
a:active {
    text-decoration:none;
    font-size:1em;
    font-weight: normal;
    background-color:#ffffcc;
}