/* CSS-Styhlsheet für web.template der Startseiten DE,EN,CN,JP,ES */ 


/* Formatierung Basis */
html {
   margin             : 0;
   padding            : 0;
   overflow           : hidden; 

}
body {
   width              : 100%;
   height             : 100%;
   font-size          : 100.01%;
   font-family        : Frutiger,Arial,sans-serif;
   margin             : 0;
   padding            : 0;
   background         : none;
   text-align         : center;
   overflow           : hidden;
}


/* Überschriften */

/* Formatierung Überschriften */

h1 {
	font-size   : 18px;
	padding-left: 18%;
	padding-top : 0;
	margin-top  : 0;
	float       : left;
	color       : #185EB1;
}

#content h1 img {
	padding-top : 0;
	margin-top  : 0;
	clear       : both;
 	float       : left;
	border      : none;
}

h2 {
	font-family    : Frutiger,Arial,sans-serif;
	font-size      : 130%;
	font-weight    : normal;
 	padding-left   : 0;
 	margin-right   : 10px;
 	margin-top     : 13px;
 	color          : #fff;
 	clear          : both;
}


	
h3 {
	font-family       : Frutiger,Arial,sans-serif;
	font-size         : 110%;
	font-weight       : normal;
	color             : #006bb7;
	padding-top       : 3px;
	padding-bottom    : 3px;
	margin            : 0;
}

/* Betohnungen */
em {
	font-family : Frutiger,Arial,sans-serif;
	font-style  : normal;
	color       : #185EB1;
}

b {
	font-weight : bold;
}
	
strong {
	font-weight : bold;
}



/* Formatierung Fonds */

#cd-element {
   z-index            : 2; 
   position           : absolute;
   top                : 0;
   left               : 0;
   right              : 0;
   left               : 12%;
   right              : 12%;
   width              : 76%; 
   height             : 100%;  
   overflow           : hidden;  
}

#fond-links {
   z-index            : 0; 
   position           : absolute;
   background-image   : url(/fond-links.jpg);
   background-repeat  : no-repeat;
   background-position: top right;
   background-color   : #fff;
   top                : 0;
   left               : 0;
   width              : 12.3%; 
   height             : 100%;
   overflow           : hidden;
}
#fond-rechts {
   z-index            : 0; 
   position           : absolute;
   background-image   : url(/fond-rechts.jpg);
   background-repeat  : no-repeat;
   background-position: top left;
   background-color   : #fff;
   top                : 0;
   right               : 0;
   width              : 12.3%; 
   height             : 100%;
   overflow           : hidden;
}


#fond-home {
   z-index            : 1; 
   position           : absolute;
   background-image   : url(/fond-home.jpg);
   background-repeat  : no-repeat;
   background-position: center;
   background-color   : #c8e5f7;
   top                : 0;
   left               : 12%;
   right              : 12%;
   width              : 76%; 
   height             : 100%;
   overflow           : hidden;
}

#fond-h2 {
   z-index            : 3; 
   position           : absolute;
   background-color   : #1e4d9c;
   top                : 30%;
   left               : 12%;
   width              : 22.5%; 
   height             : 3%;
   overflow           : hidden;
}

#fond-funktionen {
   z-index         : 3; 
   position        : absolute;
   background-color: #e3f2fb; 
   filter          : Alpha(opacity=70);
   -moz-opacity    : 0.7;
   top             : 30%; 
   left            : 12%;
   width           : 12%; 
   height          : 100%; 
   overflow        : hidden; 
}

#fond-news  {
   z-index            : 5; 
   position           : absolute;
   overflow           : hidden; 
   background-color   : #1e4d9c;
   top                : 30%; 
   right              : 12%;
   width              : 12.8%; 
   height             : 3%; 
}

#fond-news p {
   font-family        : Frutiger,arial,sans-serif;
   font-weight        : normal;
   font-size          : 75%; 
   text-align         : left;
   color              : #fff;
   padding            : 0;
   margin             : 0;
   margin-left        : 10px;
   margin-top         : 3px;
}

#fond-newsticker  {
   z-index            : 4; 
   position           : absolute;
   overflow           : hidden; 
   background-color   : #1557b1; /*4495ca;*/
   filter             : Alpha(opacity=20);
   -moz-opacity       : 0.2;
   top                : 32%; 
   right              : 12%;
   width              : 12.8%; 
   height             : 70%; 
}


#newsticker  {
   z-index            : 5; 
   position           : absolute;
   overflow           : hidden; 
   font-family        : Frutiger,arial,sans-serif;
   font-weight        : normal;
   text-align         : left;
   font-size          : 75%; 
   color              : #fff;
   top                : 32%; 
   right              : 12%;
   width              : 12%; 
   height             : 70%; 
   margin-left        : 0.8%;
   padding-top        : 10px;
}

#newsticker p img,
#newsticker a img {
   border : 1px solid #aed3ec;
   clear  : both;
}
#newsticker a {
   text-decoration: none;
   color          : #fff;
   font-size      : 12px;
}
#newsticker a:hover {
   text-decoration: underline;
   color          : #fff;
   font-size      : 12px;
}



#fond-sprache {
   z-index         : 5; 
   position        : absolute;
   overflow        : hidden; 
   background-color: #659ad2;
   top             : 30%; 
   left            : 12%;
   width           : 12%; 
   height          : 3%; 
   font-family     : Frutiger,arial,sans-serif;
   font-weight     : normal;
   font-size       : 100%; 
   text-align      : left;
   color           : #fff;
}
#fond-sprache p {
   font-family        : Frutiger,arial,sans-serif;
   font-weight        : normal;
   font-size          : 75%; 
   text-align         : left;
   color              : #fff;
   padding            : 0;
   margin             : 0;
   margin-left        : 10px;
   margin-top         : 3px;
}


/* Formatierung Contentbereich */
	
#content {
   z-index         : 3; 
   position        : absolute;
   background      : none;
   top             : 30%; 
   left            : 25%;
   right           : 27%;
   width           : 50%; 
   height          : 70%; 
   overflow        : auto; 
   text-align      : justify;
   font-size       : 80%;
   /*	text-indent    : 13%;*/
}


#content a:link,
#content a:active,
#content a:visited {
	font-family    : Frutiger,arial,sans-serif;
	font-style     : normal;
	color          : #185EB1;
	font-weight    : normal;
	text-decoration: underline;
}

#content a:hover {
	color          : #185EB1;
	font-family    : Frutiger,arial,sans-serif;
	font-style     : normal;
	font-weight    : normal;
	text-decoration: none;
}


/* Formatierung Listen im Contentbereich*/
.content p{
	text-indent  : 13%;
	padding-left : 2%;
	padding-right: 2%;
}

#content ul {
	clear        : both;
	margin       : 10px;
	padding      : 0;
	font-size    : 12px;
	font-family  : Arial,sans-serif;
	font-weight  : normal;
	font-style   : normal;
	font-variant : normal;
	font-stretch : normal;
}

#content li {
	margin       : 0;
	padding-bottom: 20px;
}

/* Liste mit Punkt */
#content ul li {
	list-style-image: url(pfeil.gif);
	margin-left     : 30px;
}

/* Aufzählung */
#content ol {
	margin-left : 32px;
	padding     : 0;
}

/* Unsichtaber Liste */
#content ul.simple li {
	list-style-type: none;
	padding        : 0;
	margin         : 0;
}

#content ul.simple {
	margin-top     : 8px;
}

/* Normales Bild im Contentbereich */

#content img {	
	clear         : none;
	float         : right;
	border        : 1px solid #185EB1;
	padding       : 0;
	margin-left   : 10px;
	margin-bottom : 10px;
}

/* Listen-Bild im Contentbereich */
/* Vorschau-Bild im Contentbereich */

#content ul li img  {
	border        : none;
	margin        : 3px;
	margin-left   : 0;
	margin-bottom : 8px;
	margin-right  : 10px;
	float         : left;
	clear         : both;	
}

/* Formatierung der Tabellen im Contentbereich */

#content table p {	
	margin: 0;
	padding: 0;
}

#content table {	
	width             : 585px;
	margin-top        : 2%;
	margin-bottom     : 2%;       
	vertical-align    : top;
	font-family       : Arial,sans-serif;
	font-weight       : normal;
	font-style        : normal;
	font-variant      : normal;
	font-stretch      : normal;
	font-size         : 12px;
	border-collapse   : collapse;
	background-color  : #eaf7fe;			
}

#content th {
	color            : #185EB1;
	margin           : 0;
	padding          : 5px;
	font-family      : Frutiger,arial,sans-serif;
	font-style       : normal;
	font-weight      : normal;
	font-size        : 14px;
	vertical-align   : top;
	align            : top;
	border-left      : 1px solid #185EB1;
	border-right     : 1px solid #185EB1;
	border-bottom    : 1px solid #fff;
}

#content td, th {
	vertical-align   : top;
	padding          : 5px;
	text-align       : left;
	font-size        : 12px;
	align            : top;
}

#content tr.even td {
	background-color : #edf1f4;
	padding          : 3px;
	margin           : 0;
	border-left      : 1px solid #185EB1;
	border-right     : 1px solid #185EB1;
	border-bottom    : 1px solid #fff;
	font-size        : 11px;
	align            : top;
}

#content tr.odd td {
	background-color : #dfe3e6;
	padding          : 3px;
	border-left      : 1px solid #185EB1;
	border-right     : 1px solid #185EB1;
	border-bottom    : 1px solid #fff;
	font-size        : 11px;
	align            : top;
}

#content table img {
	border       : 0;
	margin       : 3px;
	float        : left;
	text-align   : center;
	align        : center;
	
}



/* Formatierung Haupt-Navigation */
#fond-navigation {
   z-index            : 4; 
   position           : absolute;
   top                : 15%; 
   left               : 12%;
   right              : 12%;
   width              : 76%;
   height             : 66px; 
   overflow           : hidden;  
   background-image   : url(/navbox-fond-1.gif);
   background-repeat  : repeat-x;
   background-position: top left;
   }
   
#navigation {
   z-index            : 6; 
   position           : absolute;
   text-align         : left;
   top                : 15%; 
   left               : 12%;
   /*height             : 200px; */
   width              : 90%; 
   font-size          : 100%;
   overflow           : hidden; 
}

#navbox {
   float         : left;
   text-align    : left;
   clear         : none;
   font-size     : 80%;
   color         : #185EB1;
}	
	
#navbox a {
   display         : block;	
   font-family     : Frutiger,arial,sans-serif;
   font-weight     : normal;
   font-style      : normal;
   text-decoration : none;
   list-style-type : none;
   color           : #000;
   width           : 95px;
   height          : 20px; 
   padding-left    : 10px;
   padding-top     : 8px;
   padding-bottom  : 9px;
}
#navbox a:hover {
   display         : block;	
   font-family     : Frutiger,arial,sans-serif;
   font-weight     : normal;
   font-style      : normal;
   text-decoration : none;
   list-style-type : none;
   color           : #fff;
   text-decoration : none;
   background-color: #93bee5;
   height          : 20px; 

}
ul.Navilevel2 {
   filter          : Alpha(opacity=90);
   -moz-opacity    : 0.9;
   font-size       : 85%;
   list-style-type : none;
   color           : #fff;
   float           : none;
   clear           : both;
   width           : 105px;
   margin          : 0;
   padding         : 0;

}



#navbox ul a {
   font-family     : arial,sans-serif;
   font-weight     : normal;
   font-style      : normal;
   text-decoration : none;
   color           : #fff;
   text-decoration : none;
   width           : 105px;
   border-bottom   : none;  
   height          : 23px; 
   padding-top     : 3px;
   padding-bottom  : 8px;
   background-color: #659ad2;

}

#navbox ul a:hover {
   font-family     : arial,sans-serif;
   font-weight     : normal;
   font-style      : normal;
   text-decoration : none;
   color           : #185EB1;
      filter          : Alpha(opacity=100);
   text-decoration : none;
   width           : 105px;
   border-bottom   : none;  
   height          : 23px; 
   padding-top     : 3px;
   padding-bottom  : 8px;
   background-color: #eaf7fe; 
}
/* Formatierung Suche */

#suche {
   z-index         : 5; 
   position        : absolute;
   overflow        : hidden; 
   top             : 75%; 
   left            : 12.7%;
   width           : 12%; 
   height          : 9.8%;
   font-family     : Frutiger,arial,sans-serif;
   font-weight     : normal;
   font-size       : 100%; 
   text-align      : left;
   border          : none;
}

.search input {
   background-color  : #fff;
   font-family       : Frutiger,arial,sans-serif;
   font-weight       : normal;
   font-style        : normal;
   font-variant      : normal;
   font-stretch      : normal;
   font-size         : 80%;
   float             : left;
   width             : 86%;
   height            : 15px;
   margin-top        : 5px;
   /*margin-left       : 0.7%;*/
   border            : 1px solid #659ad2;
}

.search input.submit {
   background-color : #5891ce;
   font-family      : Frutiger,arial,sans-serif;
   font-weight      : normal;
   font-style       : normal;
   font-variant     : normal;
   font-stretch     : normal;
   font-size        : 70%;
   color            : #fff;
   clear            : both;
   width            : 88%;
   height           : 18px;
   margin-top       : 5px;
   /*margin-left      : 0.7%;	*/
}


/* Formatierung Sprachauswahl */
#sprache  {
   z-index         : 5; 
   position        : absolute;
   overflow        : hidden; 
   top             : 32%; 
   left            : 12%;
   width           : 12%; 
   height          : 40%; 
   padding-top     : 10px;
   font-family     : Frutiger,arial,sans-serif;
   font-size       : 100%; 
   font-weight     : normal;
   text-align      : left;
}

#sprache ul {
   list-style-type   : none;
   padding-left      : 0;
   margin            : 0;
}

#sprache ul li{
  padding-left     : 0;
  margin           : 0;
  padding-bottom   : 2px;
  padding-top      : 2px;
}

#sprache a:link,
#sprache a:visited,
#sprache a:active {
   font-family     : Frutiger,arial,sans-serif;
   font-weight     : normal;
   font-size       : 75%;
   text-decoration : none;
   color           : #001565;
   padding-left    : 5%;
}

#sprache a:hover {
   font-family     : Frutiger,arial,sans-serif;
   font-weight     : bold;
   font-size       : 75%;
   color           : #fff;
   text-decoration : none;
   padding-left    : 5%;
    /*padding-right   : 100%;
   padding-bottom  : 3px;
   padding-top     : 3px;
   /*background-color: #5891ce;*/
}

#sprache em {
   background-image   : url(/pfeil.gif);
   background-repeat  : no-repeat;
   background-position: left;
   margin-left        : 8px;
   font-family        : Frutiger,arial,sans-serif;
   font-weight        : normal;
   font-size          : 75%;
   color              : #001565;
   text-decoration    : none;
   padding-left       : 8%;
   padding-top        : 5px;
 
 
}


/* Formatierung Editor Button */
	
#editor form.default input {
   z-index         : 5; 
   position        : absolute;
   top             : 95%; 
   left            : 12%;
   width           : 50px; 
   height          : 20px;
   border          : none;
   background      : none;
   text-align      : center;
}
#editor form.default input.submit{
   background-image   : url(/edit.gif);
   background-repeat  : no-repeat;
   background-position: left;
   height             : 24px;
   font-size          : 0;
   color              : #b6d8ec;
}

/* Formatierung Benutzermanager Button */

#editor form.usermanager input{
   z-index         : 5; 
   position        : absolute;
   top             : 95%; 
   left            : 17%;
   width           : 50px; 
   height          : 20px;
   border          : none;
   background      : none;
   text-align      : center;

}
#editor form.usermanager input.submit{
   background-image   : url(/user.gif);
   background-repeat  : no-repeat;
   background-position: left;
   height             : 24px;
   color              : #b6d8ec;
   font-size          : 0;
}