/* ========== Allgemeine Einstellungen ========== */


/* breite der gesamtkonstruktion in pixel - index.html*/
#breite {width:920px}

/* breite der gesamtkonstruktion in prozent - index2.html */
#breite_version2 {width:87%}


body
{
	margin-top: 20px; 
	margin-left: 0px; 
	margin-right: 0px;
	margin-bottom: 20px;        
	background-color: #494947;
}

h2
{
	color: #b4b4b4;
	margin-bottom: 25px;
	letter-spacing: 2px;
	font-family: georgia, arial, helvetica, verdana, tahoma, sans-serif;
	font-size: 22px;
}

h3
{
	color: #b4b4b4;
	margin-bottom: 15px;
	letter-spacing: 2px;
	font-family: georgia, arial, helvetica, verdana, tahoma, sans-serif;
	font-size: 18px;
}

h4
{
	color: #b4b4b4;
	margin-bottom: 15px;
	letter-spacing: 2px;
	font-family: arial, helvetica, verdana, tahoma, sans-serif;
	font-size: 15px;
}

#haupt
{
	border:solid 1px #000
}

/* farbige scrolleiste internet explorer ab vers.5.5 */
body
{
	scrollbar-arrow-color: #535353;
	scrollbar-base-color: #2d2d2d;
	scrollbar-highlight-color : #535353;
	scrollbar-shadow-color : #535353;
	SCROLLBAR-TRACK-COLOR: #202020;
}


/* ========== Kopfbereich ========== */

#top1
{
	height: 100px;
	background-color: #454545;
	color: #56686D;
	width: 100%;
	vertical-align: middle;
	text-align: center;
	font-family: georgia, arial,tahoma,verdana,helvetica, sans-serif;
	font-size: 17px;line-height: 20px;
	padding-left: 20px;
	background-image: url(images/schatten_ob.jpg);
	background-repeat: repeat-x;
	background-position: 50% 0%;
}

#name
{
	font-family: georgia, arial,tahoma,verdana,helvetica, sans-serif;
	font-size: 17px;line-height: 20px;
	font-variant:small-caps;
	letter-spacing:10px;
	color:#b4b4b4;
}

#top2
{
	height:80px;
	background-color:#454545;
	color:#56686D;
	width:100%;
	vertical-align:middle;
	border-top:solid 1px #000;
	border-bottom:solid 1px #000;
}

#top3
{
	background-color:#3A3A3A;
	color:#b4b4b4;
	height:350px;
	vertical-align:middle;
	text-align:center;
	font-family: georgia, arial, helvetica, tahoma ,verdana,  sans-serif;
	font-size: 22px;line-height: 20px;
	font-variant:small-caps;
	vertical-align:top;
	text-align:left;
	background-image:url(images/logo2.jpg);
	background-repeat:no-repeat;
	/*background-position: 100% 100%;*/
	background-position: center;
	border-bottom:solid 1px #000;
}

#top3m
{
	background-color:#3A3A3A;
	color:#b4b4b4;
	height:350px;
	vertical-align:middle;
	text-align:center;
	font-family: georgia, arial, helvetica, tahoma ,verdana,  sans-serif;
	font-size: 22px;line-height: 20px;
	font-variant:small-caps;
	vertical-align:top;
	text-align:left;
	background-image:url(images/logo2m.jpg);
	background-repeat:no-repeat;
	/*background-position: 100% 100%;*/
	background-position: center;
	border-bottom:solid 1px #000;
}

/* ========== Mittelbereich ========== */

#nav
{
	padding: 0 0 0 0 ;
	text-align:center;
	vertical-align:top;
	background-color:#454545;
	background-image:url(images/schatten_ob.jpg);
	background-repeat:repeat-x;
	background-position:  50% 0%;
	border-top:solid 1px #5A5556;
	border-left:solid 1px #5A5556;
	border-bottom:solid 1px #000;
}

/* breite der rechten spalte in pixel */
#nav_breite
{
	width: 250px;
}

#textbox2
{
	height:900px;
	background-color:#454545;
	text-align:justify;
	font-size: 15px;line-height: 20px;
	font-family: arial,tahoma,verdana,helvetica, sans-serif;
	color:#b4b4b4;
	padding-top: 60px;
	padding-bottom: 60px;
	padding-left: 30px;
	padding-right:30px;
	letter-spacing:0px;
	width:100%;
	vertical-align:top;
	background-image:url(images/schatten_ob.jpg);
	background-repeat:repeat-x;
	background-position:  50% 0%;
	border-top:solid 1px #5A5556;
	border-bottom:solid 1px #000;
}

#textbox
{
	height:700px;
	background-color:#454545;
	text-align:justify;
	font-size: 15px;line-height: 20px;
	font-family: arial,tahoma,verdana,helvetica, sans-serif;
	color:#b4b4b4;
	padding-top: 60px;
	padding-bottom: 60px;
	padding-left: 60px;
	padding-right:60px;
	letter-spacing:0px;
	width:100%;
	vertical-align:top;
	background-image:url(images/schatten_ob.jpg);
	background-repeat:repeat-x;
	background-position:  50% 0%;
	border-top:solid 1px #5A5556;
	border-bottom:solid 1px #000;
	border-right:solid 1px #000;
}

#textbox a, #textbox a:visited , #textbox a:active
{
	font-size:11pt;                                
	line-height:17pt;                               
	font-family:arial,tahoma,verdana,helvetica, sans-serif;                 
	text-decoration:none;color:#b4b4b4;
	background-color:#454545;
}

#textbox a:hover
{
	text-decoration:none;
	color:#fff;text-decoration:none;
}

#text3
{
	vertical-align:top;
	text-align:justify;
	font-family:arial,tahoma,verdana,helvetica, sans-serif; 
	font-size: 15px;line-height: 20px;                                                     
	color:#b4b4b4;                                                             
	background-color:#454545;
	height:40px;                                                                     
 }


/* ========== Einstellungen für die Gallerie ========== */

#gallery
{
	height:900px;
	background-color:#454545;
	text-align:justify;
	font-size: 15px;line-height: 20px;
	font-family: arial,tahoma,verdana,helvetica, sans-serif;
	color:#b4b4b4;
	padding-top: 60px;
	padding-bottom: 60px;
	padding-left: 30px;
	padding-right:30px;
	letter-spacing:0px;
	width:100%;
	vertical-align:top;
	background-image:url(images/schatten_ob.jpg);
	background-repeat:repeat-x;
	background-position:  50% 0%;
	border-top:solid 1px #5A5556;
	border-bottom:solid 1px #000;
}

#galcon
{
	vertical-align:middle;
	text-align:center;
	font-family:arial,tahoma,verdana,helvetica, sans-serif;                                                      
	color:#b4b4b4;                                                             
	width:250px;
	height:250px; 
	background-color:#454545;                                                                     
 }

#galfoot
{
	vertical-align:middle;
	text-align:center;
	font-family:arial,tahoma,verdana,helvetica, sans-serif; 
	font-size: 15px;line-height: 20px;                                                     
	color:#b4b4b4;                                                             
	background-color:#454545;
	height:40px;                                                                     
 }


/* ========== Einstellungen für die Konzert-Liste ========== */

#fort a, #fort a:visited , #fort a:active
{
	font-size:9pt;                                
	line-height:12pt;                               
	font-family:arial,tahoma,verdana,helvetica, sans-serif;                 
	text-decoration:none;color:#b4b4b4;
	background-color:#454545;
}  

#fort a:hover
{
	text-decoration:none;
	color:#fff;text-decoration:none;
}
#fort p
{
	font-size:16pt;                                                               
	line-height:28pt;                                                                 
	font-family:arial,tahoma,verdana,helvetica, sans-serif;                                                      
	color:#b4b4b4;                                                                    
	font-weight:bold;                                                                 
	vertical-align:middle;
}                                                           

#fort td
{
	font-size:9pt;                                                               
	line-height:18pt;                                                                 
	font-family:arial,tahoma,verdana,helvetica, sans-serif;                                                      
	color:#b4b4b4;                                                                    
	vertical-align:middle;                                                            
	padding-left:3px;                                                                 
	padding-right:2px;                                                                
	height:20px;                                                                      
   	background-color:#454545;
 }
                                
#fort th
{
	font-size:10pt;                                                               
	line-height:20pt;                                                                 
	font-family:arial,tahoma,verdana,helvetica, sans-serif;                                                      
	font-weight:bold;                                                                 
	color:#b4b4b4;                                                                    
	vertical-align:middle;                                                            
	text-align:left;                                                                  
	padding-left:5px;                                                                 
	padding-right:2px;                                                                
	height:20px;                                                                      
	background-color:#454545;
}                                  

/* ========== Einstellungen für die RasPi-Seite ========== */

#raspi td
{
	font-size:12pt;                                                               
	line-height:18pt;                                                                 
	font-family:arial,tahoma,verdana,helvetica, sans-serif;                                                      
	color:#b4b4b4;
   	vertical-align:middle;                                                            
	padding-left:5px;                                                                 
	padding-right:5px;                                                                
	height:20px;                                                                      
   	background-color:#454545;
 }
 
#raspi2 td
{
	font-size:12pt;                                                               
	line-height:18pt;                                                                 
	font-family:arial,tahoma,verdana,helvetica, sans-serif;                                                      
	color:#b4b4b4;                                                                    
	vertical-align:middle;                                                            
	padding-left:5px;                                                                 
	padding-right:5px;                                                                
	border: 1px solid; 
	border-collapse: collapse; 
	height:20px;                                                                      
   	background-color:#454545;
 }
     

/* ========== Fussbereich - in fuss_mitte steht der text========== */

#fuss_ob
{
	height:7px;
	background-color:#454545;
	width:100%;
	border-top:solid 1px #5A5556
}

#fuss_mitte
{
	height:30px;
	color:#b4b4b4;
	background-color:#454545;
	font-family: georgia, arial, helvetica, tahoma ,verdana,  sans-serif;
	font-size: 14px;line-height:20px;
	text-align:center;
	width:100%;
	vertical-align:middle;
}

#fuss_mitte a, #fuss_mitte a:visited , #fuss_mitte a:active
{
	color:#b4b4b4;
	background-color:#454545;
	font-family: georgia, arial, helvetica, tahoma ,verdana,  sans-serif;
	font-size: 14px;line-height:20px;
	text-decoration:none;color:#b4b4b4;
	background-color:#454545;
}

#fuss_un
{
	height:45px;
	background-color:#454545;
	width:100%;
	vertical-align:middle;
	text-align:center;
	background-image:url(images/schatten_un.jpg);
	background-repeat:repeat-x;
	background-position:  50% 0%;
}


/* ========== Schatten um Hauptbereich ========== */

#s1
{
	background-image:url(images/s1.jpg);
	background-repeat:no-repeat;
	background-position:  100% 0%;
	height:22px;
	line-height:22px;
	width:22px;
}

#s2
{
	background-image:url(images/s2.jpg);
	background-repeat:repeat-x;
	background-position:  0% 0%;
	height:22px;
	line-height:22px;
	width:100%;
}

#s3
{
	background-image:url(images/s3.jpg);
	background-repeat:repeat-x;
	background-position:  0% 0%;
	height:22px;
	line-height:22px;
	width:22px;
}

#s4
{
	background-image:url(images/s4.jpg);
	background-repeat:repeat-y;
	background-position:  100% 0%;
	height:100%;
	width:22px;
}

#s4back
{
	background-image:url(images/s4back.jpg);
	background-repeat:repeat-y;
	background-position:  100% 0%;
	height:100%;
	width:22px;
	vertical-align:top
}


#s6
{
	background-image:url(images/s6.jpg);
	background-repeat:repeat-y;
	background-position:  0% 0%;
	height:100%;
	width:22px;
}

#s6back
{
	background-image:url(images/s6back.jpg);
	background-repeat:repeat-y;
	background-position:  0% 0%;
	height:100%;
	width:22px;
	vertical-align:top
}


#s7
{
	background-image:url(images/s7.jpg);
	background-repeat:no-repeat;
	background-position:  100% 0%;
	height:22px;
	line-height:22px;
	width:22px;
}

#s8
{
	background-image:url(images/s8.jpg);
	background-repeat:repeat-x;
	background-position:  0% 0%;
	height:22px;
	line-height:22px;
	width:100%;
}

#s9
{
	background-image:url(images/s9.jpg);
	background-repeat:no-repeat;
	background-position:  0% 0%;
	height:22px;
	line-height:22px;
	width:22px;
}