@CHARSET "ISO-8859-1";

@media all {
  
/*--------- Basic Resets & Settings ----------------*/
    
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
		text-indent: 0;
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		vertical-align: baseline;
		background: transparent;
		}
	
html, body {
	height:100%;
	width:100%;
	}

body {
	line-height: 1;
	}
	
ol, ul {
	list-style: none;
	}

blockquote, q {
	quotes: none;
	}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
	}
	
:focus {
	outline: 0;
	}

ins {
	text-decoration: none;
	}

del {
	text-decoration: line-through;
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
	}
	
	
	
/* Float Clearing */
	.clear {
		clear:both;
		}
		
	.clearfix {
		display:inline-block;
		}
		
	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}
		

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
		/* End hide from IE-mac */


/* Clearen per Overflow */
	.floatbox { overflow: hidden; }
	/* .floatbox-Anpassung für IE */
	* html .floatbox {width:100%;}
		


	
	
/*------------- Main Style Sheet for mle-music.com --------------------*/




/*--------- PAGESTRUCTURE  ---------*/
/*----------------------------------*/
body {
	background-color: #484848;
	font-family:  Arial, sans-serif;
	color: #484848;
	font-size: 13px;
	line-height: 1.8em;
	}
	

div#frameall {
	}
	
div#grad_left {
padding-left: 16px;
	background-image: url("../img/bg_gradl.png");
	background-repeat: repeat-y;
	}
div#grad_right {
padding-right: 16px;
	background-image: url("../img/bg_gradr.png");
	background-position: right;
	background-repeat: repeat-y;
	}
div#framecenter {
	width: 1002px;
	margin: 0 auto;
	background-image: url("../img/background.jpg");
	background-repeat: repeat;
	background-position: 21px 0;

	}  

div#site_bg {
	width: 960px;
	background-repeat: no-repeat;
	border-left: 5px solid #ffffff;
	border-right: 5px solid #ffffff;
	} 
	
div#site_bg.home {
	background-image: url("../img/bg_home.jpg");
	background-repeat: no-repeat;
	}
div#site_bg.info {
	background-image: url("../img/bg_info.jpg");
	background-repeat: no-repeat;
	}
div#site_bg.live {
	background-image: url("../img/bg_live.jpg");
	background-repeat: no-repeat;
	}
div#site_bg.gallery {
	background-image: url("../img/bg_gallery.jpg");
	background-repeat: no-repeat;
	}
div#site_bg.music {
	background-image: url("../img/bg_music.jpg");
	background-repeat: no-repeat;
	}
	
div#header {
	background-image: url("../img/logo_back.png");
	background-repeat: no-repeat;
	height: 120px;
	}
	
	div#logo {
		padding: 15px 0 0 32px;
		float: left;
	} 
 
	div#navigation {
		float: right;
		margin-top: 10px;
		padding: 25px 15px 0 0;
		height: 65px;
		background-image: url("../img/nav_back.png");
		background-repeat: no-repeat;

		}

		
div#socials {
	clear: both;
	position: absolute;
	right: 0px;
	padding: 15px 15px 0 25px;
	background-image: url("../img/sbm_back.png");
	background-repeat: no-repeat;
	height: 54px;
	}
		
		
	
div#columns_frame {
	position: relative;
	padding-bottom: 10px;
	}
	
	div#main_col {
		float: left;
		width: 730px;
		margin: 0px 0px 20px 20px;
	}

	div#side_col {
		float: right;
		width: 200px;
		margin: 70px 10px 20px 0px;
	}
	
div#footer {
	padding: 30px 20px 0px 20px;
	clear: both;
	background-image: url("../img/footer_back.png");
	background-repeat: no-repeat;
	overflow: hidden;
	}

	
	
div#home_top {
	margin-top: 70px;
	}	
	
	
	
.catlink {
	font-size: 14px;
	font-family: Arial;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 1.5em;
	padding: 4px 0px 15px 32px;
	background-image: url("../img/link_red.png");
	background-repeat: no-repeat;
	
	}	
	
.mitlink {
	position: relative;
	}

.rightlink {
	position: absolute;
	padding-top: 2px;
	top: 30px;
	right: 50px;
	}
	
	

a {
	color: #d23d36;
	text-decoration: none;
	
	}	
a:hover {
	color: #d23d36;
	text-decoration: underline;
	
	}	
h1 {
	font-size: 32px;
	line-height: 1.3em;
	color: #d23d36;
	text-transform: uppercase;
	font-family: mleFont, Arial, sans-serif;
	padding: 20px 0px 31px 20px;
	}

h1.grounded{
	background-image: url("../img/title01_back.png");
	background-repeat: no-repeat;
	text-transform: uppercase;
	font-family: mleFont, Arial;
	margin-bottom: -30x;
	}
	
#home_top h1{
	padding: 0px 0px 10px 0px;
	}


	
h2{
	font-size: 18px;
	line-height: 1.5em;
	color: #d23d36;
	font-family: Arial;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 10px;
	}		
	
	
ul#nav li {
	float: left; 
	height: 49px;
	width: 94px;
	margin-left: 10px;
	text-align: center;
	}

ul#nav li  a {
	background-image: url("../img/nav.png");
	background-repeat: no-repeat;
	height: 49px;
	width: 94px;
	color: #484848;
	display: block;
	text-decoration: none;
	font-size: 16px;
	line-height: 49px;


	}

	
ul#nav li  a:hover, ul#nav li.current a:hover {
	background-image: url("../img/nav.png");
	background-repeat: no-repeat;
	background-position: 0 -49px;
	height: 49px;
	color: #d23d36;
	}
	
ul#nav li.current  a {
	background-image: url("../img/nav.png");
	background-repeat: no-repeat;
	background-position: 0 -98px;
	height: 49px;
	color: #357840;
	}
	
.start_video {
	background-image: url("../img/video_back.png");
	background-repeat: no-repeat;
	float: left;
	margin-left: 20px;
	width: 674px;
	height: 440px;
	padding:30px 0 0 15px;
	}	

.cd_cover {
	width: 321px;
	height: 321px;
	background-image: url("../img/cover_back.png");
	background-repeat: no-repeat;
	float: left;
	padding:21px 0 0 21px;
	}	
	
.cd_cover img {
	-webkit-box-shadow: 3px 3px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 3px 3px 2px rgba(0,0,0,0.2);
	box-shadow: 3px 3px 2px rgba(0,0,0,0.2);
	}	

.cd_text {
	float: right;
	width: 313px;
	height: 329px;
	margin: -5px 10px 0 -5px;
	padding: 26px 30px 0 31px;
	background-image: url("../img/text_back.png");
	background-repeat: no-repeat;
	line-height: 1.8em;
	}		
	
.cd_credits {
	margin: 8px 0 10px 3px;
	padding: 10px 17px;
	float: left;
	width: 295px;
	font-size: 10px;
	line-height: 1.3em;
	}
.cd_buttons{
	margin: 0 28px 10px 0;
	padding: 16px 15px;
	float: right;
	width: 310px;
	}

.shoplink {
	width: 114px;
	height: 53px;
	float: left;
	background-image: url("../img/button_bestellen.png");
	background-repeat: no-repeat;
	}	
.shoplink:hover {
	background-position: 0 -53px;
	}
.ituneslink {
	float: right;
	width: 114px;
	height: 53px;
	background-image: url("../img/button_itunes.png");
	background-repeat: no-repeat;
	}

.ituneslink:hover {
	background-position: 0 -53px;
	}
	
	
ul#soc li {
	float: left; 
	}	

.shadow {
	-webkit-box-shadow: 3px 3px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 3px 3px 2px rgba(0,0,0,0.2);
	box-shadow: 3px 3px 2px rgba(0,0,0,0.2);
	}
	
	
.rounded {
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
  }

.white-trans {
  background: #f0f0f0; /* A color sample of the RGBA color from the demo with a background pattern*/
  background-color: rgba(256,256,256,0.7);
	}


	


.news-date{
	width: 120px;
	float: left;
	font-size: 16px;
	line-height: 1.5em;
	color: #d23d36;
	font-family: Arial;
	font-weight: bold;
	text-transform: uppercase;
	}
	
.news-content{
	margin-left: 120px;
	}

.live-block div.post {
	margin: 15px 0;
	}
	
.live-date{
	width: 120px;
	float: left;
	font-size: 14px;
	line-height: 1.5em;
	color: #d23d36;
	font-family:  Arial;
	font-weight: bold;
	text-transform: uppercase;
	}
		
.live-content{
	margin-left: 130px;
	}
	
.gallery-content h3,
.live-content h3 {
	color: #d23d36;
	font-family: 'Trebuchet MS', Arial;
	font-weight: bold;
	}	
	
ul.giginfo  li {
	display: inline;
	margin-right: 30px;
	}	
	
ul.giginfo  li  a {
	padding: 0px 0 0px 17px;
	background-image: url("../img/link_red_small.png");
	background-repeat: no-repeat;
	background-position: 0 3px;
	}	
		

div.setlist {
	height: 527px;
	width: 378px;
	background-image: url("../img/setlist_back_v2.jpg");
	background-repeat: no-repeat;
	}
		
.setlist .setlist_text{
	padding: 20px 20px 20px 20px;
	font-family: Laffayette;
	text-transform: uppercase;
	line-height: 1.5em;
	font-size: 13px;
	color: #444;
	}		
		

.gallery-content h3 {
	margin-top: 25px;}


		

.mle-music {
	text-transform: uppercase;
	font-family: mleFont, Arial;
}



/**** SIDE COL ****/

.sidebox {
	position: relative;
	margin-top: 10px;
	padding-top: 5px;
	}

.sidebox h2{
	position: absolute;
	font-size: 18px;
	color: #ffffff;
	padding: 10px 0 0 25px;
	width: 200px;
	height: 46px;
	text-transform: none;
	}

.side-content {
	font-size: 12px;
	line-height: 1.5em;
	padding: 30px 15px 15px 15px;
	margin: 28px 10px 0 10px;

	}

	
#newsletter {
	padding-top: 15px;
	background-image: url("../img/side_hback01.png");
	background-repeat: no-repeat;
	}
#shoplink {
	background-image: url("../img/side_hback02.png");
	background-repeat: no-repeat;
	}
#live {
	background-image: url("../img/side_hback03.png");
	background-repeat: no-repeat;
	}

.livedate {
	font-weight: bold;
	color: #357840;
	}
	
.side-content a {
	font-weight: bold;
	color: #357840;
	}
a.sidelink {
	font-size: 14px;
	font-family: Arial;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 1.5em;
	padding: 5px 0px 25px 35px;
	margin-bottom: 10px;
	background-image: url("../img/link_green.png");
	background-repeat: no-repeat;
	background-position: 0 5px;
	}
a.sidelink:hover{
	text-decoration: underline;
	}	
	
	
img.trenner {
	margin: 10px 0;}	
	
input.button {
	background: #ddd;
	border: solid 1px #357840;
	text-transform: uppercase;
	cursor: pointer;
	padding:4px;
	font-family: Arial;
	font-size: 12px;
	}
input.button:hover {
	background: #999;
	color: #eee;
	}
input {
	margin: 2px 0;}	

	
	
/**** INFO.PHP ****/	
	
div#info-frame p {
	margin: 15px 0;
	}


.gallery-block,	
.live-block {
	margin: 0 15px 20px 0;
	padding: 15px;
	}


div#info-frame div,
div#page-frame div#page-block,
.news-block {
	padding: 15px;
	margin: 0 15px 10px 0;
	/*shadow*/
	-webkit-box-shadow: 3px 3px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 3px 3px 2px rgba(0,0,0,0.2);
	box-shadow: 3px 3px 2px rgba(0,0,0,0.2);
	/*rounded*/
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	/*white-trans*/
	background: #f0f0f0;
	background: rgba(256,256,256,0.7);
	}



	
#info-frame li {
	background-image: url("../img/link_red_small.png");
	background-repeat: no-repeat;
	background-position: 0 8px;
	padding-left: 25px;
	margin: 2px 0;
	}
	
blockquote {
	padding: 3px 20px;
	background: rgba(200,200,200,0.3);
	font-style: italic;
	}

sup {
	vertical-align: top;
	text-transform: none;
	}

	
#footer ul li {
	display: inline;
	margin-right: 40px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
	}
#footer ul {
	display: inline;
	float: left;
	}

#footer div.copy {
	float: right;
	display: inline;
	font-size: 11px;
	}
	
.nav-block {
	padding: 0 10px;
	margin-right: 15px;
	}


.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}

	
.ngg-gallery-thumbnail img {
	margin: 0;
	}	
.ngg-gallery-thumbnail {
	margin: 10px 10px 0 0;}
	
p.audioplayer_container {  
	display: inline;
	float: right;	
	font-size: 8px;
	line-height: 1em;
	height: 19px;;
	}  	

p.audioplayer_container span {
	height: auto;
	visibility: visible ;
	}

.newsletter table {
	text-align: left;
	}