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

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

* {padding:0; margin:0;}
html {height: 101%}
body {
color: black;
background-color: #EEE3B5;
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, h2, h3, h4, h5 {
color: #484848;
}

h1 {font-size: 200%; padding-top: 2em; padding-left: 70%;}
h2 {font-size: 130%;padding-top: 3em;}
h3 {font-size: 100%; text-align: center;}
h4 {font-size: 100%;padding-top: 3em; padding-bottom: 0;}
h5 {font-size: 80%; font-weight: normal;padding: 0;}
h6 {font-size: 100%;padding-top: 0;}
a img {border: 0;}

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



dt {
font-weight: bold;
list-style-type: disc;
}
dd {
padding-left: 1.5em;
}




object {
margin: 2em;
}

/*===============
    einzelne
================*/
img {
border: 0;
}


/*===============
 layoutbereiche
================*/


#wrapper{
width: 75%;
margin-right: auto;
margin-left: auto;
}

/*kopfbereich*/
#kopfbereich{
width: 100%;
background-image:url(head.jpg);
}

#kopfbereich h1{
color: #eee3b5;
padding-bottom: 7.8em;
}




/*sb2*/
#sb2{
float: left;
margin-top:10%;
width: 18%;
}


#agila{
float: right;
padding: 1em;
}

#luckypet{
float: right;
padding: 1em;
}






/*navibereich*/


#navibereich ul {
background-color: #EDEEB5;
background-image: url(gradient.jpg);
background-position: right;
background-repeat: repeat-y;
line-height: 120%;
font-size: small;
padding: 0.5em;
}

#navibereich ul li{

padding: 0.5em;
list-style-type: none
}



#navibereich a{
color: #484848;
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,
#kommunikation #nav15 strong,
#dominanz #nav16 strong,
#hundefutter #nav17 strong,
#anekdoten #navh1 strong,
#books #navh2 strong,
#forschung #navh7 strong,
#links #navh5 strong,
#impressum #navh6 strong,
#video #navh8 strong{
color: #8f0808;
border-left: 2px solid #8f0808;
}


/*dawanda*/

#dawanda{
float: right;
margin-top: 10%;
width: 20%;
}

#dawanda ul{
padding: 0.5em;
list-style-type: none
}

#dawanda ul a{
color: #484848;
text-decoration: none;
}

/*textbereich*/
#textbereich{
width: 59%;
margin-left: 19%;
margin-bottom: 5%;
padding: 1em;
line-height: 150%;
text-align: justify;
border-bottom: 2px solid #a79f7f;
}

#textbereich a {
color: #484848;
}

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

#textbereich ul{
margin-left: 1.5em;
}

#glue img{
padding-bottom: 1em;
}

 /*footer*/
#footer {
float: right;
margin-right: 18%;
}

#footer a{
color: #484848;
}



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



.social{
padding-left: 1em;
}

.hervorgehoben{
margin-left: 4em;
padding: 1em;
border-top: 0.3em solid #A79F7F;
border-left:0.3em solid #A79F7F;
}


.block{
display: block;
}


.ads{
padding-left: 66px;
}

.right {
float: right;
padding-bottom: 2em;
padding-left: 2em;
}


.left {
float: left;
padding-bottom: 2em;
padding-right: 2em;
}


.lead{
margin-left: 5em;
color: #484848;
}

.selbst {
padding-top: 0.5em;
}


.imgfloat {
padding-top: 0.4em;
padding-right: 0.8em;
float:left;
clear:both;
}

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

.disclaimer {
margin-top: 3em;
}


/*=================
einzelne seiten
===================*/

#hundekummer #textbereich ul li{
list-style-type: disc;
padding-top: 0;
padding-bottom:0;
}

#cognition #textbereich a{
font-weight: bold;
}

#video #textbereich div{
padding: 1em;
}



#links #textbereich img {
padding-top: 3em;
}

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

#rassedispositionen #dawanda ul {

background-color: #EDEEB5;
background-image: url(gradient.jpg);
background-position: left;
background-repeat: repeat-y;
line-height: 120%;
font-size: small;
padding: 0.5em;
}




#verdauung #textbereich img {
float: left;
padding: 1em;
}

#index #textbereich {
border-bottom: 0;
}


#index #textbereich h2{
padding-right: 1em;
padding-left: 1em:
}

#index #textbereich div{
margin-bottom: 3em;
border: 1px solid #484848;
padding: 0;
float: left;
}

#index #textbereich div img,
#index #textbereich div p {
padding: 1em;
}

#verdauung #textbereich ul{
display: block;
}








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

input#absender,
textarea {
width: 80%;
margin-bottom: 1em;
}

#links form textarea {
width: 80%;
height: 7em;
border: 2px solid #a79f7f;
background: #eee3b5;
overflow: auto;
padding: 0.5em;
}