/* html { position:relative; margin-left:auto; margin-right:auto; max-width:1500px }*/
html { font-size:1em }
body { margin:0px; padding:0px; position:relative; font:0.8em Ubuntu,'Lucida Sans','Lucida Grande', Verdana, sans-serif; background:#ffffff; color:#000000; line-height:1 }
@media only screen and (-webkit-device-pixel-ratio: 1.5) and (max-width: 1000px) {
html { font-size:1.2em }
}
@media only screen and (-webkit-device-pixel-ratio: 1.5) and (max-width: 750px) {
html { font-size:1.4em }
}
img { border:none }
/* Allgemeines */
.readersonly { display:block; position:absolute; width:1px; height:1px; overflow:hidden; left:-1000px; top:-1000px; }
#downJumper { margin:0px; padding:0px }
#downJumper a { left:-200%; max-width:50%; top:0px; position:absolute; padding:0.5em 1em 0.5em 0.5em }
#downJumper a:focus { left:25%; width:50%; z-index:500; background:#ffffff; background:rgba(255,255,255,0.7); -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.4); box-shadow: 2px 2px 5px rgba(0,0,0,0.4); -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.4); -moz-border-radius-bottomright:1em; -webkit-border-bottom-right-radius:1em; border-bottom-right-radius:1em; -moz-border-radius-bottomleft:1em; -webkit-border-bottom-left-radius:1em; border-bottom-left-radius:1em; text-align:center }
#afternavi.withcomments { position:relative; margin-left:6em }
#afternavi { -moz-transition: margin-left 0.2s;
-webkit-transition: margin-left 0.2s;
-o-transition: margin-left 0.2s;
transition: margin-left 0.2s;
}
/* Navigationsklammer */
#navi { position:absolute; left:0px; top:30px; z-index:80; line-height:1em; vertical-align:center }
#naviklammer { position:relative; left:-5px; top:0px; background: url('img/navibg.png') left top repeat-x #cfcfcf; overflow:hidden;
box-shadow: 1px 1px 3px rgba(0,0,0,0.8); -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.7); -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.8); -o-box-shadow: 1px 1px 3px rgba(0,0,0,0.8); -ie-box-shadow: 1px 1px 3px rgba(0,0,0,0.8); }
#navitext { margin:0.9em 0em 0.9em 37px; color:black; white-space:nowrap; line-height:1em }
#navilogo { display:block; position:absolute; left:7px; top:1.3em; margin-top:-10px; z-index:100; width:23px; min-height:24px; height:1.6em; background:url('img/logo.png') 0% 50% no-repeat }
#navilogo span { display:none }
#navi h4 { padding:0em; margin:0em; font-size:1em; font-weight:normal }
#navi ul { padding:0em; margin:0em; display:block; list-style:none }
#navi ul li { list-style:none; display:block; margin:0em; padding:0em; min-height:1.6em }
/*#navi .navicolumn a { display:block; padding:0.3em 0px 0.3em 0px; margin:0px; position:relative }*/
#navi .navicolumn { display:inline-block; margin:0px 0em 0px 0px; vertical-align:top }
#navi .top0 { margin-top:0em !important }
#navi .top1 { margin-top:1.6em !important }
#navi .top2 { margin-top:3.2em !important }
#navi .top3 { margin-top:4.8em !important }
#navi .top4 { margin-top:6.4em !important }
#navi .bottom { vertical-align:bottom !important }
#navitext a { display:block; padding:0.3em 0em 0.3em 0px; margin:0em 2.2em 0em 0em; position:relative; }
#navitext a, #navitext a:visited { text-decoration:none !important; color:#afafaf }
#navitext a:hover span, #navitext a:focus span, #languages a:hover, #languages a:focus { text-decoration:underline !important; color:#000000 !important }
#navi h4.navicolumn a { color:#777777 !important }
#navi h4.navicolumn a strong { color:#000000; font-weight:normal }
#navi .nextcolumn a, #navi .nextcolumn a:visited { color:#777777 }
#navitext a.current { color:#000000 }
#navitext a.currentparent { color:#555555 }
/* #navi a.withchildren { margin-right:0em }
#navi a.withchildren:after { content:'›'; margin-left:1.2em; color:#999999; font-weight:bold }*/
#navi a.withchildren { margin-right:0em }
#navi a.withchildren:after { display:inline-block; text-align:center; content:'›'; width:2.2em; color:#afafaf }
/* #navi a.withchildren:after { content:'›'; position:absolute; right:0em; color:#999999; font-weight:bold } */
#navi a.current.withchildren:after { content:'»' }
#navi #languages { position:absolute; left:12px; bottom:.9em }
#navi #languages a { padding-left:.5em; padding-right:.5em }
/* Kommentarklammer */
#commentklammer { position:fixed; left:-10px; top:10.8em; z-index:79; margin-top:30px; width:46px }
#commentklammer {
-moz-transition: left 0.1s ease-in-out;
-webkit-transition: left 0.1s ease-in-out;
-o-transition: left 0.1s ease-in-out;
transition: left 0.1s ease-in-out;
}
#commentklammer div { height:36px; background: url('img/navibg.png') 0% 50% repeat-x #cfcfcf; overflow:hidden; opacity:0.9; box-shadow: 1px 1px 3px rgba(0,0,0,0.8); -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.7); -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.8); -o-box-shadow: 1px 1px 3px rgba(0,0,0,0.8); -ie-box-shadow: 1px 1px 3px rgba(0,0,0,0.8); }
#commentklammer div {
-moz-transition: opacity 0.1s ease-in-out;
-webkit-transition: opacity 0.1s ease-in-out;
-o-transition: opacity 0.1s ease-in-out;
transition: opacity 0.1s ease-in-out;
}
#commentklammer:hover, #commentklammer:focus { left:-5px }
#commentklammer:hover div, #commentklammer:focus div { opacity:1 }
#commentklammer a { display:block; width:100%; height:40px; position:absolute; left:0px; top:0px; font-size:9px; font-weight:bold; text-decoration:none }
.hasnocomments a { background:url('../style/img/comment_button.png') 18px 10px no-repeat; }
.hascomments a { background:url('../style/img/comment-yes_button.png') 18px 10px no-repeat; }
.hidecomments a { background:url('../style/img/comment-reduce_button.png') 19px 12px no-repeat; }
.loadingcomments a { background:url('../style/img/imgloader2.gif') 22px 12px no-repeat; }
#commentklammer a span { position:absolute; height:1em; line-height:1em; left:10px; top:16px; margin-top:-0.5em; width:34px; text-align:center; color:#ffffff }
.hidecomments a span, .loadingcomments a span { display:none }
#commentklammer a strong { display:none }
/* Kommentarbereich */
#commentspace { width:27em; left:0px; top:0px; bottom:0px; position:fixed; z-index:78; background:#eeeeee; line-height:1.7; color: #555555 } /* background-color:rgba(255,255,255,0.9) */
#commentspace { box-shadow: 1px 1px 5px rgba(0,0,0,0.7); -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.6); -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.7); -o-box-shadow: 1px 1px 5px rgba(0,0,0,0.7); -ie-box-shadow: 1px 1px 5px rgba(0,0,0,0.7); }
#commentspace h3 { margin:40px 0em 0em 4em; padding:10.5em 2em 0.8em 0em; font-size:1em; color:#000000; font-weight:normal; border-bottom:1px solid #bbbbbb }
#commentspace ul { position:absolute; padding:11.4em 2em 0em 4em; list-style:none; left:0em; top:2.5em; margin:41px 0px 0px 0px; right:0em; bottom:0em; overflow-y:auto }
#aroundcommentspace.withscript #commentspace h3 { padding-top:0em; }
#aroundcommentspace.withscript #commentspace ul { padding-top:0.9em; }
#aroundcommentspace.mobile #commentspace { position:absolute; bottom:auto; min-height:100% }
#aroundcommentspace.mobile #commentspace ul { position:static; bottom:auto; padding-top:0em; overflow:inherit }
#commentspace li { margin:0em; padding:0em 0em 1.7em 0em; list-style:none }
#commentspace h4 { margin:0em; padding:0em; color:#000000 !important; font-size:inherit; font-weight:inherit; }
#commentspace p + p { text-indent:1.6em }
#commentspace form { display:block; margin:0px; padding:0em }
#commentspace form p { text-indent:0em; position:relative }
#commentspace form h3 { margin-top:0em; padding-top:0em; margin-left:0em; margin-right:-2em; margin-bottom:0.9em }
#commentspace .newCommentField, #commentspace .newCommentContent { margin-right:6px }
#commentspace .newCommentField input, #commentspace textarea { display:block; width:100%; min-width:100%; max-width:100%; margin:0px -6px 0px 0px; border:1px solid #bbbbbb; font:inherit; background:#ffffff; color:#000000 }
#commentspace .newCommentField input { line-height:1em; padding:2px; }
#commentspace textarea { line-height:inherit; padding:0px 2px 0px 2px }
#commentspace .newCommentField input:focus, #commentspace textarea:focus { border-color:#777777 }
#commentspace .newCommentSubmit { text-align:right; padding-top:1em }
#commentspace .errors { margin:1.3em 0px 3px 0px; padding:0px 4px; border:1px solid #aa5555; background:#ffaaaa; color:#000000 }
#commentspace .success { margin:3px 0px 1.7em 0px; padding:0px 4px; border:1px solid #55aa55; background:#aaffaa; color:#000000 }
/* Tagklammer */
#tagklammer { position:absolute; left:-5px; bottom:20px; width:13em; height:11em; background: url('img/navibg.png') left top repeat-x #cfcfcf; overflow:hidden;
border-right:1px solid #777777; border-bottom:1px solid #777777; border-top:1px solid #999999;
-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.6); box-shadow: 1px 1px 3px rgba(0,0,0,0.6); -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.6); }
/* Grundlagen für Inhalt */
p { padding:0em; margin:0em }
/* Der Bereich, in dem normaler Inhalt liegt; muss sich in einem Bereich befinden, der links einen Abstand von 21em besitzt */
.contentspace { padding:4em; max-width:55em; min-width:70%; }
/* Wir legen ein Zeilenraster von 1.7 Grund-em zugrunde. */
#content { line-height:1.7 }
#content p { padding-bottom:1.7em }
#content code, #content pre { color:#222222 !important; font: 1.05em 'Ubuntu Mono',Consolas,'Courier New', monospace }
#content pre { display:block; padding:0.3em 0.5em; margin:0em 0em 1.7em 0em; line-height:1.7em; border: 1px solid #cccccc; background: #ebebeb }
#content code { background:#ebebeb; margin:-0.2em 0em; padding:0.2em }
a .mimeicon { width:20px; height:20px; margin-right:.3em; vertical-align:top; text-decoration:none !important }
#content { color:#090909 }
#content a, #commentspace a, .teaserList a em, .teaserList a strong { color:#113879; text-decoration:underline }
#content a:visited, #commentspace a:visited, .teaserList a:visited em, .teaserList a:visited strong { color:#657691 }
#content a:hover, #content a:focus, #commentspace a:hover, #commentspace a:focus, .teaserList a:hover em, .teaserList a:visited em, .teaserList a:hover strong, .teaserList a:visited strong
{ color:#2F5BA4; text-decoration:underline }
/* Texthöhe, unterer Padding, Linie und unterer Margin ergeben
zusammen eine Höhe von 3 Zeilen, der obere Padding entspricht
einer Zeile (Rundungsfehler liegen im Pixelbereich) */
#content h2 { margin:-1px 0em 1.2em 0em; font-size:1.3em; padding:1.3em 0em 1em 0em; border-bottom:1px solid #bbbbbb; font-weight:normal }
#content h2 a { display:block; position:relative; color: #090909 !important; text-decoration:none }
/* Buttons */
.button { background:#dddddd; font:inherit; cursor:pointer;
margin:0px; border:1px solid #ffffff; padding:3px 10px 3px 10px; line-height:1.7;
background: -moz-linear-gradient(top, #ffffff, #dddddd);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dddddd));
background: -webkit-linear-gradient(top, #ffffff, #dddddd);
background: -o-linear-gradient(top, #ffffff, #dddddd);
background: -ie-linear-gradient(top, #ffffff, #dddddd);
background: linear-gradient(top, #ffffff, #dddddd);
box-shadow: 0px 1px 3px rgba(0,0,0,0.8);
-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.8);
-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.8);
-ie-box-shadow: 0px 1px 3px rgba(0,0,0,0.8);
-o-box-shadow: 0px 1px 3px rgba(0,0,0,0.8);
color:#151515 !important; text-decoration:none !important;
}
.button:hover, .button:focus { outline:none; background:#ffffff }
.button:active { margin:1px 0px -1px 0px; background:#cccccc; border:1px solid #dddddd;
background: -moz-linear-gradient(top, #cccccc, #dddddd);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(100%,#dddddd));
background: -webkit-linear-gradient(top, #cccccc, #dddddd);
background: -o-linear-gradient(top, #cccccc, #dddddd);
background: -ie-linear-gradient(top, #cccccc, #dddddd);
background: linear-gradient(top, #cccccc, #dddddd);
box-shadow: 0px 0px 2px rgba(0,0,0,0.9);
-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.9);
-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.9);
-ie-box-shadow: 0px 0px 2px rgba(0,0,0,0.9);
-o-box-shadow: 0px 0px 2px rgba(0,0,0,0.9);
}
/* Navigationslisten */
ul.teaserList { margin:0px; padding:0px; display:block; list-style:none }
.teaserList li { margin:0px; padding:0px 0px 1.7em 0px; display:block }
.teaserList a { display:block; text-decoration:none !important; line-height:1.7 }
.teaserList a span { display:block; font-weight:normal; color: #090909 }
.teaserList a strong, .teaserList a em { display:block; font-style:normal; text-decoration:none }
.teaserList a span strong, .teaserList a span em { display:inline }
.teaserList a:hover strong, #naviBlock a:focus strong, .teaserList a:hover em, #naviBlock a:focus em { text-decoration:underline !important }
.teaserList li.withIcon a { padding-left:58px; min-height:48px; position:relative }
.teaserList li.withIcon a img { position:absolute; top:0px; left:0px }
/* Linklisten */
ul.freeLinkList { margin:0px; padding:0em 0em 1.7em 0em; list-style:none; display:block }
ul.freeLinkList li { margin:0px; padding:0px; list-style:none; display:block }
ul.freeLinkList a { text-decoration:none !important; display:block }
ul.freeLinkList a:hover { text-decoration:underline !important }
/* Kleine Bildschirme */
@media only screen and (max-width:750px) {
#navi { position:relative; top:0px }
#naviklammer { border-top:none; border-right:none; left:0px; margin-left:-5px }
#afternavi { position:relative }
.contentspace { padding-left:2em; padding-right:2em }
#adventnavi { position:relative; top:0px; width:auto }
#commentklammer { margin-top:0em; width:auto; position:relative; top:0px; left:0px !important }
#commentklammer div { opacity:1 !important }
#commentklammer a { background-position:50% 10px }
#commentklammer a, #commentklammer div, #commentklammer a span { left:0px; width:100% }
#commentklammer a span { padding-top:1px }
#commentklammer.hidecomments { display:none }
#commentspace h3 { padding-top:0em; }
#commentspace { position:relative !important; width:auto; height:auto; min-height:0em !important; padding-bottom:0.3em; background:#eeeeee }
#commentspace ul { padding-top:0.9em !important }
#commentspace h3 { padding-top:2em !important; margin-top:0px; margin-left:2em; margin-right:2em; padding-right:0em; }
#commentspace form h3 { margin-right:0em }
#commentspace ul { position:static; margin:0em; padding-left:2em }
#afternavi.withcomments { margin-left:0em }
}
/* Noch kleinere Bildschirme - Navigation schrumpfen */
@media only screen and (max-width:530px) {
#naviklammer { min-height:7em }
#navi .navicolumn { display:block; margin-top:0em !important }
#navi .navicolumn li { min-height:0em !important }
#navi .navicolumn a { display:none }
#navi .navicolumn a.withchildren { display:block }
#navi .lastcolumn a { display:block }
#navi .navicolumn a.current { display:block }
#navi .navicolumn + .navicolumn { margin-left:1.6em }
#navi .navicolumn + .navicolumn + .navicolumn { margin-left:3.2em }
#navi .navicolumn + .navicolumn + .navicolumn + .navicolumn { margin-left:4.8em }
#navi .navicolumn + .navicolumn + .navicolumn + .navicolumn + .navicolumn { margin-left:6.4em }
#navi .navicolumn + .navicolumn + .navicolumn + .navicolumn + .navicolumn + .navicolumn { margin-left:8em }
}