/*

/ccs für das Freie Musical-Ensemble Münster

/ erstellt von Tobias Hartz

/ http://www.tobias-hartz.de

*/



body {

  margin:0px;

  margin-top:5px;

  text-align:center;

}

.tbpadding{
padding:10px;
}



#container {

  font:normal 14px Arial, Helvetica, sans-serif;

  color:#5d5d5d;

	text-decoration:none;

  margin: 0 auto;

  width:990px;

  min-height:600px;

  background-image:url(bg.jpg);

  background-repeat:repeat-y;

  text-align: left;

}



#details{

  text-decoration:none;

  width:540px;

  background-color:whitesmoke;

  padding:10px;

}







#outer{ 

border-left: solid 128px #D7D7D7; /* linke Menue Spalten Farbe  */ 

margin-right: 180px ; /* rechte Menue Spalten Farbe  */ 

background-color: #ffffff; /* Farbe fuer Inhalt Spalten  */

} 



#inner{margin:0; width:100%; }



#left {

  float:left;

  width:150px;

  margin-left:20px;

  

}



#right {

  float:right;

  width:743px;

  margin-right:20px;

}

.bggrey{
background-color:#eeeeee;
}


.border{
  border:3px solid;
  border-color:darkred;
}

.center_box{
  border: 2px solid;
  border-color:darkred;
  width:454px;

}

.center_box a:visited{
  border-color:darkred;

}

img{

  border:0px;

}



#logo_pos{

  float:left;

}



#left_spacer{

  float:left;

  height:40px;

  width: 130px;

}





.opacity:hover img{

  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);

  -moz-opacity: .5;
}





.opacity

{

padding: 5px 22px 5px 1px;

text-decoration: none;

color: #6D6E71;

}



.opacity:hover {

background-image: url(../images/menu-back.gif);

background-position: bottom right;

background-repeat: no-repeat;

padding: 5px 22px 5px 1px;

text-decoration: none;

color: #6D6E71;

}





#menu_item{

font-size: 14px;

margin-bottom:3px;

margin-top:3px;

margin-left:42px;

line-height: 24px; 

}





#submenu_item{

  font:normal 12px Arial, Helvetica, sans-serif;

  margin-left:52px;

  margin-top:6x;

  margin-bottom:4px;

  text-align: left;



}



#submenu_item a{

  text-decoration:none;

  color:#6D6E71;

  

  

}

#submenu_item a:hover{

  text-decoration:none;

  color:#B82741;  

}



.darkred{

 color:#B82741; 

}



.bold{

 font-weight:bold;

}



#menu_right {

float:right;

}



#menu_left {

float:left;

}





div#navi-top {

  height:25px; 

  text-align: right; 

  padding-right: 20px; 

  font-size:11px; 

  font-family:Arial, Helvetica, sans-serif; 

  color: #6D6E71; 

  line-height: 25px; 

}



a:link#navi-top  {

  line-height: 25px;

  padding: 5px 12px 5px 1px;

  margin-right: 10px;

  color: #6D6E71; 

  text-decoration: none;

}

  

a:visited#navi-top  {

  line-height: 25px;

  padding: 5px 12px 5px 1px;

  margin-right: 10px;

  color: #6D6E71; 

  text-decoration: none;

}

  

a:hover#navi-top  {

  background-image: url(../images/navi-back.gif);

  line-height: 25px;

  background-position: right top;

  background-repeat: no-repeat;

  padding: 5px 12px 5px 1px;

  margin-right: 10px;

  text-decoration: none;

}







#title{

  font-weight:bold;

  position: relative;

  font-size:20px;

  color:whitesmoke;

  left:0px;

  top:0px;

  padding-top:15px;

  padding-left:10px;

  padding-right:10px;

  background-color:#0A264C;

  width:965px;

  height:40px;

}



#title a{

  color:whitesmoke;

  text-decoration:none;

}



h1 a{

text-decoration:none;

}



h2 {  

	font: 100% Arial, Helvetica, sans-serif;

	color:darkblue;		  

}



h2 a{

  color:red;

}





#menue_links a{

text-decoration:none;

}



.active{

color:#eabc1d;

}



.bold{

font-weight:bold;

}



.menu_item{

color:#0A264C;

}

.menu_item:hover{

color:#eabc1d;

background-color:#0A264C;

}



#content{

  float:left;

  left:10px;

  top:0px;

  text-decoration:none;

  width:500px;

}



#spacer_vor_content_box{

  

  float:left;

  width:740px;

  height:36px;

}



#spacer_vor_top_menu{

  

  float:left;

  width:740px;

  height:70px;

}



#content_box{

  float:left;

  text-decoration:none;

  width:740px;

}



#content_gb_box{

  margin-left:40px;

  float:left;

  text-decoration:none;

  width:740px;

}



#content_box_left_column{

  float:left;

  text-decoration:none;

  width:350px;

}







#content_box_right_column{

  

  float:right;

  text-decoration:none;

  width:350px;

}





#content_box_galerie_column1{

  float:left;

  text-decoration:none;

  width:246px;

}

#content_box_galerie_column2{

  float:left;

  text-decoration:none;

  width:246px;

}

#content_box_galerie_column3{

  float:left;

  text-decoration:none;

  width:246px;

}









#content_galerie{

  float:left;

  left:10px;

  top:0px;

  text-decoration:none;

  width:900px;

}



#image_container{

  float:right;

  left:0px;

  padding-top:60px;

  text-decoration:none;

  width:420px;

  

}



#content a{

  text-decoration:none;

}



a{

  text-decoration:none;

  color:#B82741; 

}



#verlauf {

  background-color:#c7d78e;

}



#verlauf a{

  text-decoration:none;

}



td{

  padding-right:20px;

}



th{

  background-color:#c7d78e;

  padding-right:15px;

}



.delete{

  font-size:9px;

  background-color:#eabc1d;

  width:70px;

  

}



.change{

  font-size:9px;

  background-color:#c7d78e; 

  width:70px;

}



.change:hover{

  font-weight:bold;

  color:red;

}



.delete:hover{

  font-weight:bold;

  color:red;

}



.new{

  font-size:9px;

  background-color:#c7d78e; 

  color:black;

  width:220px;

  vertical-align:center;

}



.new:hover{

  font-weight:bold;

  color:red;

  width:220px;

  vertical-align:center;

}