/** layout */




/** BASIC */

html, body {
	height: 100%;
}

#extra1 {
	clear: both;
	height: 20px;
	background: url(../2-Ungenutzte-Bilder/Rahmen-2box-50-50-unten.gif) no-repeat center top;
}

#extra2 {
	clear: both;
	height: 30px;
	background: url(../2-Ungenutzte-Bilder/Rahmen-2box-60-40-oben.gif) no-repeat center bottom;
}

#extra3 {
	clear: both;
	height: 20px;
	background: url(../2-Ungenutzte-Bilder/Rahmen-2box-60-40-unten.gif) no-repeat center top;
}

#extra4 {
	clear: both;
	height: 30px;
	background: url(../2-Ungenutzte-Bilder/Rahmen-1box-oben.gif) no-repeat center bottom;
}

#extra5 {
	clear: both;
	height: 20px;
	background: url(../2-Ungenutzte-Bilder/Rahmen-1box-unten.gif) no-repeat center top;
}

/** WRAPPER */

#wrapper {
}

/** LOGO */

#logo {
	width: 720px;
	height: 139px;
	margin: 0px auto;
	background: url(../bilder/Seiten-Layout/Body-Top-HG.jpg) no-repeat left top;
}

#logo h1, #logo h2 {
	display: none;
}

/** MENU */

#menu {
	width: 720px;
	height: 58px;
	margin: 0px auto;
}

#menu ul {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	height: 33px;
	padding: 10px 18px 0px 21px;
	background: url(../bilder/Seiten-Layout/Body-Mini-Farbverlauf.gif) no-repeat left top;
}

#menu a:hover {
}

#menu .first a {
	padding-left: 110px;
	background: none;
}

/** CONTENT */

#content {
	width: 720px;
	margin: 0px auto;
	overflow: hidden;
}

/** FOOTER */

#footer {
	width: 720px;
	margin: 0px auto;
	padding-top: 70px;
}

/** BOX1 */

#box1 {
	height: 233px;
	background: url(../bilder/Seiten-Layout/Kopfbild-b.jpg) no-repeat left top;
	position: relative;
	overflow: hidden;
}

#box1 h2 {
	display: none;
}

/** BOX2 */

#box2 {
	float: left;
	width: 229px;
	padding: 0px 28px 0px 98px;
	background-position: right top;
}

/** BOX3 */

#box3 {
	float: right;
	width: 229px;
	padding: 0px 102px 0px 24px;
	background-position: left top;
}

/** BOX4 */

#box4 {
	float: left;
	width: 274px;
	padding: 0px 28px 0px 98px;
	background-position: right top;
}

/** BOX5 */

#box5 {
	float: right;
	width: 174px;
	padding: 0px 102px 0px 24px;
	background-position: left top;
}

/** BOX6 */

#box6 {
	padding: 0px 100px;
}



/*==================================== Rahmen ====================================*/



/*==================================== Anfang-weiss ===============================*/
/*==================================== Anfang-weiss ===============================*/
#AD-Bottom {
  margin-bottom: 0px;}

.Rahmen-aussen-600-weiss {
  background-color:#fdfdfd; 
  overflow:hidden;
  position:relative;
  color:black;
  width: 572px;
  left: 74px;
  clear: both;
  margin-bottom: 0px;
}


.Rahmen-aussen-200-rechts-weiss {
  background-color:#fdfdfd; 
  overflow:hidden;
  position:relative;
  color:black;
  width: 200px;
  float: left;
  margin-left: 74px;
  margin-bottom: 12px;
}


.Rahmen-aussen-400-links-weiss {
  background-color: #fdfdfd; 
  overflow:hidden;
  position:relative;
  color:black;
  width: 362px;
  float: left;
  margin-left: 74px;
  margin-bottom: 12px;
}


/*================================= Rahmen-innen-weiss =================================*/



.Rahmen-innen-weiss {
  padding: 0px;
  border:0px;
  margin-top: 0px;
  margin-right: 20px;
  margin-bottom: 0px;
  margin-left: 20px;
  background-color: #fdfdfd;
}

/*================================== raender-weiss =================================*/

.rand-oben-weiss, .rand-rechts-weiss, .rand-unten-weiss, .rand-links-weiss {
  background-color:#000000; 
  color: black;
  overflow: hidden;
  padding:0px; 
  border:0px;
  margin:0px;
}

.rand-links-weiss {
  background-image: url(../bilder/Rahmen/weiss-Rand-links.gif);
  position: absolute;
  left: 0px;
  width: 20px;
  height: 100%;
}

.rand-rechts-weiss {
  background-image: url(../bilder/Rahmen/weiss-Rand-rechts.gif);
  position: absolute;
  right: 0px;
  width: 20px;
  height: 100%;
}

.rand-oben-weiss {
  background-image: url(../bilder/Rahmen/weiss-Rand-oben.gif);
  position:relative;
  height: 20px;
}

.rand-unten-weiss {
  background-image: url(../bilder/Rahmen/weiss-Rand-unten.gif); 
  position:relative;
  height: 20px;
}

/*================================ ecken-weiss =================================*/

.ecke-ol-weiss, .ecke-or-weiss, .ecke-ul-weiss, .ecke-ur-weiss {
  position: absolute;
  
  padding:0px;
  border:0px;
  margin:0px;
}

.ecke-ol-weiss {width:20px; height:20px; left:0px; top:0px; background-image: url(../bilder/Rahmen/weiss-Ecke-oben-links.gif);}

.ecke-or-weiss {width:20px; height:20px; right:0px; top:0px; background-image: url(../bilder/Rahmen/weiss-Ecke-oben-rechts.gif);}

.ecke-ul-weiss {width:20px; height:20px; left:0px; bottom:0px; background-image: url(../bilder/Rahmen/weiss-Ecke-unten-links.gif);}

.ecke-ur-weiss {width:20px; height:20px; right:0px; bottom:0px; background-image: url(../bilder/Rahmen/weiss-Ecke-unten-rechts.gif);}


/*==================================== Ende-weiss =====================================*/
/*==================================== Ende-weiss =====================================*/



/*==================================== Anfang-HG ===============================*/
/*==================================== Anfang-HG ===============================*/

.Rahmen-aussen-600-HG {
  background-color: transparent; 
  overflow:hidden;
  position:relative;
  color:black;
  width: 572px;
  float: left;
  margin-left: 74px;
  margin-bottom: 12px;
  clear: both;
}


.Rahmen-aussen-200-rechts-HG {
  background-color: transparent; 
  overflow:hidden;
  position:relative;
  color:black;
  width: 200px;
  float: right;
  margin-right: 74px;
  margin-bottom: 12px;
}


.Rahmen-aussen-400-links-HG-ohne-Ads {
  background-color: transparent; 
  overflow:hidden;
  position:relative;
  color:black;
  width: 572px;
  float: left;
  margin-left: 74px;
  margin-bottom: 12px;
  clear: both;
}




.Rahmen-aussen-400-links-HG {
  background-color: transparent; 
  overflow:hidden;
  position:relative;
  color:black;
  width: 360px;
  float: right;
  margin-right: 74px;
  margin-bottom: 12px;
}



/*================================= Rahmen-innen-HG =================================*/



.Rahmen-innen-HG {
  padding: 0px;
  border:0px;
  margin-top: 0px;
  margin-right: 20px;
  margin-bottom: 0px;
  margin-left: 20px;
  background-color: transparent;
}

/*================================== raender-HG =================================*/

.rand-oben-HG, .rand-rechts-HG, .rand-unten-HG, .rand-links-HG {
  background-color: transparent; 
  color: black;
  overflow: hidden;
  padding:0px; 
  border:0px;
  margin:0px;
}

.rand-links-HG {
  background-image: url(../bilder/Rahmen/HG-Rand-links.gif);
  position: absolute;
  left: 0px;
  width: 20px;
  height: 100%;
}

.rand-rechts-HG {
  background-image: url(../bilder/Rahmen/HG-Rand-rechts.gif);
  position: absolute;
  right: 0px;
  width: 20px;
  height: 100%;
}

.rand-oben-HG {
  background-image: url(../bilder/Rahmen/HG-Rand-oben.gif);
  position:relative;
  height: 20px;
}

.rand-unten-HG {
  background-image: url(../bilder/Rahmen/HG-Rand-unten.gif); 
  position:relative;
  height: 20px;
}

/*================================ ecken-HG =================================*/

.ecke-ol-HG, .ecke-or-HG, .ecke-ul-HG, .ecke-ur-HG {
  position: absolute;
  
  padding:0px;
  border:0px;
  margin:0px;
}

.ecke-ol-HG {width:20px; height:20px; left:0px; top:0px; background-image: url(../bilder/Rahmen/HG-Ecke-oben-links.gif);}

.ecke-or-HG {width:20px; height:20px; right:0px; top:0px; background-image: url(../bilder/Rahmen/HG-Ecke-oben-rechts.gif);}

.ecke-ul-HG {width:20px; height:20px; left:0px; bottom:0px; background-image: url(../bilder/Rahmen/HG-Ecke-unten-links.gif);}

.ecke-ur-HG {width:20px; height:20px; right:0px; bottom:0px; background-image: url(../bilder/Rahmen/HG-Ecke-unten-rechts.gif);}


/*==================================== Ende-HG =====================================*/
/*==================================== Ende-HG =====================================*/




.LB-572 {
  background-image: url(../bilder/Rahmen/LB-572.gif); 
  background-color: transparent; 
  overflow:hidden;
  position:relative;
  color:black;
  width: 542px;
  height: 24px;
  float: left;
  margin-left: 74px;
  margin-bottom: 12px;
  padding-top: 10px;
  padding-right: 15px;
  padding-bottom: 3px;
  padding-left: 15px;
}





/** default */




body {
	margin: 0px;
	padding: 0px;
	background-color: #F4EFDC;
}

/** FORMS */

form {
	margin: 0px;
	padding: 0px;
}

/** HEADINGS */

h2, h3, h4, h5, h6 {
	margin: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
}

h1 {
	margin: 0px;
	padding: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: center;
	line-height: 17px;
	font-size: 22px;
}

h2 {
	margin: 0px;
	padding: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
	line-height: 24px;
	font-size: 17px;
}

.H1-normal {
  background-color: transparent; 
  overflow:hidden;
  position:relative;
  color:black;
  width: 542px;
  height: 24px;
  float: left;
  margin-left: 74px;
  margin-bottom: 5px;
  padding-top: 3px;
  padding-right: 15px;
  padding-bottom: 3px;
  padding-left: 15px;
}


.h1-startseite {
	overflow: hidden;
	position: absolute;
	left: 333px;
	top: 199px;
}

.h1-startseite a {
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}

/** TEXTS */

body, th, td, input, textarea, select {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}

p, blockquote, ul, ol, dl {
	margin-top: 0px;
	margin-bottom: 1em;
	text-align: justify;
}

.text1 {
	letter-spacing: -1px;
	font-size: 20px;
	color: #1D2F04;
}

.text2 {
	margin-bottom: 15px;
	font-size: 12px;
	color: #82921A;
}

.text3 {
	text-align: center;
	font-size: 11px;
	color: #AABE68;
}

/** LISTS */

li {
	line-height: 16px;
	margin-top: 12px;
}

.list1 {
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
	line-height: 22px;
	text-align: left;
}

.list1 li {
	padding-left: 17px;
	background: url(../bilder/Linkpfeil.gif) no-repeat left center;
}

.li-1 {
	font-size: 15px;
	font-weight: bold;
  	text-indent: 0px;
  	margin-top: 20px;
	line-height: 21px;
}

.li-2 {
	font-size: 12px;
  	margin-left: 20px;
  	margin-top: 0px;
	line-height: 21px;
}

.li-2a {
	font-size: 12px;
  	margin-left: 20px;
  	margin-top: 0px;
	width: 111px;
	overflow: hidden;
	display: inline-table;
	line-height: 21px;
  	
}


/** LINKS */

a {
	color: #335008;
}

a:hover {
	text-decoration: none;
}

.link1 {
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 15px;
	color: #FFFFFF;
}

.link1a {
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 15px;
	color: #FFFFFF;
}

/** STYLES */

.style1 {
}

.style1 a {
}

.style1 a:hover {
}

/** BACKGROUNDS */

.bg1 { background: url(../bilder/Seiten-Layout/bg01-HG-Body.jpg) repeat left top; }
.bg2 { background: url(../bilder/Seiten-Layout/bg02-Body-Top-Farbverlauf.jpg) repeat-x left top; }
.bg3 { background: url(../bilder/Seiten-Layout/bg03-HG-Top-Menu.jpg) no-repeat left top; }
.bg4 { background: url(../bilder/Seiten-Layout/bg04-HG-Content-oben.jpg) no-repeat left top; }
.bg5 { background: url(../bilder/Seiten-Layout/bg05-HG-Content-mitte.jpg) repeat-y left top; }
.bg6 { background: url(../bilder/Seiten-Layout/bg06-HG-Content-unten.jpg) no-repeat left top; }
.bg8 { background: url(../2-Ungenutzte-Bilder/Rahmen-2box-60-40-mitte.gif) repeat-y center top; }
.bg9 { background: url(../2-Ungenutzte-Bilder/Rahmen-1box-mitte.gif) repeat-y center top; }

/** MISC */

.align-justify { text-align: justify; }
.align-right { text-align: right; }

img { border: none; }

.img1 {
	float: left;
	margin: 3px 15px 0px 0px;
}

.img2 {
	float: right;
	margin: 3px 0px 0px 15px;
}

hr { display: none; }

.hr1 {
	height: 1px;
}

.ad-250x250-links { 
	float: left;
	margin-left: 0px;
	margin-right: 0px;
}

.ad-250x250-rechts { 
	float: right;
	margin-left: 0px;
	margin-right: 0px;
}


.clearen {clear: both;}

.zentrieren {text-align: center;}

.fz-10 {font-size: 10px;}
.fz-11 {font-size: 11px;}
.fz-12 {font-size: 12px;}
.fz-13 {font-size: 13px;}
.fz-14 {font-size: 14px;}
.fz-15 {font-size: 15px;}
.fz-16 {font-size: 16px;}
.fz-17 {font-size: 17px;}
.fz-18 {font-size: 18px;}
.fz-19 {font-size: 19px;}
.fz-20 {font-size: 20px;}



.textfeld-formular {
  width:400px;
  overflow:hidden;
  padding:0px;
  border-top: 4px solid #ddd;
  border-right: 4px solid #aaa;
  border-bottom: 4px solid #666;
  border-left: 4px solid #ccc;
  margin:10px auto;
}

form {
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  overflow: auto;
  width:93%;
  padding:15px;
}

label {display:block; margin-right: 20px; text-align: center;}

input#pseudonym, input#absender-name, input#absender-email, 
input#Veroeffentlichen, input#nachricht, input#Kuerzel, 
textarea {
  background-color:#f4f4f4; 
  color:black;
  width:98%; 
  border:1px solid #8c8c8c; 
  margin-bottom:1em;
  cursor:pointer;
}



textarea {height:65px;}

input#pseudonym:focus, input#absender-name:focus, input#absender-email:focus, 
input#Veroeffentlichen:focus, input#nachricht:focus, input#Kuerzel:focus, 
textarea:focus {
  background-color:white; 
  color:black;
}


#hasenstall-index {
	overflow: hidden;
	width: 278px;
	height: 22px;
	position: fixed;
	left: 50%;
	bottom: 0px;
	margin-left: -50px;
	background-image: url(../bilder/Seiten-Layout/Hasenstall-index.gif);
	text-align: center;
	padding-top: 4px;
	
}

#hasenstall-index a {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}
	
	
	
#hasenstall-index a:hover, #hasenstall-index a:focus {
	text-decoration: underline;
}
	
.EL {
	padding-left: 17px;
	background: url(../bilder/EL.gif) left bottom no-repeat;
}