@charset "utf-8";

/* 

    Name:   Gelbbrustaras
    URL:    http://www.gelbbrustaras.com
    Author: Dandy Maiwald
    Datum:  13.12.2008
	
	Copyright (c) 2008 gelbbrustaras - Dandy Maiwald

*/

* { 
    padding: 0; margin: 0;
   } 
   
body {
	background-color: #DEE4B4;
	text-align: center;
	margin-top: 0px;
	padding-top: 0px;
	background-image: url(images/hintergrund.png);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	background-attachment: fixed;
	line-height: 120%;
	color: #402000;
}

html {
	height: 101%;
}

h1 {
	font-size: 150%;
	font-family: Arial, Helvetica, sans-serif;
	background: transparent;
	color: #004802;
}

h2 {
	font-size: 130%;
	font-family: Arial, Helvetica, sans-serif;
	background-color: transparent;
	padding-left: 25px;
	background-image: url(images/navhover.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

h3 {
	font-size: 105%;
	font-family: Arial, Helvetica, sans-serif;
	background-color: transparent;
	background-image: url(images/navhover.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
}

a {
	color: #990000;
	font-size: 111%;
	outline: none;
	text-decoration: none;
}

a:hover {
	color: #666666;
}

em {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 110%;
}

.stil2 {
	color: #990000;
}

.abstand {
    padding-top: 15px;
}

strong a {
	background-image: url(images/pfeil.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 20px;
	font-size: 100%;
	font-weight: normal;
}

strong a:hover {
    background-image: url(images/pfeil_hover.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}   

a.top {
    float: right;     
	background-image: url(images/pfeil_back.gif);
	background-repeat: no-repeat;
	background-position: right center;
	width: 16px;	
}

a.top:hover {
	background-image: url(images/pfeil_back_hover.gif);
	background-repeat: no-repeat;
	background-position: right center;
    } 
	  
.top span {
    position: absolute;
	top: -1000em;
    left: -2000em;
}

/*-------------------------------------------------------------------------
                            Seite-Layout allgemein
--------------------------------------------------------------------------*/									 

#wrapper {
	text-align: left;
	width: 960px;
	margin-top: 7px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border: 1px solid #000000;
	padding: 0px;
	background-image: url(images/hwrapper.jpg);
	background-repeat: repeat-y;
}

#header {
	background-image: url(images/header.jpg);
	height: 203px;
}

#logo {
	height: 35px;
	float: left;
	width: 142px;
	margin-top: 40px;
	margin-left: 9px;
}

#logo img {
	border: 0 none;
}

/*-------------------------Navigation "oben"--------------------*/

#navoben {
	padding: 176px 0 2px 20px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 106%;
}

#navoben ul {
	margin: 0;
}

#navoben li {
	display: inline;
	list-style-type: none;
	margin: 0;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #FFFFFF;
	
}

#navoben a {
	padding: 2px 15px 2px 15px;
	margin-bottom: 2px;
}

#nav01 a:hover, #nav01 a:focus, #startseite #nav01 a {
	color: #FFFFFF;
	background-image: url(images/home.jpg);
	background-position: 0 0;
}

#nav02 a:hover, #nav02 a:focus, #kontaktseite #nav02 a {
	color: #FFFFFF;
	background-image: url(images/kontakt.jpg);
	background-position: -4px 0;
}

#nav03 a:hover, #nav03 a:focus, #linkseite #nav03 a {
	color: #FFFFFF;
	background-image: url(images/links.jpg);
}

/*-------------------------Ende Navigation "oben"----------------*/

/*-------------------------Beginn mainContent--------------------*/
#content {
	background-image: url(images/mainbild.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	width: 791px;
	float: right;
	line-height: 140%;
	font-size: 106%;
}

/*---------------------Beginn Navigation "links"--------------*/

#nav {
	width: 165px;
	float: left;
	padding: 60px 0 20px 0;
}

#nav a {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding-left: 56px;
}

#nav li {
	list-style-type: none;
	padding: 0;
	margin-top: 3px;
	background-image: url(images/dotted.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
}

#nav ul {
	width: 160px;
	line-height: 20px;
	background-image: url(images/dotted.gif);
	background-repeat: repeat-x;
	background-position: center top;
}

#nav a:hover {
	background-image: url(images/navhover.gif);
	background-repeat: no-repeat;
	background-position: 22px;
}

#nav04 #nav05 #nav06 #nav07 #nav08 #nav09 a:hover,
#nav04 #nav05 #nav06 #nav07 #nav08 #nav09 a:focus,
#seite_anschaffung         #nav04 a,
#seite_haltung             #nav05 a,
#seite_nahrung             #nav06 a,
#seite_krankheiten         #nav07 a,
#seite_bilder              #nav08 a,
#seite_blauaras            #nav09 a,
#seite_lear_aras           #nav09 a,
#seite_spix_blauaras       #nav09 a,
#seite_dunkelroter_ara     #nav09 a,
#seite_gelbbrustara        #nav09 a,
#seite_blaukehlara         #nav09 a,
#seite_grosser_soldatenara #nav09 a,
#seite_kleiner_soldatenara #nav09 a,
#seite_hellroter_ara       #nav09 a,
#seite_rotohrara           #nav09 a,
#seite_rotbugara           #nav09 a,
#seite_rotbauchara         #nav09 a,
#seite_blaukopfara         #nav09 a,
#seite_rotrueckenara       #nav09 a,
#seite_goldnackenara       #nav09 a,
#seite_zwergara            #nav09 a,
#seite_meerblauer_ara      #nav09 a,
#seite_kuba_ara            #nav09 a {
	background-image: url(images/navhover.gif);
	background-repeat: no-repeat;
	background-position: 22px;
	color: #666666;
}

#ornament {
	float: left;
	width: 105px;
	height: 188px;
	margin-top: 228px;
	background-image: url(images/ast.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

/*-------------------Ende Navigation "links"---------------*/

/*-------------------Beginn Hauptinhalt "oben", "links", "rechts"--------*/

#topcolumn {
	margin: 13px 10px 25px 175px;
	padding-left: 4px;
	padding-right: 2px;
}

#leftcolumn {
	float: left;
	width: 465px;
	height: auto;
	padding: 5px 10px 5px 10px;
}

#leftcolumn p {
    padding-left: 2px;
}

.text {
	overflow: hidden;
	margin-top: 8px;
	padding-bottom: 8px;
	background-image: url(images/dotted_orange.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
}

#rightcolumn {
	float: right;
	height: auto;
	width: 280px;
	margin-right: 10px;
	padding: 13px 2px 5px 5px;
	margin-bottom: 10px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

.rightcolumn p {
	padding-left: 12px;
}

/*------------------Ende Hauptinhalt "oben", "links", "rechts"-----------*/
/*--------------------------Ende mainContent---------------------------*/

/*---------------------------Beginn Fussbereich-----------*/

#footer {
	padding-bottom: 12px;
	padding-top: 4px;
	margin-top: 0px;
	clear: both;
}

.clearing {
	clear: both;
}

#footer p {
	margin-left: 56px;
	font-family: Arial, Helvetica, sans-serif;
}


/*------------------------Ende Fussbereich---------------*/


/*-------------------------------------------------------------
                         Design allgemein
-------------------------------------------------------------*/

.bildrechts {
	clear: both;
	border: 1px solid #999999;
	margin-top: 5px;
	margin-right: 1px;
	margin-bottom: 5px;
	margin-left: 7px;
	padding: 1px;

}

.bildlinks {
	clear: both;
	border: 1px solid #999999;
	margin-top: 5px;
	margin-right: 7px;
	margin-bottom: 5px;
	margin-left: 1px;
	padding: 1px;
}

/*---------------------Design Startseite------------------*/

#verbreitung_right {
	height: 220px;
	padding-left: 1px;
	border-bottom-color: #FBB94A;
	background-image: url(images/dotted_orange.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
}
#merkmale {
	padding-left: 1px;
	margin-top: 30px;
	background-image: url(images/dotted_orange.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
}

.bildslide {
	padding: 6px 1px 1px 4px;
}

#daten {
	float: right;
	width: 130px;
	margin-top: 20px;
	background-image: url(images/dotted_senkrecht.gif);
	background-repeat: repeat-y;
	background-position: left bottom;
	border-left-style: none;
}

#verbreitung img {
	padding: 10px 2px 0 0;
}

#flash {
	width: 150px;
	height: 165px;
	float: right;
}

#links {
	margin-top: 30px;
}

/*-----------------------Ende  Startseite----------------*/

/*----------------------Beginn  Seite-Anschaffung----------*/

#wichtig {
	padding-left: 1px;
	margin-bottom: 15px;
	padding-bottom: 8px;
	background-image: url(images/dotted_orange.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
}

#anschaffungsbild {
	padding-bottom: 15px;
	background-image: url(images/dotted_orange.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
}

#anschaffungsbild img {
	border: 1px solid #993300;
	padding: 2px;
}
#anschaffungsbild p {
	padding-left: 0px;
	text-align: center;
}

/*----------------------Ende  Seite-Anschaffung------------*/

/*----------------------Beginn  Seite-Haltung--------------*/

#hinweis {
	padding-left: 1px;
	margin-bottom: 15px;
	padding-bottom: 8px;
	background-image: url(images/dotted_orange.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
}

#hinweisbild {
	margin-bottom: 4px;
	background-image: url(images/dotted_orange.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
}

#hinweisbild img {
	padding: 2px;
	border: 1px solid #993300;
}

#hinweisbild p {
	padding-left: 0px;
	text-align: center;
}
#rightcolumn .Stil1 {
	padding-left: 12px;
	padding-top: 8px;
	font-size: 85%;
}


/*--------------------Ende  Seite-Haltung--------------*/

/*--------------------Beginn Seite-Ernährung------------*/

#prestige {
	padding-left: 1px;
	margin-top: 30px;
	background-image: url(images/dotted_orange.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
}

#table {
	float: right;
	width: 100px;
	margin-top: 20px;
}

/*-------------------Ende Seite-Ernährung--------------*/

/*-------------------Beginn Seite-Krankheiten-----------*/

#krankbild {
	padding-bottom: 15px;
	background-image: url(images/dotted_orange.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
}

#krankbild p {
	padding-left: 0px;
	text-align: center;
}


/*------------------Ende Seite-Krankheiten---------------*/

/*------------------Beginn Seite-Aras------------------*/

.aras {
	margin-top: 8px;
	padding-bottom: 8px;
	background-image: url(images/dotted_orange.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
}
 
#seite_blauaras            #leftcolumn, 
#seite_lear_aras           #leftcolumn,
#seite_spix_blauaras       #leftcolumn,
#seite_dunkelroter_ara     #leftcolumn,
#seite_gelbbrustara        #leftcolumn,
#seite_blaukehlara         #leftcolumn,
#seite_grosser_soldatenara #leftcolumn,
#seite_kleiner_soldatenara #leftcolumn,
#seite_hellroter_ara       #leftcolumn,
#seite_rotohrara           #leftcolumn,
#seite_rotbugara           #leftcolumn,
#seite_rotbauchara         #leftcolumn,
#seite_blaukopfara         #leftcolumn,
#seite_rotrueckenara       #leftcolumn,
#seite_goldnackenara       #leftcolumn,
#seite_zwergara            #leftcolumn,
#seite_meerblauer_ara      #leftcolumn,
#seite_kuba_ara            #leftcolumn {
	margin-top: 15px;
}


#seite_blauaras            #rightcolumn, 
#seite_lear_aras           #rightcolumn,
#seite_spix_blauaras       #rightcolumn,
#seite_dunkelroter_ara     #rightcolumn,
#seite_gelbbrustara        #rightcolumn,
#seite_blaukehlara         #rightcolumn,
#seite_grosser_soldatenara #rightcolumn,
#seite_kleiner_soldatenara #rightcolumn,
#seite_hellroter_ara       #rightcolumn,
#seite_rotohrara           #rightcolumn,
#seite_rotbugara           #rightcolumn,
#seite_rotbauchara         #rightcolumn,
#seite_blaukopfara         #rightcolumn,
#seite_rotrueckenara       #rightcolumn,
#seite_goldnackenara       #rightcolumn,
#seite_zwergara            #rightcolumn,
#seite_meerblauer_ara      #rightcolumn,
#seite_kuba_ara            #rightcolumn {
	margin-top: 15px;
	height: 500px;
	margin-right: 2px;
}

/* ==============================================
   01 Das umgebende DIV gestalten
   ============================================== */
#navibereich {
	overflow: hidden;
	color: #000000;
	background-color: #fff3c0;
	padding: 0px;
	margin: 0 0 5px 10px;
	width: 635px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
}
/* Sternchen-Hack, hasLayout für IE5x. und 6 */ 
* html #navibereich { height: 1%; }

/* ==============================================
   02 Die ungeordnete Liste in Ebene 1 gestalten 
   ============================================== */
#navibereich ul { margin: 0; }
#navibereich li {
   float: left;
   width: auto;
   list-style: none;
   margin: 0 ;
}
/* Liste in Ebene 2 clearen */
#navibereich li li { clear: both; }

/* ==============================================
   03 Die Hyperlinks in Ebene 1 gestalten 
   ============================================== */
#navibereich a {
	display: block;
	color: #990000;
	padding: 3px 23px 3px 30px;
}
#navibereich a:hover,
#navibereich a:focus,
#seite_blauaras            #navi10 a,
#seite_lear_aras           #navi10 a, 
#seite_spix_blauaras       #navi11 a,
#seite_dunkelroter_ara     #navi12 a,
#seite_gelbbrustara        #navi12 a,
#seite_blaukehlara         #navi12 a,
#seite_grosser_soldatenara #navi12 a,
#seite_kleiner_soldatenara #navi12 a,
#seite_hellroter_ara       #navi12 a,
#seite_rotohrara           #navi12 a,
#seite_rotbugara           #navi12 a,
#seite_rotbauchara         #navi12 a,
#seite_blaukopfara         #navi12 a,
#seite_rotrueckenara       #navi12 a,
#seite_goldnackenara       #navi12 a,
#seite_zwergara            #navi13 a,
#seite_meerblauer_ara      #navi14 a,
#seite_kuba_ara            #navi14 a {
	color: #000000;
	background-color: #FFCC66;
	border-bottom: none;
} 

/* Spezifität auf > 225 erhöhen (ist so 312) */
#wrapper #navibereich #ebene01 li a:active {
	color: #666666;
	background-color: #d90000;
	background-image: url(images/slideactive.jpg);
}

/* ==============================================
   04 Ebene 2 verstecken 
   ============================================== */
#navibereich li ul {
   position: absolute;
   left: -9999px;
   top: -9999px;
   display: inline;
   width: 0;
   height: 0; 
   background-color: transparent;   
}

/* ==============================================
   05 Ebene 2 sichtbar machen 
   ============================================== */
#navibereich li:hover ul,
#navibereich li.sfhover ul {
	left: auto;
	top: auto;
	display: block;
	width: auto;
	height: auto;
	background-color: #FFF3C0;
	border-bottom: 2px solid #f3c600;
}

/* ==============================================
   06 Die Rausklappliste korrekt einfärben
   ============================================== */
/* Spezifität 214 */
#navibereich ul#ebene01 ul.ebene02 li a {
	background-color: #FFF3C0;
}

/* Spezifität 224 */
#navibereich ul#ebene01 ul.ebene02 li a:hover {
	background-color: #FFCC66;
	background-image: url(images/slidenav.jpg);
}

/* ==============================================
   07 Schönheitsreparaturen
   a) Kopfbereich padding-bottom 10px 
   b) Spezifität für :active auf 312 erhöhen (Zeile 57)
   c) width für Links in Ebene 2
      (ohne schrumpft das Rausklappmenü im IE7)
   ============================================== */
/* 07c - width für die Hyperlinks in Ebene 2 */ 
#navibereich li li a {
   width: 8em; 
}

/*------------------Ende Seite-Aras---------------------*/

/*------------------Beginn Seite-Kontakt----------------*/


fieldset {
   padding: 10px 0 10px 10px;
   border: none;
   margin: 10px 5px 10px 5px;
}

legend {
   font-weight: bold;
   padding:0 10px;
   border: none;
}

label {
   position: relative;
   bottom: 2px;
}

label.davor {
	float: left;
	clear: left;
	width: 75px;
	text-align: left;
	margin: 0 5px 0 8px;
}

input#anrede_herr {
   padding-left: 0;
   margin-left: 85px;
}

#submit {
	cursor: pointer;
	padding: 1px 2px;
	margin-left: 85px;
}

form p {
   margin-bottom: 5px;
}

/*------------------Ende Seite-Kontakt------------------*/

/*------------------Anfang Seite-Links--------------------*/
#linkseite blockquote {
	padding-left: 21px;
	background-image: url(images/dotted.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
}

#linkseite #leftcolumn p {
    padding-left: 25px;
}

#linkseite #leftcolumn map blockquote {
    background-image: none;
}

#links_bild {
	padding-bottom: 1px;
	background-image: url(images/dotted_orange.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
}

#links_bild img {
    border: none;
}

#links_bild p {
	padding-left: 0px;
	text-align: center;
}

/*------------------Ende Seite-Links----------------------*/

/*------------------Anfang Seite-Bilder-----------------*/


#seite_bilder #leftcolumn a img {
	border: 1px solid #999999;
	padding: 1px;
	margin: 3px 0;
	background-color: transparent;
}

#seite_bilder #leftcolumn {
	float: left;
	width: 470px;
	height: auto;
	padding: 5px 10px 5px 10px;
}

#seite_bilder #rightcolumn {
	width: 275px;
}

/*------------------Ende Seite Bilder------------------*/

/*-------------------Beginn  Seite-Impressum-------------*/


#impressumbild {
	padding-bottom: 15px;
	background-image: url(images/dotted_orange.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
}

#impressumbild img {
	border: 1px solid #993300;
	padding: 2px;
}
#impressumbild p {
	padding-left: 0px;
	text-align: center;
}
/*------------------Ende Seite-Impressum----------------*/