/*BODY*/
body {
	background-color: #0e0e0e;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(grafiken/hg-body.gif);
	background-repeat: repeat-y;
	background-position: center top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
}
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
}
input,textarea,select,option {
	color: #454D4A;
	background-color: #FFFFFF;
	border: 2px solid #454D4A;
}
input:hover, input:focus, 
select:hover, select:focus,
textarea:hover, textarea:focus,
option:hover, option:focus {
	color: #454D4A;
	background-color: #F1F0C9;
	border: 2px solid #FFFFFF;
}
form {
	margin: 0px 0px 0px 0px;
}

/*SEITENAUFTEILUNG*/
#site {
	height: auto;
	width: 800px;
	margin: 0px auto;
	margin-top: 0px;
	background-color: #000000;
	background-image: url(grafiken/hg-inhalt-unten.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	border-left: solid 1px #333333;
	border-right: solid 1px #333333;
	
}
#inhalt {
	float: left;
	height: auto;
	width: 720px;
	margin: 0px;
	padding: 0px 40px 0px 40px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	background-image: url(grafiken/hg-inhalt.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#unten {
	clear:both;
	height: 57px;
	width: 800px;
	background-color: #000000;
	margin: 0px 0px 0px 0px;
	padding: 40px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-align: center;
	background-image: url(grafiken/hg-unten.gif);
	background-repeat: repeat-x;
	background-position: center 20px;
}

/*FORMATIERUNGEN*/
h1 {
	color:#eeb427;
	font-family: "Times New Roman", Times, serif;
	font-size:20px;
	font-weight:lighter;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}
h2 {
	color:#eeb427;
	font-family: "Times New Roman", Times, serif;
	font-size:16px;
	font-weight:lighter;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}
.buchstabe {
	color:#eeb427;
	font-family: "Times New Roman", Times, serif;
	font-size:30px;
	font-weight:lighter;
	float:left;
	margin: -5px 5px -5px 0px;
	padding: 0px 0px 0px 0px;
	height: auto;
	width: auto;
}
.gruen {
	color:#eeb427;
}
.gross {
	color:#eeb427;
	font-family: "Times New Roman", Times, serif;
	font-size:18px;
	font-weight:lighter;
}
.kleiner {
	color:#999999;
	font-size:10px;
	font-weight:lighter;
}
/*NAVI*/
#navi0 {
	float: left;
	height: 21px;
	width: 0px;
	margin: 0px 8px 0px 8px;
	padding: 0px 0px 0px 0px;
	border-left: 1px solid #555555;
}
#navi-box {
	float: left;
	height: auto;
	width: 720px;
	margin: 0px 0px 40px 0px;
	padding: 0px 0px 0px 0px;
}
#navi1 a, #navi2 a, #navi3 a, #navi4 a, #navi5 a, #navi6 a, #navi7 a, #navi8 a, #navi9 a{
	float: left;
	height: auto;
	width: auto;
	margin: 0px 0px 0px 0px;
	padding: 1px 0px 3px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	text-decoration:none;
}
#navi1 a:hover,  #navi2 a:hover,  #navi3 a:hover,  #navi4 a:hover,  #navi5 a:hover,  #navi6 a:hover,  #navi7 a:hover,  #navi8 a:hover,  #navi9 a:hover {
	float: left;
	height: auto;
	width: auto;
	margin: 0px 0px 0px 0px;
	padding: 1px 0px 3px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 123x;
	color: #ffffff;
	text-decoration:none;
}
/*ELEMENTE*/
#logo-homebutton a {
	float: left;
	height: 130px;
	width: 720px;
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
	display:block;
}
#box0 {
	float: right;
	height: 80px;
	width: 150px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#box1 {
	float: left;
	height: auto;
	width: 340px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#box2 {
	float: right;
	height: auto;
	width: 340px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#box3 {
	float: right;
	height: auto;
	width: 340px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 40px;
}
#galerie-box {
	float: left;
	height: auto;
	width: 340px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}
#galerie a {
	float: left;
	height: 65px;
	width: 65px;
	margin: 0px 10px 6px 0px;
	padding: 4px 4px 4px 4px;
	background-image: url(grafiken/galerie1.gif);
	background-repeat: no-repeat;
	background-position: center center;
	display:block;
}
#galerie a:hover {
	float: left;
	height: 65px;
	width: 65px;
	margin: 0px 10px 6px 0px;
	padding: 4px 4px 4px 4px;
	background-image: url(grafiken/galerie2.gif);
	background-repeat: no-repeat;
	background-position: center center;
	display:block;
}
#box-tiere {
	height: auto;
	width: 340px;
	margin: 0px 0px 20px 0px;
	padding: 10px 0px 10px 0px;
	border-top: 1px solid #333333;
}
#box-tiere1 {
	height: 95px;
	width: 340px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	border-top: 1px solid #333333;
}
#box-tiere2 {
	height: auto;
	width: 340px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}
#box-tiere-kitten {
	height: 190px;
	width: 340px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}
.bild-rechts {
	float: right;
	height: auto;
	width: auto;
	margin: 0px 10px 6px 0px;
	padding: 0px 0px 0px 0px;
}
#linie {
	float:left;
	height:1px;
	width:100%;
	background-color:#333333;
	font-size:0px;
	margin:15px 0px 15px 0px;
	display:block;
}
#inhalt a {
	color:#ffffff;
}
#inhalt a:hover {
	color:#eeb427;
}
#code {
	float: right;
	height: auto;
	width: 330px;
	margin: 0px 0px 0px 0px;
	padding: 6px 4px 6px 4px;
	border: 1px dotted #666666;
	color:#eeb427;
	font-size:9px;
	font-family:"Courier New", Courier, monospace;
	
}