@charset "utf-8";
img { border: 0; }
body { text-align: center; background: url(/imgs/bg.png) 0 0 repeat; margin: 0;}
#border { width: 900px; padding: 0 20px; margin: 0 auto; background: url(/imgs/page_bg.png) 0 0 repeat-y; }
#page_cap { width: 900px; height: 5px; padding: 0 20px; margin: 0 auto; background: url(/imgs/page_cap.png) 0 0 repeat-y; margin-bottom: 10px; }

.copy { font-family: Arial, Helvetica, sans-serif; text-align: left; }
.copy p { font-size: 12px; line-height: 18px; text-align: justify; }
.copy p.highl { background-color: #029fc8; padding: 10px; color: white; }
.copy p.highl a { color: white; }
.copy p a { color: #029fc8; }
.copy p { margin: 10px 0; }
.copy h1 { font-size: 18px; }
.copy h2 { font-size: 16px; font-weight: normal; margin-top: 0;}
.copy span.em { unicode-bidi:bidi-override; direction: rtl; }
.copy .sml { font-size: 10px; }
.copy .box { background-color: #029fc8; color: white; }
.copy .box a { color: white; }
.copy .clr { clear: both; }

#header { background-color: #029fc8; margin: 0 -15px;  }
#nav { background-color: #E5F5F9; padding: 12px 0 11px 0;  }
#nav ul { margin: 0; padding:0; }
#nav li { background-color: #E5F5F9; list-style-type: none; display: inline; }
#nav li.sep { color: #029fc8; font-family: Arial, Helvetica, sans-serif; font-size: 18px; }
#nav li a { padding: 12px 18px; color: #029fc8; text-decoration: none; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-size: 18px; }
#nav li a:hover { text-decoration: underline; }
#nav li.sel a { background-color: #029fc8; color: white; }
#nav li.sel a:hover { text-decoration: none;  }
#navbase { background-color: #029fc8; height: 4px; }

#intro { float: left; width: 400px; margin: 30px 0 0 30px; }
#cover { float: right; margin: 50px 50px 0 0; font-size: 10px; font-family: Arial, Helvetica, sans-serif; }
#tag { float: right; margin: 80px -58px 0 0; width: 436px; }

#mediadaten { float: left; width: 400px; margin: 30px 0 0 30px;  }
#mediadaten table td { font-family: Arial, Helvetica, sans-serif; vertical-align: bottom; font-size: 12px; }

#mediaform { float: right; width: 400px; margin: 40px 30px 30px 0; padding: 5px; border: solid 3px #029FC8; background-color: #E5F5F9; font-size: 12px;}
#mediaform form { margin-top: 15px; }
#mediaform .txt { font-size: 12px; font-family: Arial, Helvetica, sans-serif; border: solid 1px #CCCCCC; width: 200px; }
#mediaform textarea.txt { height: 60px; }
#mediaform textarea.shrt { height: 30px; }
#mediaform .txt:focus, #mediaform .txt:active { border: solid 1px #029FC8; }
#mediaform label { float: left; width: 100px; margin-right: 20px; font-size: 12px; font-weight: bold; }
#mediaform .field { float: left; width: 250px;}
#mediaform label, #mediaform .field { margin-bottom: 10px; }
#mediaform button { background-color: #029FC8; color: white; padding: 3px; border: none; }
#mediaform label.error { color: red; clear: left;  float: left; width: 200px; font-size: 11px; font-weight: bold; margin: 0; }
#mediaform input.error, #mediaform textarea.error { border: solid 1px red; }
#mediaform input.error:focus, #mediaform textarea.error:focus { border: solid 1px red; }
#mediaform input.error:active, #mediaform textarea.error:active { border: solid 1px red; }

#Autoren { float: left; width: 400px; margin: 30px 0 0 30px;  padding: 5px; }
#Autoren img { margin: 3px; float: left; border: solid 2px white; }
#Autoren img:hover { border: solid 2px #029FCB; cursor: pointer; }
#AutorenDetails {  float: right; width: 380px; min-height: 300px; margin: 85px 30px 50px 0; padding: 10px; border: solid 3px #029FC8; background-color: #E5F5F9; font-size: 12px; }
#AutorenDetails h2 { font-weight: bold; margin-bottom: 15px; }
#AutorenDetails p { line-height: 20px; }
#AutorenDetails #autor_blank { font-style: italic; margin: 120px 60px; text-align: center;   }

#abonnementForm { float: left; width: 400px; margin: 30px 0 0 30px; padding: 5px; }
#abonnementForm form { margin-top: 15px; border: solid 3px #029FC8; background-color: #E5F5F9; font-size: 12px; padding: 5px; }
#abonnementForm .txt { font-size: 12px; font-family: Arial, Helvetica, sans-serif; border: solid 1px #CCCCCC; width: 200px; }
#abonnementForm textarea.txt { height: 60px; }
#abonnementForm textarea.shrt { height: 30px; }
#abonnementForm .txt:focus, #abonnementForm .txt:active { border: solid 1px #029FC8; }
#abonnementForm label { float: left; width: 100px; margin-right: 20px; font-size: 12px; font-weight: bold; }
#abonnementForm .field { float: left; width: 250px; }
#abonnementForm label, #abonnementForm .field { margin-bottom: 10px; }
#abonnementForm button { background-color: #029FC8; color: white; padding: 3px; border: none; }
#abonnementForm label.error { color: red; clear: left;  float: left; width: 200px; font-size: 11px; font-weight: bold; margin: 0; }
#abonnementForm input.error, #abonnementForm textarea.error { border: solid 1px red; }
#abonnementForm input.error:focus, #abonnementForm textarea.error:focus { border: solid 1px red; }
#abonnementForm input.error:active, #abonnementForm textarea.error:active { border: solid 1px red; }

#exklusiv { float: left; width: 400px; margin: 30px 0 0 30px; }


#impressum { float: left; width: 400px; margin: 30px 0 0 30px; }
#impressum label { font-weight: bold; display: block; text-transform: uppercase; font-size: 10px; margin-top: 5px;  }
#impressum label em { font-weight: normal; text-transform: none; cursor: pointer;  }

#footer { font-family: Arial, Helvetica, sans-serif; font-size: 10px; margin-top: 20px; padding-bottom: 5px; }
#footer a { color: black; }

.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } .clearfix { display: block; }

/* A K T U E L L E   A U S G A B E */
#einleitung { font-family: Arial, Helvetica, sans-serif; background-color: #029FC8; color: white; padding: 3px; margin: 20px -15px 0 -15px; font-size: 16px;  }
.ausgabe { float: left; margin: 20px 40px; }
.ausgabe:hover { margin-top: 19px; margin-bottom: 21px; }

#pages_nav { margin: 0 -15px 20px -15px; height: 98px; background-color: #029FC8; position: relative; }
#pages_nav ul {padding-top: 10px; width: 850px; }
#main_image { min-height: 570px; }
.arrow_r { position: absolute; z-index: 100; top: 25px; right: 10px; }
.arrow_l { position: absolute; z-index: 101; top: 25px; left: 10px; }

#previous { font-family: Arial, Helvetica, sans-serif; background-color: #029FC8; color: white; padding: 3px; margin: 10px -15px; font-size: 11px;  }
#previous a { color: white; text-decoration: none; }
#previous a:hover { text-decoration: underline;  }

.galleria{list-style:none;width:800px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */