﻿  
  body {
    text-align:center; /* for IE */
		font-family: verdana,arial,sans,sans-serif; 
		color: #ffffff; 
		font-size: 10px; 
  }
  
  div.maincontainer {
    text-align:left; /* reset text alignment */
    width:851px; /* or a percentage, or whatever */
    margin:0 auto; /* for the rest */
  }
  
  div.header {
		width: 851px;
		height: 139px;
		background-image: url(http://www.out-of-space.ch/_/pix/top.jpg);
  }
  
  div.player {
		position:relative; 
		top:55px; 
		left:660px; 
		width:130px; 
	}
  
  div.menu {
		position:relative; 
		top:71px; 
		left:140px; 
		width:693px;
  }
  
  div.pagebodywrapper {
		background-image: url(http://www.out-of-space.ch/_/pix/bg_table.jpg);
		clear: both;
  }
  
  div.pagebody {
		width: 851px;
		height: auto;
  }

  div.leftbar {
		width: 141px;
		float: left;
  }
  
  div.leftbar-block {
		width: 131px;
		padding: 5px;
		float: left;
  }
  
  div.leftbar-block-news {
		background-image: url(http://www.out-of-space.ch/_/pix/leftnews.jpg);
		background-repeat: no-repeat;
		height: 125px;
		padding-top: 22px;
  }
  
  div.leftbar-block-newsletter {
		background-image: url(http://www.out-of-space.ch/_/pix/leftnewsletter.jpg);
		background-repeat: no-repeat;
		height: 82px;
		padding-top: 23px;
		margin-top: 23px;
  }
  
  div.leftbar-block-shirts {
		background-image: url(http://www.out-of-space.ch/_/pix/leftshirt.jpg);
		background-repeat: no-repeat;
		height: 205px;
		padding-top: 28px;
		margin-top: 20px;
  }
   
  div.leftbar-nopaddign {
		padding: 0px;
  }
  
  div.maincontent {
		width: 708px;
		float: right;
  }
  
  div.footer {
		clear: both;
		width: 851px;
		height: 22px;
		background-image: url(http://www.out-of-space.ch/_/pix/bottom.jpg);
  }
  
  
  
  
  
	a:link, a:active, a:visited  {
		font-family:verdana,arial,sans,sans-serif;
		font-size: 10px;
		color: #FFFFFF;
		text-decoration: none;
	}
	
  div#wrap {
    text-align:left; /* reset text alignment */
    width:851px; /* or a percentage, or whatever */
    margin:0 auto; /* for the rest */
  } 
  
	h1 {
		font-family: verdana,arial,sans,sans-serif; 
		color: #000000; 
		font-size: 10px; 
		font-weight: bold; 
		margin-bottom: 0px
		width: 300px;
	}
	
	h2 {
		font-family: verdana,arial,sans,sans-serif; 
		color: #000000; 
		font-size: 10px; 
		font-weight: bold; 
		margin-bottom: 0px
	}
	
	div.clear {
		clear: both;
	}
	
	div.fullcolumn {
		width: 680px;
		border: solid 1px #000000;
		background-color: #CCCCCC;
		margin: 5px;
		padding: 0px;
		clear: both;
	}
	
	
	div.halfcolumn-left {
		width: 330px;
		border: solid 1px #000000;
		background-color: #CCCCCC;
		margin-left: 5px;
		margin-right: 0px;
		margin-top: 5px;
		margin-bottom: 5px;
		padding: 0px;
		float: left;
	}
	
	div.halfcolumn-right {
		width: 330px;
		border: solid 1px #000000;
		background-color: #CCCCCC;
		margin-left: 0px;
		margin-right: 13px; /* pushes the right column to the left */
		margin-top: 5px;
		margin-bottom: 5px;
		padding: 0px;
		float: right;
	}
	
	div.contentblock, div.contentblock_nohighlight, div.moreinfoblock {
		padding-left: 15px;
		padding-right: 5px;
		padding-top: 5px;
		padding-bottom: 5px;
		color: #000000; 
		display: inline-block;
		_display: inherit;
		vertical-align: top;
	}
	
	div.float {
		float: left;
	}
	
	div.articlecontent {
    width: 320px;
    float: right;
    padding-right: 15px;
	}
	
	div.contentblock:hover, div.moreinfoblock:hover {
		background-color: #FFFFFF;
		display: inline-block;
	}
	
	div.contentblock_nohighlight:hover {
		
	}
	
	div.contentblock a, div.contentblock a:active, div.contentblock a:visited {
		color: #000000; 
		font-weight: bold;
	}
	
	div.contentblock_nohighlight a, div.contentblock_nohighlight a:active, div.contentblock_nohighlight a:visited {
		color: #4a6880; 
		font-weight: bold;
	}

	div.moreinfoblock a, div.moreinfoblock a:active, div.moreinfoblock a:visited {
		color: #000000; 
	}
	
	div.nopadding-top-bottom {
		padding-top: 0px;
		padding-bottom: 0px;
	}
	
	div.padding-top-10 {
		padding-top: 10px;
	}
	
	div.width-halfcol {
		width: 310px;
	}
	
	div.width-fullcol {
		width: 660px;
	}
	
	div.height-reviewbox {
		height: 200px;
	}
	
	div.height-aboutbox {
		height: 120px;
	}
	
	div.subpagetitle {
		font-family: verdana,arial,sans,sans-serif; 
		color: #888888; 
		font-size: 18px; 
		font-weight: bold;
		margin-bottom: -15px;
		margin-left: 5px;
	}
		
	div.pagetitle h1 {
		font-family: verdana,arial,sans,sans-serif; 
		color: #555555; 
		font-size: 35px; 
		font-weight: bold;
		padding-left: 13px;
		padding-top: 0px;
		padding-bottom: 0px;
		margin-top: 0px;
		margin-bottom: 5px;
		width: 300px;
	}
	
	div.pagetitle-reviews h1 {
		font-family: verdana,arial,sans,sans-serif; 
		color: #555555; 
		font-size: 35px; 
		font-weight: bold;
		padding-left: 13px;
		padding-top: 0px;
		padding-bottom: 0px;
		margin-top: 0px;
		margin-bottom: 5px;
		width: 500px;
	}
	
	div.width-440 h1 {
		width: 440px;
	}
	
	div.width-600 h1 {
		width: 600px;
	}
	
	div.pagetitle_bands h1 {
		font-family: verdana,arial,sans,sans-serif; 
		color: #555555; 
		font-size: 35px; 
		font-weight: bold;
		padding-left: 10px;
		padding-top: 0px;
		padding-bottom: 0px;
		margin-top: 0px;
		margin-bottom: 20px;
	}
	
	div.subtitle_float, div.subtitle_float h2 {
		font-family: verdana,arial,sans,sans-serif; 
		color: #888888; 
		font-size: 18px; 
		font-weight: bold;
		/* border-bottom: solid 1px #EEEEEE; */
		margin-bottom: 5px;
		padding-left: 15px;
	}
	
	div.subtitle {
    clear: both;
		font-family: verdana,arial,sans,sans-serif; 
		color: #888888; 
		font-size: 18px; 
		font-weight: bold;
		border-bottom: dotted 1px #EEEEEE;
		margin-bottom: 5px;
		padding-left: 15px;
		padding-right: 5px;
	}
	
	div.noleftpadding {
		padding-left: 0px;
	}
	
	div.bigblack {
    color: #000000;
		font-size: 18px; 
		font-weight: bold;
		margin-bottom: 10px;
	}
	
	div.bigblack h1 {
    color: #000000;
		font-size: 18px; 
		font-weight: bold;
		margin-left: 30px;
	}
	
	div.rss {
		float: right;
	}
	
	div.contentcontainer {
		width:670px; 
		background-color: #cccccc;
		border-width:1px; 
		border-style:solid; 
		border-color:#000000;
		padding: 10px;
		color: #000000;
	}
	
	div.contentcontainer a {
		color: #4A6880;
		font-weight: bold;
	}
	
	div.bandimage {
		float: left;
		padding: 0px 10px 10px 0px;
	}

	div.articletext {
		font-family: verdana,arial,sans,sans-serif; 
		color: #333333; 
		font-size: 10px;
	}
	
	div.newsblock {
      margin-top: 20px;
	}
	
	div.newsblock a:hover {
      background-color: #FFFFFF;
	}
	
	div.reviewblock {
    margin-top: 20px;
	}
	
	div.reviewitem {
    float: left;
    width: 300px;
    padding-left: 15px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 150px;
	}
	
	div.reviewitem:hover {
    background-color: #FFFFFF;
	}
	
	div.diskographie {
		margin-top: 20px;
	}
	
	div.reviewimg {
    width: 160px;
    height: 160px;
    background-image: url(pix/138x138bg.png);
		background-repeat: no-repeat;
		padding-left: 7px;
		padding-top: 6px;
		margin-left: -7px;
	}
	
	div.reviewimgsmall {
    float: left;
    width: 70px;
    height: 70px;
    background-image: url(pix/50x50bg.png);
		background-repeat: no-repeat;
		padding-left: 11px;
		padding-top: 8px;
		margin-left: -10px;
	}
	
	div.bandimg {
		display: inline;
    float: left;
    width: 220px;
    height: 220px;
    background-image: url(pix/200x200bg.png);
		background-repeat: no-repeat;
		padding-left: 11px;
		padding-top: 8px;
		margin-left: 5px;
		margin-top: 8px;
	}
	
	div.newsimg {
    width: 270px;
    height: 190px;
    background-image: url(pix/250x170bg.png);
		background-repeat: no-repeat;
		padding-left: 11px;
		padding-top: 8px;
		margin-left: -10px;
	}
	
	div.newsimg2 {
    width: 270px;
    height: 190px;
    background-image: url(pix/250x170bg.png);
		background-repeat: no-repeat;
		padding-left: 11px;
		padding-top: 8px;
		margin-left: 25px;
		float: left;
	}
	
	div.konzertimg_left {
		padding-right: 10px;
		margin-bottom: 10px;
		float: left;
	}
	
	div.konzertimg_right {
		padding-left: 10px;
		margin-bottom: 10px;
		float: right;
	}
	
	div.about-teambox {
		width: 300px;
		float: left;
		margin-bottom: 15px;
	}
	
	div.about-teamboxcol {
		width: 150px;
		float: left;
	}
	
	#search_text {
			font-family: verdana,arial,sans,sans-serif;
			font-size: 11px;
			font-weight: normal;
			color: #666666;
			width: 120px;
			height: 15px;
			margin-top: 0px;
	}
	
	#search_submit {
			margin-top: 0px;
	}
	
	div.searchbox {
		padding-left: 5px;
	}
	
	div.searchbox_title {
		color: #FFFFFF;
		font-weight: bold;
		margin: 5px;
	}
	
	div.content_search {
		width:815px; 
		padding: 10px;
		background-color: #cccccc;
		border-width:1px; 
		border-style:solid; 
		border-color:#000000;
	}
	
	div.rightbox {
		float: right;
		width: 180px;
		border-width:1px; 
		border-style:solid; 
		border-color:#EEEEEE;
		padding: 5px;
		margin: 5px;
		background-color: #E5E5E5;
	}
	
	/* div tables */
	
	div.table_wrapper, div.table_wrapper a {
		color: #000000;
	}
	
	div.table_leftcol {
		width: 150px;
		float: left;
		text-align: left;
		vertical-align: top;
	}
	
	div.table_content {
		width: 300px;
		float: left;
		text-align: center;
	}
	
	div.table_rightcol {
		float: right;
		text-align: right;
		vertical-align: top;
	} 
	
	div.table_align_left {
		text-align: left;
	}
	
	div.table_width_70 {
		width: 70px;
		padding-right: 15px:
	}
	
	div.table_width_150 {
		width: 150px;
		padding-right: 15px:
	}
	
	div.table_width_200 {
		width: 200px;
		padding-right: 15px:
	}
	
	div.table_width_300 {
		width: 300px;
		padding-right: 15px:
	}
	
	div.table_width_380 {
		width: 380px;
		padding-right: 15px:
	}
	
	div.table_width_450 {
		width: 450px;
		padding-right: 15px:
	}
	
	div.table_width_concert1 {
		width: 70px;
		float: left;
		text-align: left;
		vertical-align: top;
	}
	
	div.table_width_concert2 {
		width: 25px;
		float: left;
		text-align: left;
		vertical-align: top;
	}
	
	div.table_width_concert3 {
		width: 180px;
		float: left;
		text-align: left;
		vertical-align: top;
	}
	
	div.table_width_concert4 {
		width: 240px;
		float: left;
		text-align: left;
		vertical-align: top;
	}
	
	hr { 
		height:1px; 
		border-width:1px 0px 0px 0px; 
		border-style:dotted; 
		border-color:#EEEEEE;
		clear:both;
		display:block; 
		} 	
		
	hr.content { 
		height:1px; 
		border-width:1px 0px 0px 0px; 
		border-style:dotted; 
		border-color:#EEEEEE;
		} 	
		
	hr.float { 
		float: left;
		} 	

	/* Rating stars */
	#rateStatus{float:left; clear:both; width:100%; height:20px;}
	#rateMe{float:left; clear:both; width:100%; height:auto; padding:0px; margin:0px;}
	#rateMe li{float:left;list-style:none;}
	#rateMe li a:hover,
	#rateMe .no{background:url(http://www.out-of-space.ch/_/pix/keine-bewertung.png) no-repeat;}
	#rateMe .on{background:url(http://www.out-of-space.ch/_/pix/stern.gif) no-repeat;}
	#rateMe a{float:left;background:url(http://www.out-of-space.ch/_/pix/stern_.gif) no-repeat;width:12px; height:12px;}
	#ratingSaved{display:none;}
	.saved{color:red; }
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
