/* CSS-Styhlsheet für alle Standarte Templates. Wird teilweisse von index.css in den Bereichen überschrieben */ 


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

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


/* Überschriften */

/* Formatierung Überschriften */

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

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

h2 {
	font-family    : Helvetica, Arial,sans-serif;
	font-size      : 140%;
	font-weight    : bold;
	letter-spacing : -1%;
 	margin-top     : 0;
 	margin-left    : 0;
 	padding-bottom : 5px;
 	width          : 420px;
 	color          : #000;
 	clear          : both;
 	border-bottom  : 2px solid #ef4237;

}

	
h3 {
	font-family       : Helvetica,Arial,sans-serif;
	font-size         : 110%;
	font-weight       : bold;
	color             : #8c8c8c;
	padding-top       : 3px;
	padding-bottom    : 3px;
	margin            : 0;
}


/* Betohnungen */
em {
	font-family : Helvetica,Arial,sans-serif;
	font-style  : bold;
	color       : #ef4638;
}

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



#ticker {
   z-index            : 10;
   background         : transparent; 
   position           : absolute;
   top                : 118px;
   left               : 0;
   width              : 100%; 
   height             : 30px;  
   overflow           : hidden; 
   text-align         : center; 
}
/* Formatierung Fonds */

#cd-element {
   z-index            : 2;
   background-color   : #d4d4d4; 
   position           : absolute;
   background-image   : url(/logo-oben.jpg);
   background-repeat  : no-repeat;
   background-position: top center;
   top                : -5px;
   left               : 0;
   right              : 0;
   width              : 100%; 
   height             : 115px;  
   overflow           : hidden; 
   text-align         : center; 
}

#imagebild {
   background         : none;
   z-index            : 1; 
   position           : absolute;
   bottom             : 0;
   right              : 12%;
   width              : 400px; 
   height             : 350px;  
   overflow           : hidden;  
}
#fond-links {
display: none;
}

#fond-rechts {
display: none;
}


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


#fond-funktionen {
   z-index         : 3; 
   position        : absolute;
   background-color: #e7e7e8; 
   top             : 140px; 
   left            : 0%;
   width           : 19%; 
   height          : 100%; 
   overflow        : hidden; 
}




#fond-index {
   z-index         : 5; 
   position        : absolute;
   overflow        : hidden; 
   background-color: #ef4638;
   top             : 143px; 
   left            : 0%;
   width           : 19%; 
   height          : 22px; 
   font-family     : helvetica,arial,sans-serif;
   font-weight     : normal;
   font-size       : 100%; 
   text-align      : left;
   color           : #fff;
   vertical-align  : middle;
   border-bottom   : 3px solid #fff;
}

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


#fond-kontakt {
   z-index         : 5; 
   position        : absolute;
   overflow        : hidden; 
   background-color: #ef4638;
   top             : 68%; 
   left            : 0%;
   width           : 19%; 
   height          : 22px; 
   font-family     : helvetica,arial,sans-serif;
   font-weight     : normal;
   text-align      : left;
   color           : #fff;
   border-top   : 3px solid #fff;
   border-bottom   : 3px solid #fff;
}
#fond-kontakt p {
   font-family        : helvetica,arial,sans-serif;
   font-weight        : normal;
   font-size          : 85%; 
   text-align         : left;
   color              : #fff;
   padding            : 0;
   margin             : 0;
   margin-left        : 10px;
   margin-top         : 3px;
}



/* Formatierung Contentbereich */
	
#content {
   z-index         : 5; 
   position        : absolute;
   background      : none;
   top             : 170px; 
   left            : 21%;
   right           : 3%;
   width           : 76%; 
   height          : 70%; 
   overflow        : auto; 
   text-align      : justify;
   font-size       : 80%;
   padding-right   : 1%;
}
	
#content {	
	scrollbar-DarkShadow-Color  : #C2C2C2; 
	scrollbar-Track-Color       : #D8D8D8; 
	scrollbar-Face-Color        : #bcbcbc;
	scrollbar-Shadow-Color      : #888888;
	scrollbar-Highlight-Color   : #e9e9e9;
	scrollbar-3dLight-Color     : #E0E0E0; 
	scrollbar-Arrow-Color       : #000; 
}

#content a:link,
#content a:active,
#content a:visited {
	font-family    : helvetica,verdana,sans-serif;
	font-style     : normal;
	color          : #ee2f2f;
	font-weight    : normal;
	text-decoration: underline;
}

#content a:hover {
	color          : #ee2f2f;
	font-family    : helvetica,verdana,sans-serif;
	font-style     : normal;
	font-weight    : normal;
	text-decoration: none;
}


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

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

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

/* Liste mit Punkt */
#content ul li,
#content table ul li {
   clear              : both;
   list-style-type    : none;
   background-image   : url(/pfeil.gif);
   background-repeat  : no-repeat;
   background-position: top left;
   text-indent        : 13px;
}

#content ul li p {
   float: left;
   margin-top: 0;
}

/* Aufzählung */
#content ol {
   margin-left : 12px;
   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         : left;
   float         : left;
   padding       : 0;
   margin-right   : 10px;
   margin-bottom : 10px;
}
#content a img {	
   clear         : none;
   float         : both;
   border        : 0px solid #185EB1;
   padding       : 0;
   margin-right  : 10px;
}


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

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

/* Formatierung der Tabellen im Contentbereich */
/* Tabellenlayout 2 Spaltig */
#content table p {
   margin: 0;
   padding: 0;
}

#content table {	
   width             : 96%;
   margin            : 0;
   padding           : 0;      
   vertical-align    : top;
   font-family       : Helvetica,Arial,sans-serif;
   font-weight       : normal;
   line-height       : 1.3em;
   font-style        : normal;
   font-variant      : normal;
   font-stretch      : normal;
   border            : none;
   background-color  : none;
   text-align      : justify;
   /*text-align        : left;*/
   font-size         : 100%;			
}

#content th {
   margin            : 0;
   padding           : 0;   
   border            : none;
   background-color  : none;
   vertical-align    : top;
}

#content td {
   width             : 50%;
   margin            : 0;
   padding-right     : 3%;
   border            : none;
   background-color  : none;
   vertical-align    : top;
}

#content tr.even td {
   margin            : 0;
   padding           : 0;   
   border            : none;
   background-color  : none;
   padding-right     : 3%;
   vertical-align    : top;
}

#content tr.odd td {
   margin            : 0;
   padding           : 0;   
   border            : none;
   background-color  : none;
   padding-right     : 3%;
   vertical-align    : top;
}

#content table img {
   float    : left;	
   padding       : 0;
   margin   : 5px;
}

/* Formatierung Haupt-Navigation */

#fond-navigation {
   z-index            : 4; 
   position           : absolute;
   top                : 110px; 
   left               : 0%;
   right              : 0%;
   width              : 100%;
   height             : 30px; 
   overflow           : hidden;
   border-bottom      : 3px solid #fff; 
   background-image   : url(/navbox-fond.jpg);
   background-repeat  : no-repeat;
   background-position: top right;
   background-color   : #000;
   }


/* neue Navi obacht gem! */
/* Formatierung Haupt-Navigation */

#navigation {
   z-index         : 4; 
   position        : absolute;
   overflow        : hidden; 
   top             : 168px; 
   left            : 0%;
   width           : 19%; 
   height          : 300px;
   font-family     : helvetica,arial,sans-serif;
   font-weight     : normal;
   font-size       : 100%; 
   text-align      : left;
   border          : none;
   	background-image   : url(fond-navigation.jpg);
	background-repeat  : repeat-y;
	background-position: top left;
}

#navigation ul {
	padding-top     : 0;
	padding-left    : 0;
	margin-bottom   : 0;
	margin-left     : 0;
	margin-top      : 0; 
	list-style-type : none;
}

#navigation ul li,
#navigation p {
	margin          : 0;
	margin-left     : 0;
	padding-top     : 0;
	margin-bottom   : 0;
	list-style-type : none;
}
#navigation li a {
	display            : block;
	font-family        : helvetica,arial,sans-serif;
	font-weight        : normal;
	color              : #000;
	font-size          : 75%;
	color              : #fff;
	list-style-type    : none;
	text-decoration    : none;
	width              : 320px;
	padding-left       : 10px;
	padding-right      : 0;
	padding-top        : 4px;
	padding-bottom     : 4px;
	margin-top         : -1px;
}

#navigation li a:hover {
	background-image   : url(fond-link.gif);
	background-repeat  : no-repeat;
	background-position: top left;
	font-family        : Helvetica, Arial, sans-serif;
	font-style         : normal;
	font-weight        : bold;
	font-size          : 75%;
	color              : #000;
	text-decoration    : none;
	display            : block;
	width              : 320px;
	margin-top         : -1px;
	padding-top        : 4px;
	padding-bottom     : 4px;
	padding-left       : 10px;
}


#navigation  li em {
	background-image   : url(fond-link.gif);
	background-repeat  : no-repeat;
	background-position: top left;
		background-color   : #d8d8d8;
	font-family        : Helvetica, Arial, sans-serif;
	font-style         : normal;
	font-weight        : bold;
	font-size          : 75%;
	color              : #ed2c31;
	text-decoration    : none;
	display            : block;
	width              : 320px;
	margin-top         : -1px;
	padding-top        : 4px;
	padding-bottom     : 4px;
	padding-left       : 10px;
	border-top         : 3px solid #fff;
	border-bottom      : 3px solid #fff;
}

/* Formatierung 2.Level */	
ul li.Navilevel2 a,
#navigation  ul li.Navilevel2  a, {
	background-image: none;
	background-color: #fff;
	font-family     : Helvetica, Arial, sans-serif;
	font-style      : normal;
	font-weight     : normal;
	font-size       : 75%;
	color           : #000; !important
	text-decoration : none;
	width           : 320px;
	padding-left    : 25px;
	margin          : 0;
	margin-top      : -1px;
}

ul li.Navilevel2 a:hover,
#navigation  ul li.Navilevel2  a:hover {
	background-image: none;
	background-color: #fff;
	font-family     : Helvetica, Arial, sans-serif;
	font-style      : normal;
	font-weight     : bold;
	font-size       : 75%;
	color           : #000;
	text-decoration : none;
	width           : 320px;
	padding-left    : 25px;
	margin          : 0;
	margin-top      : -1px;

}

ul li.Navilevel2 em {
	background      : none;
	background-color: #fff;
	font-family     : Helvetica, Arial, sans-serif;
	font-style      : normal;
	font-weight     : bold;
	font-size       : 80%;
	color           : #000;
	text-decoration : none;
	width           : 320px;
	padding-left    : 25px;
	margin          : 0;
	margin-top      : 1px;
}
ul li.Navilevel3 a {
	background      : none;
	background-color: #fff;
	font-family     : Helvetica, Arial, sans-serif;
	font-weight     : normal;
	font-style      : normal;
	font-size       : 80%;
	color           : #000;
	text-decoration : none;
	width           : 320px;
	padding-left    : 35px;
	margin          : 0;
	margin-top      : 1px;
	
}
ul li.Navilevel3 a:hover {
	background      : none;
	background-color: #fff;
	font-family     : Helvetica, Arial, sans-serif;
	font-weight     : normal;
	font-style      : normal;
	font-size       : 80%;
	color           : #F29000;
	text-decoration : none;
	width           : 320px;
	padding-left    : 35px;
	margin          : 0;
	margin-top      : 1px;
}

ul li.Navilevel3 em {
	background      : none;
	background-color: #fff;
	font-family     : Helvetica, Arial, sans-serif;
	font-weight     : normal;
	font-style      : normal;
	font-size       : 80%;
	color           : #F29000;
	text-decoration : none;
	width           : 320px;
	padding-left    : 35px;
	margin          : 0;
	margin-top      : 1px;
}

ul li.Navilevel4 a,
ul li.Navilevel5 a {
	background-color: #fff;
	background-image: none;
	font-family     : Helvetica, Arial, sans-serif;
	font-style      : normal;
	font-size       : 80%;
	font-weight     : normal;
	color           : #000;
	text-decoration : none;
	width           : 300px;
	padding-left    : 45px;
	margin          : 0;
	margin-top      : 1px;
}

ul li.Navilevel4 a:hover,
ul li.Navilevel5 a:hover {
	background-color: #fff;
	background-image: none;
	font-family     : Helvetica, Arial, sans-serif;
	font-style      : normal;
	font-weight     : bold;
	font-size       : 80%;
	color           : #F29000;
	text-decoration : none;
	width           : 300px;
	padding-left    : 45px;
	margin          : 0;
	margin-top      : 1px;
}

ul li.Navilevel4 em,
ul li.Navilevel5 em {
	background-color: #fff;
	background-image: none;
	font-family     : Helvetica, Arial, sans-serif;
	font-style      : normal;
	font-weight     : bold;
	font-size       : 80%;
	color           : #F29000;
	text-decoration : none;
	width           : 300px;
	padding-left    : 45px;
	margin          : 0;
	margin-top      : 1px;
}

ul li.Navilevel2 img,
ul li.Navilevel3 img,
ul li.Navilevel4 img,
ul li.Navilevel5 img {
	display: none;
}

/* Formatierung Suche */

#suche {
   z-index         : 9; 
   position        : absolute;
   overflow        : hidden; 
   top             : 91%; 
   left            : 0.7%;
   width           : 16%; 
   height          : 9.8%;
   font-family     : helvetica,arial,sans-serif;
   font-weight     : normal;
   font-size       : 100%; 
   text-align      : left;
   border          : none;
}

.search input {
   background-color  : #fff;
   font-family       : helvetica,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;
   border            : 1px solid #8c8c8c;
}

.search input.submit {
   background-color : #959595;
   font-family      : helvetica,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;
}


/* alte Formatierung Index Navigation */

#index-navigation {
   z-index         : 4; 
   position        : absolute;
   overflow        : hidden; 
   top             : 28.8%; 
   left            : 0%;
   width           : 16%; 
   height          : 30%;
   font-family     : helvetica,arial,sans-serif;
   font-weight     : normal;
   font-size       : 100%; 
   text-align      : left;
   border          : none;
}

#index-navigation ul {
   padding          : 0;
   margin-top       : 5px;
   list-style-image : url(pfeil.jpg);
   margin-left      : 24px;
}
#index-navigation em {
   padding          : 0;
   margin           : 0;
}

#index-navigation a:link,
#index-navigation a:visited,
#index-navigation a:active {
   font-family     : helvetica,arial,sans-serif;
   font-weight     : normal;
   color           : #000;
   font-size       : 75%;
   text-decoration : none;
}

#index-navigation a:hover {
   font-family     : helvetica,arial,sans-serif;
   font-weight     : normal;
   color           : #fff;
   font-size       : 75%;
   text-decoration : none;
}

#index-navigation img {
   display: none;
}

#index-navigation p {
   display: none;
}



/* Formatierung der Druckversion */

#druckversion {
   position        : absolute;
   z-index         : 9; 
   top             : 120px; 
   left            : 0%;
   width           : 15%; 
   height          : 20px;
   vertical-align  : top;
   overflow        : hidden; 
   font-family     : helvetica,arial,sans-serif;
   font-weight     : normal;
   font-size       : 100%; 
   text-align      : left;
}

#druckversion a:link,
#druckversion a:visited,
#druckversion a:active {
   font-family        : helvetica,arial,sans-serif;
   font-weight        : normal;
   font-size          : 75%;
   color              : #000;
   text-decoration    : none;
   vertical-align     : top;
   margin-left        : 0;
   padding-left       : 6%;
   padding-top        : 5px;
}
#druckversion a:hover {
   font-family        : helvetica,arial,sans-serif;
   font-weight        : normal;
   font-size          : 75%;
   color              : #ed242c;
   text-decoration    : none;
   vertical-align     : top;
   background-image   : url(/pfeil.gif);
   background-repeat  : no-repeat;
   background-position: left;
   margin-left        : 12px;
   padding-left       : 6%;
   padding-top        : 5px;
}

/* Formatierung Sprachauswahl */
#kontakt  {
   z-index         : 5; 
   position        : absolute;
   overflow        : hidden; 
   top             : 73%; 
   left            : 0%;
   width           : 15%; 
   height          : 20%; 
   padding-top     : 10px;
   font-family     : helvetica,arial,sans-serif;
   font-size       : 100%; 
   font-weight     : normal;
   text-align      : left;
   color           : #000;
}

#kontakt p {
   font-family     : helvetica,arial,sans-serif;
   font-weight     : normal;
   font-size       : 75%; 
   color           : #000;
   text-align      : left;
   border          : none;
   padding-left    : 10px;
   padding-top     : 5px;
}

/* Formatierung Editor Button */
	
#editor form.default input {
   z-index         : 5; 
   position        : absolute;
   top             : 1%; 
   left            : 0%;
   width           : 50px; 
   height          : 20px;
   border          : none;
   background      : none;
   font-size       : 0;
   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              : #c2c1c2;
}

/* Formatierung Benutzermanager Button */

#editor form.usermanager input{
   z-index         : 5; 
   position        : absolute;
   top             : 1%; 
   left            : 3%;
   width           : 50px; 
   height          : 20px;
   font-size       : 0;
   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              : #c2c1c2;
   font-size          : 0;
}


