/* CSS Document */

* {/* reset default values */
  list-style:none;
  margin:0;
  padding:0;
  text-decoration:none;
}
html {
  
}
body {
font: 11px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;
color:#818181;
}
a {
color:#2E2E2E;
}
a:hover {
color:#A90D1F;
}
h3 {
margin:40px 0 0 20px;
}
/*** Main Positioning ********************************************************/
body {
text-align:center;
}
#main_wrapper, #left_content, #right_content, #header, #footer {
overflow:hidden;

}
#main_wrapper {
width:950px;
margin-left:auto;
margin-right:auto;
text-align:left;
position:relative;
}
div#content {
background : url(../Images/content/contentbild.gif) top left no-repeat; 
width: 945px;
height:380px;
}
div#content_folgeseiten {
background : url(../Images/content/contentbild_folgeseite.gif) top left no-repeat; 
width: 945px;
height:430px;
}
div#content_kurse {
background : url(../Images/content/contentbild_kurse.gif) top left no-repeat; 
width: 945px;
height:600px;
}
div#content_galerie {
background : url(../Images/content/contentbild-_galerie.gif) top left no-repeat; 
width: 945px;
height:1400px;
}

div#content_impressum {
background : url(../Images/content/contentbild-_impressum.gif) top left no-repeat; 
width: 945px;
height:680px;
}
#left_content {
width:33%;
float:left;
position:relative;
padding:0 0 0 0;
}
#right_content {
width:66%;  /***** ca. 700px****/
float:left;
margin:15px 5px 0 0;
}

#footer {
clear:both;
float:left;
width:100%;
}
/*** Header *******************************************************************/
#header {
  background : url(../Images/header/headerbild.jpg) top left no-repeat; 
  height:160px;
  width:945px;
  position:relative;
  margin:5px 0 0px 0;
}
#logo {  
	background : url(../Images/header/logo.gif) top left no-repeat; 
	position:absolute;
	top:8px;
	left:7px;  /* Verschiebung ermöglicht die korrekte Darstellung des Rahmens */
	margin:0;
  padding:0;
 
}  
#logo a {
  padding:0;
	display: block;
	width: 370px;
	height: 145px;
	text-indent: -9999px;
	overflow:hidden;
}
/***Content*********************************************************/
.scroll {
height: 235px;
overflow: auto;
margin:15px 20px 10px 0px;
}
.scrollaktuelles {
height: 335px;
overflow: auto;
margin:15px 20px 10px 0px;
}
div.center {

margin:0px;
}
div#left_content img#trennleiste {
position:absolute;
top:25px;
left:305px;
}

div#right_content img.sandra {
width:225px;
height:160px;
float:left;
margin:0px 15px 2px 20px;
padding:0 0 0 0;
}
div#right_content img.dreibilder{
width:180px;
height:128px;
margin:10px 0 0 10px;
padding:0 0 0 0;
display:inline;
}
div#right_content img.kontaktbilder{
width:180px;
height:128px;
margin:0px 0 0 10px;
padding:0 0 0 0;
display:inline;
}
div#right_content img#dreierpack {
display: block;
margin-left: auto;
margin-right: auto;
width:150px;
height:30px;
}
div#right_content img#dreierpackklein {
display: block;
margin-left: auto;
margin-right: auto;
margin-top:15px;
width:60px;
height:30px;

}
div#right_content p#first {
margin:5px 20px 10px 20px;
font-size:13px;
}
div#right_content img#bild {
width:225px;
height:160px;
float:left;
margin:35px 15px 2px 20px;
padding:0 0 0 0;
}
div#right_content p#second {
margin:35px 20px 10px 20px;
}
div#right_content p{
margin:15px 20px 10px 20px;
padding:0 0 0 0;
}
/*** Navigation ********************************************************/

div.navi {
width:230px;
font:12px/150% Verdana, Geneva, Arial, Helvetica, sans-serif;
margin:0px 20px 0 35px;
}
div.navi ul#mainNavi {
margin:35px 10px 10px .1em;   /*die Bullets der Listenelemente werden dadurch innerhalb (statt außerhalb) des div's angezeigt*/
width:20em;
}
div.navi ul#mainNavi li.navigation {
border-bottom:1px solid #F2EFEF;


}
div.navi ul#mainNavi li.navigation a {
  color:#737373;
	background:url(../Images/Navigation/Navileiste.jpg) repeat-x;
  padding: .9em 10px .9em 15px;
  display:block;
  font-weight:bold;
  width:18em;
}
div.navi ul#mainNavi li.navigation a:hover {
  color:#FFF;
	background:url(../Images/Navigation/navileiste_hover.jpg) repeat-x;
  padding: .9em 10px .9em 15px;
  
  font-weight:bold;
}
div.navi ul#mainNavi li.navigation a.active {
  color: #FFF;
  background:url(../Images/Navigation/navileiste_hover.jpg) repeat-x;
}
/*** Sub Navigation ********************************************************/

div.navi ul#subNavi {
padding:0;
margin:0;
width:20.1em;
}
div.navi ul#subNavi li.kurs {
border-bottom:1px solid #F2EFEF;
display:block;

}
div.navi ul#subNavi li.kurs a {
  color:#737373;
	padding: .4em 10px .4em 15px;
  display:block;
  font-weight:bold;
  background:#B5B4B3;
  
}
div.navi ul#subNavi li.kurs a:hover {
  color:#FFF;
	background:#545353;
  padding: .4em 10px .4em 15px;
  display:block;
  font-weight:bold;
}
div.navi ul#subNavi li.kurs a.active2 {
color:#FFF;
background:#545353;
}
/***Quadrate******************************************************************/
ul#Quadrate {
width:478px;
height:350px;
margin:0px auto; /*** autom. Zentrierung***/
}
ul#Quadrate li a {
text-indent: -9999px; /* macht den Linktext unsichtbar, aber noch lesbar für Screenreader*/
}
/***Quadrate Content Folgeseiten**********************************************************/
ul#quadrate_content {
width:560px;
height:128px;
margin:0px auto; /*** autom. Zentrierung***/
}
ul#quadrate_content li a {
text-indent: -9999px; /* macht den Linktext unsichtbar, aber noch lesbar für Screenreader*/
}
/***Content Startpage Image hover**********************************************/
ul#Quadrate li#Q1 {
width:135px;
height:118px;
float:left;
margin-right:35px;
background:url(../Images/content/quadrate/Q1.jpg) no-repeat; 

}
ul#Quadrate li a#aboutme {
background:transparent; 
width:130px;
height:110px;
display:block;
}
ul#Quadrate li a#aboutme:hover {
background:url(../Quadrate/Hover/UN_Wahl_hover.jpg) no-repeat; 
display:block;
}
/********************/
ul#Quadrate li#Q2 {
width:135px;
height:118px;
float:left;
margin-right:35px;
background:url(../Images/content/quadrate/Q2.jpg) no-repeat; 
}
ul#Quadrate li a#zitat {
background:transparent; 
width:130px;
height:110px;
display:block;
}
ul#Quadrate li a#zitat:hover {
background:url(../Quadrate/Hover/Finance_hover.jpg) no-repeat; 
display:block;
}
/******************/
ul#Quadrate li#Q3 {
width:135px;
height:118px;
float:left;
background:url(../Images/content/quadrate/Q3.jpg) no-repeat; 
}
ul#Quadrate li a#inbalance {
background:transparent; 
width:130px;
height:110px;
display:block;

}
ul#Quadrate li a#inbalance:hover {
background:url(../Quadrate/Hover/anmeld_hover.jpg) no-repeat; 
display:block;
}
/*****************/
ul#Quadrate li#Q4 {
width:135px;
height:118px;
float:left;
margin-right:35px;
background:url(../Images/content/quadrate/Q4.jpg) no-repeat; 
}
ul#Quadrate li a#kinderlogo {
background:transparent;
width:130px;
height:110px;
display:block;
}
ul#Quadrate li a#kinderlogo:hover {
background:url(../Quadrate/Hover/Buch.jpg) no-repeat; 
display:block;
}
/***************/
ul#Quadrate li#Q5 {
width:135px;
height:118px;
float:left;
margin-right:35px;
background:url(../Images/content/quadrate/Q5.jpg) no-repeat; 
}
ul#Quadrate li a#five {
background:transparent;
width:130px;
height:110px;
display:block;
}
ul#Quadrate li a#five:hover {
background:url(../Quadrate/Hover/Gewinn_hover.jpg) no-repeat; 
display:block;
}
/***************/
ul#Quadrate li#Q6 {
width:135px;
height:118px;
float:left;
background:url(../Images/content/quadrate/Q6.jpg) no-repeat; 
}
ul#Quadrate li a#bodyart {
background:transparent;
width:130px;
height:110px;
display:block;
}
ul#Quadrate li a#bodyart:hover {
background:url(../Quadrate/Hover/pr_hover.jpg) no-repeat; 
display:block;
}
/************************/
ul#Quadrate li#Q7 {
width:135px;
height:118px;
float:left;
margin-right:35px;
background:url(../Images/content/quadrate/Q7.gif) no-repeat; 
}
ul#Quadrate li a#seven {
background:transparent;
width:130px;
height:110px;
display:block;
}
ul#Quadrate li a#seven:hover {
background:url(../Quadrate/Hover/vers_hover.jpg) no-repeat; 
display:block;
}
/*********************/
ul#Quadrate li#Q8 {
width:135px;
height:118px;
float:left;
margin-right:35px;
background:url(../Images/content/quadrate/Q8.gif) no-repeat; 

}
ul#Quadrate li a#eight {
background:transparent;
width:130px;
height:110px;
display:block;
}
ul#Quadrate li a#eight:hover {
background:url(../Quadrate/Hover/analyse_hover.jpg) no-repeat; 
display:block;
}
/**********************/
ul#Quadrate li#Q9 {
width:135px;
height:118px;
float:left;
background:url(../Images/content/quadrate/Q9.gif) no-repeat; 
}
ul#Quadrate li a#nine {
background:transparent;
width:130px;
height:110px;
display:block;
}
ul#Quadrate li a#nine:hover {
background:url(../Quadrate/Hover/ablauf_hover.jpg) no-repeat; 
display:block;
}

/***Krankenkasse**************************************************************/
div#right_content ul.krankenkasse {
margin:5px 30px;
padding:0;

}
div#right_content ul.krankenkasse li {
list-style:circle;
padding:0px 5px;
margin:6px 0px 0px 20px;

}
/***Tabelle Kursplan**********************************************************/
#right_content table {
border:2px solid #D2D2D2;
width:600px;
border-collapse:collapse;
margin:30px 10px 20px 15px;
}
#right_content table thead th {
border:2px solid #D2D2D2;
background: #A2A0A0;
padding:3px 7px;
text-align:center;
color:#FFF;
}
#right_content table tbody td {
border:2px solid #D2D2D2;
padding:3px 10px;
text-align:left;
}
/***Galerie********************************************************************/
ul#bilder {
list-style:none;
width:600px;
height:1262px;
margin:0 0 0 35px;

}
ul#bilder li {
width:142px;
height:99px;
padding:10px 20px;
margin:0 0 0 0;
float:left;

}
ul#bilder li img {
width:140px;
height:99px;
border:none;

}
/*** Footer ******************************************************************/
#footer {
clear:both;
margin:0 0 0 0;
background:url(../Images/footer/footerleiste.jpg) no-repeat;
}
p#adresse {
margin:7px 0 0 0;
font-size:90%;
text-align:center;
color:#6C6C6C;
margin-left:100px;
}
#footer a {
color:#2E2E2E;
}
#footer a:hover {
color:#A90D1F;
}
/**********/
#impressum {
text-align:center;  /**zentriert die Liste**/
height:30px;
}
#impressum ul {
padding:4px 0 11px 0;
width:945px;
display:inline;  /**zentriert die Liste**/
}
#impressum ul li {
font-size:85%;
display:inline;  /**stellt die Listenpunkte nebeneinander dar**/
}
#impressum ul li a {
color:#5A5A5A;
}