@charset "utf-8";
/* CSS Document */

body {
	font-family: "ff-scala-sans-web", Arial, sans-serif;
	margin: 0px 0px 0px 0px;
	font-size: 14px;
	color: #333333;
	background-image:url(Bilder/bg21.jpg);
	line-height: 19px;
	letter-spacing: normal;	
	background-repeat:no-repeat;
}

a {
	color: #666666;
}

h1{
	letter-spacing: 2px;
	font-size:15px;
	font-weight:bold;
	text-transform:uppercase;
}


h2{
	letter-spacing: 2px;
	font-size:14px;
text-transform:uppercase;
font-weight:normal;
}

a:link {
	color: #a8b202;
	text-decoration: none; /* Sofern Ihre Hyperlinks nicht besonders hervorgehoben werden sollen, empfiehlt es sich, zur schnellen visuellen Erkennung Unterstreichungen zu verwenden. */
}
a:visited {
	color: #a8b202;
	text-decoration: none;
}
a:hover, a:active, a:focus { /* Durch diese Gruppe von Selektoren wird bei Verwendung der Tastatur der gleiche Hover-Effekt wie beim Verwenden der Maus erzielt. */
	text-decoration: none;
	color: #999999;
}

a:active, a:focus {outline: none;}

ul, ol, dl { /* Aufgrund von Abweichungen zwischen verschiedenen Browsern empfiehlt es sich, die Auffüllung und den Rand in Listen auf 0 einzustellen. Zu Konsistenzzwecken können Sie die gewünschten Werte entweder hier oder in den enthaltenen Listenelementen (LI, DT, DD) eingeben. Beachten Sie, dass die hier eingegebenen Werte hierarchisch auf die .nav-Liste angewendet werden, sofern Sie keinen spezifischeren Selektor festlegen. */
	padding: 0;
	margin: 0;
}
a img { /* Dieser Selektor entfernt den standardmäßigen blauen Rahmen, der in einigen Browsern um ein Bild angezeigt wird, wenn es von einem Hyperlink umschlossen ist. */
	border: none;
}

img { /* Dieser Selektor entfernt den standardmäßigen blauen Rahmen, der in einigen Browsern um ein Bild angezeigt wird, wenn es von einem Hyperlink umschlossen ist. */
	border: none;
}

html {
  height: 101%;
  margin-bottom: 1px;
}

div#container {
	height: 320px;
	width: 960px;
 	margin-top: 24px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	
}

div#header {
	height: 120px;
	width: 312px;
	float:right;
	margin-top:0px;

}

div#grafik {
	height: 300px;
	width: 230px;
	margin-top:108px;
	float: left;
	overflow:hidden;

}

div#grafik2 {
	height: 400px;
	width: 300px;
	margin-top:0px;
	float: left;
	overflow:hidden;

}

div#grafik2oben {
	height: 191px;
	width: 300px;
	margin-top:0px;
	float: left;
	overflow:hidden;

}

div#grafik2unten {
	height: 158px;
	width: 300px;
	margin-top:30px;
	float: left;
	overflow:hidden;

}

div#grafik5 {
	height: 300px;
	width: 300px;
	margin-top:10px;
	float:left;
	overflow:hidden;

}
div#grafik6 {
	height: 420px;
	width: 300px;
	margin-top:0px;
	float:left;
	overflow:hidden;
}
div#grafik5oben {
	height: 200px;
	width: 300px;
	margin-top:0px;
	float: left;
	overflow:hidden;

}

div#grafik5unten {
	height: 158px;
	width: 300px;
	margin-top:30px;
	float: left;
	overflow:hidden;

}

div#grafik6unten {
	height: 50px;
	width: 300px;
	margin-top:17px;
	float: left;
	overflow:hidden;

}
.grafik5 {
	height: 300px;
	width: 300px;
	margin-top:10px;
	float:left;
	overflow:hidden;

}

.grafik5oben {
	height: 200px;
	width: 300px;
	margin-top:0px;
	float: left;
	overflow:hidden;

}

.grafik5unten {
	height: 158px;
	width: 300px;
	margin-top:30px;
	float: left;
	overflow:hidden;

}
div#grafik3 {
	height: 220px;
	width: 230px;
	margin-top:200px;
	float: left;
	overflow:hidden;

}


div#leopardi {
	margin-top:5px;
	float: left;
	font-size:11px;
	margin-left:28px;
	width:230px;

}

div#zitat1 {
	margin-top:52px;
	float: left;
	background-image:url(Bilder/Text15.png);
	background-repeat:no-repeat;
	width:725px;
	height:96px;

}

div#zitat2 {
	margin-top:2px;
	float: left;
	background-image:url(Bilder/Salzkorn.png);
	background-repeat:no-repeat;
	width:725px;
	height:201px;

}
div#zitat3 {
	margin-top:20px;
	float: left;
	background-image:url(Bilder/Ich_freue_mich_klein1.png);
	background-repeat:no-repeat;
	width:725px;
	height:96px;

}

div#goethe {
	margin-top:55px;
	float: right;
	font-size:11px;
	margin-right:20px;
	line-height:16px;
	width:230px;
	text-align:right;

}
div#text {
	
	width: 725px;
	float: right;
	margin-top: 25px;
	overflow:hidden;

}

div#text1 {
	
	width: 655px;
	float: right;
	margin-top: 25px;
	overflow:hidden;

}
div#text2 {
	
	width: 955px;
	float: right;
	margin-top: 25px;
	overflow:hidden;

}
div#textstimmen {
	
	height: 300px;
	width: 600px;
	float: right;
	margin-right:20px;

}
.textstimmen {
	
	height: 300px;
	width: 600px;
	float: right;
	margin-right:20px;

}
div#textinnen {
	
	height: 190px;
	width: 628px;
	float: right;

}

div#textinnen7 {
	
	height: 460px;
	width: 628px;
	float: right;

}


div#textinnen3 {
	
	height: 320px;
	width: 628px;
	float: right;

}

div#textinnen4 {
	
	height: 320px;
	width: 528px;
	float: right;
padding-right:120px;
}
div#textinnen1 {
	
	width: 595px;
	float: right;
	padding-right:23px;

}

div#textinnen2 {
	
	height: 192px;
	width: 598px;
	float: right;
	padding-right:30px;

}

div#textlinks {

	width: 445px;
	float: left;
	margin-top:130px;
	font-size:13px;

}

div#textrechts {

width: 475px;
height: 385px;
	float: right;
		margin-top:15px;
		margin-right:20px;
font-size:13px;

}
div#footer {
	height: 30px;
	background-color:#C0CC00;
margin-top:250px;	
	width:100%;
	
}

div#footer1 {
	height: 30px;
	background-color:#C0CC00;
margin-top:250px;	
	width:100%;
	
}
div#footer2 {
	height: 30px;
	background-color:#C0CC00;
margin-top:250px;	
	width:100%;
	
}

div#footer3 {
	height: 30px;
	background-color:#C0CC00;
margin-top:250px;	
	width:100%;
	
}
div#footer6 {
	height: 30px;
	background-color:#C0CC00;
margin-top:70px;	
	width:100%;
	
}
div#footer7 {
	height: 30px;
	background-color:#C0CC00;
margin-top:20px;	
	width:1920px;
	
}

div#menueleiste {
	width: 960px;
 	padding-top: 6px;
	margin-right: auto;
	margin-left: auto;
	
}

div#menueleiste2 {
width: 960px;
	margin-right: auto;
	margin-left: auto;
	z-index:auto;
	position:fixed;
	top:600px;
	

	
}


div#menulinks {
	width: 680px;
 float:left;
	
}
div#menurechts {
	width: 280px;
 float:right;
 color:#ffffff;
 font-size:12px;
 	
	
}

ul.nav1 {
	list-style: none; /* Hiermit wird die Listenmarkierung entfernt. */
	text-align: right;
	font-size: 12px;
color: #ffffff;
	margin-left:0px;	
}
ul.nav1 li {

	float:right;
		padding-right: 5px;
	display: inline; 
	color: #ffffff;
	
}
ul.nav1 a, ul.nav1 a:visited { 
	display: inline; 
	text-decoration: none;
	padding-right: 5px;
	padding-bottom: 0px;
	height: 21px;
	background-repeat: no-repeat;
		float:left;	
		color: #ffffff;
}


ul.nav1 a:hover, ul.nav1 a:active, ul.nav1 a:focus  {

	color: #333333;
	background-repeat: no-repeat;
	
}

ul.nav {
	list-style: none; 
	text-align: left;
	font-size: 15px;
color: #ffffff;
	text-transform: uppercase;
	letter-spacing:1px;
	margin-left:0px;	
}
ul.nav li {
	float:left;
		padding-right: 10px;
	display: inline; 
	text-transform: uppercase;
	color: #ffffff;
	
}
ul.nav a, ul.nav a:visited {
	display: inline; 
	text-decoration: none;
	padding-right: 10px;
	padding-bottom: 0px;
	height: 21px;
	background-repeat: no-repeat;
		float:left;	
		color: #ffffff;
}


ul.nav a:hover, ul.nav a:active, ul.nav a:focus  { 

	color: #333333;
	background-repeat: no-repeat;
	
}




.image  { 

	float:right;
	margin-right:18px;
	
}



#scrollbar1 { width: 485px; clear: both; margin: 0px 0 0px;   }
#scrollbar1 .viewport { width: 460px; height: 365px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position:  absolute; left: 0; top: 10; }
#scrollbar1 .thumb .end,
#scrollbar1 .thumb { background-color: #CCC; }
#scrollbar1 .scrollbar { position: relative; float: right; width:12px; }
#scrollbar1 .track { background-color:#a8b202;; height: 100%; width:6px; position: relative;  }
#scrollbar1 .thumb { height: 20px; width:6px; cursor: pointer; overflow: hidden; position: absolute; top: 30; }
#scrollbar1 .thumb .end { overflow: hidden; height: 5px; width: 13px; }
#scrollbar1 .disable{ display: none; }

.right  { 

	float:right;
	
}

   
    imglogo    {
align:justify;
 

}


#accordion-container {
	font-size: 13px;
	padding: 0px 0px 0px 0px;
	width:600px;
	float:right;
	margin-right:10px;

}

.accordion-header {
	font-size: 14px;
	background: #ebebeb;
	margin: 4px 0 0 0;
	padding:7px 5px;
	cursor: pointer;
	color: #333333;
letter-spacing: 1px;

	
}

.active-header {
	background: url("Bilder/active-header.gif") no-repeat scroll right 50% ;
	 border-bottom: 1px solid #C0CC00;
}

.active-header:hover {
	background: url("Bilder/active-header.gif") no-repeat scroll right 50% ;
	 border-bottom: 1px solid #C0CC00;
}

.inactive-header {
		background: url("Bilder/inactive-header.gif") no-repeat scroll right 50% ;
	  border-bottom: 1px solid #C0CC00;
	
}

.inactive-header:hover {
background: url("Bilder/inactive-header.gif")no-repeat scroll right 50% #ebebeb;

}

.accordion-content {
	padding: 10px 5px 5px 5px;
	display: none;
	border-top: 0;
	

}

.box

{
width:280px; 
float:left;
}

.boxr

{
width:280px; 
float:right;
}