/* Typografie und Farbe
------------------------------------------*/



h2 {
font-size: 1.2em;
font-family: "Comic Sans MS", Verdana, Helvetica,sans-serif;
}

/*mp3-Beschreibung*/

#mp3 p{
font-size: 1.2em;
font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
}
/*Das css fuer die Tool-Tips */

.tool-tip {
	color: #000;
	width: 130px;
	z-index: 13000;

	}
 
.tool-title {
	font-weight: bold;
	font-size: 1em;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.tool-text {
	font-size: 0.9em;
	padding: 4px 8px 8px;
	background: #CFDFA7;
	color:black;
}
/*Hover-Klasse fuer die Tab-Navigation im Head*/

#header a:link{
		color:black;
		text-decoration:none;
 	}
#header a:visited{
		color:black;
		text-decoration:none;
	} 
#header a:visited:hover, a:link:hover {
		color:green;
		text-decoration: underline;
	}
 
/*Werte fuer das inhalt-Tag */ 

#inhalt h1{
font-size: 1.9em;
font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
/*font: 20px  'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;*/

padding-left: 6px;
padding-top: 8px;
padding-bottom: 8px;
line-height: 130%;
}



#inhalt p {
font-size: 1.4em;
font-family: Verdana, Helvetica, sans-serif;
line-height: 130%;
padding-left: 12px;
text-indent: 10px;
letter-spacing: -0.03em;
word-spacing: -0.07em;
margin-bottom: 0.5em;
}
 

.bildbox_rechts {width: 60%;
 float: right;
 margin: 0 0 10px 10px;
}
 
.bildbox_rechts_panel {width: 30%;
 float: right;
 margin: 0 0 10px 10px;
}

.bildbox_links {width: 60%;
 float: left;
 margin: 0 10px 10px 0;
}
 
.bildbox_rechts, .bildbox_links, .bildbox_rechts_panel, .bildbox_mitte {
background: rgb(210,210,210);
border: 1px solid black;
padding: 4px;
}

.bildbox_rechts span, .bildbox_links span, .bildbox_rechts_panel span, .bildbox_mitte span {
display: block;
margin: 5px 0 0 0;
font-size: 1.2em;
Color: maroon;
padding-left: 8px;
font-family: "Gill Sans", Arial, sans-serif;

}

.bildbox_mitte
{
width: 70%; /*vorher: 95%*/
margin-left:auto;
margin-right: auto;
}


  
/*Hintergrund des h3-Teaser Ueberschrift */
.toggler {
font-size: 1.3em;
font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
/*font: 20px  'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;*/

padding-left: 6px;
padding-top: 8px;
padding-bottom: 8px;
line-height: 120%;

background-repeat: no-repeat;
}

.element {
font-size: 1.1em;
font-family: "Trebuchet MS",Verdana, Helvetica, sans-serif;
line-height: 125%;
padding-left: 7px;

}

.element a {
font-weight: bold;
font-family: Arial, sans-serif;


}


.element a img{
text-decoration: none;
font-weight: bold;
margin: 3px;
display: block;
}

#info_panelcontainer
{
    width: 220px;
    position: absolute;
	top: 10px;
	left: 10px;	
	}

#info_panel
{
	width: 100%;
	height: 100%;
	background-color: white;
	border-bottom: 2px dotted silver;
	border-top: 2px dotted silver;
	padding: 10px;
	font-size: 1em;
	font-family: "American Typewriter", Courier, serif;
	font-weight: bold;
	overflow: hidden;
}
#info_panel h1
{
font-size: 1.2em;
font-weight: bold;
}
	
#zieher
{
height: 34px;
width:34px;
float:left;
top:0;
left:0;
cursor: move;
border:none;
}

#gross_klein
{
float:right;
border: none;
height: 34px;
width: 34px;
cursor: nw-resize;
}

/*  Struktur
-----------------------------------------*/

/*Mitte fŸr Benjamin warten Logo*/
#mitte {
text-align: center !important;
}
/*Der Header-Bereich beinhaltet Logo und farbige Tabnavigation*/
#rahmen /*Umschliesst alles*/ {
		margin-left: auto;
		margin-right: auto;
		width: 93%;
		height:100%;
		
		
}
#mittelSpalte {
		float:right;
		width:71%;
		text-align:left;
		background-color: white;
		margin-top: 10px;
		margin-bottom: 3px;
		padding:4px;
		
		
}

#linkeSpalte {
		float:left;
		width:24%;
		margin-left: 8px;
		padding:4px;
		margin-top: 10px;
	
 }
#rechteSpalte{
		float:right;
		width:18%;
		margin:3px;
		padding:4px;
		margin-top: 10px;

}

#inhalt_orange /*umschliesst linke, mittlere und rechte Spalte - fŸr Hinterdrund */{
float:left;
border:gray;
border-style: solid;
border-width: 1px;
background-color:#F9CB00;
border-top: none;
width:100%;
}
#inhalt_blau /*umschliesst linke, mittlere und rechte Spalte - fŸr Hinterdrund */{
float:left;
border:gray;
border-style: solid;
border-width: 1px;
background-color:#7FCDE4;
border-top: none;
width:100%;
}


#inhalt_dgruen /*umschliesst linke, mittlere und rechte Spalte - fŸr Hinterdrund */{
float:left;
border:gray;
border-style: solid;
border-width: 1px;
background-color:#8CD089;
border-top: none;
width:100%;
}

#inhalt_gelb /*umschliesst linke, mittlere und rechte Spalte - fŸr Hinterdrund */{
float:left;
border:gray;
border-style: solid;
border-width: 1px;
background-color:#FAFF00;
border-top: none;
width:100%;
}

#inhalt_gruen /*umschliesst linke, mittlere und rechte Spalte - fŸr Hinterdrund */{
float:left;
border:gray;
border-style: solid;
border-width: 1px;
background-color:#E3E47E;
border-top: none;
width:100%;
}

#inhalt_rot /*umschliesst linke, mittlere und rechte Spalte - fŸr Hinterdrund */{
float:left;
border:gray;
border-style: solid;
border-width: 1px;
background-color:#CB7F99;
border-top: none;
width:100%;
}

#enclose /*umschliesst linke und mittlere Spalte*/{
		float:left;
		width: 80%;
}

#fuss {
		clear:both;
		padding-top: 0.5em;
		text-align: center;
		line-height: normal;
		font-size:1.3em;
		font-family: "Comic Sans MS", Verdana, Helvetica,sans-serif;
		}
#header {
		float:left;
		line-height: normal;
		font-size:1.3em;
		font-family: "Comic Sans MS", Verdana, Helvetica,sans-serif;
		width:100%;
	
		background: url("../images/css/tab_rand.jpg")
		repeat-x bottom;
			
	}
#header ul {
		margin:0;
		padding:10px 10px 0px;
		list-style:none;
	}
			
#header li {
		float:left;				
		margin:0;
		padding:0;
	}
	
	
#header a {
		display: block;
		text-decoration: none;
	 	padding: 5px 15px 4px;		
	}	
	
	
/*Die Einbindung des Logos*/
	
#header #logo {

height:125px;
background: url(../images/logo_125px.jpg)
no-repeat center;
}	
	
	
/*Hier beginnt die farblichen Unterscheidung der Tabs und ihrer ZustŠnde*/
	
#header #current_orange {	
		background: url("../images/css/tab_an_orange_rechts.jpg")
		no-repeat right top;
		border-bottom: none;
   
}	
	
#header #current_a_orange	{
		background: url("../images/css/tab_an_orange_links.jpg")
	    no-repeat left top;	
	    padding-bottom: 5px;
}	    
	
#header #orange_a {
background: url("../images/css/tab_an_orange_links.jpg")
no-repeat left top;

}

#header #orange_li {
background: url("../images/css/tab_an_orange_rechts.jpg")
no-repeat right top;
}

.orange_tog {
background-color: rgb(249,230,69) !important;
border: solid;
border-width: 1px;
border-color: rgb(252,243,162);
}
.orange_element {
background-color: rgb(252,243,85);
border: solid;
border-width: 2px;
border-color: rgb(252,243,162);

}
	



#header #current_gruen {	
		background: url("../images/css/tab_an_gr_rechts.jpg")
		no-repeat right top;
		border-bottom: none;
   
}	
	
#header #current_a_gruen	{
		background: url("../images/css/tab_an_gr_links.jpg")
	    no-repeat left top;	
	    padding-bottom: 5px;
}	   	
		
	    
	
	
#header #gruen_a {
background: url("../images/css/tab_an_gr_links.jpg")
no-repeat left top;
}

#header #gruen_li {
background: url("../images/css/tab_an_gr_rechts.jpg")
no-repeat right top;
}


.gruen_tog {
background-color: rgb(149,150,83) !important;
border: solid;
border-width: 1px;
border-color: rgb(202,209,0);
}
.gruen_element {
background-color: rgb(187,189,104);
border: solid;
border-width: 2px;
border-color: rgb(202,209,0);

}



	
#header #current_gelb {	
		background: url("../images/css/tab_an_gelb_rechts.jpg")
		no-repeat right top;
		border-bottom: none;
   
}	
	
#header #current_a_gelb	{
		background: url("../images/css/tab_an_gelb_links.jpg")
	    no-repeat left top;	
	    padding-bottom: 5px;
}	   	
		
	    

	
#header #gelb_a {
background: url("../images/css/tab_an_gelb_links.jpg")
no-repeat left top;
}

#header #gelb_li {
background: url("../images/css/tab_an_gelb_rechts.jpg")
no-repeat right top;
}


.gelb_tog {
background-color: rgb(253,270,100) !important;
border: solid;
border-width: 1px;
border-color: rgb(215,228,43);
}
.gelb_element {
background-color: rgb(253,254,160);
border: solid;
border-width: 2px;
border-color: rgb(215,228,43);

}
	





#header #current_blau {	
		background: url("../images/css/tab_an_blau_rechts.jpg")
		no-repeat right top;
		border-bottom: none;
   
}	
	
#header #current_a_blau	{
		background: url("../images/css/tab_an_blau_links.jpg")
	    no-repeat left top;	
	    padding-bottom: 5px;
}	   	
		
	    
	
	
#header #blau_a {
background: url("../images/css/tab_an_blau_links.jpg")
no-repeat left top;
}

#header #blau_li {
background: url("../images/css/tab_an_blau_rechts.jpg")
no-repeat right top;
}


.blau_tog {
background-color: rgb(84,135,150) !important;
border: solid;
border-width: 1px;
border-color: rgb(63,101,112);
}
.blau_element {
background-color: rgb(106,169,189);
border: solid;
border-width: 2px;
border-color: rgb(63,101,112);

}




#header #current_rot {	
		background: url("../images/css/tab_an_rot_rechts.jpg")
		no-repeat right top;
		border-bottom: none;
   
}	
	
#header #current_a_rot	{
		background: url("../images/css/tab_an_rot_links.jpg")
	    no-repeat left top;	
	    padding-bottom: 5px;
}	   	
		
	    
	
	
#header #rot_a {
background: url("../images/css/tab_an_rot_links.jpg")
no-repeat left top;
}

#header #rot_li {
background: url("../images/css/tab_an_rot_rechts.jpg")
no-repeat right top;
}


.rot_tog {
background-color: rgb(128,79,95) !important;
border: solid;
border-width: 1px;
border-color: rgb(166,103,124);
}
.rot_element {
background-color: rgb(166,103,124);
border: solid;
border-width: 2px;
border-color: rgb(128,79,95);

}



	
#header #current_dgruen {	
		background: url("../images/css/tab_an_dgruen_rechts.jpg")
		no-repeat right top;
		border-bottom: none;
   
}	
	
#header #current_a_dgruen	{
		background: url("../images/css/tab_an_dgruen_links.jpg")
	    no-repeat left top;	
	    padding-bottom: 5px;
}	   	
		
	    
	
	
#header #dgruen_a {
background: url("../images/css/tab_an_dgruen_links.jpg")
no-repeat left top;
}

#header #dgruen_li {
background: url("../images/css/tab_an_dgruen_rechts.jpg")
no-repeat right top;
}

.dgruen_tog {
background-color: rgb(116,172,113) !important;
border: solid;
border-width: 1px;
border-color: rgb(90,133,88);
}
.dgruen_element {
background-color: rgb(189,209,138);
border: solid;
border-width: 2px;
border-color: rgb(90,133,80);

}


/*Ende des Bereichs Header*/

/*Beginn des Bereichs Inhalt*/




/*  Listen
-----------------------------------------*/




/* Formularelemente
-----------------------------------------*/