/* *******************************************************
** main
** ******************************************************* */
* {
    margin: 0;
    padding: 0;
    font-size: 100%;
}
html {height: 100%;}
body {
    top: 0;
    left: 0;
    right: auto;
    bottom: auto;
    margin: 0;
    padding: 0;
    display: block;
    overflow: auto;
    clip: auto;
    height: auto;
    width: auto;
    text-align: center;
    text-indent: 0;
    /* scrollbars (safari, firefox) so the layout doesnt jump around (centered layouts) */
    min-height: 101%;
    /* opera cant calculate right, rounding is wrong */
    font-size: 100.01%;
    /* move fixed pos elements on window resize */
    position: relative;
}
/* no borders anywhere */
fieldset, img {border: 0;}
/* Safari: font-size: 100% is too large for forms */
select, input, textarea {
    font-size: 99%;
}
p, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-weight: normal;
    /*	width: 100%; Pfui BABA fŸr den IE 7 */
    height: auto;
    clear: none;
    clip: auto;
    display: block;
    color: #000000;
    text-align: left;
}
/* css floating regulation *//* Clearfix-Methode zum Clearen der Float-Umgebungen */
.clearfloating:after {    
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Safari: needs clearfloating as a block-element */
.clearfloating {
    display: block;
}
/* Overflow-Methode zum Clearen der Float-Umgebungen */
.floatingbox {
    overflow: hidden;
}
/* positioning of images horizontal/vertical */
.hori {
    float: left;
    margin-right: .5em;
}
.verti {
    clear: right;
}
/* IE-Clearing: needed for IE, real stuff found in ie_hacks.css */
#ie_clearing {
    display: none;
}
/* reset anything for all browsers *********************** */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
ol,ul {list-style:none;margin: 0;padding:0;}
caption,th {text-align:left;
}h1,h2,h3,h4,h5,h6 {font-size:100%;
}q:before,q:after {content:'';}

span.error { display: block; color: red;}

/* ********************************************************* layout ** ******************************************************* */
html, body {
    width: 1020px;
    margin: 0px auto;
    color: #000000;
}
#main {    
    margin: 0px auto;
    background-color: #999;
    width: 1020px;
}
#header { 
    height: 109px;
}
#header #headerContent { 
    position: relative;
    padding: 0px;
    text-align: left;
}
#body { 
    clear: both;
    width: auto;
    z-index: 10;
}
#content { 
    width: auto; /* for 3-col layout should be auto */
    margin-left: 253px; /* left area */
    margin-right: 193px; /* right area */
    text-align: left;
}
#content #contentContent {
    position: relative;
    min-height: 600px; /*margin-right: 25px;*/
}
#content #contentContent #realcontent {   
    padding: 30px 25px 20px 28px;
}
#mainnavi {
    width: 1020px;
    height: 32px;
    text-align: left;
}
#mainnavi #mainnaviContent {
    position: relative;
    width: 1020px;
}
#mainnavi #mainnaviContent ul li {
    margin: 0;
    padding: 0;
}
#subnavi {
    width: 253px;
    height: 100%;
    float: left;
    text-align: left;
}
#servicenavi { 
    position: relative;
    top: 8px;
    margin-left: 1020px;
    width: auto;
    height: auto;  
    text-align: left;
}
#servicenavi #servicenaviContent { 
    position: relative;
}
#servicenavi #servicenaviContent li {  
    display: inline;
}
#special {  
    width: 193px;
    text-align: left;
    float: right;
}
#special #specialContent {
    position: relative;
    padding: 29px 0px 0px 0px;
}
#special #specialContent #specialContentInhalt {
    position: relative;
    background-color: #FFF;
}
#special #specialContent #specialContentInhalt #specialContentInhaltAktuelles{
    position: relative;
    margin-bottom: 1px;
    height: 31px;
    background-image: url(aktuelles.png);
}
#special #specialContent #specialContentInhalt #specialContentInhaltInfo1{   
    padding: 10px;
    margin-left: 1px; 
    margin-bottom: 1px;
    position: relative;
    width: 170px;
    background-color: #E7E7E8;
}
.divider {  
    height: 1px;
    width: 170px;
}
#special #specialContent #specialContentInhalt #specialContentInhaltfuss{ 
    margin-left: 1px;
    position: relative;
    height: 13px;
    width: 190px;
    background-image: url(aktuellesfuss.gif);
}
#footer {  
    background-color: white;
    color: #9C9E9F;
    text-align: left;
    clear: both;
    width: auto;
}
#footer #footerContent {
    position: relative;
    padding: 5px 5px 5px 5px;
}
#footer #footerContent li { 
    display: inline;
}
.images_or { 
    float: right;
    position: relative; 
    margin-left: 10px;}
.images_ol { 
    float: left;
    position: relative;
    margin-right: 10px;
}
.image {   
    position: relative;
}
fieldset .formitem{ 
    margin-bottom: .6em;
}
fieldset .formitem .floatleft { float: left; margin-right: 15px;}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
    text-indent: 0;
    overflow: auto;
    border-top: 2px #E7E7E8 solid;
    padding: 1em 0 .4em 0;
}
fieldset.buttonarea {
    padding: 2px;
    border: 0;
    width: 220px;
    text-align: right;
}
fieldset legend{   
    margin: 0;
    padding: 0;
    border: 0;
    color: #8D927D;
    font-weight: bold;
}
fieldset label{
    color: #000;
    text-align: right;
    line-height: 1.4em;
    margin-right: 10px;
    padding: 2px;  
    vertical-align: top;
    width: 150px;
    height: auto;
}
fieldset input[type='text'],fieldset input.textfield {
    font-size: 100%;
    width: 250px;
    margin: 0;
    padding: 2px;
    color: #000;
    border: 1px #aaa solid;
}
fieldset input[type='checkbox'] {
    margin: 0;
    padding: 0;
    border: 0;
    margin-bottom: 3px;
    vertical-align: bottom;
    border: 1px #aaa solid;
}
fieldset input[type='radio'] {
    margin: 0;
    padding: 0;
    border: 0;
    margin-bottom: 10px;
    vertical-align: top;
}
fieldset input[type='submit'] {  
    width: 150px;
}
fieldset select {    
    margin: 0;
    padding: 2px;
    width: 256px;
    color: #000;
    border: 1px #aaa solid;
}
fieldset textarea {  
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 100%;   
    margin: 0;
    padding: 2px;
    border: 0;
    width: 250px;
    height: 150px;
    margin-bottom: 3px;
    color: #000;
    border: 1px #aaa solid;
}
input .textfield:focus,textarea .textarea:focus { 
    color: #000;
}
fieldset dl {  
    padding: 1em 0 0 0;
}
fieldset dt {
    float: left;
    text-align: right;
    width: 25%;
    clear: both;
}
fieldset dd {
    float: left;
    width: 50%;
}
.csc-mailform-field {
    margin-bottom: 20px;
    clear: left;
}
label {
    display: block;
    float: left;
}
/* ********************************************************* style * ******************************************************* */
body { 
    color: #000000;
    font-family: Verdana, Arial, Helvetica, 'Lucida Grande', Geneva, sans-serif;  
    font-style: normal;
    font-size: 11px;
    font-weight: normal;
    line-height: 1.9em;
    word-spacing: normal;
    letter-spacing: 0em;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: center 50px;
    background-color: #FFFFFF;
    background-attachment: fixed;
}
strong, b {  
    font-weight: bold;
}
em,i {   
    font-style: italic;
}
pre, code {	
    font-family: 'Courier New', Courier, monospace;
}
address {  
    font-style: normal;
    line-height: 1.5em;
    margin: 0 0 1em 0;
}
hr {
    color: #C0C0C0;
    background: transparent;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border: 0;
    border-bottom: 1px #eee solid;
}
acronym, abbr {  
    letter-spacing: .07em;
    border-bottom: 1px dashed #c00;
    cursor: help;
}
h1 {    
    font-size: 100%;
    font-weight: bold;
    color: #000000;
    text-align: left;
    margin: .5em 0;
}
h1 .csc-firstHeader {  
    font-size: 100%;
    font-weight: bold;
    color: #000000;
    text-align: left;
    margin: .5em 0;
}
h2 {  
    font-size: 12px;
    font-weight: bold;  
    margin-bottom: 1em;
    color: #333333;
    text-align: left;
}
h3 {
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    text-align: left;
}
p, p.bodytext {
    color: #343434;
    font-size: 100%;
    margin: 0;
    padding: 0;
}
img { 
    margin: 0;
    padding: 0;
    border: 0;
}
dl, dt, dd { 
    padding: 0;
    margin: 0;
    border: 0;
}
a:link,a:visited {
    color: #695866;
    text-decoration: underline;
}
a:hover { 
    color: #FF6600;
}
ul {  
    list-style: none;
}
#main {  
    background: transparent;
}
/* CLASS-definitions, specific items *//* the image in the header is often a logo */
#header {  
    position: relative;
    background: url('') no-repeat 0px 0px;
}
#mainnavi {
    background: #7F8182 url(image/htg_mainnavi.gif) repeat-x 0px 0px;
}
#mainnavi #mainnaviContent {   
    padding: 0px;
}
#mainnavi #mainnaviContent ul {  
    list-style-type: none;
    display: inline;
    margin: 0;
    padding: 0;
}
#mainnavi #mainnaviContent ul li {
    display: inline;
    margin: 0;
    padding: 0;
}
#mainnavi #mainnaviContent ul li a {  
    display: inline;
    margin: 0;
    padding: 0;
}
#mainnavi #mainnaviContent ul li a:link, #mainnavi #mainnaviContent ul li a:visited {
    color: #000000;
    display: inline;
    width: auto;
    text-decoration: none;
    padding: 0px;
}
#mainnavi #mainnaviContent ul li a:hover { 
    color: #000000;
}
#mainnavi #mainnaviContent ul li a:link.active,#mainnavi #mainnaviContent ul li a:visited.active {  
    display: inline;
}
#subnavi {
    background-color: transparent;
}
#subnavi #subnaviContent {
    padding: 30px 0px 0px 2px; 
    font-weight: bold;
}
#subnavi #subnaviContent ul {
    list-style-type: none;
    display: block;
    margin: 0;
    padding: 0;
}
#subnavi #subnaviContent ul li { 
    display: block;
    margin: 0;
    padding: 0;
}
#subnavi #subnaviContent ul li a:link,#subnavi #subnaviContent ul li a:visited { 
    color: #7F8182;
    display: block; 
    width: 230px;
    text-decoration: none;
    padding: 3px 0px 3px 18px;
    background: #E7E7E8;
    background-image: url(image/htg_subnavi.gif);
    background-repeat: no-repeat;
    background-position: left top;
}
#subnavi #subnaviContent ul li a:hover {
    color: #7F8182;
    background: #C8C8C9;
}
#subnavi #subnaviContent ul li a:link.active,#subnavi #subnaviContent ul li a:visited.active {
    display: block;
    color: #dd7b27;
    background: #E7E7E8;
    background-image: url(image/htg_subnavi.gif);
    background-repeat: no-repeat;
    background-position: left top;
}
/* zweite Ebene innerhalb der Subnavi */
#subnavi #subnaviContent ul ul li a:link,#subnavi #subnaviContent ul ul li a:visited{  
    margin-left: 10px;
    width: 230px;
    background: #E7E7E8;
    padding: 3px 0px 3px 18px;  
    padding-left: 8px;
}
#subnavi #subnaviContent ul ul li a:hover {
    color: #7F8182; 
    background: #C8C8C9;
}
#subnavi #subnaviContent ul ul li a:link.active,#subnavi #subnaviContent ul ul li a:visited.active {
    color: #dd7b27;
    background: #E7E7E8;
}
/* dritte Ebene innerhalb der Subnavi */
#subnavi #subnaviContent ul ul li.dritteli a:link,#subnavi #subnaviContent ul ul li.dritteli a:visited {
    margin-left: 22px;
    width: 214px;
    background: #E7E7E8;
    padding: 3px 0px 3px 12px;
    padding-left: 12px;
}
#subnavi #subnaviContent ul ul.dritteul {
    list-style-type: none;
    display: block;
    margin-bottom: 10px;
    padding: 0;
}
.mainnavidropdown {
    background-image: url(transparency.png);
    border: 1px solid #7F8182;
}
.mainnavidropdown ul {
    list-style-type: none;
    display: block;
}
.mainnavidropdown ul li {   
    height: 22px;
}
.mainnavidropdown ul li.spacer {    
    list-style: none;
    height: 1px;
    border-bottom: 1px solid #7F8182;
    padding: 0;
    margin-bottom: 2px;
}
#servicenavi {  
    background-color: #ff0000;
    color: #000000;
    font-size: 10px;
}
#servicenavi #servicenaviContent { 
    padding: 4px;
}
/* die nŠchsten zwei Styles sorgen fŸr ein horizontales MenŸ */
#servicenavi #servicenaviContent ul {
    list-style-type: none;
    display: inline;
}
#servicenavi #servicenaviContent ul li { 
    display: inline;
}
#servicenavi #servicenaviContent ul li a:link,#servicenavi #servicenaviContent ul li a:visited {
    color: #000000;
    background: url('image/bg-servicemenu.gif') no-repeat 2px -4px;
    text-decoration: none;
    padding: 1px 7px 1px 7px;
}
#servicenavi #servicenaviContent ul li a:hover {  
    background: #7F8182;
    color: #000000;
    text-decoration: none;
}
#servicenavi #servicenaviContent ul li a:link.active,#servicenavi #servicenaviContent ul li a:visited.active {    
    background: #7F8182;
}
#special {  
    background-color: transparent;
    color: #000555;
}
#special h1 {  
    font-size: 12px;
}
#special a:link,#special a:visited {
    color: #3b4b5b;
    text-decoration: underline;
}
#special a:hover {
    color: #DD8800;
    text-decoration: underline;
}
/* commun content elements */
#content {
    background-color: transparent;    /* colored background for left and right colomn */
    margin: 0;
    border-left: 253px transparent solid;
    border-right: 193px transparent solid;
}
#content .container,#content .menu_container {
    background-color: #FFFFFF;
    padding: 0px 0px 0px 0px;
    margin-bottom: 15px;
    padding-left: 12px;
}
#content .bildcontainer {
    background-color: #FFFFFF;
    width: 521px;
}
#content h1 {
    color: #000000;
    font-size: 100%;
    font-weight: bold;
    background-color: #E7E7E8;
    margin: 0;
    margin-left: -12px;
    margin-bottom: 1em;
    padding: 4px 0px 3px 12px;
}
#content h2 {
    color: #333333;
    font-size: 12px;
    font-weight: bold;
}
#content p { 
    margin: 0 0 .2em 0;
}
#content a:link,#content a:visited {  
    color: #695866;
    font-weight: normal;
    text-decoration: underline;
}
#content a:hover {   
    color: #FF6600;
    font-weight: normal;
    text-decoration: underline;
}
#content ul {  
    margin-left: 17px;
}
#content ul li {
    list-style-type: disc;
    color: #343434;
}
table {  
    color: #343434;
}
table.contenttable {
          margin-left: -12px;
}
table.contenttable thead tr th {
          font-weight: bold;
}
table.contenttable thead tr th.td-0 {
          width: 150px;
}
table.contenttable thead tr th.td-1 {
          width: 145px;
}
table.contenttable thead tr th.td-2 {
          width: 145px;
}
table.contenttable thead tr th.td-3 {
          width: 45px;
}
table.contenttable tbody tr td, table.contenttable thead tr th {
          padding: 0 5px;
}
table.contenttable .tr-even {
          background-color: #e7e7e8;
}
td {
    padding-left: 10px;
    padding-right: 10px;
}
.teaserhead h1 {
    background: #ACB7C1;
    font-size: 12px;
}
.csc-sitemap ul {
    margin-left: 20px;
    display: block;
}
.csc-sitemap ul li {
    margin-bottom: 1em;
    font-size: 14px;
}
.csc-sitemap ul li a:link,.csc-sitemap ul li a:visited {
    color: #000;
    margin-bottom: 1em;
    text-decoration: none;
}
.csc-sitemap ul li ul { 
    margin-left: 20px;
}
.csc-sitemap ul li ul li {
    margin-bottom: 1em;
    font-size: 11px;
}
#footer { 
    font-size: 10px;
    width: 300px;
    float: left;
}
#footer #footerContent {
    padding: 5px 5px 5px 5px;
}
#footer #footerContent ul {
    list-style-type: none;
    display: inline;
}
#footer #footerContent ul li { 
    display: inline;
}
#footer #footerContent ul li a:link,#footer #footerContent ul li a:visited {
    color: #9C9E9F;
    font-size: 10px;
    text-decoration: none;
    padding: 1px 4px 1px 4px;
}
#footer #footerContent ul li a:hover {
    background-color: white;
}
.navigrau{   
    background: #E7E7E8;
}
.tx-indexedsearch-searchbox { 
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background-color: #E7E7E8;
}
/* ********************************************************* modifications** ******************************************************* */
iframe { 
    border: 0;
}
fieldset { 
    margin-top: .2em;
}
#headerTicker {
    position: absolute;
    top: 67px;
    left: 455px;
    text-align:right;
}
#kurslink {  
    position: absolute;
    top: 66px;
    left: 1000px;
    text-align:right;
}
#mainnavi form {
    position: absolute;
    display: inline;
    top: 0;
    left: 650px;
    width: 195px;
}
#mainnavi form input {
    vertical-align: top;
    width: 140px;
    margin-top: 5px;
    padding: 2px;
}
#mainnavi form input.bild {
    width: 32px;
}
#mainnavi .tx-srlanguagemenu-pi1 {
    position: absolute;
    top: 5px;
    height: 20px;
    right: 0px;
    z-index: 9999;
}
#mainnavi .tx-srlanguagemenu-pi1 .CUR_FLAG {
    cursor: pointer;
}
#mainnavi .tx-srlanguagemenu-pi1 .hide {
    display: none;
}
#mainnavi .tx-srlanguagemenu-pi1 .show {
    display: block;
}
#mainnavi .tx-srlanguagemenu-pi1 #langTrigger {
    padding: 5px 8px;
}
#mainnavi .tx-srlanguagemenu-pi1 .NO_FLAG, #mainnavi .tx-srlanguagemenu-pi1 .INACT_FLAG {
    padding: 5px 8px;
    background-color: #7f8182;
}

#mainnavi .homebutton {
    float: right;
    margin-right: 48px;
    margin-top: 5px;
}
#mainnavi .homebutton a {
    padding: 4px 8px 5px 8px;
    background-color: #e7e7e8;
    text-decoration: none;
    font-weight: bold;
}
#mainnavi .searchbutton {
    margin-top: 5px;
    margin-right: 20px;
    margin-bottom: 6px;
    float: right;
}

#mainnavi .searchbutton a {
    padding: 4px 8px 5px 8px;
    background-color: #e7e7e8;
    text-decoration: none;
    font-weight: bold;
    color: #695866;
    cursor: pointer;
}
#mainnavi .searchbutton a:hover {
          color: #ff6600;
}
#mainnavi .searchbutton .searchDropDown {
          position: absolute;
          right: 0;
          top: 32px;
          width: 213px;
          height: 30px;
          background-color: #7f8182;
          display: none;
          z-index: 1;
}
#mainnavi .searchDropDown #searchform {
          position: static;
          left: 0;
          top: 0;
          margin-left: 10px;
}

#subnavi #subnaviContent ul li {  
    margin-bottom: 2px;
}

.pwo_news{
	margin-bottom: 15px;
}