/* ######################################################################################################
** # bandpro.de  CSS (c) by Oliver Steigenberger  http://www.steigenberger.cc ###########################
** ######################################################################################################
**
**  Version  : 20-01-2008
**  File     : style.css
**  Function : master css-file for layout, content and boxes
**
** ######################################################################################################
*/

/* layout ---------------------------------------------------*/
/* layout boxes - master framework --------------------------*/
body{
	margin: 0px;
	padding: 0px;
	font: normal 11px Verdana;
	background-color: #000000;
}
img{
	border: 0px;
	}

*:not(hr) #page{/* hide from IE and Opera ;-)*/
	/* center a box in the middle of the page */
	width: 960px;
	position: absolute;
	left: 50%;
	margin-left: -478px;
	background-color: #FFFFFF;	
}
#page {/* center a box in the middle of the page */
    padding: 0px;
    margin-top: 0px;
    margin-left:auto;
    margin-right:auto;
    width:960px;
	background-color: #FFFFFF;
	background: url(../../templates/BandPro/img/leftback.gif);
}

#header{
	background-color: #000000;
}
#wrapper{ /*wrap left and content into one box who is float:left 
			beside the right box who is float:right*/
	float:left;
	width: 735px;
	/*overflow: hidden;*/
	
	
}
#left_col{
	float:left;
	/*width: 180px;*/
	width:200px;
	height: 760px;
	/*
	padding-bottom: 32767px; 
	margin-bottom: -32767px; 	*/
	background-color: #FF0099;

}
#right_col{
	float: right;
	width: 220px;
	background-color: #FFFFFF;		
}
#content{
	float: right;
	/*width:520px;*/
	width: 520px;
	background-color: #FFFFFF;
	padding-top:20px;
	padding-bottom: 50px;
}
#breadcrumb a{
	text-decoration: none;
	font-size: 10px;
	color: #CCCCCC;
}
#breadcrumb a:hover{
	text-decoration: none;
}
/* layout boxes in master framework -------------------------*/
#left_bottom{
	float:left;
	width: 180px;
	height: 180px;
	min-height: 100px;
	/*
	padding-bottom: 32767px; 
	margin-bottom: -32767px; */
	background-color: #FF0099;
}
#language{
	background-color: #3F3F3F;
	padding: 10px;
}
#box{
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 10px;
	color: #666666;
}
#box a{
	color: #666666;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
}
#box a:hover{
	color: #FF0099;
}
#mainmenue{
	background-color: #3F3F3F;
	padding: 10px;
}
/* main menue -----------------------------------------*/
/* first and second level menuitems..need some code rewriting in html */


#menue ul li{
	margin-left: -15px;
	list-style-image:url(../../templates/BandPro/img/li_0.gif);	
}
#menue  li:hover {
	list-style-image:url(../../templates/BandPro/img/li_1.gif);
}
#menue  li li:hover {
	list-style-image:url(../../templates/BandPro/img/li_1.gif);
}
#menue  li li li:hover {
	list-style-image:url(../../templates/BandPro/img/li_1.gif);
}
/* Trev add-on for active content elements*/
#menue li.active {
	list-style-image:url(../../templates/BandPro/img/li_1.gif);
}

/* category menu -----------------------------------------*/
/* ### 1.Ebene ### */
#menue_style ul li {
	margin-left: -15px;
	list-style-image:url(../../templates/BandPro/img/li_0.gif);	
}
/* ### 2.Ebene ### */
#menue_style ul li ul li {
	margin-left: -40px;
	padding-left: 10px;
	list-style-image:url(../../templates/BandPro/img/li_0.gif);
}
/* ### 3.Ebene ### */
#menue_style ul li ul li ul li {
	padding-left: 10px;
	list-style:none;
	list-style-image:url(../../templates/BandPro/img/li_0.gif);
}
/* ### 4.Ebene ### */
#menue_style ul li ul li ul li {
	padding-left: 10px;
	list-style:none;
	list-style-image:url(../../templates/BandPro/img/li_0.gif);
}
/* ############################################################################################ */
/* ### MouseOver ############################################################################## */
/* ############################################################################################ */
/* ### 1.Ebene ### */
#menue_style li:hover {
list-style-image:url(../../templates/BandPro/img/li_1.gif);

}
/* ### 2.Ebene ### */
#menue_style li li:hover {
list-style-image:url(../../templates/BandPro/img/li_1.gif);	
}
/* ### 3.Ebene ### */
#menue_style li li li:hover {
	list-style:none;
list-style-image:url(../../templates/BandPro/img/li_1.gif);	
}
/* ### 4.Ebene ### */
#menue_style li li li li:hover {
	list-style:none;
list-style-image:url(../../templates/BandPro/img/li_1.gif);	
}
/* ############################################################################################ */
/* ### Aktive Kategorie ####################################################################### */
/* ############################################################################################ */
/* ### 1.Ebene ### */
#menue_style li.activeCat {
	list-style-image:url(../../templates/BandPro/img/li_1.gif);
}
/* ### 2.Ebene ### */
#menue_style li.activeCat li.activeCat {
	list-style-image:url(../../templates/BandPro/img/li_1.gif);
}
/* ### 3.Ebene ### */
#menue_style li.activeCat li.activeCat li.activeCat {
	list-style:none;
	list-style-image:url(../../templates/BandPro/img/li_1.gif);
}
/* ### 4.Ebene ### */
#menue_style li.activeCat li.activeCat li.activeCat li.activeCat {
	list-style:none;
	list-style-image:url(../../templates/BandPro/img/li_1.gif);
}

/* ############################################################################################ */


#mainmenue a{
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	color: #FFFFFF;	
}
#mainmenue a:hover{
	text-decoration: underline;
	color: #FF0099;	
}

/* text styles ----------------------------------------*/
#content a{color: #666666;}
#content a:hover{color: #FF0099;}
#language a{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 10px;
	padding-left: 5px;
	padding-right: 10px;
}
#language a:hover{
	color: #FF0099;
}
.head_white{
	display: block;
	height: 19px;
	background: url(../../templates/BandPro/img/headbefore.gif) repeat-x;
	padding-left: 19px;
	font-size: 16px;
	font-weight: normal;
	color: #FFFFFF;
	text-transform: uppercase;
}
.head_grey{
	display: block;
	height: 19px;
	background: url(../../templates/BandPro/img/headbefore.gif) repeat-x;
	padding-left: 19px;
	font-size: 16px;
	font-weight: normal;
	color: #666666;
	text-transform: uppercase;
	text-align: left;	
	
}
.infoBoxHeading{
	display: block;
	height: 19px;
	background: url(../../templates/BandPro/img/headbefore.gif) repeat-x;
	padding-left: 19px;
	font-size: 16px;
	font-weight: normal;
	color: #666666;
	text-transform: uppercase;
	
}

.search_head_grey{
	font-size: 10px;
	font-weight: normal;
	color: #666666;
	text-transform: none;
	text-align: right;
	padding-right: 5px;
	padding-top: 5px;	
	
}

.rightbox_date{

}
.rightbox_heading{

}
.rightbox_image{
	text-align:center;
}
.rightbox_teaser{
	font-weight: normal;
}
.rightbox_teaser a{
	font-weight: normal;
}
.rightbox_more{

}
.eventlink a{
	text-decoration:none;
}
/* Form Styles ------------------------------------------*/
input.search{border: 1px solid #e20078;}
.button{border: 1px solid #e20078;background-color: #e20078;color: #ffffff;}


/* XTC internals ----------------------------------------*/
#copyright{
	position: absolute;
	bottom:3px;
	right: 3px;
	font-size:8px;
	color:#3F3F3F;
	text-decoration:none;
}
#copyright a{
	font-size:8px;
	color:#3F3F3F;
	text-decoration:none;
}
/*XTC Original class */
.contentsTopics {
	font-size: 14px;
	font-weight: bold;
	color: #FF0099;
}

TD.main, P.main {
  padding-left: 20px;
}

 hr {
  border: 0;
  height: 1px;
  width: 100%;
  color: #CCCCCC;
  background-color: #CCCCCC;
}