html, body { width:100%; margin:0; padding:0 }
html { height:100% }
body { min-height:100% }
/* Content-Block */
#content { margin:0em 0em 0em 21em; padding:0em 0em 0em 0em; position:relative }
.contentspace { background:#ffffff; padding-top:0em; padding-bottom:0em; box-shadow: 1px 1px 4px rgba(0,0,0,0.7); -webkit-box-shadow: 0px 1px 6px rgba(0,0,0,0.7); -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.7) }
/* Header-Area */
#headerarea { margin-left:-4em; margin-right:-4em; padding-left:4em; padding-right:4em }
h1 { margin:0em; padding:0em 0em 1.05em 0em; font-size:1.7em; font-weight:normal; line-height:1.7; background-position:100% 80%; background-repeat:no-repeat; color:#090909; border-bottom:1px solid #bbbbbb }
/* #headerarea { margin:0em; padding:2em 4em 2em 4em; border-bottom:1px solid #aaaaaa }
h1 { margin:0em; padding:0em; font-size:1.6em; font-weight:normal; line-height:1.4; background-position:bottom right; background-repeat:no-repeat; color:#090909 }*/
/* Content-Area */
#contentarea { padding:0em 0em 2em 0em; margin:2em 0em 0em -25em }
#contentarea p { -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto }
#contentarea ul, #contentarea ol { margin-top:0em; margin-bottom:0em; padding-top:0em; padding-bottom:1.7em }
#contentarea li { margin-top:0em; margin-bottom:0em; padding-top:0em }
#contentarea .klammer { margin:0em -4em 0em -4em; padding:0em 4em 0em 4em; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; margin-bottom:-1px }
#contentarea .contentblock { margin-left:25em }
/* Sideboxes */
#contentarea .sidebox { float:left; position:relative; width:20em; min-height:5em; background:url('../style/img/dev-leftbox-shadow.png') right top repeat-y #c2cfdd; background-color:rgba(255,255,255,0.65); top:-2em; padding:1em 0em 1.4em 1em; clear:left }
#contentarea .sidebox h3 { margin:0px 0px 0.9em 3em; padding:1.7em 2em 0.8em 0em; font-size:1em; font-weight:normal; color:#000000; border-bottom:1px solid #bbbbbb; border-bottom-color:rgba(0,0,0,0.2) }
#contentarea .sidebox h3 + * { margin-top:-1px }
#contentarea .sidebox h3:first-child { padding-top:1em }
#contentarea .sidebox p { margin:0px 0px 0px 3em; padding:0em 2em 1.7em 0em; color:#505050; min-width:0em }
#contentarea .sidebox p .inline-header { color:#000000 }
#contentarea .sidebox p:first-child { padding-top:1em }
#contentarea .sidebox .teaserimg { display:block; line-height:1; text-align:right; padding:1em 2em 0.6em 0em }
#contentarea .sidebox .teaserimg img { vertical-align:top; border:1px solid #888888 }
#contentarea .sidebox ul { margin:0px 0px 0px 2em; padding:0em; list-style:none }
#contentarea .sidebox ul li { margin:0px; padding:0em 2em 1.7em 1em; list-style:none }
#contentarea .sidebox ul.linklist li a { display:block; text-decoration:none }
#contentarea .sidebox ul.linklist li a:hover { display:block; text-decoration:none }
#contentarea .sidebox ul.linklist li.filelink a:hover { text-decoration:none }
#contentarea .sidebox ul.linklist li.filelink a strong { font-weight:normal; text-decoration:underline }
/* #contentarea .sidebox ul.linklist li.filelink a:hover strong { text-decoration:underline } */
#contentarea .sidebox ul.linklist li.filelink a em { display:block; font-style:normal; color:#505050 !important; text-decoration:none !important }
#contentarea #endClearer { clear:both }
/* Links */
#content a.teaserlink { text-decoration:none }
#content a.teaserlink:hover { text-decoration:underline }
/* margin-bottom ist, damit Seitenboxen, die direkt nach h2 kommen, nach oben geschoben werden. Zum Ausgleich haben andere nachfolgende Elemente ein größeres Padding, das ergibt in Summe (unter Berücksichtigung der größeren Schrift des h2) ein margin-bottom von 1.1, analog der Definition in common-style.css */
/* #content h2 { margin-bottom:-1.55em }
#content h2 + .sidebox + *, #content h2 + * { padding-top:3.4em }*/
/* Inhaltselemente */
#content .teasericon { float:right; position:relative; top:-10px; margin-left:2em }
#contentarea .flashobj { padding-bottom:1.7em }
a.fullWidthImgLink { vertical-align:bottom; margin-right:1.7em }
a.fullWidthImgLink img { max-width:100%; vertical-align:bottom; margin-bottom:1.7em }
a.fullWidthImgLink:last-child img { margin-bottom:0em }
/* Kleine Bildschirme */
@media only screen and (max-width: 750px) {
.hideInSmallMode { display:none }
#content { margin-left:0em }
#contentarea h2 { margin-bottom:1.5em }
#contentarea { margin-left:0em }
#contentarea .contentblock { margin-left: 0em }
#contentarea .sidebox { float:none; width:auto; top:0em; padding-bottom:0.3em; padding-top:0.5em; min-height:0px; margin-bottom:2em; background:#e8e8e8 !important; border-top:1px solid #bbbbbb; border-bottom:1px solid #bbbbbb; margin-left:-2em; margin-right:-2em; border-radius:0em }
#headerarea { margin-left:0em; margin-right:0em; background:none; padding-left:0em; padding-right:0em }
h1 { padding-bottom:1.2em }
#contentarea>.sidebox { margin-top:-2.1em }
#contentarea .contentblock>*:last-child { margin-bottom:2em }
#contentarea .contentblock>h2:last-child { margin-bottom:1.25em }
#contentarea .sidebox h3, #contentarea .sidebox p, #contentarea .sidebox ul { margin-left:2em; padding-left:0em }
#contentarea .sidebox h3 { padding-right:0em; margin-right:2em }
#contentarea .sidebox .teaserimg { padding-bottom:2em; padding-top:1.7em }
#contentarea .sidebox p:first-child { padding-top:1.5em }
}