@media all {

/****************************************/
/* YAML basic formate */
/****************************************/

  a {color: #3d3d3d;text-decoration:underline;}
  
  a:focus,
  a:hover,
  a:active {
	-moz-outline: none;
  }

  #col3 a {
	text-decoration:none;
	color:#00a551;
	font-weight:bold;
	}

/****************************************/

  p {line-height: 1.5em;}

  #col3 p {
	margin-bottom: 20px;
	font-size: 110%;
}

/****************************************/

  h1,h2,h3,h4,h5,h6 {margin: 0 0 0.25em 0;}

  h1 { font-size: 115%; font-weight:bold; }
  h2 { font-size: 100%; font-weight:bold;}
  h3 { font-size: 95%; font-weight:bold;}
  h4 { font-size: 90%; font-weight:bold; }
  h5 { font-size: 85%; font-weight:bold; }
  h6 { font-size: 80%; font-weight:normal; }

  #col3 h1 {
	font-size: 160%;
	line-height:25px;
	padding-left:20px;
	background-color:#FFFFFF;
	color:#ed1b24;
}

  #col3 h2 {
	font-size: 140%;
}
  
  #col3 h3 {font-size: 120%;}
  #col3 h4 {font-size: 100%;}
  #col3 h5 {font-size: 90%;}
  #col3 h6 {font-size: 80%;}      
  

  div#firstheader  {
	background-color:#3d3d3d;
	margin-bottom:15px;
	width:100%;
	position:relative;
	min-height:45px;
  }
  
  #col3 h1.firstheader {
	float:left;
	font-size: 180%;
	line-height:45px;
	text-transform:uppercase;
	margin:0;
	padding:0;
	padding-left:25px;
	padding-right:35px;
	background-color:#ff4000;
	color:#FFFFFF;
	background-image:url(../media_2011/col3_h1_after_neu.gif);
	background-repeat:no-repeat;
	background-position:right center;
}

  #col3 div.csc-header-n1 {
	/*background-color:#3d3d3d;
	margin-bottom:15px;*/
	display:none;
  }

 
  #col3 h1.csc-firstHeader {
/*	display:inline;
	font-size: 180%;
	line-height:45px;
	text-transform:uppercase;
	padding-left:25px;
	padding-right:35px;
	padding-top:9px;
	padding-bottom:8px;
	background-color:#ed1b24;
	color:#FFFFFF;
	background-image:url(../media/col3_h1_after.gif);
	background-repeat:no-repeat;
	background-position:right center;*/
}

/****************************************/

  hr {
	color: #e1e1e1;
	background:transparent;
	border:0;
	border-bottom: 1px #e1e1e1 solid;
}

/****************************************/

  img { border: 0 none;}
  fieldset {border: 1px solid #616362; padding: 5px;}
  legend {border: 0;}
  label {padding-left:3px;border: 0;}
  
/****************************************/

  ul, ol, dl { margin: 0 0 0.3em 0em; }

  li { margin-left: 1.5em; line-height: 1.5em; font-size: 100%;  }

/****************************************/  
  
  blockquote, cite { margin: 0 0 1em 1.5em; font-size: 0.93em; width: auto;}
  
  cite, blockquote { font-style:italic }
  
  blockquote { margin: 0 0 1em 1.5em }

/****************************************/

  strong,b { font-weight: bold }

/****************************************/
  
  em,i { font-style:italic }

/****************************************/

.abstand {
margin-bottom:20px;
}

/****************************************/
/* Frontend editing / TYPO3 Admin Panel */
/****************************************/

IMG.frontEndEditIcons { vertical-align: middle; margin: 0px 2px 0px 2px; } 
TABLE.typo3-adminPanel { border: 1px solid black; background-color: #F6F2E6; text-align: left;  }
TABLE.typo3-adminPanel TR.typo3-adminPanel-hRow TD { background-color: #9BA1A8; }
TABLE.typo3-adminPanel TR.typo3-adminPanel-itemHRow TD { background-color: #ABBBB4; }
TABLE.typo3-adminPanel TABLE, TABLE.typo3-adminPanel TD { border: 0px; }
TABLE.typo3-adminPanel TD FONT { font-family: verdana; font-size: 10px; color: black; }
TABLE.typo3-adminPanel TD A FONT { font-family: verdana; font-size: 10px; color: black; }			

/****************************************/
/* CSC styled content */
/****************************************/

.csc-textpic-caption {
padding-left: 2px;
padding-right: 2px;
padding-top: 5px;
padding-bottom: 10px;
}

/****************************************/
/* YAML basics */
/****************************************/

  * { margin:0; padding: 0 }

  option { padding-left: 0.4em }

  * html body * { overflow:visible }
  * html iframe, * html frame { overflow:auto }
  * html frameset { overflow:hidden }

  html { height: 100% }

  html * { font-size: 100.01% }
  
  body {
	min-height: 101%;
	font-size: 100.01%;
	background-image:url(../media_2011/bg_body.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 75.00%;
	background-color:#000000;
	color:#3d3d3d;
  }

  #page_margins {
	width:1013px;
	margin: 0 auto;
	text-align:left;
	height:100%;
	min-height:100%;
	padding-left:37px;
  }

/****************************************/
/* head */
/****************************************/
    
  #head_outer {
	height:204px;
	width:1075px;
	background-image:url(../media_2011/bg_nav.gif);
	background-repeat:no-repeat;
	background-position:3px bottom;
	margin-left:-121px;
	padding-bottom:10px;
	position:relative;
	top:0;
	left:0;
  }

 #head_leiste {
	clear:both;
	padding-left:124px;
	padding-top:1px;
	height:175px;
	width:1012px;
	background-image:url(../media_2011/bg_head_leiste.gif);
	background-repeat:no-repeat;
	margin-left: -120px;
	background-position: 82px;
  }

/****************************************/
/* head navlang*/
/****************************************/

  #head_navlang {
	position:absolute;
	top:96px;
	right:100px;
	width:auto;
	color:#FFFFFF;
}

  #head_navlang span {
	padding-left:3px;
	padding-right:3px;
	font-size:92%;
	font-weight:bold;
	color: #00a551;
  }

  
  #head_navlang a {
	text-decoration: none;
	-moz-outline: none;
  }

  #head_navlang a span.act {
	color:#ed1b24;
  }

/****************************************/
/* head hilfsnav*/
/****************************************/
  
  #head_hilfsnav_outer {
	position:absolute;
	top:78px;
	left:267px;
	float:none;
	width:580px;
}

  #head_hilfsnav {
}

  #head_hilfsnav ul {
	list-style-type:none;
	margin:0;
	padding:0;
  }
  
  #head_hilfsnav ul li {
	display:block;
	float:left;
	margin:0;
	padding-top:21px;
  }
  
  #head_hilfsnav ul li.act {
	background-image:url(../media/bg_hilfsnav_act.gif);
	background-position:top center;
	background-repeat:no-repeat;
  }
  

  #head_hilfsnav ul li a {
	display:block;
	padding-left:10px;
	padding-right:10px;
	text-decoration: none;
	font-weight:bold;
	white-space:nowrap;
	-moz-outline: none;
	text-transform:uppercase;
	color: #000000;
	line-height:1em;
	border-right:1px solid #3d3d3d;
	font-size:92%;
  }
  
   #head_hilfsnav ul li a.last {
	border-right:0 none;
  }
  
/****************************************/
/* head search */
/****************************************/
  
  #head_search_outer {
	position:absolute;
	top:123px;
	right:30px;
	width:170px;
  }
  
  #head_search {
}

  #head_search.searchform {  }

  #head_search #searchinput {
  display:block;
  float:left;
  width:135px;
  margin-right:8px;
  height:17px;
  font-size:100%;
  border:1px solid #ffffff;
  }
  

  #head_search #searchbutton {
  cursor:pointer;
  display:block;
  float:left;
  }

/****************************************/
/* head topnav*/
/****************************************/
  
  #head_topnav {
	position:absolute;
	top:156px;
	left:269px;
}

img.button_mp3 {
	display:block;
	float:right;
}
   #head_topnav ul {
	list-style-type:none;
	margin:0;
	padding:0;
	float:left;
  }
  
  #head_topnav ul li {
	display:block;
	float:left;
	margin:0;
	padding:0;
	padding-top:6px;
  }
  
  #head_topnav ul li img{
  border: none;
  }  
  
  #head_topnav ul li a {
	display:block;
	text-decoration: none;
	font-weight:bold;
	white-space:nowrap;
	-moz-outline: none;
	color:#FFFFFF;
	padding-left:7px;
	padding-right:7px;
	letter-spacing:1px;
	border-right:2px solid #3d3d3d;
	font-size:110%;
  }

  #head_topnav ul li a.last {
	border-right:0 none;
  }  

  #head_topnav ul li a:hover,
  #head_topnav ul li a.act{
	text-decoration: underline;
  } 
  
/****************************************/
/* social share this*/
/****************************************/

  #head_social {
	position:absolute;
	top:148px;
	right:110px;
	width:150px;
}


  #head_social_sharethis {
  padding: 5px 0px 5px 10px 

  }


  #head_social_sharethis a{
  text-decoration: none;
	color:#FFFFFF;
  }

/****************************************/
/* social rss */



/****************************************/

  #head_social_rss {
  padding: 0px 0px 3px 10px 
  }

  #head_social_rss a.rssbutton{
    padding: 1px 5px 5px 22px;
    text-decoration: none !important;
	color:#FFFFFF;
}

  #head_social_rss .rssbuttontext {
    line-height: 17px;
}

  #head_social_rss .rssico_default {
    background:url(http://82.192.200.131/rockhal/fileadmin/sonic_visions/media/static/rss.gif) no-repeat scroll 0px 0px;
  
}
/****************************************/
/* navleft */
/****************************************/

#col1_nav_left {
	width:auto;
	padding:9px 0px 9px 10px;
	margin-bottom:3px;
	background-color:#313131;
	border-bottom:1px solid #000000;
}

#col1_nav_left  ul {
	list-style-type:none;
	margin:0;
	padding:0;
  }

/****************************************/
/* navleft 1.Ebene */
/****************************************/

  
#col1_nav_left  ul li {
	margin: 0;
	padding: 0;
  }

#col1_nav_left ul li a {
	display:block;
	text-decoration: none;
	font-weight:bold;
	-moz-outline: none;
	color: #ffffff;
	padding-left:18px;
	padding-top:7px;
	padding-bottom:7px;
	font-size: 135%;
	margin-bottom:1px;
  }
  
#col1_nav_left ul li a.act {
	background-color:#ffffff;
	background-image:url(../media_2011/bg_nav_title.gif);
	background-repeat:no-repeat;
	background-position:left center;
	color: #ed1b24;
  }
  
/****************************************/
/* navleft 2.Ebene */
/****************************************/

#col1_nav_left  ul li ul li {
	margin: 0;
	padding: 0;
	line-height: 1em;
  }

#col1_nav_left  ul li ul li.act {

}
  
#col1_nav_left ul li ul li a {
	display:block;
	margin-left:20px;
	-moz-outline: none;
	padding-top:5px;
	padding-bottom:5px;
	font-size:97%;
  }

#col1_nav_left  ul li ul li a.act {
  }

/****************************************/
/* navleft 3. und folgende Ebenen       */
/****************************************/

#col1_nav_left  ul li ul li ul li {
	margin: 0;
	padding: 0;
	line-height: 1em;http://www.sonicvisions.lu/typo3/backend.php#
	font-size: 95%;
  }

  
#col1_nav_left ul li ul li ul li a {
	display:block;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left:40px;
	background-color:#e9e3c9;
	background-image:none;
	text-decoration: none;
	font-weight:normal;
	-moz-outline: none;
	color: #3d3d3d;
  }

#col1_nav_left  ul li ul li ul li a.act {
	font-weight:bold;
  }

#col1_nav_left  ul li ul li ul li ul li {
	margin: 0;
	padding: 0;
	line-height: 1em;
	font-size: 95%;
  }

  
#col1_nav_left ul li ul li ul li ul li a {
	display:block;
	padding-left:55px;
	text-decoration: none;
	font-weight:normal;
	background-color:#e9e3c9;
	-moz-outline: none;
	color: #3d3d3d;
  }

#col1_nav_left  ul li ul li ul li ul li a.act {
	font-weight:bold;
  }

/***************************************/  

   
/************************************/
/*** Bereich main (Hauptinhalte) ***/
/************************************/ 

  #main {
	clear:both;
	width: 1021px;
	position:relative;
	background-image:url(../media/bg_main.gif);
	background-position:left;
	background-repeat:repeat-y;
  }

  
/************************************/ 
/*** linke Spalte im Bereich main ***/
/************************************/ 

  #col1 {
	width: 209px;
	float: left;	
  }

/*** Innenabstände linke Spalte im Bereich main ***/
 
  #col1_inner {
	padding: 0px 0px 0px 0px;
	background-color:#cccccc;
	border-left:1px solid #000000;
	border-top:1px solid #000000;
  }


/*** Ende linke Spalte im Bereich main ***/

/*** rechte Spalte im Bereich main ***/

  #col2 {
	width: 271px;
	float:right;
  }
  
/*** Innenabstände rechte Spalte im Bereich main ***/
 
  #col2_inner {
	padding: 30px 0px 0px 0px;
  }

/*** Ende rechte Spalte im Bereich main ***/
    
/****************************************/

/* latest news col1 */
/****************************************/



		
  #col1_latest_news {
	width:auto;
	background-repeat:no-repeat;
	padding-top:30px;
	padding-bottom:10px;
	padding-right:13px;
	background-color:#cccccc;
	border-bottom:1px solid #000000;
  }
		  
/*** mittlere Spalte im Bereich main ***/

  #col3 {
	width:auto;
	margin: 0 271px 0 210px;
/*	background-color:#e1e1e1;*/
	border:1px solid #000000;
	border-left:0px none;
  }

/*** Innenabstände mittlere Spalte im Bereich main ***/

  #col3_inner {
	background-repeat:no-repeat;
	padding: 0px 15px 0px 20px;
  }

/*** damit mittlere Spalte nicht unter die längste Spalte rutscht (siehe http://www.yaml.de/de/dokumentation/grundlagen/funktionsweise-von-floats.html ***/
  
  #col3_inner_float {
	float: left;
	margin: 0;
	width:100%;
  }

 /*** Ende mittlere Spalte im Bereich main ***/
  
  #col1 {z-index: 5}
  #col2 {z-index: 3}
  #col3 {z-index: 1}
  #col1_inner {z-index: 6}
  #col2_inner {z-index: 4}
  #col3_inner {z-index: 20}

  #col1_inner, #col2_inner, #col3_inner { position:relative }

/****************************************/
/* footer */
/****************************************/

  #footer {
	clear:both;
	background-color:#3d3d3d;
	margin-top:10px;
	margin-right: 22px;
	font-size:1em;
	color:#FFFFFF;
	width:959px;
  }
 
   #footer a {
	color:#FFFFFF;
	text-decoration:underline;
   } 
   
   
   #footer .clearer {

   }
   
/*****************************************/  
/**** footer sponsoren **************************/
/*****************************************/     
   
    #footer_spons_global {
	background-color:#3d3d3d;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 5px;
     }

    #footer_spons_cat {
	background-color:#3d3d3d;
	padding-left: 15px;	
	padding-top: 5px;
	
     }

/*****************************************/  
/**** footer adress + cfl **************************/
/*****************************************/   

  #footer_info {
	background-color:#3d3d3d;
	width:100%;
	}

  #footer_adress {
	float:left;
	width:auto;
	padding-left: 15px;	
	margin-top: 10px;
	margin-bottom: 10px;
  }
  
  #footer_recommends {
	float:right;
	width:auto;
	padding-right: 15px;	
	margin-top: 10px;
	margin-bottom: 10px;
  }

/*****************************************/  
/**** footer nav + copy**************************/
/*****************************************/    

  #footer_bottom {
	background-color: #ffe600;
	width: 100%;
	height:30px;
	color: #000000;
	clear:both;
	overflow:visible;
	font-size:0.9em;
  }
  
  #footer_nav {
	float:left;
	width:auto;
	padding-left: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
  }
  
  #footer_copy {
	float:right;
	width:auto;
	padding-right: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
  }
  
  #footer_copy p {
  line-height: 1em;  
  color: #000000;
  }

  
  #footer_copy a {
	text-decoration: underline;
	font-weight:bold;
	-moz-outline: none;
	color: #000000;
  }
  
/*****************************************/  
/**** footer nav **************************/
/*****************************************/ 

  #footer_nav ul {
	list-style-type:none;
	margin:0;
	padding:0;
  }



  
  #footer_nav ul li {
	display:block;
	float:left;
	line-height: 1em;
	margin: 0;
	padding: 0;
  }
  

  #footer_nav ul li a {
	display:block;
	padding-right:30px;
	text-decoration: none;
	font-weight:bold;
	white-space:nowrap;
	-moz-outline: none;
	color: #000000;
	background-image:url(../media/pfeil_footer.gif);
	background-repeat:no-repeat;
	background-position: 0px 3px;
	padding-left:11px;
  }
  
  #footer_nav ul li a.act {
  color: #000000;
  }

/*****************************************/ 


  
  #abstand_unten {
	clear:both;
	height:20px;
	width:100%;
  }

  
/****************************************/
/* YAML clearfix */
/****************************************/
  
   .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
  }

  .clearfix {display: block }

  .clear {clear:both; height:1px; margin-top:-1px;}
  .clearleft {clear:left; height:1px; margin-top:-1px;}  
  
  .floatbox {overflow:hidden;}


  #ie_clearing { display: none }
  
}