/*
 SilverStripe PŚ turnŽ Theme
 http://www.reflekteramedia.se
 */
 
/************
  * Misc Styles and defaults 
  */
  * {
	margin: 0;
	padding: 0;
}
body {
	margin:0;
	height:100%;
	color: #333;
 	font-size: 62.5%; 
 	margin-bottom: 40px;
	font-family: Verdana, Lucida, sans-serif; 
}
html {
	#background: #6F6862 url(../images/htlBg.png) repeat-x;
	background: #6F6862;
}
.clear{
	clear:both;
}
img {
	border:none;
}
/************
  * Layout
  */
  span.middleColumn .message {
	margin: 4px 0 0 3px;
}
#BgContainer {
	width:1010px;
	background: transparent url(../images/containerBg.png) repeat-y;
	margin:auto;
	margin-top:20px;

}  
	#Container {
		min-height:100%;
		height:auto !important;
		height:100%;
			
	}
		#Layout {
			
			margin: 0 20px 0px 20px;
			padding-bottom:10px;
		}
	#Header {
		background:  url(../images/header.png) no-repeat;
		min-height:78px;
		height:auto !important;
		height:78px;
	}
	#TopBanner {
		background:  url(../images/topBannerBg.png) repeat-x;
		min-height:78px;
		height:auto !important;
		height:78px;
	}
		#TopBanner #TopBannerLeft {
			width: 480px;
			float:left;
			vertical-align: top;
		}
		#TopBanner #TopBannerRight {
			width: 480px;
			float:left;
			margin-left:10px;
		}
			#TopBanner #TopBannerRight img{
				height:75px;
			}
		#TopBanner img {
			margin:3px 20px 3px 3px;
			float:left;
			border:none;
		}
		#TopBanner p {
			margin: 5px 0 0 5px;
			color:#fff;
		}
		#TopBanner h1 {
			font-family: Arial;
			font-size: 2.4em;
			color: #fff;
			font-weight: normal;
			margin: 10px 0 0 0;
			letter-spacing: 2px;
		}
/*** Homepage ***/
#HomepageContainer {
	width:100%;
	float:left;
	margin-top: 15px;
}
	#HomepageLeft {
		float: left;
		width:200px;
		background-color: ;
	}
	
	#HomepageMain {
		width: 540px;
		background-color: ;
		float: left;
		margin-left:15px;
	}
	#HomepageRight {
		width: 200px;
		background-color:#999;
		float: left;
		margin-left: 15px;
		text-align: center;
	}
	
/*** Content ***/
#Content {
	margin-left: 15px;

	float:left;
	width: 540px;
	background-color: ;

}
#KalenderContent {
	margin-left: 15px;
	float:left;
	width: 740px;
	background-color:;

}
#AktImage {
	float:right;
}
#AktInfo {
	float:left;
	width:265px;

}
/*** NewsList ***/
#NewsList {
	margin:0px 10px 10px 10px;
}
	#NewsList li{
		list-style: none;
	}
	#NewsList .newsImage {
		
	}
	#NewsList .newsTitle {
		background: transparent url(../images/newsListTitleBg.png) repeat-x;
		min-height:20px;
		height:auto !important;
		height:20px;
		font-size: 1.3em;
		color:#000;
		padding:3px 0 0 5px;
	}
	#NewsList .newsTitle a{
		color:#000;
		text-decoration: none;
	}
	#NewsList .newsSummary {
		padding: 3px 0 0 8px;
	}
/*** Main Nav ***/
#Navigation {
	width: 100%;
	margin: 0 auto;
	padding-top: 0px;
	overflow: hidden;
	text-transform: uppercase;
	font-weight: bold;
}
#Navigation ul { 
 	float: left; 
	margin-left: 50px;
	}
	#Navigation ul li { 
	 	list-style: none; 
		margin: 0 2px; 
		float: left;
		line-height: 2.8em;
		display: block;
		}
  		#Navigation ul li a { 
			float: left;
			text-decoration: none;
			display: block; 
			height: 2.3em; 
			font-size: 1.2em; 
			padding: 0 0 0 10px;
			color: #000;
			}
		#Navigation ul li a span {
			text-align: center;
	        float: left;
			padding-right: 10px;
			height: 2.3em;
 
		}
			#Navigation ul li a:hover { 
			 	/*background: #93C7E7 url(../images/hoverTabLeft.gif) no-repeat left top; */
				color: #000;
				cursor: pointer;
				text-decoration: overline;
				}
			#Navigation ul li a:hover span {
				/*background: #93C7E7 url(../images/hoverTabRight.gif) no-repeat right top;*/
				cursor: pointer;
			}
    		#Navigation ul li a.current,
    		#Navigation ul li a.section,
    		#Navigation ul li a.section:hover,
    		#Navigation ul li a.current:hover { 
			 	/*background: #fff url(../images/activeTabLeft.png) no-repeat left top; */
			 	text-decoration: underline;
			 	color: #444;
				}
			#Navigation ul li a.current span,
			#Navigation ul li a.section span,
    		#Navigation ul li a.section:hover span,
			#Navigation ul li a.current:hover span {
				/*background: #fff url(../images/activeTabRight.png) no-repeat right top;*/
				color: #444;
			}
 /*** Sidebar ***/
 #Sidebar {
	
	background:  url(../images/sidebarMain.png) repeat-y left top;
 	width:200px;
 	
 	float:left;
 }
 	#Sidebar .sidebarBox {
 		background: transparent url(../images/sidebarTop.png) no-repeat left top;
 		padding:10px 0 0 15px;

 	}
 	#Sidebar .sidebarBottom {
 		background: #fff url(../images/sidebarBottom.png) no-repeat left top;
 		min-height:33px;
		height:auto !important;
		height:33px;
 	}
 	#Sidebar ul {
 		list-style: none;
 	}
 	#Sidebar ul li {
 		list-style: none;

 	}

 /*** Footer ***/
 #Footer {
 	margin-left:auto;
 	margin-right: auto;
 	background-color: transparent;
	background: transparent url(../images/footer_bottom.png) no-repeat bottom left;
 	width:1010px; 	
 	height:120px;
 	margin-top: 0px;	
 	
 }
 	#Footer .footerTop {
		width: 100%;
		background: transparent url(../images/footer_top.png) no-repeat top left;
		display: block;
		height: 35px;
	}
	#Footer table {
		margin:20px 0 0 40px;
	}
	#Footer td {
		width:150px;
	}
/*** GigDates ***/
#GigDates {
	list-style: none;
}
	#GigDates li {
		display: inline;
	}
/*** UpcomingGigs ***/
#UpcomingGigs {
	list-style: none;
	width:100%;
	border-collapse : collapse; 
}
	#UpcomingGigs td {
		list-style: none;
		padding:2px;
	}
	#UpcomingGigs .odd {
		background-color: #a9a9a9;
	}
	#UpcomingGigs .right {
		text-align: right;
	}
	#UpcomingGigs .header {
		font-weight: bold;
	}
/*** RssFeed ***/
#RssFeed {
	list-style: none;
}
	#RssFeed li {
		list-style: none;
	}
	#RssFeed li ul {
		margin:0 0 5px 0;
	}