* {
margin: 0;
padding: 0;
}

html, body {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 100%;
color: #000;
background: #fff;
height: 100%;
}

#wrapper {
width: 960px;
height: 100%;
font-size: 95%;
}

/*------- workflow icons------- */
.wkf {
padding-left: 10px;
}

/* ------- links allgemein -------*/
a {
color: #ff0033;
text-decoration: none;
}
a:hover,
a:active {
color: #ff6600;
}

/*------- header -------*/
#header {
width: 911px;
height: 180px;
}
#logoBox {
width: 165px;
height: 180px;
float: left;
}
#headerMenuBox {
width: 742px;
height: 130px;
margin-left: 165px;
}

/*------- main menue + menue links-------*/
#menuBox {
width: 178px;
min-height: 343px;
float: left;
padding: 40px 10px 10px 20px;
}
#menuBox a.active {
color: #ff6600;
text-decoration: none;
}
#menuBox a:hover.active {
color: #ff6600;
}
#menuBox a.inactive {
color: #ff0033;
text-decoration: none;
}
#menuBox a:hover.inactive {
color: #ff6600;
}
.mainMenu {
list-style-type: none;
background-image: url(../img/doppelPoint.gif);
background-repeat: no-repeat;
padding: 8px 0 8px 10px;
background-position: left center;
}
.subMenu {
padding: 3px 0 3px 10px;
list-style-type: none;
}
.subMenu a.active {
text-decoration: none;
}
.subMenu a:hover.active {
color: #ff6600;
}
.subMenu a.inactive {
text-decoration: none;
}
.subMenu a:hover.inactive {
color: #ff6600;
}
/*------- content -------*/
#contentArea {
margin-top: 10px;
width: 571px;
min-height: 393px;
float: left;
}
#contentArea h2 {
font-size: 100%;
font-weight: bold;
padding: 0 0 20px 10px;
}
#contentArea ul {
margin-left: 20px;
}
#title {
width: 551px;
min-height: 20px;
font-weight: normal;
color: #666;
padding: 5px 10px 5px 10px;
float: left;
}
#newsBox {
width: 531px;
float: left;
padding: 0 10px 10px 10px;
color: #666;
}
#newsBox h3 {
font-size: 100%;
font-weight: bold;
}
a.newsLinkMore {
display: block;
margin-bottom: 30px;
} 
#contentBox1 {
width: 531px;
min-height: 215px;
float: left;
padding: 0 10px 10px 10px;
color: #666;
line-height: 1.6em;
}
#contentBox2 {
width: 531px;
min-height: 103px;
float: left;
padding: 0 10px 10px 10px;
color: #666;
}
#eventBox {
width: 562px;
float: left;
margin-top: 10px;
padding: 5px; 
background-color: #ececec;
}

/*------- konzertbeschreibung -------*/
.concert_title a {
font-weight:bold;
color: #fe0000;
}
.concert_short {
padding-bottom: 20px;
}


/*------- spielstaetten -------*/
li.locations {
 list-style-type:circle;
 color:  #fe0000;
 margin-left: 20px;
 margin-bottom: 10px;
}
li.locations a {
 color: #666;
}

/*------- spielplan -------*/
#months {
width: 550px; 
border: 1px solid #f00; 
}
#months a {
display: block;
width: 50px;
float: left;
text-align: center;
}
div.event_off {
width: 50px;
float: left;
text-align: center;
}
/**************************************************************************************/
a.m_8 {color: #990;}
a.m_8:hover,
a.m_8_on {background-color: #990;color: #fff;}

a.m_9 {color: #f63;}
a.m_9:hover,
a.m_9_on {background-color: #f63;color: #fff;}

a.m_10 {color: #930;}
a.m_10:hover,
a.m_10_on {background-color: #930;color: #fff;}

a.m_11 {color: #c03;}
a.m_11:hover,
a.m_11_on {background-color: #c03;color: #fff;}

a.m_0 {color: #9cf;}
a.m_0:hover,
a.m_0_on {background-color: #9cf;color: #fff;}

a.m_1 {color: #6cc;}
a.m_1:hover,
a.m_1_on {background-color: #6cc;color: #fff;}

a.m_2 {color: #9c0;}
a.m_2:hover,
a.m_2_on {background-color: #9c0;color: #fff;}

a.m_3 {color: #f69;}
a.m_3:hover,
a.m_3_on {background-color: #f69;color: #fff;}

a.m_4 {color: #3c3;}
a.m_4:hover,
a.m_4_on {background-color: #3c3;color: #fff;}

a.m_5 {color: #f90;}
a.m_5:hover,
a.m_5_on {background-color: #f90;color: #fff;}

a.m_6 {color: #fc0;}
a.m_6:hover,
a.m_6_on {background-color: #fc0;color: #fff;}

a.title_event {
font-weight: bold;
color: #666;
text-decoration: none;
}
a:hover.title_event {
color: #000;
}
div.spLocation span {
font-size: 2px;
}
.shortDesc_event {
padding-top: 10px;
}
img.sponsor {
width: 118px;
height: 127px;
border: 0;
}
a.ln_location {
 color: #666;
 font-size: 80%;
}
a.ln_location:hover {
 color: #fe0000;
}
.eventWrapper {
width: 550px;
padding: 20px 0 20px 0;
border-right: 1px solid #f00;
border-bottom: 1px solid #f00;
border-left: 1px solid #f00;
}
.spCol1 {
width: 120px;
padding: 0 5px 0 5px;												
font-weight: normal;						
text-align: left;
vertical-align: top;
float: left;
}
.spCol2 {
width: 280px;
font-weight: normal;
text-align: left;
padding: 0 5px 0 5px;
vertical-align: top;
float: left;
}
.spCol3 {
width: 120px;
font-size: 75%;
color: #999;
font-weight: normal;
text-align: right;
float:left;
}
div.spTix {
width: 540px;
clear: left;
font-size: 85%;
color: #666;
text-align: left;
padding: 30px 0 0 5px;
}

/*------- kontaktformular -------*/
h3 {
font-size: 100%;
font-weight: normal;
color: #666;
}
textarea {
width: 262px;
height: 110px;
}
#kontaktdaten label,
#kontaktdaten input {
 display: block;
 float: left;
}
#kontaktdaten label {
 width: 120px;
}
.c {
 height: 10px;
 clear: left;
}
#form {
padding: 10px;
color: #666;
}
.special {
border: 1px solid #666;
background-color: #ededed;
}


/*------- menue right side + main sponsor box -------*/
#navBoxRight {
width: 132px;
height: 123px;
float: left;
}
#mainSponsorBox {
width: 132px;
margin-top: 20px;
float: left;
}
.sponsored {
width: 132px;
font-size: 10px;
text-align: right;
margin-bottom: 5px;
color: #999;
}

/*------- footer -------*/
#footerBox {
clear: both;
width: 911px;
height: 52px;
float: left;
}
#footerPic {
width: 779px;
height: 52px;
float: left;
background-image: url(../img/footerPic.gif);
}
#loginBox {
width: 132px;
height: 52px;
float: left;
background-image: url(../img/login.gif);
background-repeat: no-repeat;
}

#loginBox a {
display:block;
margin-top:16px;
margin-left:16px;
width:20px;
height:20px;
}


/* + sitemap + */
h3.sitemap_orchestra {
padding: 0 0 20px 10px;
font-weight: bold;
}
h3.sitemap_concerts {
padding: 30px 0 20px 10px;
font-weight: bold;
}
#sitemap {
padding-left: 10px;
}
#sitemap .dTrenner {
 font-size: 0;
 margin-top: 10px;
 margin-bottom: 10px;
 border-top: 1px solid #ccc;
}
#sitemap a:hover {
 text-decoration: underline;
}
#sitemap .D1 a {
 font-weight: bold;
}
#sitemap .F5 {
 margin-top: 10px;
 margin-left: 12px;
}
#sitemap .F5 a {
 font-weight: normal;
}


/*------- Partnerlink -------*/
div.partnerlink {
width: 394px;
height: 60px;
margin: 0 auto 40px auto;
}
#sponsorenlinks {
margin-left: 20px;
}
#sponsorenlinks li {
margin-bottom: 14px;
}


/*------- energetic AG Footer -------*/
#footer {
width: 911px;
height: 30px;
font-size: 80%;
float: left;
padding-left: 3px;
color: #999;
}
#footer a {
text-decoration: none;
color: #999;
}
#footer a:hover {
text-decoration: underline;
}


/*========*/
.clear {
clear:both;
line-height: 0;
}
.redLine {
font-size: 0px;
border-bottom: 1px solid #fe0000;
margin-bottom: 20px;
}
.invis, hr {
display: none;
}
img {
border: 0 none;
}