/* ************************** Anibody Layout  ************************************** */

body {
	font-family: "AvantGarde Bk BT", "Century Gothic", Arial, sans-serif;
/*	font-family: "Century Gothic", Arial, sans-serif;
	font-family: Arial, sans-serif;
	font-family: sans-serif; 
*/	color: #000000;
	padding: 20px;
	margin:0px;
	font-size: 15px;
	background-color:#FFFFCC;
	background-image:url(http://www.anibody.de/bilder/hintergrundfarbe.gif);
}
a, input.knopf {
	cursor: url(http://www.anibody.de/bilder/maeuse/drehknochen.ani), pointer;
}
.eruo {
	font-family: Garamond, "Times New Roman", Arial, sans-serif;
}
#layout {
	border-collapse: collapse;
	border: 3px solid #382F22;
}
#mouseinfo {
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	font-size:12px;
	background-color:#FFFFCC;
	color: #382F22;
	border: 1px solid #382F22;
	z-index:5;
	padding:2px 5px;
}	

				/* ***************************** Titelzeile ************************************* */

#top {
	cursor: url(http://www.anibody.de/bilder/maeuse/knochen-dunkel.cur), auto;
	padding: 0px;
	height: 90px;
	border: 3px solid #382F22;
	background-color:  #DFBA89;
	vertical-align: top;
	overflow:hidden;
}
#logo {
	width: 250px; 
	text-align:center; 
	vertical-align:middle;
}
#titel {
	width:423px; 
	padding-top:17px;
	table-layout:fixed; 
	vertical-align:middle; 
	text-align:right;
}
h1.oben {
	font-size: 30px;
	margin: 0px
}

				/* ********************** Navigation ************************************* */

#left {
	cursor: url(http://www.anibody.de/bilder/maeuse/knochen.cur), auto;
	padding: 30px 15px 5px 15px;
	table-layout: fixed;
	width:135px; 
	height: 412px; 	
	border: 3px solid #382F22;
	vertical-align: top;
	background-color: #382F22;
	color: #DFBA89;
	font-size:14px;
	overflow:auto;
	scrollbar-base-color:#DFBA89;
	scrollbar-3d-light-color:#FFFFCC;
	scrollbar-arrow-color:#382F22;
	scrollbar-darkshadow-color:#000000;
	scrollbar-face-color:#DFBA89;
	scrollbar-highlight-color:#FFFFCC;
	scrollbar-shadow-color:#382F22;
	scrollbar-track-color:#382F22;
}
#navi {
	width:135px;
	height: 390px;
	overflow:hidden;
}
.marked {
	margin: 2px 0px 1px;
	border-width: 0px 5px 0px 5px ;
	border-style: solid; 
	border-color:  #FFFFCC;
	background-color: #FFFFCC;
	color: #000000;
	font-weight: bold;
}
.notmarked {
	background-color: transparent;
}
div#navi a {
	display:block;
	margin: 2px 0px 0px 0px;
	width:100%;
	text-decoration: none;
	border-width: 0px 5px 0px 5px ;
	border-style: solid; 
	border-color:  #382F22;
}
div#navi a:link {
	color: #DFBA89;
}
div#navi a:visited {
	color: #DFBA89;
}
div#navi a:hover {
	background-color: #FFFFCC;
	border-color:  #FFFFCC;
	color: #000000;
}
div#navi a:active {
	font-weight:bold;
	background-color: #FFFFCC;
	border-color:  #FFFFCC;
	color: #000000;
}
div#navi a:focus {
	text-decoration: none;
	font-weight:bold;
	background-color: #FFFFCC;
	border-color:  #FFFFCC;
	color: #000000;
}

					/* ******************************* Hauptseite ******************************* */
					
#main {
	cursor: url(http://www.anibody.de/bilder/maeuse/knochen.cur), auto;
	background-repeat:no-repeat; 
	background-position:center;
	padding: 0px;
	width: 555px;
	table-layout: fixed;
	background-color:  transparent;
	border: 3px solid #382F22;
	vertical-align: top;
	overflow:auto;
	scrollbar-base-color:#DFBA89;
	scrollbar-3d-light-color:#FFFFCC;
	scrollbar-arrow-color:#382F22;
	scrollbar-darkshadow-color:#111100;
	scrollbar-face-color:#DFBA89;
	scrollbar-highlight-color:#FFFFCC;
	scrollbar-shadow-color:#382F22;
	scrollbar-track-color: #382F22;
}
.unsichtbar {
	padding: 0px;
	margin: 0px;
	border-style: none;
}
td.inhalt {
	padding: 30px;
	margin: 0px;
	border-style: none none dotted none;
	border-bottom:1px dotted #382F22;
}
div.inhalt {
	padding:0px;
	height:345px; 
	vertical-align:top;
	overflow:hidden; 
	text-align:left;
}
h1 {
	margin:0px;
	margin-bottom: 10px;
	font-size: 30px;
}
h2 {
	font-size: 25px;
}
h3 {
	font-size: 20px;
}
p {
	text-align: justify;
	vertical-align:text-top;
	font-size: 16px;
	margin:0px 0px 5px;
}
p:first-letter {
	font-size: 18px;
	font-weight:bold;
}
.nowrap {
	white-space:nowrap;
}
a:link.ImText {
	font-style: normal;
	text-decoration: underline;
	color: #382F22;
}
a:link.maillink {
	border-style:none;
	text-decoration:none;
}
a:link.Linkseitenlink {
	font-style: normal;
	text-decoration: none;
	color: #382F22;
}
a:visited.ImText {
	font-style: normal;
	text-decoration: underline;
	color: #000000;
}
a:visited.maillink {
	border-style:none;
	text-decoration:none;
}
a:visited.Linkseitenlink {
	font-style: normal;
	text-decoration: none;
	color: #000000;
}
a:hover.ImText {
	font-style: normal;
	text-decoration: underline;
	font-weight: bold;
	color: #382F22;
	background-color: transparent;
}
a:hover.maillink {
	border-style:none;
	background-color: transparent;
}
a:hover.Linkseitenlink {
	font-style: normal;
	text-decoration: underline;
	color: #382F22;
	background-color: transparent;
}
a:active.ImText {
	font-style: normal;
	text-decoration: underline;
	color: #000000;
}
a:active.maillink {
	background-color: transparent;
}
a:active.Linkseitenlink {
	font-style: normal;
	text-decoration: underline;
	color: #000000;
}
a:focus.ImText {
	font-style: normal;
	text-decoration: underline;
	font-weight: bold;
	color: #382F22;
	background-color: transparent;
}
a:focus.maillink {
	text-decoration: none;
	background-color: transparent;
}
a:focus.Linkseitenlink {
	font-style: normal;
	text-decoration: underline;
	color: #382F22;
	background-color: transparent;
}
.bleft {
	float:left;
	border:3px solid #382F22;
	margin: 5px 10px 5px 0px;
}
.bright {
	float:right;
	border:3px solid #382F22;
	margin: 5px 0px 5px 10px;
}
.b {
	border:3px solid #382F22;
	margin: 5px 0px 5px 10px;
}
ul {
	list-style-image: url(../bilder/elemente/listen-pfote.gif);
	font-size:16px;
}
.ulright {
	text-indent: 25px;
}

			/* ********************* Kontaktformular *********************************** */
			
#fehlermeldung {
	background-color:#FFFFCC;
	padding:5px;
	border:3px solid red;
	font-weight:bold;
}
form {
	background-color:#FFFFCC;
	font-size:17px;
	border: 2px solid #382F22;
	padding:10px;
}
input.eingabe {
	background-color:transparent;
	border-style: none none dotted none;
	border-color:black;
font-family: Arabia, "Script MT Bold", "Lucida Calligraphy", "Monotype Corsiva", Mirror, Ravie, "Xerox Serif Wide", "AvantGarde Bk BT", "Century Gothic", Arial, sans-serif;
font-size: 16px;
	color: #000066;
	width:280px;
}
input.knopf {
	background-color:#DFBA89;
	color:#000000;
}
textarea {
	background-color:transparent;
	border-style: dotted;
	border-color:black;
	width:100%;
	height:110px;
	font-family: Arabia, "Script MT Bold", "Lucida Calligraphy", "Monotype Corsiva", Mirror, Ravie, "Xerox Serif Wide", "AvantGarde Bk BT", "Century Gothic", Arial, sans-serif;
	font-size: 20px;
	color: #000066;
	scrollbar-base-color:#FFFFCC;
	scrollbar-3d-light-color:#FFFFCC;
	scrollbar-arrow-color:#FFFFCC;
	scrollbar-darkshadow-color:#FFFFCC;
	scrollbar-face-color:#FFFFCC;
	scrollbar-highlight-color:#FFFFCC;
	scrollbar-shadow-color:#FFFFCC;
	scrollbar-track-color:#FFFFCC;
}
label {
	font-size:15px;
}
code {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#382F22;
}
				/* ****************** Fußzeile ************************************************	*/

#rueckknopp, #vorknopp {
	position:absolute;
	top: -10px;
	width: 150px;
	height: 30px;
	overflow:hidden;
	text-align: center;
	vertical-align: middle;
	font-size: 18px;
}
#rueckknopp {
	left: 0px;
}
#vorknopp {
	left: 210px;
}
a.vorrueck {
	font-style: normal;
	text-decoration: none;
	border-width: 1px 15px 1px 15px; 
	border-style:solid;
}
a:link.vorrueck {
	color: #000000;
	background-color: #DFBA89;
	border-color: #DFBA89;
}
a:visited.vorrueck {
	color: #000000;
	background-color: #DFBA89;
	border-color: #DFBA89;
}
a:hover.vorrueck {
	color: #FFFFCC;
	background-color: #382F22;
	border-color: #382F22;
}
a:active.vorrueck {
	color: #FFFFCC;
	background-color: #382F22;
	border-color: #382F22;
}
a:focus.vorrueck {
	color: #FFFFCC;
	background-color: #382F22;
	border-color: #382F22;
}