/*

	   Sinfonieorchester des Landkreises Kaiserslautern Homepage - Version 0.1 Beta
	   Copyright (c) 2009. All Rights Reserved.
*/


body {
	margin: 50px 0 0 0;
	padding: 0px;
	text-align: left;
	font-family:  Tahoma, Arial,  Verdana,  Helvetica, sans-serif;
	font-size: 0.83em;
    min-width: 41em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
	}



#innerbody_start {
    background: url(img/kreis2.png);
    background-color: #1F1A17;
	background-repeat: no-repeat;
    background-position: top left;
    height:auto;
    width:650px;

	}

#innerbody {
    background: url(img/kreis.png);
    background-color: #1F1A17;
	background-repeat: no-repeat;
    background-position: top left;
        height:auto;
	width:650px;
	}

#innerbody_edit {
    background: url(img/kreis3.png);
    background-color: #ffffff;
	background-repeat: no-repeat;
    background-position: top left;
    height:auto;
    width:650px;

	}


#innerbody_f{
    background: url(img/kreis_f.gif);
    background-color: #1F1A17;
	background-repeat: no-repeat;
    background-position: top left;
	height:auto;
	width:650px;
	}


p, ul, ol {
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 1em;
	color:#1F1A17;
    line-height:1.6em;
	margin-bottom:0.5em;
	margin-top:0.5em;
	}

#background {

   position:absolute;
   top:0px;
   left:0px;
   width:790px;
   height:790px;
   
}




#logo {
   position:absolute;
   top:37px;
   left:17px;
   width:175px;
   height:175px;

}



#wrapper {

	width: auto;
	height: 100%;
	margin: 0px 0 0 0; /* DAMIT SCHIEBE ICH DEN GANZEN CONTENT BEREICH NACH UNTEN. NUR NICHT IM IE */
	text-align: left;
	}



#left {
	position: absolute;
	width: 180px;
	margin-left: 0px;

	left: 14px;
	/*overflow:auto;*/

	white-space:nowrap;
	height: 178px;

	}

.orchester {
	top:180px;
}

.foerder {
	top:250px
}

#left .navigation,
#left .navigation_f {
	margin: 0;
	padding: 0 0 0 15px;
	font-weight: normal;
	text-align:left;
	list-style-type:none;
	}

#left .navigation li,
#left .navigation_f li  {
	list-style-type: none;
	}

#left .navigation a {
	display: block;
	line-height: 1.6em;
	/*height: 2em;*/
	text-decoration: none;
    font-weight:bold;
/*falls nicht bold#F9722D*/	color:#F0651E;
    background: url("img/button_navi.gif") no-repeat;
    vertical-align:bottom;
	padding: 0 0 0 15px;
	}

#left .navigation a:hover {
/*falls nicht bold#F9722D*/	color:#FFFFFF;
    background: url("img/button_navi_hover.gif") no-repeat;
	}

#left .navigation2 ul {
	padding: 0 55px 0 15px;
	line-height:2em;
	height: 20px;
	text-decoration: none;
    font-weight:bold;
	color: #F0651E;

	}

#left .navigation a:hover {
	/*background-color: #ffffff;*/
	color: #ffffff;
	}


#left .navigation a:active {
	/*background-color: #ffffff;*/
	color: #ffffff;
	}

#left a.selected, #left ul a.selected {
	color: white;
	font-weight: bold;
    background: url("img/button_navi_hover.gif") no-repeat;
	/*background-color: #5AD6A2;*/
	}

/*Förderverein Navigation */

#left .navigation_f a {
	display: block;
	line-height:1.4em;
	height: 20px;
	text-decoration: none;
    font-weight:bold;
/*falls nicht bold#F9722D*/	color:#F01E3C;
    background: url("img/button_navi_f.gif") no-repeat;
    vertical-align:bottom;
	padding: 3px 0 0 15px;
	}

#left .navigation_f a:hover {
/*falls nicht bold#F9722D*/	color:#FFFFFF;
    background: url("img/button_navi_hover_f.gif") no-repeat;
	}

#left .navigation2_f ul {
	padding: 0 55px 0 15px;
	line-height:2em;
	height: 20px;
	text-decoration: none;
    font-weight:bold;
	color: #F01E3C;
	}
/*DD6E2D*/

#left .navigation_f a:hover {
	/*background-color: #ffffff;*/
	color: #ffffff;
	}


#left .navigation_f a:active {
	/*background-color: #ffffff;*/
	color: #ffffff;
	}

#left a.selected_f, #left ul a.selected_f {
	color: white;
	font-weight: bold;
    background: url("img/button_navi_hover_f.gif") no-repeat;
	/*background-color: #5AD6A2;*/
	}

#left .Banner {
border:1px solid #F0651E;
	width: 145px;
	margin: 5px 0 0 5px;
padding: 10px;
}

#left .Banner_f {
border:1px solid #F01E3C;
	width: 145px;
	margin: 5px 0 0 5px;
padding: 10px;
}

#left .Banner_f a {
	color: #F01E3C;
	text-decoration: none;
	font-size: 0.90em;
	font-weight: normal;
    background: url("img/button_link_intern2.gif") no-repeat;
    padding-left: 15px;
	}

#left .Banner_f a:hover {
	color: #F01E3C;
	text-decoration: underline;
	font-size: 0.90em;
	font-weight: normal;
    background: url("img/button_link_intern_hover2.gif") no-repeat;
    padding-left: 15px;
	}


#left .Banner a {
	color: #F0651E;
	text-decoration: none;
	font-size: 0.90em;
	font-weight: normal;
    background: url("img/button_link_intern2.gif") no-repeat;
    padding-left: 15px;
	}

#left .Banner a:hover {
	color: #F0651E;
	text-decoration: underline;
	font-size: 0.90em;
	font-weight: normal;
    background: url("img/button_link_intern_hover2.gif") no-repeat;
    padding-left: 15px;
	}

#left p {
	font-family:  Arial, Tahoma, Helvetica, sans-serif;
    color:#ffffff;    line-height:1.5em;
    margin:5px 0 0 0;
}

#left h3 {
	font-family:  Tahoma, Arial, Verdana, Helvetica, sans-serif;
    font-size:1.0em;
    margin:0px;
font-weight:normal;

}

.orch {
color:#ffffff;;
}

.foerd {
	color: #ffffff;
}

#kasten_left {
overflow:hidden;
position: relative;
	top: 40px;
	max-width: 190px;
	left: 15px;
}


#kasten_middle1 {
	
	position: absolute;
	top: 49px;
	width: 220px;
    min-height: 230px;
	max-height: 305px;
	left: 290px;
}

#kasten_middle2 {
	
	position: absolute;
	top: 49px;
	width: 220px;
    min-height: 230px;
	max-height: 305px;
	margin-left: 0px;
	left: 570px;

}

#kasten_middle3 {
	
	position: absolute;
	top: 49px;
	width: 220px;
    min-height: 230px;
	max-height: 305px;
	margin-left: 0px;
	left: 850px;

}


#kasten_left p,
#kasten_middle1 p,
#kasten_middle2 p,
#kasten_middle3 p {
	font-family:  Arial, Tahoma, Helvetica, sans-serif;
    color:#ffffff;
    line-height:1.5em;
    margin-top:1.4em;
    margin-left:0px;
	}

#kasten_left h3,
#kasten_middle1 h3,
#kasten_middle2 h3,
#kasten_middle3 h3 {
	font-family:  Arial, Tahoma, Helvetica, sans-serif;
    font-size:1.3em;
    color:#F0651E;
	}

#kasten_left h4,
#kasten_middle1 h4,
#kasten_middle2 h4,
#kasten_middle3 h4 {
	font-family:  Arial, Tahoma, Helvetica, sans-serif;
    font-size:1.0em;
    color:#F0651E;
	}

#kasten_left hr,
#kasten_middle1 hr,
#kasten_middle2 hr,
#kasten_middle3 hr {
	margin: -10px 0 -10px 0px;
    border: none;
    border-bottom: #F0651E 1px solid;

	}

#kasten_left a,
#kasten_middle1 a,
#kasten_middle2 a,
#kasten_middle3 a {
	color: #F0651E;
	text-decoration: underline;
	font-weight: normal;
    padding-left: 0px;
	/*text-transform:uppercase;*/
	}

#kasten_left a:hover,
#kasten_middle1 a:hover,
#kasten_middle2 a:hover,
#kasten_middle3 a:hover {
	color: #994012;
	}

#kasten_left a:visited,
#kasten_middle1 a:visited,
#kasten_middle2 a:visited,
#kasten_middle3 a:visited
 {
    color: #994012;
}

#kasten_left a:hover:visited,
#kasten_middle1 a:hover:visited,
#kasten_middle2 a:hover:visited,
#kasten_middle3 a:hover:visited
 {
    color: #695C55;
}

#NoLinkImage {
    background: url("") no-repeat;
}



#content_start {
	position: absolute;
	top: 506px;
	left: 404px;
	width: 410px;
	overflow:auto;

}

#content {
	position: absolute;
	top: 160px;
	left: 550px;
    width: 680px;
/*    min-width: 445px;
    max-width: 700px;*/
    /*min-*//*height: 100%;*//*600px;*/
/*	max-height: 650px; /*1450px*/
	margin-right: 30px;
	overflow: auto;
}


#support {
	position: absolute;
	top: 374px;
	left: 308px;
	width:230px;
	margin-right: 30px;
	height: 52px;
}

#support_start {
	position: absolute;
	top: 410px;
	left: 850px;
	width:230px;
	margin-right: 30px;
	height: 264px;
}

/*#decker {
    position: absolute;
    top: 0px;
    left: 317px;
    width: 236px;
    height: 343px;
    background: url(img/decker.jpg);
    background-color: #123123;
}*/

.HeaderBild {
	width:750px; 
	overflow: hidden; 
	position: relative; 
	top: 165px; 
	left:550px
}

#col3_content {

width:98%;
/*background-color:#FFFFFF;*/
/*height: 1200px;*/
/*height: 100%;/*400px;*/
/*max-height: 1200px; /*####### Das weglassen bei unten offenem Kreis #########*/
}

.foerder {
}

.bildunterschrift {
	font-size: 0.85em;
}

.jahreszahl {color: #E07037; font-size: x-large; }

#col3_content h1,
#slider h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
    line-height:1.4em;
    color: #3B3B3B;

}

#col3_content h2,
#slider h2 {
	font-family:  Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.2em;
    line-height:1.6em;
	color: #3B3B3B;

}

#col3_content h3,
#slider h3 {
	font-family:  Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 1em;
	font-weight:bold;
    line-height:1.6em;
	color: #1F1A17;
/*	Damit erzwinge ich, dass die Elemente, die über oder unter einer solchen Überschrift platziert sind, 
nur mit einem einfachen Zeilenumbruch getrennt sind */
	margin-bottom:0em;
	margin-top:0em;
    margin-left:0px;

}

/* u.U. kann man die Formatierung #headnote, #footnote in die h4 übernehmen. Hätte den Vorteil, dass diese Formatierung über die Wiki-Eingabeoberfläche
ansprechbar wäre. Allerdings beim automatischen TOC müsste die 4. Ebene ausgeblendet werden!?!?
Brauchen die Forscher mehr als 3 Gliederungsebenen für die Texte - aus Usability sicht wäre es wünschenswert, nur 3 Ebenen zu haben.  */
#col3_content h4,
#slider h4 {
	font-size: 1em;
	font-weight:normal;
    line-height:1.6em;
	margin-bottom:-1em;
	margin-top:-0.8em;
	color: #1F1A17;
}

#col3_content hr {
    margin: 10px 0 10px 0;
	border: none;
    border-bottom:#999999 1px solid;
    clear:both
}


/* normaler Link, intern */
#col3_content a,
#slider a {

	font-weight:bold;
	font-family: Arial, sans-serif;;
	/* padding-left:14px; */
    color: #F0651E;
	border:none;
    text-decoration:none;
	/*text-transform:uppercase;*/
    text-decoration: underline;
}

#col3_content .linkfoerder a  {
    color: #F01E3C;
}

#col3_content a:hover, 
#col3_content a:visited:hover,
#slider a:hover, 
#slider a:visited:hover {
    color: #994012;
	border:none;
	/*text-transform:uppercase;*/
}

#col3_content .linkfoerder a:hover,
#col3_content.linkfoerder a:visited:hover  {
    color: #AE172D;
}

#col3_content a:visited,
#slider a:visited
 {
    color: #695C55;
}

#col3_content .linkfoerder a:visited  {
    color: #6C585B;
}

/* externer Link */
#col3_content a[href^="http:"]
 {
	font-weight:normal;
	text-transform: none
}



/* Klasse zum Vermeiden von Icons, z.B. bei Ankerpunkt, Bild-Link etc. */

#col3_content  a.noicon {
    padding-left: 0px;
	border-style:none;
}

#col3_content a.noicon:hover, 
#col3_content a.noicon:visited:hover  {
	border:none;
}


#col3_content ul, ol {
	/* margin-left:-20px; */
	margin-left:0px;
}

#col3_content ul {
	list-style-type: square;
}

#repertoire ul li {
	list-style-type: none;
line-height: 1.6em;
border-top:#999999 1px solid;
padding: 7px 0 7px 0;
/* padding: 10px 0 10px 0; */
margin: 0 0 0 -40px;
/* margin: 0 0 0 -20px; */
}


#col3_content table {
/* Welche Maximalbreite ist sinnvoll? Überhaupt sinnvoll? */
	max-width:650px;
/*	border-width:1px;
	border-style:solid;
	border-color:#FFCDB0;*/
    border:none;
	border-collapse:collapse;
	text-align:left;
/*	color:#1F1A17;*/
}

#col3_content  .noLine {
	border:none;
	line-height:1.6em;

}

#col3_content th {
	font-weight: bold;
    font-size:1.2em;
    background-color:#DDDBDA;
	padding: 3px 15px 3px 15px;
	line-height:1.6em;
}

#col3_content td {
	vertical-align:top;
	line-height:1.6em;
	margin-bottom:0.2em;
	padding-right:15px;

}

#col3_content table p,
#col3_content table h1,
#col3_content table h2,
#col3_content table h3
{
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	color:#1F1A17;
    margin-left:15px;

}

#col3_content table h2
{
	padding-left:5px;
	padding-right:10px;
	color:#1F1A17;
	
}



#col3_content #tdLineTop {
	border:none;
	border-top:solid 1px #999999;
	border-bottom:solid 1px #999999;
    
}

#col3_content #tdLineTop h3 {
    margin-top:6px;
}

#col3_content #tdLineTop td p {
    margin-bottom:2px;
}



#col3_content tr {

}

#col3_content img {
	margin:5px;
}

#col3_content .left {
	float:left;
}

#col3_content .right {
	float:right;
}

#col3_content #highlighted {
	color:#010101;
	background-color:#FFF4ED;
	vertical-align:bottom;
}



#col3_content .center {
	text-align: center;
}

#col3_content #Box {
	width: 97%;
	position:relative;
	float: none;
}


#col3_content #BoxLeft {
	width: 45%;
	position:relative;
	float: none;

}


#col3_content #BoxRight {
	width: 45%;
	position:relative;
	float: right;

}

#col3_content .hinterlegt {
 	background-color:#E7EEF8;
   	padding: 10px 15px 10px 15px;


	}

#col3_content .neutral {
   	padding: 5px 30px 5px 0px;
	}
	

#col3_content .headnote, 
#col3_content .footnote {
    font-size:0.85em;
	color:#686868;
}


#col3_content input, 
#col3_content select, 
#col3_content textarea { 
 
	font-family:Tahoma,Verdana,sans-serif; 
	font-weight:normal; 
	color:#3b393d;
	color:#67676b;  
	border:1px solid #1a4484;
}

#col3_content .Bereich, 
#col3_content .Feld { 
	background-color:#ffffff; 
	width:400px; 
	border:1px solid #1a4484; 
}

#col3_content .Auswahl { 
	width:400px; 
	border:1px solid #1a4484; 
}

#col3_content .Check, 
#col3_content .Radio { 
	background-color:#ffffff; 
	border-style: none; 
}

#col3_content .Button {
	background-color:#1a4484; 
	color:#fff; 
	border:1px solid #1a4484; 
}

#col3_content .repNoInstrument {
width: 94%; 
padding-left: 2%; 
padding-right: 2%; 
}

#col3_content .repInstrument {
width: 27%; 
padding-left: 2%; 
padding-right: 2%; 
float: left;
}


/* Förderverein */


.clear {


	clear: both;


	}




.hidden {


	visibility: hidden;


	display: none;


	width: 0;


	height: 0;


	}











span#date {


	margin-left:-25px;


}









/* Mozilla code */