html {
} 

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  color: #ffffff;
  margin: 0px;
  border: 0px solid green;
  padding: 0px;
  font-size: 75%;
  line-height: 140%;
    background: #888;
    xbackground: transparent;
    xbackground: url(../../fileadmin/so/template/images/sohg.jpg) no-repeat 0px 0px transparent;
} 


#bg table, #bg td{width:100%;height:100%;overflow:hidden}
#bg div{border: 0px solid cyan;position:absolute;width:100%;height:100%;top:0%;left:0%; z-index:-100;}
#bg img{border: 0px solid red;height:100%;width:100%;margin:0 auto}
#bgs{border:0px solid cyan;position:absolute;width:100%;height:405px;top:75px;left:0%;background:#000000; z-index:-50;}


#crpsa0 {
  width: 990px; 
  margin: 10px auto  0px auto;
  margin: 75px 0px 0px 0px;
  border: 0px solid red; 
  padding: 0px;
    background: #888;
        background: transparent;
}


#crps {
  width: 990px; 
  margin: 0px 0px 0px 0px;
  border: 0px solid #666666; 
  padding: 0px 0px 0px 0px;
  background: #888;
      background: transparent;
}


#header {
  width: 100%;
  height: 64px;
  margin: 0px 0px 0px 0px; 
  border: 0px solid yellow;
  padding: 26px 0px 0px 0px;
  background: url(../../fileadmin/so/template/images/hg-head3.png) no-repeat 0px 0px transparent;
}

.header-l {
  float: left;
  width: 190px;
  height: 64px;
  margin: 0px 0px 0px 0px; 
  border: 0px solid yellow;
  padding: 0px 0px 0px 0px;
}

.header-m {
  float: left;
  width: 590px;
  height: 64px;
  margin: 0px 0px 0px 0px; 
  border: 0px solid blue;
  padding: 0px 0px 0px 0px;
}

.header-r {
  float: left;
  width: 210px;
  height: 64px;
  margin: 0px 0px 0px 0px; 
  border-bottom: 0px solid yellow;
  padding: 0px 0px 0px 0px;
}




#main {
  float: left;
  width: 100%;
  min-height: 315px;
  margin: 0px 0px 0px 0px; 
  border: 0px solid red;
  padding: 0px 0px 0px 0px;
  background: url(../../fileadmin/so/template/images/hg-main1.png) repeat-y 0px 0px transparent;
}

/* 990
190, 590, 210
*/

#left {
  float: left;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  width: 190px;
  min-height: 315px;
  margin: 0px 0px 0px 0px;
  border-top: 0px solid cyan;
  padding: 0px 0px 0px 0px;
}

#content {
  float: left;
  width: 570px;
  min-height: 315px;
  margin: 0px 0px 0px 0px;
  border-top: 0px solid green;
  padding: 0px 0px 0px 20px;
}

#right {
  float: left;
  width: 150px;
  margin: 0px 0px 0px 0px;
  border-top: 0px solid cyan;
  padding: 0px 40px 0px 20px;
}

#footer {
  clear: both;
  font-size: 90%;
  height: 40px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  color: #444444;
  color: #000;
}

#footer a{
  color: #000;
}

.footer-left{
  width: 970px;
  float: left;
  font-weight: bold;
  border: 0px solid red;
  padding: 14px 0px 0px 20px;
}





a:link {color: #999; text-decoration: none;}
a:visited {color: #999; text-decoration: none;}
a:hover {color: #999; text-decoration: underline;}
a.internal-link img{color: #999; text-decoration: none; border:0px;}


/*-----------------------------------  Navigation start -----------------------------------*/

/* TOP1 */
ul.t1navi {
  float: left;
  font-size: 100%;
  letter-spacing: 1px;
  line-height: 100%;
  padding: 0px;
  margin: 0px 0px 0px 0px;
  border: 0px solid #DDDDDD;
  list-style: none;
}

ul.t1navi a{
  text-decoration: none;
}

li.t1ne1, li.t1ne1a, li.t1ne1-last, li.t1ne1a-last{
  float: left;
  list-style: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  border-right: 1px solid #d1262a;
}

li.t1ne1-last, li.t1ne1a-last{
  border-right: 0px solid #d1262a;
}


li.t1ne1 a, li.t1ne1a a, li.t1ne1-last a, li.t1ne1a-last a{
  display: block;
  color: #ffffff;
  padding: 2px 30px 2px 30px;
  margin: 0px 0px 0px 0px;
  border: 0px solid #bbbbbb;
}

li.t1ne1a a, li.t1ne1a-last a{
  color: #d1262a;

}

li.t1ne1 a:hover, li.t1ne1-last a:hover{
  color: #d1262a;
}



/* 2. Ebene */
ul.t1navi2e {
  float: left;
  font-size: 90%;
  letter-spacing: 1px;
  line-height: 100%;
  padding: 0px;
  margin: 14px 0px 0px 12px;
  border: 0px solid #DDDDDD;
  list-style: none;
}

ul.t1navi2e a{
  text-decoration: none;
  padding: 0px 18px 0px 18px;
}



/* 3.Ebene TOP3=LEFT */
ul.t1navi3e {
  float: left;
  font-size: 80%;
  letter-spacing: 1px;
  line-height: 100%;
  padding: 0px;
  margin: 0px 0px 0px 0px;
  border: 0px solid #DDDDDD;
  list-style: none;
}

ul.t1navi3e a{
  text-decoration: none;
}

li.t1ne3, li.t1ne3a, li.t1ne3-last, li.t1ne3a-last{
  list-style: none;
  float: left;
  width: 100%;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  border-top: 1px dashed #d1262a;
}

li.t1ne3-last, li.t1ne3a-last{
  border-bottom: 1px dashed #d1262a;
}


li.t1ne3 a, li.t1ne3a a, li.t1ne3-last a, li.t1ne3a-last a{
  display: block;
  float: right;
  color: #ffffff;
  padding: 9px 18px 10px 0px;
  margin: 0px 0px 0px 0px;
  border: 0px solid #bbbbbb;
}

li.t1ne3a a, li.t1ne3a-last a{
  color: #d1262a;

}

li.t1ne3 a:hover, li.t1ne3-last a:hover{
  color: #d1262a;
}


/* TOP RIGHT */
ul.t2navi {
  float: right;
  font-size: 85%;
  line-height: 100%;
  padding: 0px;
  margin: 2px 0px 0px 0px;
  border: 0px solid #DDDDDD;
  list-style: none;
}

ul.t2navi a{
  text-decoration: none;
}

li.t2ne1, li.t2ne1a, li.t2ne1-last, li.t2ne1a-last{
  float: left;
  list-style: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  border-right: 1px solid #d1262a;
}

li.t2ne1-last, li.t2ne1a-last{
  border-right: 0px solid #d1262a;
}


li.t2ne1 a, li.t2ne1a a, li.t2ne1-last a, li.t2ne1a-last a{
  display: block;
  color: #ffffff;
  padding: 0px 10px 0px 10px;
  margin: 0px 0px 0px 0px;
  border: 0px solid #bbbbbb;
}

li.t2ne1a a, li.t2ne1a-last a{
  color: #d1262a;

}

li.t2ne1 a:hover, li.t2ne1-last a:hover{
  color: #d1262a;
}


/* oldLeft */
ul.navi {
  float:left;
  width:100%;
  font-size: 85%;
  line-height: 120%;
  padding: 0px;
  margin: 0px 0px 0px 0px;
  border: 0px solid #DDDDDD;
  background: #468d6f;
  list-style: none;
}
ul.navi a{
  text-decoration: none;
}

li.ne1, li.ne1a{
  float: left;
  font-weight: bold;
  list-style: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  border-right: 1px solid #ffffff;;
}


li.ne1 a, li.ne1a a{
  display: block;
  color: #ffffff;
  padding: 8px 10px 8px 10px;
  margin: 0px 0px 0px 0px;
  border: 0px solid #bbbbbb;
}

li.ne1a a{
  color: #444444;
  background: #b8dec9;
}

li.ne1 a:hover, li.ne1a a:hover{
  color: #444444;
  background: #b8dec9;
}


/* Top */
ul.navit {
  float:left;
  width:100%;
  font-size: 85%;
  line-height: 120%;
  padding: 0px;
  margin: 0px 0px 0px 0px;
  border: 0px solid #DDDDDD;
  list-style: none;
}
ul.navit a{
  text-decoration: none;
}

li.nte1, li.nte1a{
  float: left;
  font-weight: normal;
  list-style: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  border: 0px solid #a9c2c6;
}


li.nte1 a, li.nte1a a{
  display: block;
  color: #ffffff;
  padding: 8px 10px 8px 10px;
  margin: 0px 0px 0px 0px;
  border: 0px solid #bbbbbb;
}

li.nte1a a{
  color: #444444;
}

li.nte1 a:hover, li.nte1a a:hover{
  color: #444444;
}







/****************   Content   ********************************************/

.right {text-align: right;}
.key {
	display: none;
}

p, p.bodytext{
  margin: 0px;
  border: 0px solid cyan;
  padding: 0px 0px 6px 0px;
}


dd.csc-textpic-caption{
  font-size: 85%;
  margin: 0px 0px 0px 0px;
  border: 0px solid cyan;
  padding: 0px 0px 6px 0px;
}

.csc-sitemap ul {
  list-style: none;
  margin: 0px 0px 0px 20px;
  border: 0px dotted green;
  padding: 0px 0px 0px 0px;
  background: #ffffff;
}

.csc-sitemap li{
  padding: 0px 6px 3px 0px;
  border: 0px dotted #00c2c6;

}

ul {
  xlist-style: url(../../fileadmin/jrlc/template/images/arrow77.png);
  margin: 0px 0px 0px 20px;
  border: 0px solid yellow;
  padding: 0px 0px 0px 0px;
}

li{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: 0px solid cyan;
}

ul li ul{
  margin: 0px 0px 0px -20px;
  border: 0px solid yellow;
  padding: 0px 0px 0px 0px;
}

ul li ul li{
  margin: 0px 0px 0px 0px;
  border: 0px solid cyan;
  padding: 0px 0px 0px 0px;
}

/* 2 Columns jfmulticonent zb Hausverwaltung*/
.subcl, .subcr {
float: left;
width: 49%;
line-height: 130%;
margin: 0px;
border: 0px solid red;
padding: 0px;
}

.subcl ul, .subcr ul {
  xlist-style: url(../../fileadmin/jrlc/template/images/arrow77.png);
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 20px;
  border: 0px solid yellow;
}

.subcl li, .subcr li{
  padding: 0px 0px 0px 0px;
  border: 0px dotted #a9c2c6;
}


/********** Header **********/
h1, h2, h3 {
  font-size: 110%;
  margin: 0px;
  border: 0px solid #000000;
  padding: 0px 0px 0px 0px;
  color: #ffffff;
}

h2, h3 {
  padding: 0px 0px 0px 0px;
}

h2 { font-size: 110%;}
h3 { font-size: 100%;}





/********** Bilder-Uebersichten-Navigation **********/
.ueber {
  float: left;
  margin: 0px 0px 0px 0px; 
  border: 0px solid red;
  padding: 0px 20px 20px 0px;
}

#pos1, #pos2, #pos3, #pos4, #pos5, #pos6{
  position: absolute; border: 0px solid cyan;
}
#pos2{margin: 0px 0px 0px 170px;}
#pos3{margin: 0px 0px 0px 340px;}
#pos4{margin: 140px 0px 0px 0px;}
#pos5{margin: 140px 0px 0px 170px;}
#pos6{margin: 140px 0px 0px 340px;}

/* old
#pos1 a, #pos2 a, #pos3 a, #pos4 a, #pos5 a, #pos6 a{
  display: block; width: 150px; height: 120px;text-decoration:none;color:#fff;vertical-align:middle;
  background: url(../../fileadmin/so/template/images/bilder-grau.png) no-repeat 0px 0px;
}
 */
/* geaendert fuer Schrift unten */ 
#pos1 a, #pos2 a, #pos3 a, #pos4 a, #pos5 a, #pos6 a{
  padding: 105px 0px 0px 5px;display: block; width: 145px; height: 15px;text-decoration:none;color:#fff;font-size:90%;
  background: url(../../fileadmin/so/template/images/bilder-grau.png) no-repeat 0px 0px;
}


#pos1 a:hover, #pos2 a:hover, #pos3 a:hover, #pos4 a:hover, #pos5 a:hover, #pos6 a:hover{
  background: url(../../fileadmin/so/template/images/bilder-rot.png) no-repeat 0px 0px;
}

#pos6.ohg a{
  background: none;
}

#pos1.mrb, #pos2.mrb, #pos3.mrb, #pos4.mrb, #pos5.mrb, #pos6.mrb{
  display: block; width: 150px; height: 120px;text-decoration:none;
  background: url(../../fileadmin/so/template/images/bilder-rot.png) no-repeat 0px 0px;
}


/* MITARBEITER */
.mita{
  float: left;
  margin: 0px 0px 0px 0px; 
  border: 0px solid red;
  padding: 0px 10px 30px 0px;
}

#posma1, #posma2, #posma3, #posma4, #posma5, #posma6, #posma7, #posma8, #posma9, #posma10, #posma11, #posma12, #posma13, #posma14, #posma15, #posma16, #posma17{
  position: absolute; border: 0px solid cyan;
}
#posma2{margin: 0px 0px 0px 60px;}
#posma3{margin: 0px 0px 0px 120px;}
#posma4{margin: 0px 0px 0px 180px;}
#posma5{margin: 0px 0px 0px 240px;}
#posma6{margin: 0px 0px 0px 300px;}
#posma7{margin: 0px 0px 0px 360px;}
#posma8{margin: 0px 0px 0px 420px;}
#posma9{margin: 0px 0px 0px 480px;}
#posma10{margin: 135px 0px 0px 0px;}
#posma11{margin: 135px 0px 0px 60px;}
#posma12{margin: 135px 0px 0px 120px;}
#posma13{margin: 135px 0px 0px 180px;}
#posma14{margin: 135px 0px 0px 240px;}
#posma15{margin: 135px 0px 0px 300px;}
#posma16{margin: 135px 0px 0px 360px;}
#posma17{margin: 135px 0px 0px 420px;}


#posma1 a, #posma2 a, #posma3 a, #posma4 a, #posma5 a, #posma6 a, #posma7 a, #posma8 a, #posma9 a, #posma10 a, #posma11 a, #posma12 a, #posma13 a, #posma14 a, #posma15 a, #posma16 a, #posma17 a{
  padding: 90px 0px 0px 5px;display: block; width: 45px; height: 15px;text-decoration:none;color:#fff;
  background: url(../../fileadmin/so/template/images/bilder-grau.png) no-repeat 0px 0px;
}


#posma1 a:hover, #posma2 a:hover, #posma3 a:hover, #posma4 a:hover, #posma5 a:hover, #posma6 a:hover, #posma7 a:hover, #posma8 a:hover, #posma9 a:hover, #posma10 a:hover, #posma11 a:hover, #posma12 a:hover, #posma13 a:hover, #posma14 a:hover, #posma15 a:hover, #posma16 a:hover, #posma17 a:hover{
  background: url(../../fileadmin/so/template/images/bilder-rot.png) no-repeat 0px 0px;
  background: none;
}


/* Pagebrowser */
.buttonbox{
  float: right;
  margin: 0px 0px 0px 0px; 
  border: 0px solid red;
  padding: 0px 0px 0px 0px;
}
.buttonbox a{
  margin: 0px 0px 0px 0px; 
  border: 0px solid blue;
  padding: 0px 10px 0px 10px;
  background: #eee;
}