/* für cgi/template und alte processe */
body{margin:0;padding:0;color:#234;font:15px 'Segoe UI Semilight','Segoe UI',HelveticaNeue-Light,sans-serif;line-height:1.4}
a img {border:0}
body {background:#ffffff url(/img/nav/body_bg.gif) 0 0 repeat-x}
a:link {color:#006999}
a:visited {color:#607070}
a:hover {color:#000000}
h1 {margin:0;line-height:1.4;font-size:1.5em;font-weight:bold;color:#0087C7}
h2 {margin:0.5em 0;padding:0;background:transparent url(/img/nav/h2_bg1.gif) 0% 50% repeat-x;color:#0087C7;line-height:1.6em;font-size:1.4em;font-weight:bold}
h2 span {margin-left:10px;padding:0 7px;background:#ffffff}
h4 {margin:0.5em 0;padding:0;line-height:1.3em;font-weight:bold;color:#0087C7}
p {margin:0.3em 0;padding:0;color:#222}
#bodywrap {position:relative;min-height:100%}
/* * html #bodywrap {height:100%;width:expression(document.body.clientWidth > 750 ? 'auto' :'750px')} */
#topmenu {height:26px;line-height:26px;clear:both;overflow:hidden;padding:0 0 0 20px;position:absolute;top:65px}
#topmenu a{color:#efefef;display:block;float:left;text-decoration:none;padding:0 30px 0 18px;font-family:'Segoe UI Semibold','Segoe UI',arial,sans-serif}
#topmenu a:hover{color:#fff}
.STM{position:absolute;left:30%;font-size:36px;line-height:60px;font-weight:bold;color:#c3c3c3}
.mspartner{position:absolute;right:2.2em;z-index:-1;margin-top:15px}
#main {padding:0;margin:2em 2em 0 2em}
.footer {padding:0 32px 0 32px;background:#00a0d6;line-height:25px;color:#ffffff;font-size:0.9em}
.footer a{color:#ffffff;text-decoration:none;white-space:nowrap;margin-right:32px}
#content .wrap0 {border:1px solid #c3c3c3;border-top:6px solid #0087C7}
#content .wrap1 {position:relative;top:-6px;left:-1px;background:transparent url(/img/nav/content_bg1.gif) 0 0 no-repeat}
#content .wrap2 {position:relative;left:2px;background:transparent url(/img/nav/content_bg2.gif) 100% 0% no-repeat}
#content .wrap3 {position:relative;top:7px;left:-2px;background:transparent url(/img/nav/content_bg3.gif) 0% 100% no-repeat}
#content .wrap4 {position:relative;left:2px;background:transparent url(/img/nav/content_bg4.gif) 100% 100% no-repeat;padding:4px 18px 20px 18px}
ul.ul1 {padding:0;margin:0 15px}
.alcenter {text-align:center}
.tipp {background:#f5f5f5; background-image:-moz-linear-gradient(100% 100% 90deg, #eee, #fff); background-image:linear-gradient(#fff,#eee); font-size:0.85em;float:right;margin:10px 1% 0 0;padding:3px 15px; -moz-box-shadow:0 0 4px #baa; -webkit-box-shadow:0 0 4px #baa; box-shadow:0 0 4px #baa; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px}
.absatz {text-indent:-0.5em;margin-left:0.5em}
#opinion table {border-collapse:collapse;margin:0 auto;width:100%;word-wrap:break-word;table-layout:fixed}
#opinion table tr:nth-child(odd) {background-color: #fafaf8}
#opinion td {border:1px solid #9a9a9a;padding:4px}
#opinion th {background:#009de3;background-image:linear-gradient(#28beff,#009de3);border:1px solid #9a9a9a;padding:4px;color:#fff}
#form1 td {border:none}
form {max-width:800px;margin:0 auto;background:#f5f5f5;background-image:linear-gradient(#fff,#eee); margin:5px;padding:3px 15px; -webkit-box-shadow:0 0 4px #baa; box-shadow:0 0 4px #baa; -webkit-border-radius:10px; border-radius:10px}
.eingabe, textarea, select {width:95%;background:#fff;background-image:linear-gradient(#eee,#fff); -webkit-box-shadow:0 0 4px #baa; box-shadow:0 0 4px #baa; -webkit-border-radius:5px; border-radius:5px}
.nick {color:#888;font-family:serif;padding-left:0.5em}
#content {margin-right:150px}
#content .wrap2 {position:relative;left:2px;background:transparent url(/img/nav/content_bg5.gif) 100% 0% no-repeat}
/* style-page.css */
#side {float:right;width:150px;overflow:hidden}
#side .wrap1 {background:#f5f5f5 url(/img/nav/side2_bg1.gif) 0 0 no-repeat;padding-top:6px}
#side .wrap2 {background:transparent url(/img/nav/side2_bg2.gif) 0% 100% no-repeat;border-bottom-right-radius:6px;border-bottom:2px solid #00b0e6}
#side .wrap3 {border-bottom-right-radius:6px;border-bottom:2px solid #00b0e6;padding:10px}
#donutchart{width:380px;height:160px;float:right;margin-bottom:0.5em}
span.check{background-image:url(/img/sprite.png);display:inline-block}
span.green{background-position:0 -85px;width:15px;height:12px}
span.red{background-position:-15px -85px;width:12px;height:12px}
span.warn{background-position:-27px -85px;width:18px;height:17px;position:relative;top:3px;margin-right:3px}
span.rate{background-image:url(/img/sprite.png);width:50px;height:12px;float:right;margin:2px 15px 0 0}
span.rateinline{display:inline-block; float:none;margin:0}
span.spyrate0{background-position:0 0}
span.spyrate1{background-position:0 -12px}
span.spyrate2{background-position:0 -24px}
span.spyrate3{background-position:0 -36px}
span.spyrate4{background-position:0 -48px}
span.spyrate5{background-position:0 -60px}
span.stars{background-image:url(/img/sprite.png);width:50px;display:inline-block;height:10px;margin:0 2px}
span.stars0{background-position:-50px -0px}
span.stars5{background-position:-50px -10px}
span.stars10{background-position:-50px -20px}
span.stars15{background-position:-50px -30px}
span.stars20{background-position:-50px -40px}
span.stars25{background-position:-50px -50px}
span.stars30{background-position:-50px -60px}
span.stars35{background-position:-50px -70px}
span.stars40{background-position:-50px -80px}
span.stars45{background-position:-50px -90px}
span.stars50{background-position:-50px -100px}
span.flag{background-image:url(/img/sprite.png);width:20px;height:12px;float:left;margin:2px 7px 0 0}
span.flagde{background-position:0 -73px}
span.flagde2{background-position:-20px -73px}

@media only screen and (max-width:960px) { .STM, .tipp{display:none} }
@media only screen and (max-width:420px) { .mspartner{display:none} #content {margin:2em 1em} }