* { margin: 0; padding: 0; border: 0; }
html { height:100%; overflow-y: scroll; }
body { background-color:#FFFFFF; font-family: Arial; font-size:13px; color:#000000; text-align:center; height:100%; }

img { width: 100%; height:auto; }
a { color:#000000; text-decoration:none; font-weight: normal; }
a:hover { color:#D72124; }
h1{ font-size: 18px; margin: 30px 0px 20px 0px; text-transform:uppercase; }
h2{ font-size: 13px; margin: 0px 0px 20px 0px; text-transform:uppercase; }
h3{ font-size: 13px; margin: 20px 0px 20px 0px; font-weight:normal; text-transform:uppercase; }
p { margin: 0px 0px 20px 0px; font-size: 13px; }
ul { font-size: 13px; }
table { font-size: 12px; }

#main { position:relative; width:100%; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; max-width: 861px; text-align: left;}

#imprint { position:relative; color: #D72124; text-align:right; width:93.5%; line-height: 23px; margin-bottom:-10px; z-index:2; }
#imprint a{ color: #D72124; }

#content { padding: 0px 0px 0px 240px; line-height:17px; }
#content .container{ font-size: 0px; margin-bottom:30px; }
#content .container div{ display:inline-block; width:50%; vertical-align:top; }
#content .container h2{ background-color:#000000; color:#FFFFFF; letter-spacing:1px; padding:1px; }

#content .weblinks a { background-image: url('../img/link.png');  background-position: right center; background-repeat: no-repeat; padding-right: 13px; }

#icontent { padding: 0px 0px 0px 0px; line-height:17px; }

#ckather { max-width:219px; margin-left:-235px; float: left; }
td { vertical-align: top; padding:3px; }
#buch { position: relative; }

#buch #player{ position: absolute;  top:7.49%; right:8.07%; text-align: right; width:100%;}


#buch #player div div div{ display: inline-block; width:48%; vertical-align:top; }
#buch #player div div div.jp-interface{ max-width:140px; margin-top:-12px; }
#buch #player .jp-playlist li{ display:none; }
#buch #player .jp-playlist li.jp-playlist-current{ display:inline; }


#buch #bestellen{ position: absolute;  top:82.44%; left:8.13%; }
#buch #bestellen p{ font-size: 12px; margin: 0px 0px 10px 0px; }
#buch #bestellen b{ font-size: 14px; }
#buch #bestellen a{ font-size: 14px; color:#CC0000; font-weight: bold; }

#buch a.anker{ display: block; position: absolute; z-index: 2; }
#buch #blick{ top:11.5%; left: 13%; width:25%; height:5.5%; }
#buch #lautor{ top:12.6%; right: 11%; width:25%; height:2%; }
#buch #linterview{ top:14.6%; right: 18%; width:15%; height:2.4%; }
#buch #ldownloads{ top:18.4%; right: 12%; width:15%; height:2%; }
#buch #llinks{ top:20.4%; right: 19%; width:8%; height:2%; }
#buch #ldisco{ top:22.8%; right: 10%; width:18%; height:2%; }
#buch #ljobs{ top:26.8%; right: 16%; width:9%; height:3%; }
#buch #lkontakt{ top:31%; right: 14%; width:12%; height:2%; }
#buch #lbestellen{ bottom:7.7%; left: 8%; width:8%; height:1.5%; }
#buch #autor{ bottom:5%; left: 0%; width:1%; height:1%; }

#content .container div.ciframe { position: relative; margin-top: -20px; background-color:#CC0000; width:100%; }
#content .container div.ciframe img{ }
#content .ciframe iframe{ position: absolute; top:0px; left:0px; width:100%; height:100%; }