/* 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: 200px; padding-left: 500px;}
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: 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: 15px;
}




object {
margin: 20px;
}

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


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


#wrapper{

position: relative;
width: 760px;
margin-right: auto;
margin-left: auto;
}

/*kopfbereich*/
#kopfbereich{
position: absolute;
width: 720px;
height: 287px;
background-image:url(head.jpg);
}


#kopfbereich h1{
color: #eee3b5;
}




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

/*sb2*/
#sb2{
position: absolute;
width: 200px;
top: 300px;
}

/*navibereich*/





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

#navibereich ul li{
background-color: #A79F7F;
border: 1px solid #484848;
border-bottom: 0;
padding: 8px;
list-style-type: none
}

#navibereich #navh6 {
border-bottom: 1px solid #484848;
}

#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,
#anekdoten #navh1 strong,
#books #navh2 strong,
#forschung #navh7 strong,
#links #navh5 strong,
#impressum #navh6 strong,
#video #navh8 strong{
text-align: right;
}


/*dawanda*/

#dawanda{
position:  absolute;
top: 20px;
left: 600px;
}

/*textbereich*/
#textbereich{
position: absolute;
top: 300px;
margin-left: 200px;
width: 500px;
padding: 10px;
line-height: 150%;
text-align: justify;
}

#textbereich a {
color: #484848;
}

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

#textbereich ul{
margin-left: 15px;
}

/*sb1*/
#sb1{
position: absolute;
top: 330px;
margin-top: 110px;
margin-right: 20px;
margin-left: 920px;
width: 600px;
line-height: 150%;
text-align: justify;
}

#sb1 a{
color: #cc0000;
text-decoration: none;
}




#glue img{
padding-bottom: 10px;
}

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

.social{
padding-left: 10px;
}

.hervorgehoben{
margin-left: 40px;
padding: 10px;
border-top: 3px solid #A79F7F;
border-left: 3px solid #A79F7F;
}


.block{
display: block;
}


.ads{
padding-left: 66px;
}

.right {
float: right;
padding-bottom: 20px;
padding-left: 20px;
}


.left {
float: left;
padding-bottom: 20px;
padding-right: 20px;
}


.lead{
margin-left: 50px;
color: #484848;
}

.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;
}


/*=================
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: 10px;
}



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

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

#rassedispositionen #textbereich ul li{
display: inline;
}


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



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

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

#index #textbereich div{
width: 500px;
height: 120px;
margin-bottom: 30px;
border: 1px solid #484848;
padding: 0;
float: left;
}

#index #textbereich div img,
#index #textbereich div p {
padding: 10px;
}

#verdauung #textbereich ul{
display: block;
}

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

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

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



/*einzelnes*/
#slideshow{
top: 200px;
left: 550px;
}