/* ====================================== 
   1. Kalibrierung und allgemeine Styles 
   ====================================== */

/* Kalibrierung der wichtigsten Abstände */
*  { padding: 0; margin: 0; }
h2, h3, p, ul, ol { margin-bottom: 1em; }  
ul ul { margin-bottom: 0; } 
li { margin-left: 1em; } 

/* Allgemeine Selektoren */

html { height: 100%; } 
body {
	color: white;
	background-image: url(background_aussen.jpg);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}
h1 { font-size: 150%; } 
h2 { font-size: 130%; }
h3 { font-size: 110%; }
address {
	text-align: center;
	font-size: 80%;
	font-style: normal;
	letter-spacing: 2px;
	line-height: 1.5em;
}

/* Hyperlinks */
a { text-decoration: none; outline: none;} 



/* Allgemeine Klassen und IDs */



/* ==================================== 
   2. Styles für die  Layoutbereiche 
   ==================================== */



#wrapper {
	color: black;
	background-image: url(background.jpg);
	width: 1000px;
	height: 800px;
	margin:15px auto 0;
	border: 1px solid #DCDCDC;
	background-repeat: no-repeat;
}

#logo_ksk {
   position: relative;
   top: 520px; 
   left: 0px;
}



/* Onlinebanking-> Der gesamte linke Bereich, die Navi liegt da drin  */
   #onlinebanking {
   padding-left: 20px; 
	padding-top: 5px;
	padding-bottom: 0px; 
	width: 200px
		
}


   #navibereich {
	position: relative;
   top: -176px; 
	width: 200px; 
	padding-left: 0px; 
   padding-top: 0px; 
	
} 
   #navibereich ul {
	width: 177px;
	border-top: 1px solid Green;
	border-right: 0px solid Green;
	border-left: 0px solid Green;
} 

   #navibereich li {
	list-style-type: none;
	border-bottom: 1px solid Green;
	margin: 0;
}

   #navibereich a {
	display: block;
	text-decoration: none;
	color: black;
	padding: 4px;
	border-left: 5px solid #006F01;
} 	
   #navibereich a:hover,
   #navibereich a:focus,
   #startseite 
	#navi01 a  {
	color: black;
	background-color: White;
	background-image: url(verlauf_navi_hover.gif);
	border-left-color: #6495ED;
	border-bottom: none;
}  



/* neu */   
#container {
	float: right;
	width: 168px;
	padding-left: 10px;
	
}


.textueberschrift {
   
	color: Black;
	font-weight: bold;
	letter-spacing: 3pt;
	font-size: 14px;
}

.textmitte {
   
	color: Black;
	font-size: 14px;
}


#textbereich {
	background-color: #F4F4F4;
	border: 1px solid #DCDCDC; 
	color: Black;
}

#textbereich div table {
	background-color: #F4F4F4;
	color: Black;
   padding: 0px;
	margin: 0px;
}


#textbereich div {
	padding: 0px 5px 5px 7px;
	
}

#textbereich div table {
	padding: 0px 5px 5px 7px;
	
}


   #textbereich a {
	border-bottom: 2px dotted Black;
	color: Black;
	
}
   #textbereich a:hover,
   #textbereich a:focus {
	border-bottom: 1px solid Red;
}

	#textbereich div ul {
	line-height: 1.4em;
	list-style: square;
	margin-bottom: 10px;
	margin-top: 15px;
	font-size: 14px;
}
   #textbereich div ul li ul {
	line-height: 1.4em;
	list-style: square;
	color: Black;
}
   #textbereich div ul li a {
   margin-left: 0px;
}
  
  #fussbereich {
	clear: both;
	color: White;
	font-size: 12px;
	padding: 15px 20px 20px 20px;
	
	
}
  #fussbereich a:link {
	color: Black;
	
} 

  #fussbereich a:hover, a:focus {
	border-bottom: 1px solid Black;
}
  #fussbereich a:active {
	color: Black;
	background-color: White;
}
  #fussbereich a:visited {
	color: Black;
}

/* ==================================== 
   3. Sonstige Styles 
   ==================================== */

  
  ul#aufklappen li {
    list-style: none;
    float: left;  /* ohne width - nach CSS 2.1 erlaubt */
    position: relative;
	 margin: 0px; padding: 0px;
	 font-size: 13px;
  }
  * html ul#aufklappen li {
	/* Korrektur fuer den IE 5 und 6 */
	margin-bottom: -0.0em;
	font-size: x-small;
}
  *:first-child+html ul#aufklappen li {  /* Korrektur fuer den IE 7 */
    margin-bottom: 0em;
  }

  ul#aufklappen li ul {
    margin: 0; padding: 0;
    position: absolute;
    top: 0em; left: 176px;
	 display: none;  /* Unternavigation ausblenden */
  }
 
  *:first-child+html ul#aufklappen ul {
	/* Workaround fuer den IE 7 */
	background-color: #DCDCDC;
	padding-bottom: 0em;
	
}
  ul#aufklappen li:hover ul {
    display: block;  /* Unternavigation in modernen Browsern einblenden */
	
  }
  ul#aufklappen li ul li {
    float: none;
    display: block;
    margin-bottom: 0em;
  }

  ul#aufklappen a, ul#aufklappen span {
	display: block;
	width: 161px; /* Breite den in li enthaltenen Elementen zuweisen */
	padding-left: 0.5em;
	text-decoration: none;
	color: Black;
	background-image: url(verlauf_navi.gif);
}
  * html ul#aufklappen a, * html ul#aufklappen span {
    width: 8.6em;   /* Breite nach altem MS-Boxmodell fuer IE 5.x */
    width: 13.2em;  /* korrekte Breite fuer den IE 6 im standardkompatiblen Modus */
  }
  ul#aufklappen a:hover, ul#aufklappen span, li a#aktuell {
	border-color: White;
	border-left-color: #6495ED;
	border-top-color: black;
	color: Black;
	background-color: White;
}




/* ======================================= 
   E N D E   D E S   S T Y L E S H E E T S 
   ======================================= */