* {
 margin: 0;
 padding: 0;
}
body {
 background: #FFF;
 font: normal 62.5% arial, helvetica, sans-serif;
 color: #666;
 padding: 0;
 background: #D9E3F0;
 margin: 10px;
 position: relative;
}
#box {
 padding: 0;
 padding: 8px;
 background: #FFF;
 /*border: 10px solid #D9E3F0;*/
}
#root {
 width: auto;
/* width: 614px;*/
 margin: 0;
 background: #FFF;
 position: relative;
}
#calculator, #content {
 border: 1px solid #d9e3f0;
 background: #f1f5fa;
 padding: 9px;
 padding-right: 0;
}
h1, h2, h3 {
 font-size: 1.2em;
 color: #039;
}
h1 {
 background-color: #d9e3f0;
 padding: 1px 5px 1px 5px;
 margin-bottom: 10px;
}
h2 {
 background-color: #d9e3f0;
 padding: 1px 0 1px 5px;
 margin-top: 10px;
}
h3 { border-top: 1px solid #d9e3f0; margin-top: 10px;}
h1 a, h2 a { color: #039; text-decoration: none; width: 100%; display: block;}
p { font-size: 1.2em; line-height: 140%; margin-top: 5px;}
p.firstParagraph { margin-right: 26px; margin-bottom: 5px; /*padding-left: 10px;*/ margin: 0; }
label { font-weight: bold;}
img { border: 0 none;}
.noborder { border: none;}
.bordered { padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #d9e3f0; border-bottom: 1px solid #d9e3f0;}
#toolbar { position: absolute; top: 0; right: 0px; white-space: nowrap; height: 17px; vertical-align: top;}
* html #toolbar { right:8px; } /* IE6 */
#toolbar a { padding-left: 5px;}
#toolbar #TB_closeWindowButton {display: none; }
#box .inhaltstext{
    height:auto; 
    overflow:auto;
    clear:both;
    margin-top:-3px;
    position:static;
}
#box .inhaltstext p { font-size: 1.2em; line-height: 17px; color: #666; margin:5px 0 0 0;}
#box .inhaltstext ol, #box .inhaltstext ul {position:static;}

/* Style links */
a { color: #039;}
a.hasTooltip { text-decoration: none; vertical-align: middle;}
/* Style stretcher */
.stretcher {
 background: #f1f5fa; /* Internet explorer is all crazy, if you're using opacity on text, people with anti-alias turned on will see the text all jagged up. To solve this simply apply a background color to the element you're going to fade. */
 width: auto;
}
/* Use .scrollStretcher to include height and scrollbar to skretcher */
.scrollStretcher {
 height: 238px;
 overflow: auto;
 padding-right: 11px;
}
* html .scrollStretcher {
 height: 240px;
}
/* Use .inactive to deactivate height and scrollbar */
.inactive {
 overflow: visible;
 padding-right: 10px;
 width: 575px;
}
html > body .inactive {
 height: 228px;
}
/* Clear columns: http://www.positioniseverything.net/easyclearing.html */
.clearColumns:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearColumns {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearColumns {height: 1%;}
.clearColumns {display: block;}
/* End hide from IE-mac */

/* neues ayh */
select {margin:10px 0;}
.noimg { background-image:none; margin-bottom: 14px;}
div.scrollStretcher {  overflow-x: hidden; overflow-y: auto;}
 div.scrollStretcher p { color: #666; font-size: 1.1em; margin: 0 10px; line-height: 15px;}
 div.scrollStretcher p.fussnote { display:block;clear:both;color: #666; font-size: 1em; margin: 0px 8px 9px 8px; line-height: 1.3em;}
 div.scrollStretcher a { color: #039; text-decoration: none;}
  div.scrollStretcher a:hover { text-decoration: underline;}
 div.scrollStretcher p a { background: url(/pbc/images/staticmedia/pfeil_orange.gif) no-repeat 0 3px; padding-left: 10px;}
 div.scrollStretcher p a img { border: none;}
 /*  Der Liste ist position: relative zugewiesen, weil der IE ein Problem mit der Anzeige der Listenpunktbilder hatte. Mal waren sie teilweise da, oft komplett weg. */
 div.scrollStretcher ul { list-style-type: none; margin-left: 4px; padding-left: 4px; margin-top: 17px; position: relative;}
 div.scrollStretcher li { font-size: 1.1em; color: #666; background: url(/pbc/images/staticmedia/pfeil_orange.gif) no-repeat center left; text-indent: 10px; margin-bottom: 10px;}

/* Kurzinfo: siehe contentteaser.css */
div.scrollStretcher .rechtespalte { float: right; width: 282px; }
div.scrollStretcher .linkespalte { float: left; width: 282px;}
div.kurzinfo {margin: 0 0 14px 0;}
div.scrollStretcher div.kurzinfo h5 { font-size:1.1em; background: url(/pbc/images/staticmedia/pfeil_orange.gif) no-repeat 0 3px; margin: 0 0 0 2px; padding-left: 10px;} 
div.scrollStretcher div.kurzinfo p { margin: 0 10px 0 12px; line-height: 15px;}
div.scrollStretcher div.linkespalte p.kurzinfo, div.scrollStretcher div.rechtespalte p.kurzinfo {  margin: 0 0 0 10px;  }
div.scrollStretcher div.kurzinfo p.kurzinfo img {  margin: 0 3px 0 0; }
 
 
 /* neue Linkfarbe für Kurzinfo (änderung ayhan) */
 div.scrollStretcher p.kurzinfo a { color: #6886c3; }
 
p.textlink { position: relative; background: url(/pbc/images/staticmedia/pfeil_orange.gif) no-repeat 0 4px; margin: 5px 0 9px 0px; padding-left: 10px; color: #666; font-size: 1.1em; line-height: 15px;}
p.textlink a { color: #039; text-decoration: none; }