
/* CSS sviluppato da: Anna Laudani */
/* http://www.laudania.com */

html {
height: 100%;

}
body {
  background: #E8529A url(images/background01.gif) top left no-repeat;
  min-height: 100%;
  font-family: Verdana, Arial, sans-serif; 
  color:#000000;
  margin: 0px;
  padding: 0px;
  text-align: left;
  
}
	
img{
  border:0
}
div.container{
  font-family: Verdana, Arial, sans-serif; 
  color:#000000;
  width: 1024px;
  margin-right: auto;
  margin-top:0px;
  margin-bottom:auto;
  margin-left: 18px;
  height: 100%;
  text-align: left;
}

div.seite{
  position:relative; 
  left:0px; 
  top:0px; 
  width:1024px; 
  height: 700px;
  z-index:1;
}

div.top{
  position:relative; 
  background-image: url(images/leiste-top.gif);
  left:0px; 
  top:0px; 
  width:1024px; 
  height: 95px;
  z-index:2;

}

div.leiste-top{
  position:absolute; 
  background-image: url(images/leiste-figu-top.gif);
  left:239px; 
  top:0px; 
  width:715px; 
  height: 87px;
  z-index:3;
}

div.below-top-li{
  position:absolute;
  left:0px; 
  top:95px; 
  background-image: url(images/bg-li-01.gif);
  width:522px; 
  height: 297px;
  z-index:2;
}

div.below-top-re{
  position:absolute;
  left:522px; 
  top:95px; 
  background-image: url(images/bg-re-01.gif);
  width:502px; 
  height: 297px;
  z-index:2;
}

div.center-li{
  position:absolute;
  left:0px; 
  top:392px; 
  background-image: url(images/bg-li-02.gif);
  width:522px; 
  height: 281px;
  z-index:2;
}

div.center-re{
  position:absolute;
  left:522px; 
  top:392px; 
  background-image: url(images/bg-re-02.gif);
  width:502px; 
  height: 281px;
  z-index:2;
}

div.bottom{
  position:absolute;
  left:0px; 
  top:673px; 
  background-image: url(images/leiste-bottom.gif);
  width:1024px; 
  height: 27px;
  z-index:2;
}

div.logo{
  position:absolute; 
  background: url(images/logo.gif);
  left:0px; 
  top:10px; 
  width:160px; 
  height: 156px;
  z-index:4;
}

div.logo-new{
  position:absolute; 
  background: url(images/logo-new.gif);
  left:0px; 
  top:10px; 
  width:128px; 
  height: 126px;
  z-index:4;
}

div.imag-navi{
  position:absolute; 
  background: url(images/img-down-01.gif);
  left:80px; 
  top:200px; 
  width:50px; 
  height: 50px;
  z-index:12;
}

div.navi-li{
  position:absolute; 
  left:27px; 
  top:140px; 
  width:190px; 
  z-index:4;
}

div.navi{
  position:absolute; 
  left:280px; 
  top:55px; 
  width:740px; 
  height: 20px;
  z-index:200;
}

div.testo-kontent{
 background-color: #E2F5A8;
  position: absolute; 
  left:259px; 
  top:115px; 
  width:801px; 
  z-index:20;
}

div.bg-01{
  position: absolute; 
  left:290px; 
  top:115px; 
  width:801px; 
  height: 553px;
  z-index:3;
}

div.bg-02{
  position: absolute; 
  left:217px; 
  top:109px; 
  width:787px; 
  height: 588px;
  z-index:3;
}

div.bg-impres{
  position: absolute; 
  left:242px; 
  top:200px; 
  width:801px; 
  height: 553px;
  z-index:3;
}

div.small-circle{
  position: absolute; 
  left:507px; 
  top:507px; 
  width:301px; 
  height: 301px;
  z-index:4;
}

div.small-circle2{
  position: absolute; 
  left:300px; 
  top:300px; 
  width:301px; 
  height: 301px;
  z-index:12;
}

div.small-circle3{
  position: absolute; 
  left:600px; 
  top:399px; 
  width:301px; 
  height: 301px;
  z-index:12;
}

div.small-title-cir{
  position: absolute; 
  left:507px; 
  top:500px; 
  width:301px; 
  height: 301px;
  text-align: center;
  z-index:30;
}

div.img-circle{
  position: absolute; 
  left:400px; 
  top:467px; 
  background: url(images/img-circle2.png);
  width:369px; 
  height: 369px;
  z-index:10;
}


div.circle{
  background: url(images/small-circle.png);
  width:301px; 
  height: 301px;
  
}

div.testo{
  position: absolute; 
  left:40px; 
  top:0px;
  padding-left: 30px;  
  width:700px; 
  height: 470px;
  z-index:21;
}

div.testo1{
  position: absolute; 
  left:60px; 
  top:130px;
  width:300px; 
  height: 300px;
  z-index:21;
}

div.testo1-neu{
  position: absolute; 
  left:60px; 
  top:111px;
  width:300px; 
  height: 300px;
  z-index:21;
}

div.testo2{
  position: absolute; 
  left:627px; 
  top:150px;
  padding-left: 4px;  
  width:380px; 
  height: 300px;
  z-index:21;
}

div.testo3{
  position: absolute; 
  left:507px; 
  top:508px;
  width:300px; 
  height:290px;
  z-index:21;
}

div.bild-extra{
  position: absolute; 
  left:312px; 
  top:98px; 
  width:712px; 
  height: 164px;
  z-index:22;
}

div.testo-big-sheet{
  background-color: #ffffff;
  position: absolute; 
  left:70px; 
  top:147px; 
  width:712px; 
  z-index:21;
}

tr.testo-big-sheet {
  font-family: Verdana, Arial, sans-serif;
  color: #000000;
  width: 712px;
  text-align: justify;
  padding-left: 18px; 
  padding-right: 18px;
  font-size: 11px;
}

tr.testo-it {
  font-family: Verdana, Arial, sans-serif;
  color: #000000;
  width: 712px;
  font-style : italic;
  text-align: justify;
  padding-left: 18px; 
  padding-right: 18px;
  font-size: 11px;
}

div.testo-impre{
  position: absolute; 
  left:190px; 
  top:0px;
  padding-left: 30px;  
  width:700px; 
  z-index:21;
}

div.testo-partner{
  position: absolute; 
  left:151px; 
  top:0px;
  padding-left: 30px;  
  width:577px; 
  z-index:21;
}

div.white-opaque{
  position: absolute; 
  left:68px; 
  top:0px;
  padding-left: 20px;  
  width:691px; 
  height: 678px;
  z-index:19;
}

div.anchor{
  position:absolute;
  background-image: url(images/spacer.gif); 
  left:0px; 
  top:0px; 
  width:577px; 
  height:1px; 
  z-index:13; 
  visibility: visible;
}

table.testo-partner {
  width:577px;
  
}

table.partner-liste {
  width:577px;
  background-color: #ffffff; 
  
}

tr.testo-ueberschrift {
	font-family: Verdana, Arial, sans-serif;
	color: #006789;
	text-align: center;
	font-size: 11px;
	
}

td.liste{
  border-bottom: 1px solid #0197B0;

}

div.navi-li-bg{
  position:absolute; 
  left:0px; 
  top:220px; 
  width:100px;
  height: 121px;
  z-index:3;
}

div.logo-link{
  position:absolute; 
  left:0px; 
  top:530px; 
  width:130px;
  height: 166px;
  z-index:3;
}

tr.testo {
  font-family: Verdana, Arial, sans-serif; 
  color:#000000;
  margin: 0px;
  text-align: left;
  font-size : 11px; 

}

tr.testo-re {
  font-family: Verdana, Arial, sans-serif; 
  color:#000000;
  padding-left: 0px; 
  padding-right: 18px;
  text-align: left;
  font-size : 11px; 

}

tr.testo-re-list {
  font-family: Verdana, Arial, sans-serif; 
  color:#000000;
  padding-left: 0px; 
  text-align: left;
  font-size : 11px; 

}

tr.testo-li {
  font-family: Verdana, Arial, sans-serif; 
  color:#000000;
  padding-left: 20px;
  padding-right: 0px; 
  text-align: left;
  font-size : 10px; 

}

tr.akt-testo {
  font-family: Verdana, Arial, sans-serif; 
  color:#000000;
  text-align: justify;
  font-size : 11px; 

}

tr.akt-testo-li {
  font-family: Verdana, Arial, sans-serif; 
  color:#000000;
  text-align: justify;
  font-size : 11px; 

}

tr.twelve-li {
  font-family: Verdana, Arial, sans-serif; 
  color:#000000;
  text-align: left;
  font-size : 12px; 

}

tr.twelve {
  font-family: Verdana, Arial, sans-serif; 
  color:#000000;
  text-align: justify;
  font-size : 12px; 

}

tr.testo-li-new {
  font-family: Verdana, Arial, sans-serif; 
  color:#000000;
  padding-left: 14px;
  padding-right: 14px; 
  text-align: left;
  font-size : 10px; 

}

tr.testo-impre {
  font-family: Verdana, Arial, sans-serif; 
  color:#000000;
  padding-left: 20px;
  padding-right: 30px; 
  padding-top: 5px;
  padding-bottom: 5px; 
  text-align: justify;
  font-size : 11px; 

}

tr.testo-impre-2 {
  font-family: Verdana, Arial, sans-serif; 
  color:#000000;
  padding-left: 20px;
  padding-right: 0px; 
  padding-top: 5px;
  padding-bottom: 5px; 
  text-align: justify;
  font-size : 11px; 

}

td.impre {
  padding-left: 20px;
  padding-right: 30px; 
  padding-top: 5px;
  padding-bottom: 5px; 

}

td.impre-2 {
  padding-left: 20px;
  padding-right: 0px; 
  padding-top: 5px;
  padding-bottom: 5px; 

}


table.navi {
  width:740px; 
  height:20px; 

  
}

tr.navi {
  font-family: Verdana, Arial, sans-serif; 
  color:#ffffff;
  font-size : 11px;
  font-weight : bold;
  width: 740px;
  height: 20px;
  margin: 0px;
  padding-left: 5px;
  text-align: left;
}

td.navi {
  font-family: Verdana, Arial, sans-serif; 
  color:#ffffff;
  font-size : 11px;
  font-weight : bold;
  height: 20px;
  margin: 0px;
  padding-left: 5px;
  text-align: left;
}

td.navi-li {
  font-family: Verdana, Arial, sans-serif; 
  color:#ffffff;
  font-size : 11px;
  font-weight : bold;
  height: 20px;
  margin: 0px;
  text-align: right;
}

td.navi-li-new {
  font-family: Verdana, Arial, sans-serif; 
  color:#ffffff;
  font-size : 11px;
  font-weight : bold;
  padding-bottom: 5px;
  height: 12px;
  margin: 0px;
  text-align: right;
}

/* menu a tendina begin */
#dropmenudiv{
 position:absolute;
 border-bottom-width: 0;
 font-family: Verdana, Arial, sans-serif;
 color: #ffffff;
 padding: 0px;
 font-size: 11px;
 text-align: left;
 margin: 0;
 line-height:18px;
 z-index:100;
}

#dropmenudiv a{
 width: 100%;
 display: block;
 text-indent: 3px;
 padding: 1px 0;
 text-decoration: none;
 font-family: Verdana, Arial, sans-serif;
 color: #000000;
 background-color: #e8529a;
 border-bottom: 1px solid #f5a300;
 font-size: 11px;
 text-align: left;
 margin: 0;
}

#dropmenudiv a:hover{ /*hover background color*/
 color: #ffffff;
}
/* menu a tendina ende */

a.jks-color{
  color: #00678a;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  text-align: left;
	
}

a.jks-ten-color{
  color: #0197B0;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  text-align: left;
	
}

a{
  color: #ffffff;
  text-decoration: none;
  outline:none;
	
}
a:hover{
  color: #f9bd36;
  text-decoration: none;
}

a.eleven{
  font-family: Verdana, Arial, sans-serif;
  color: #ffffff;
  font-size: 11px;
  text-align: right;
  text-decoration: underline;
	
}
a.eleven:hover{
  color: #f9bd36;
  font-size: 11px;
  text-align: right;
  text-decoration: underline;
}

a.navi-li{
  color: #ffffff;
  text-decoration: none;
	
}
a.navi-li:hover{
  color: #e8529a;
  text-decoration: none;
}

a.text {
	color: #00678a;
	text-decoration: underline;
}

a.text:hover{
  color: #f9bd36;
  text-decoration: none;
}

a.pink-color{
  color: #e8529a;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  text-align: left;
	
}

a.nero{
  color: #000000;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  text-align: left;
	
}

a.nero:hover{
  color: #e8529a;
  font-size: 11px;
  text-align: left;
  text-decoration: underline;
}

.fourteen {
 font-family: Verdana, Arial, sans-serif;
 font-size: 14px;
 text-align: left;
}

.twenty{
 font-family: Verdana, Arial, sans-serif;
 font-size: 20px;
 text-align: left;
}

.yellow {
  color: #dc9a04;
}

.gray-small {
  font-family: Verdana, Arial, sans-serif; 
  color:#666666;
  font-size : 11px;
  height: 20px;
  margin: 0px;
  text-align: right;
}

.red {
  color: #990000;
}

.pink {
  color: #e8529a;
}

.pink-clear {
  color: #f197c2;
}

.blue {
  color: #006789;
}
.blue2 {
  color: #0197B0;
}

.turquoise {
  color: #bde5f9;
}

.tuerkis {
	font-family: Verdana, Arial, sans-serif;
	color: #006789;
	font-size: 11px;
	font-weight: bold;
}
.orange {
  color: #f9bd36;
}

.jks-color {
  color: #0197B0;
}


.blue-logo {
  color: #00678a;
}

.blue-white-logo {
  color: #00678a;
  background-color: #ffffff;
}

.white {
  color: #ffffff;
  
}

.black {
  color: #000000;
  
}


.gray{
color: #666666;
}

span.title-big {
  font-family: Verdana, Arial, sans-serif; 
  color: #e8529a;
  padding:3px;
  font-size: 20px;
  text-align: center;
}

span.gray_ten{ 
  font-family: Verdana, Arial, sans-serif;
  color: #666666;
  font-size: 10px;
  text-align: left;
}

span.gray_eleven{ 
  font-family: Verdana, Arial, sans-serif;
  color: #666666;
  font-size: 11px;
  text-align: left;
}

span.right{
  font-family: Verdana, Arial, sans-serif; 
  color:#000000;
  text-align: right;
  font-size : 11px; 
  
}

span.right-ten{
  font-family: Verdana, Arial, sans-serif; 
  color:#000000;
  text-align: right;
  font-size : 10px;   
}
span.right-ten2{
  font-family: Verdana, Arial, sans-serif; 
  color:#000000;
  text-align: right;
  font-size : 10px;   
}
span.eleven {
  font-family: Verdana, Arial, sans-serif;
  color: #000000;
  font-size: 11px;
  text-align: center;
}
span.eleven2 {
  font-family: Verdana, Arial, sans-serif;
  color: #0197B0;
  font-size: 11px;
  text-align: center;
}
span.eleven-pink {
  font-family: Verdana, Arial, sans-serif;
  color: #e8529a;
  font-size: 11px;
  text-align: center;
}
span.eleven-blue {
font-family: Verdana, Arial, sans-serif;
	color: #006789;
	text-align: center;
	font-size: 11px;
}
span.ten 
{
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  text-align: left;
}

span.left {
  font-family: Verdana, Arial, sans-serif; 
  color:#000000;
  text-align: left;
  font-size : 11px; 

}
span.twelve-li {
  font-family: Verdana, Arial, sans-serif; 
  color:#000000;
  text-align: left;
  font-size : 12px; 
}

