/* Stylesheet fido */
/*==================================
cherrypud.css - alles neu 1208
==================================*/

/* Stylesheet fido */
/*==================================
newlayout.css - alles neu 0909
==================================*/

* {padding:0; margin:0;}
html {height: 101%}
body {
color: black;
background-color: #fff8af;
font-family: "lucida sans unicode", Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: small;
}

h1, h2, h3, h4, h5, p, ul, li {
font-family: "lucida sans unicode", verdana, arial, tahoma, helvetica, sans-serif;
padding-bottom: 1em;
}

h1 {font-size: 200%; padding-top: 30px;}
h2 {font-size: 130%;padding-top: 30px;}
h3 {font-size: 100%; text-align: center;}
h4 {font-size: 100%;padding-top: 30px; padding-bottom: 0;}
h5 {font-size: 80%; font-weight: normal;padding: 0;}
h6 {font-size: 100%;padding-top: 10px;}
a img {border: 0;}

address {
   margin: auto;
   text-align: center;
   font-size: 80%;
   font-style: normal;
   letter-spacing: 2px;
   line-height: 1.5em;
}

object {
margin: 20px;
}
/*===============
 layoutbereiche
================*/


#wrapper{

position: relative;
width: 860px;
}
/*kopfbereich*/
#kopfbereich{
position: absolute;
width: 860px;
height: 100px;
background: #8f0808 url(gradientkopf.jpg) right repeat-y;
}

#kopfbereich h1 {
color: #fff8af;
text-align: right;
padding: 30px 30px 0 20px;
}

#kopfbereich .zitat {
color: #fff8af;
padding-bottom: 10px;
padding-left: 10px;
}

/*navihorizontal*/
#navihorizontal{
position: absolute;
top: 110px;
left: 200px;
width: 510px;
height: 20px;
}

#navihorizontal li{
display: inline;
margin:0;
width: auto;
}

#navihorizontal a{
color: #fff8af;
text-decoration: none;
background-color: #8f0808;
padding: 2px;
}

/*aktuelle seite hervorheben*/
#anekdoten #navh1 strong,
#books #navh2 strong,
#forschung #navh7 strong,
#links #navh5 strong,
#impressum #navh6 strong{
color: #8f0808;
font-size: large;
font-weight: bold;
}



/*wrap*/
#wrap{
position: relative;
}

/*sb2*/
#sb2{
position: absolute;
width: 180px;
left: 0;
top: 140px;
}

/*navibereich*/
#navibereich{
background: #8f0808;
color: #fff8af;
background-color: #8f0808;
}

#navibereich ul {
line-height: 150%;
padding: 8px;
}

#navibereich a{
color: #fff8af;
text-decoration: none;
}

/*aktuelle seite markieren*/
#index #nav01 strong,
#hunde #nav02 strong,
#hundwerdung #nav03 strong,
#hund_und_mensch #nav04 strong,
#hundezucht #nav05 strong,
#cognition #nav06 strong,
#sinne #nav07 strong,
#gehirn #nav08 strong,
#lernverhalten #nav09 strong,
#verhaltensgenetik #nav10 strong,
#hundekummer #nav11 strong,
#welpenentwicklung #nav12 strong,
#verdauung #nav13 strong,
#rassedispositionen #nav14 strong,
#calming_signals #nav14 strong{
color: #fff8af;
font-size: large;
font-weight: bold;
}

/*navi2 verstecken*/
#navibereich li ul{
border: 2px solid #fff58f;
list-style-type: none;
margin-left: 30px;
position: absolute;
top: -9999px;
left: -9999px;
display: inline;
width: 0;
height:0;
}

/*navi2 erscheint*/
#navibereich li:hover ul{
left:0;
top: auto;
display: block;
width: auto;
height: auto;
background: #8f0808;
}


/*textbereich*/
#textbereich{
position: absolute;
top: 140px;
margin-right: 170px;
margin-left: 190px;
width: 460px;
padding: 10px;
line-height: 150%;
text-align: justify;
}

#textbereich a {
color: #8f0808;
text-decoration: none;
}

#textbereich ul li{
list-style-type: none;
}

/*sidebar*/
#sidebar{
position: absolute;
width: 160px;
right: 0;
top: 140px;
}

#sidebar p{
color: #8f0808;
padding-left: 5px;
}

#sidebar img {
padding-top: 20px;
padding-bottom: 20px;
}

#sidebar li {
list-style-type: none;
}

/*=============
   klassen
   ============*/

 .selbst {
padding-top: 5px;
}


.imgfloat {
padding-top: 4px;
padding-right: 8px;
float:left;
clear:both;
}

.skiplink {
text-align: right;
color: #cc0000;
font-weight: bold;
}

.disclaimer {
margin-top: 30px;
}

div.item img {
float: left;
padding-top: 20px;
margin-right: 15px;
}

div.item {
overflow: hidden;
padding-bottom: 40px;
}
/*=================
einzelne seiten
===================*/

#sinne #textbereich img {
float: right;
padding-bottom: 20px;
padding-left: 20px;
}

#links #textbereich img {
padding-top: 30px;
}

#links #textbereich ul {
list-style-type: none;
}



#books #textbereich img,
#verdauung #textbereich img {
float: left;
padding: 10px;
}

#books #textbereich h2 {
padding-top: 10px;
padding-bottom: 10px;
}

#index #textbereich ul li{
list-style-type: disc;
}

/* Das Kontaktformular */
form label {
display: block;
cursor: pointer;
}

input#absender,
textarea {
width: 400px;
margin-bottom: 1em;
}

#partner #textbereich ul li {
display: inline;
padding: 20px;
}

#partner #textbereich ul {
margin-top: 50px;
}

#leckerland #textbereich span{
font-size: 70%;
}

#leckerland #textbereich table {
float: right;
}

#rassedispositionen #textbereich table td {
width: 150px;
}

#index h2 {
color: #8f0808;
}

#links form textarea {
width: 340px;
height: 70px;
border: 2px solid #8f0808;
background: #fff8af;
overflow: auto;
padding: 5px;
}