/** BASIC */

body {
	margin: 0px;
	padding: 0px;
	background-color: red;
	min-width: 800px;
}

.scroller {
	overflow: auto;
}

/** FORMS */

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





form {
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  overflow: auto;
  width: 285px;
  margin: 0px;
  padding: 0px;
  padding-left:0px;
}

#Webseite-eintragen form {
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  overflow: auto;
  width: 600px;
  margin-left: 17px;
  padding: 0px;
  padding-left:0px;
}

label {
	display:block; 
	margin-left: 10px; 
	text-align: left;
}

input#pseudonym, input#absender-name, input#absender-email, 
input#Veroeffentlichen, input#nachricht, input#Kuerzel, 

 input#URL, 
 input#Titel, 
 input#Rubrik, 
 input#description-1, 
 input#description-2, 
 input#kurze, 
 input#lange, 
 input#Verlinkung, 
 
textarea 
{
  background-color:#f4f4f4; 
  color:black;
  width:98%; 
  border:1px solid #8c8c8c; 
  margin-bottom: 1.4em;
  cursor:pointer;
}



textarea {height:65px;}
#lange {height:150px;}

input#pseudonym:focus, input#absender-name:focus, input#absender-email:focus, 
input#Veroeffentlichen:focus, input#nachricht:focus, input#Kuerzel:focus, 

 input#URL:focus, 
 input#Titel:focus, 
 input#Rubrik:focus, 
 input#description-1:focus, 
 input#description-2:focus, 
 input#kurze:focus, 
 input#lange:focus, 
 input#Verlinkung:focus, 
 
textarea:focus 
{
  background-color:white; 
  color:black;
}


#link-code {margin-top:-25px;}
#link-code textarea {height:35px;}
















/** HEADINGS */

h1, h2, h3, h4 {
	margin: 0px 0px 15px 0px;
	background: url(../Bilder/Unterstreich-Linie.gif) repeat-x left bottom;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #180E0A;
	line-height: 22px;
	text-align: center;
}


h2 {
	font-size: 24px;
	line-height: 22px;
}

#Rubrikseite h2 {
	margin-top: -5px;
}

h3 {
	background: none;
	font-size: 18px;
	line-height: 20px;
	margin-top: 30px;
}



h4 {
	background: none;
	font-size: 15px;
	line-height: 18px;
	text-align: left;
}


h5, h6 {
	margin: 0px;
	font: bold 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

/** TEXTS */

body, th, td, input, textarea, select {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #352411; /** urspruenglich #463622 */
}

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

.text1 {
	text-align: center;
	color: #6C6C6C;
}

/** LISTS */

li {
	margin-bottom: 10px;
}

.list1 {
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
}

.list-Rubriken {
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
}

.list-Rubriken li {
	display: inline;
	margin-right: 8px;
}

.list1 a {
	padding-left: 8px;
	background: url(../Bilder/homepage06.gif) no-repeat left center;
}

.list-Rubriken a {
	padding-left: 8px;
	background: url(../Bilder/homepage06.gif) no-repeat left center;
}

.list2 {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.list2 li {
	display: inline;
}

/** LINKS */

a {
	color: #0000ff;  /** urspruenglich #130E0A */
}

a:hover {
	text-decoration: none;
}

.link1 {
	text-decoration: none;
	font: normal 13px Georgia, "Times New Roman", Times, serif;
	color: #EBDFCF;
}

.link2 {
	padding-left: 8px;
	background: url(../Bilder/homepage06.gif) no-repeat left center;
}

/** STYLES */

.style1 {
}

.style1 a {
}

.style1 a:hover {
}

/** BACKGROUNDS */

.bg1 { background: #82AEC7 url(../Bilder/bg01.jpg) repeat-x left top; }/** #130E0A */
.bg2 { background: url(../Bilder/menu.gif) no-repeat left top; }
.bg3 { background: url(../Bilder/Buchseite-links.gif) no-repeat left top; }
.bg4 { background: url(../Bilder/Buchseite-rechts.gif) no-repeat left top; }
.bg5 { background: transparent; }

/** MISC */

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

img { border: none; }

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

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

hr { display: none; }

.hr1 {
	height: 1px;
}








/** BASIC */

html, body {
	height: 100%;
}

/** HEADER */

#header {
	width: 778px;
	height: 167px;
	margin: 0px auto;
}

/** LOGO */

#logo {
	float: left;
	width: 388px;
	height: 167px;
	background: transparent;
}

#logo h1 {
	display: none;
}

/** MENU */

#menu {
	float: right;
	width: 365px;
	height: 30px;
	padding: 137px 0px 0px 22px;
}

#menu h2 { display: none; }

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

#menu li {
	display: inline;
}

#menu a {
	display: block;
	text-align: center;
	font-family: Verdana;
	color: #fff;
	font-size: 11px;
	float: left;
	height: 18px;
	padding: 0px 13px 0px 15px;
	background: url(../Bilder/Unterteilungs-Strich.gif) no-repeat left center;
}

#menu a:hover {
	text-decoration: underline;
}

#menu .first a {
	background: none;
	padding: 0px 13px 0px 11px;
}

/** CONTENT */

#content {
	width: 778px;
	height: 484px;
	margin: 0px auto;
}

#left {
	float: left;
	width: 388px;
	height: 484px;
}

#right {
	float: right;
	width: 322px;
	height: 419px;
	padding: 37px 36px 28px 32px;
}

#right .scroller {
	width: 320px;
	height: 414px;
}

/** FOOTER */

#footer {
	width: 778px;
	height: 149px;
	margin: 0px auto;
	padding-top: 20px;
}

/** BOX1 */

#box1 {
	position: relative;
	overflow: hidden;
	padding: 38px 26px 20px 66px;
	width: 290px;
	height: 415px;
}

/** BOX2 */

#box2 {
	padding: 20px 20px 0px 72px;
}

/** BOX3 */

#box3 {
	position: relative;
	overflow: hidden;
	width: 290px;
	height: 420px;
}

/** BOX4 */

#box4 {
	width: 290px;
}

#box4 ul {
	
}


#HG-Tiere {
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	position: relative;
	overflow: hidden;
}



#Papageiflug {
	position: absolute;
	overflow: hidden;
	right: 0px;
	top: 200px;
	width: auto;
	height: auto;
	overflow: hidden;
	z-index: -10;
	
}

#Kanarienvogel {
	position: absolute;
	overflow: hidden;
	left: 0px;
	top: 400px;
	width: auto;
	height: auto;
	overflow: hidden;
	z-index: -10;
}

#Buntervogel-rechts {
	position: absolute;
	overflow: hidden;
	right: 270px;
	top: 0px;
	width: auto;
	height: auto;
	overflow: hidden;
	z-index: -10;
}


#Buntervogel-links {
	position: absolute;
	overflow: hidden;
	left: 270px;
	top: 5px;
	width: auto;
	height: auto;
	overflow: hidden;
	z-index: -10;
}




#Vogelweiss {
	position: absolute;
	overflow: hidden;
	right: 0px;
	bottom: 350px;
	width: auto;
	height: auto;
	overflow: hidden;
	z-index: -10;
}



#Moeve-Flug {
	position: absolute;
	overflow: hidden;
	right: 0px;
	top: 650px;
	width: auto;
	height: auto;
	overflow: hidden;
	z-index: -10;
}



#Moeve-sitzend {
	position: absolute;
	overflow: hidden;
	top: 762px;
	right: 50%;
	margin-right: -375px;
	width: auto;
	height: auto;
	overflow: hidden;
	z-index: -10;
}



#Stoerche {
	position: absolute;
	overflow: hidden;
	top: 700px;
	right: 50%;
	margin-right: -115px;
	width: auto;
	height: auto;
	overflow: hidden;
	z-index: -10;
}



#Strauss {
	position: absolute;
	overflow: hidden;
	left: 0px;
	bottom: 56px;
	width: auto;
	height: auto;
	overflow: hidden;
	z-index: -10;
}

#Rasen {
	position: absolute;
	overflow: hidden;
	background-image: url(../Bilder/Rasen.gif);
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 150px;
	margin-bottom: -80px;
	z-index: -20;
}



.Blatt {
	position: relative;
	overflow: hidden;
	width: 710px;
	height: auto;
	margin: 2px auto;
	margin-top: 200px;
	
}



#Webseite-eintragen .Blatt {
	position: relative;
	overflow: hidden;
	width: 710px;
	height: auto;
	margin: 2px auto;
	margin-top: 0px;
	
}

.Blatt-Rand-oben {
	background: url(../Bilder/Blatt-Rand-oben.gif) no-repeat;
	width: 710px;
	height: 37px;
}


.Blatt-Inhalt {
	background: url(../Bilder/Blatt.gif) repeat-y left top;
	position: relative;
	overflow: hidden;
	width: 634px;
	height: auto;
	padding-top: 20px;
	padding-right: 38px;
	padding-bottom: 20px;
	padding-left: 38px;
}


.Blatt-Rand-unten {
	background: url(../Bilder/Blatt-Rand-unten.gif) no-repeat;
	width: 710px;
	height: 37px;
}


#Domain {
	color: #fff;
	font-size: 36px;
	line-height: 47px;
	font-family: Verdana;
	font-weight: bold;
	position: absolute;
	overflow: hidden;
	top: 120px;
	left: 50%;
	margin-left: -270px;
	background: none;
}

#Domain a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}


	

#Buchzettel-rechts {
	margin-left: -5px;
}


#ad-Buchzettel-250x250 {
	position: relative;
	overflow: hidden;
	background: url(../Bilder/Buchzettel/gelber-Zettel.gif) no-repeat;
	width: 318px;
	height: 365px;
	margin-left: -16px;
	padding-left: 30px;
	padding-top: 43px;
	
}


#ad-Buchzettel-468x15 {
	position: relative;
	overflow: hidden;
	background: url(../Bilder/Buchzettel/gelber-Zettel-468x15.gif) no-repeat;
	width: 500px;
	height: 40px;
	margin: 2px auto;
	margin-top: -25px;
	margin-bottom: 10px;
	padding-left: 0px;
	padding-top: 12px;
	text-align: center;
	background-color: transparent;
	
}
#ad-Buchzettel-468x60 {
	position: relative;
	overflow: hidden;
	background: url(../Bilder/Buchzettel/gelber-Zettel-468x60.gif) no-repeat;
	width: 500px;
	height: 100px;
	margin: 2px auto;
	margin-top: 0px;
	margin-bottom: 20px;
	padding-left: 0px;
	padding-top: 20px;
	text-align: center;
	background-color: transparent;
	
}
#ad-Buchzettel-2x250x250 {
	position: relative;
	overflow: hidden;
	background: url(../Bilder/Buchzettel/gelber-Zettel-2x250x250.gif) no-repeat;
	width: 620px;
	height: 365px;
	margin-left: 5px;
	padding-left: 0px;
	padding-top: 0px;
	background-color: transparent;
	
}

.adrand-250x250-links {
	overflow: hidden;
	position: relative;
	width: 250px;
	height: 250px;
	float: left;
	padding: 0px;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
}

.adrand-250x250-rechts {
	overflow: hidden;
	position: relative;
	width: 250px;
	height: 250px;
	float: right;
	padding: 0px;
	margin-top: 40px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#ad-Buchzettel-200x200 {
	position: relative;
	overflow: hidden;
	background: url(../Bilder/Buchzettel/gelber-Zettel-200x200.gif) no-repeat;
	width: 250px;
	height: 260px;
	margin-left: 26px;
	padding-left: 30px;
	padding-top: 25px;
	
}


#ad-Buchzettel-2x120x90 {
	position: relative;
	overflow: hidden;
	background: url(../Bilder/Buchzettel/gelber-Zettel-2x120x90.gif) no-repeat;
	width: 318px;
	height: 150px;
	margin-left: 0px;
	padding-left: 27px;
	padding-top: 20px;
}


#ad-Buchzettel-2x120x90-rechts {
	position: relative;
	overflow: hidden;
	background: url(../Bilder/Buchzettel/gelber-Zettel-2x120x90-rechts.gif) no-repeat;
	width: 318px;
	height: 150px;
	margin-left: 0px;
	padding-left: 27px;
	padding-top: 20px;
}

#ad-Buchzettel-180x90 {
	position: relative;
	overflow: hidden;
	background: url(../Bilder/Buchzettel/gelber-Zettel-160x90.gif) no-repeat;
	width: 270px;
	height: 200px;
	margin-left: 3px;
	padding-left: 30px;
	padding-top: 22px;
	
}

.padding-0 {
	width: 121px;
	padding: 0px;
	float: left;
}

.padding-5 {
	width: 121px;
	padding: 0px;
	padding-left: 10px;
	float: left;
}

#PL {	
	position: absolute;
	overflow: hidden;
	left: 50%;
	bottom: 55px;
	margin-left: -315px;
	width: 630px;
	height: 100px;
	color: #555;
	text-align: center;
}


#PL a{	
	color: #555;
}

.zentrieren {text-align: center;}

#WS-eintragen {
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	color: #180E0A;
	font-size: 36px;
	font-weight: bold;
	margin-top: -15px;
	margin-bottom: 40px;
}

#umblaettern, #zurueckblaettern { 
	position: absolute; 
	overflow: hidden; 
	
}

.blaettern {
	font-weight: normal;
	font-size: 12px;
}

#umblaettern { 
	bottom: 0; 
	right: 0; 
	background-image: url(../Bilder/Pfeil-blau-rechts.gif); 
	background-repeat: no-repeat; 
	background-position: right center; 
	padding-right: 25px;
	padding-bottom: 0px;
}

#zurueckblaettern {
	bottom: 15px;
	left: 65px;
	background-image: url(../Bilder/Pfeil-blau-links.gif); 
	background-repeat: no-repeat; 
	background-position: left center; 
	padding-left: 25px;
	padding-bottom: 1px;
}

#Domain-Link {
	position: relative;
	overflow: hidden;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 24px;
	margin-top: 20px;
}

#Domain-Link a{
	font-size: 18px;
	line-height: 24px;
}

#Ende-Blatt-Abstand{
	font-size: 1px;
	margin-top: 0px;
	margin-bottom: -70px;
}


#Zum-Webkatalog {
	margin: 0px 0px 15px 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #180E0A;
	line-height: 22px;
	text-align: center;
	font-size: 24px;
	line-height: 22px;
	font-weight: bold;
}

#eingetragen {
	font-size: 11px;
}

#eingetragen a{
	font-weight: normal;
}

.co {
	font-size: 19px;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 24px;
	text-align: center;
	margin-top: -10px;
	margin-bottom: 15px;
}
