/* 

########################################################################################################
########################################################################################################

Einteilung des CSS-Aufbaus

1. Standards
2. Layout
3. Navigation
4. Content
5. Links 

########################################################################################################
######################################################################################################*/

   
/* 1. Standards */

html, body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, span, a, table, td, form, img, li, input, form, object, textarea{
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 12px;
	color: #8ecd55;
	text-decoration: none;
	list-style-type: none;
}

html, body {height: 100%; margin: 0; padding: 0; border: 0px;} 
body {background: #2c5705 repeat-x top center url(../images/hg.jpg);}

h1 {font-size: 30px; font-weight: normal; margin-bottom: 30px; color: #ffe400;}
h1 span {font-size: 18px; font-weight: normal; margin-bottom: 10px; color: #8ecd55;}

h2 {font-size: 15px; font-weight: bold; margin-bottom: 10px; color: #ffe400;}
h3 {font-size: 12px; font-weight: bold; margin-bottom: 5px; color: #8ecd55;}

hr {margin: 0 0 10px 0; color: #8ecd55; height: 1px; border-top: solid 1px #8ecd55; border-bottom: transparent; clear: both;}

.floatende {clear: both;}

.border-rechts {padding: 1px; background: #447419; border: 7px solid #8ecd55; margin: 0 0 20px 20px; float: right; clear: both;}
.border-left {padding: 1px; background: #447419; border: 7px solid #8ecd55; margin: 0 15px 15px 0; float: left;}
.border-ohne {padding: 1px; background: #447419; border: 7px solid #8ecd55; margin: 0 0 10px 0; clear: both;}

.right {margin: 0 0 10px 50px; float: right;}

/*######################################################################################################
######################################################################################################*/


/* 2. Layout */

#Huelle {
	width: 100%;
	min-height: 100%;
	margin: 0 auto;
	position: relative;
}
*html #Huelle {height: 100%;}

#Aussenhuelle {
	width: 955px;
	min-height: 772px;
	background: url(../images/hg_aussenhuelle.jpg) no-repeat top;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
*html #Aussenhuelle {height: 772px; overflow: visible;}

#Rechte-Seite {
	width: 435px;
	position: absolute;
	top: 502px;
	left: 520px;
}

#Shop{
	width: 291px;
	height: 177px;
	position: absolute;
	top: 40px;
	left: 595px;
}

#Content {
	width: 907px;
	min-height: 330px;
	padding: 502px 0 0 47px;
	margin-bottom: 150px;
	position: relative;
	overflow: hidden;
}
*html #Content {height: 330px; overflow: visible;}

.Content-li {
	width: 435px;
	margin: 0 37px 0 0;
	position: relative;
	float: left;
}

.Content-re {
	width: 435px;
	position: relative;
	float: left;
}

.Content-1 {width: 280px; position: relative; float: left; margin-right: 20px;}
.Content-2 {width: 280px; position: relative; float: left; margin-right: 20px;}
.Content-3 {width: 280px; position: relative; float: left;}

#Footer {
	width: 100%;
	height: 114px;
	background: url(../images/hg_footer.jpg) repeat-x top;
	position: absolute;
	left: 0px;
	bottom: 0px;
	text-align: center;
}

#Footer-Inlay {
	width: 955px;
	position: relative;
	margin: 0 auto;
	text-align: center;
	color: #8ecd55;
	font-size: 12px;
}

/*######################################################################################################
######################################################################################################*/


/* 3. Navigation */

ul#Navi {
	top: 380px;
	left: 0;
	position: absolute;
}

ul#Navi li {
	position: relative;
	float: left;
	height: 26px;
	width: auto;
}

ul#Navi li a {
	display: block;
	height: 26px;
	text-indent: -5000px;
	background: url(../images/trans.gif);
}

ul#Navi li a.n1 {width: 116px;}
ul#Navi li a.n2 {width: 74px;}
ul#Navi li a.n3 {width: 116px;}
ul#Navi li a.n4 {width: 109px;}
ul#Navi li a.n5 {width: 105px;}
ul#Navi li a.n6 {width: 99px;}
ul#Navi li a.n7 {width: 96px;}
ul#Navi li a.n8 {width: 114px;}

ul#Navi li a.n1:hover {background: url(../images/startseite.jpg);}
ul#Navi li a.n2:hover {background: url(../images/zoo.jpg);}
ul#Navi li a.n3:hover {background: url(../images/angelsport.jpg);}
ul#Navi li a.n4:hover {background: url(../images/reitsport.jpg);}
ul#Navi li a.n5:hover {background: url(../images/ueberuns.jpg);}
ul#Navi li a.n6:hover {background: url(../images/kontakt.jpg);}
ul#Navi li a.n7:hover {background: url(../images/anfahrt.jpg);}
ul#Navi li a.n8:hover {background: url(../images/impressum.jpg);}

/*######################################################################################################
######################################################################################################*/


/* 4. Content */

#Content p {
	margin: 0 0 10px 0;
	line-height: 19px;
}

#Content ul {margin: 20px 0 10px 40px;}

#Content ul li {
	margin: 0 0 5px 0;
	padding: 0 0 0 15px;
	background: no-repeat top left;
	position: relative;
	list-style-type: square;
}

/*######################################################################################################
######################################################################################################*/


/* 5. Links */

a:hover,
#Content p a:hover,
#Content p a.escape:hover,
#Content p a.escape:hover span span {color: #8ecd55;}

a:link,
#Content p a,
#Content p a.escape,
#Content p a.escape span span {
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 12px;
	color: #ffe400;
	text-decoration: none;
}

#Footer-Inlay a,
#Footer-Inlay a.escape,
#Footer-Inlay a.escape span span {color: #8ecd55; font-size: 12px; text-decoration: none;}

#Footer-Inlay a:hover,
#Footer-Inlay a.escape:hover,
#Footer-Inlay a.escape:hover span span {color: #ffe400; text-decoration: none;}

a.pdf {background: url(../images/pdf.gif) no-repeat left; padding: 20px 0 18px 60px; height: 30px; width: 100px; text-decoration: none !important;}
a.pdf:hover {text-decoration: underline !important;}

#Content a.nachoben {float: right; display: block; height: 20px; width: 100px; text-align: right; color: #9a431d; text-decoration: none; font-size: 10px;}
#Content a.nachoben:hover {color: #5e5d5d;}

/*######################################################################################################
######################################################################################################*/