/*importiert normalisierung.css*/
@import url("norm.css");

body {
position: relative;
margin: 0 auto;
text-align:center;
width: 950px;
background:#fff;
font-size: 100.1%;
font-family: Tahoma, Geneva, Arial, sans-serif;
color:#464747; /*grau*/
}

/*===========allgemeines===============*/

a {
font-family: Tahoma, Geneva, Arial, sans-serif;
color:#464747; /*grau*/
}

a:hover {
color: #fff;
background-color: #464747;
}



img[alt] {
border: 1px solid #c9c9c9;
padding: 2px;
}



/*===============layouting=============*/
div#wrapper {
position:relative;
width: 950px;
text-align:left;
}



div#oben {
background: url(images/oben-.jpg) no-repeat left top;
width: 950px;
height: 249px;
}

div#oben h1.logo {
color: #49203e;
padding: 90px 0 0 400px;
font-size: 1.8em;
font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
}

div#oben blockquote.info p {
color: #49203e;
padding: 0 0 0 400px;
font-size: 1.1em;
font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
width: 450px;
}

div#footer {
clear:both;
background:url(images/footer.jpg) no-repeat left bottom;
height:87px;
width:950px; 
}

div#footer p {
font-size: .7em;
margin-left: 95px;
padding-top: 60px;
}


/*===================NAVI=================*/


#navi {
height: 80px;
margin-left: 75px;
}

#navi h2 {
text-indent:-9999px;
height:0;
}

#navi ul {
text-align: center;
}

#navi ul li{
float:left;
display:block;
font-size: .9em;
padding-top: 0px;
}

#navi li a {
text-decoration:none;
color:#fff;
background:url(images/buttonhg.jpg) repeat-x;
display:block;
width: 199px;
height: 30px;
border-width: thin;
border-style: solid;
border-color: #49203e;
}

#navi a:hover {
background:url(images/buttonhg.jpg) repeat-x 0 -30px;
}

#navi a#current {
background:url(images/buttonhg.jpg) repeat-x 0 -30px;
}


#navi span {
display: block;
padding: 5px;
}

/*============publikationen=============*/

#publikation {
position:relative;
padding: 10px 10px 10px 15px;
width:42%;
float:left;
margin: 0 0 0 60px;
}

#buechertitel h3, #links h3 {
position:absolute;
top:-30px;
left:5px;
color: #e3e4e7;
font-size: 7em;
font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
font-style:italic;
z-index:1;
}

#dvdtitel h3{
position:absolute;
top:1400px;
left:0px;
color: #e3e4e7; /*grau*/
font-size: 7em;
font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
font-style:italic;
z-index:1;
}

#artikeltitel h3 {
position:absolute;
top:2180px;
left:0px;
color: #e3e4e7; /*grau*/
font-size: 7em;
font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
font-style:italic;
z-index:1;
}


#buecher {
position:relative;
left:0;
top: 0;
z-index:80;
width: 100%;
font-size: .8em;
padding:15px 5px;
margin: 0 0 0 10px;
}

#dvds {
position:relative;
left:0;
top: 0;
z-index:80;
width: 100%;
font-size: .8em;
padding:15px 5px;
margin: 0 0 0 10px;
}

#artikel {
position:relative;
left:0;
top: 0;
z-index:80;
width: 100%;
font-size: .8em;
padding:15px 5px;
margin: 0 0 0 10px;
}


#buecher li, #dvds li, #artikel li {
padding:15px 0;
z-index: 80;
overflow: hidden; /*verhindert, dass float umschlossen wird*/
}


#buecher h4, #dvds h4, #artikel h4, #leseproben h4, #links h4{
color: #12415f;
padding-bottom:3px;
font-size: 1.3em;
font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
}

#buecher h5, #dvds h5, #artikel h5 {
color: #12415f;
padding-bottom:8px;
font-size: 1.2em;
font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
font-style:italic;

}

#buecher img, #dvds img, #artikel img {
float: left;
margin: 0 10px 0 0;
}

#buecher em, #dvds em, #artikel em {
color:#000;
}

#buecher a, #dvds a, #artikel a {
text-decoration: none;
border-bottom:1px dotted #c9c9c9;
color:#000;
}

#buecher a:hover, #dvds a:hover, #artikel a:hover {
background-color:#fbeda3;
color:#464747;
}


/*============presse=============*/


#presse {
position:relative;
width: 35%;
float:right;
font-size: .7em;
color: #49203e;
background: #e8d4e3 url(images/kasten.png) repeat-x left top;
padding: 10px 10px 30px 10px;
border: 1px solid #c9c9c9;
margin: 0 80px 0 0;
}


#presse h3 {
color: #49203e;
padding-bottom:8px;
font-size: 2.1em;
font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
font-style:italic;

}


#presse h4 {
color: #49203e;
padding-top:8px;
font-size: 1.4em;
font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
}

#presse blockquote {
background-image:url(images/quote.png);
background-repeat:no-repeat;
margin: 0 0 0 10px;
padding: 0 0 0 30px;
background-position: 0 -15px; 
}

#presse blockquote p{
background-image:url(images/quoteoben.png);
background-repeat:no-repeat;
margin-right: 30px;
background-position: bottom right; 
padding-right: 30px;
}


#presse a[href] {
background-image:url(images/pfeil.gif) ;
background-repeat: no-repeat;
padding-left: 15px;
margin-left: 2px;
text-decoration: none;
border-bottom:1px dotted #c9c9c9;
color: #f710b9;
}

#presse a:hover {
background-color:#49203e; /*dunkellila*/
color:#fff;
}

#presse blockquote cite {
font-style: italic;
color: #f710b9;
margin-left: 5px;
}

/*============leseproben=============*/

#leseproben, #links {
position:relative;
padding: 10px 10px 10px 25px;
width:82%;
margin: 0 0 0 60px;
font-size: .8em;
}

#leseproben div.buch, div.autorin {
overflow:hidden;
margin: 0 0 40px 0;
}

#leseproben div.buch h4 {
margin-bottom: 10px;
}

#leseproben div.buch img, div.autorin img {
float:left;
margin: 0 20px 0 0;

}

#leseproben div.buch p {
padding-bottom: 10px;
}

#leseproben div.buch p > a {
background: url(images/pdficon.jpg) no-repeat;
padding-left: 19px;
}

#leseproben div.buch p > a:hover {
background-color: #464747;
}


/*=================links================*/

#links ul {
padding: 15px 0 0 0;

}


#links ul li {
padding: 25px 0 0 0;

}



#links a:hover {
background-color: #464747;
color: #fff;
}