/*
)-- colors:
#47403D: grey
#A6A6A6: grey - header border
#696969: grey - menu text
#3C3C3C: grey - menu border
*/

* {
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

a{
outline:none;
}

body {
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  color: #47403D;
  font-size: 8pt;
}

div{
margin:0;
padding:0;
}

.datum{
display:block;
font-size:10px;
margin-bottom:4px;
font-style:italic;
}

h1 {
  width: 100%;
  font-size: 15pt;
}

h2 {
  width: 100%;
  font-size: 10pt;
}

h3 {
  width: 100%;
  font-size: 9pt;
  margin:0 0 10px 0;
  padding:0;
}

p {
  text-align: justify;
  line-height:16px;
}

ul {
  list-style-type: none;
}

a {
  color: #104104;
}

a:hover {
  color: #cc6633;
  text-decoration: underline;
}

img {
  margin: 0;
  padding: 0;
  border: none;
}

#container {
  margin:auto;
  width: 764px;
}

#header {
  position: relative;
  margin: 0;
  padding: 0;
  height: 134px;
}

#legende{
display:block;
width:579px;
font-size:10px;
padding-bottom:3px;
background:url(../images/util/ie_cant_fucking_dot.gif) repeat-x bottom left;
}

/* BANNER TOURNANTE */

#logo {
  height: 135px;
  width: 585px;
 border-bottom: 1px dotted #3C3C3C;
}

.logo1{
 background: url(images/top1.jpg) left bottom no-repeat;
}

.logo2{
 background: url(images/top2.jpg) left bottom no-repeat;
}

.logo3{
 background: url(images/top3.jpg) left bottom no-repeat;
}

.logo4{
 background: url(images/top4.jpg) left bottom no-repeat;
}

.logo5{
 background: url(images/top5.jpg) left bottom no-repeat;
}

.logo6{
 background: url(images/top6.jpg) left bottom no-repeat;
}

.logo7{
 background: url(images/top7.jpg) left bottom no-repeat;
}

.logo8{
 background: url(images/top8.jpg) left bottom no-repeat;
}

.logo9{
 background: url(images/top9.jpg) left bottom no-repeat;
}

.logo10{
 background: url(images/top10.jpg) left bottom no-repeat;
}

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

hr{
display:block;
height:1px;
background:#CCCCCC;
border:0;
margin:0;
padding:0;
}

hr.separation{
clear:left;
display:block;
padding:0;
margin:0;
border:none;
height:1px;
visibility:hidden;
}

hr.separation2{
clear:both;
display:block;
padding:0;
margin:0;
border:none;
height:1px;
visibility:hidden;
}



#logo h1 {
  display: none;
  margin: 0;
  padding: 0;
}

#menu {
  position: absolute;
  top:0;
  right: 0;
  width: 170px;
  margin: 0;
  padding: 0;
}

#store ul {
margin:10px 0;
line-height:18px;
padding:0;
}

#store p{
font-size:12px;
}

#store .right{
float:right;
margin:0 200px 0 0;
}

#store span.btn a{
margin:0;
text-align:center;
padding-top:5px;;
display:block;
height:22px;
width:208px;
background:#999999;
color:#FFFFFF;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
letter-spacing:2px;
text-decoration:none;
outline: none;
}

#store span.btn a:hover{
background:#666666;
}

.red{
color:#FF0000;
}


#menu ul {
  margin: 0;
  padding: 0;
}

#menu li {
  padding: 3px 0 0 0;
  width: 83px;
  border-bottom: 1px dotted #3C3C3C;
}

#menu li a {
  /*display: block;*/
  color: #696969;
  text-decoration: none;
}

#menu li a:hover {
  background-color: #696969;
  color: #ffffff;
  text-decoration: none;
}

#menu #menu1 {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
}

#menu #menu2 {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
}

#main {
  margin: 0;
  padding: 2ex 0 0 0;
  width: 585px;
}

#main * {
  margin-top: 0;
  padding-top: 0;
}

#main h2 {
  border-bottom: 1px dotted #3c3c3c;
}

#center p{
margin:auto;
text-align:center;
margin:6px 0 0 0;
font-size:10px;
}

#radio{
position:absolute;
top:-25px;
left:0;
}

#sidebar {
  position : relative;
  float: right;
  margin: 52px 0 1em 1em;
  padding: 8px;
  width: 154px;
  background-color: #000000;
  font-size: 7pt;
 /* height:360px;*/
}

#sidebar div {
  padding-bottom: 10px;
}

#sidebar * {
  color:#fff;
  margin: 0;
  padding: 0;
}

#sidebar h2 {
  margin: 0;
  padding: 0 0 10px 0;
  font-size: 8pt;
  color:#FFFFFF;
  padding-top:5px;
  background: url(../images/util/ie_cant_fucking_dot.gif) repeat-x top;
  }

#sidebar p {
  margin: 0;
  padding: 0 0 1ex 0;
}

#sidebar a {
  color: #fff;
  text-decoration:none;
  font-weight:normal;
}

#sidebar a:hover {
  color: #fff;
  text-decoration: underline;
}

#sidebar #nextshows ul {
  margin: 0;
  padding: 0 0 1ex 0;
}

#sidebar #moremusic, 
#sidebar #moredates, 
#sidebar #morenews {
  margin-top: 0;
  text-align: right;
}

#logo_store{
text-align:center;
}

#logo_store img{
margin:2px 3px 0 0;
}

#sidebar #newsheadlines {
}

#sidebar #mailinglist form {
  padding: 0 0 1ex 0;
}

#sidebar #mailinglist fieldset {
  baseline: top;
  vertical-align: top;
  border: none;
}

#sidebar #mailinglist input {
  baseline: top;
  vertical-align: middle;
  width: 100px;
  height: 14px;
  background-color: #333333;
  font-size: 7pt;
  border: 1px solid #666666;
  padding: 0;
  margin: 0;
}

#sidebar #mailinglist input.submit {
  margin-left: 2px;
  width: 35px;
  height: 16px;
}

#sidebar #contact * {
  text-align: left;
}

#contact a{
text-decoration:underline;
}


#store div#logo_shop a{
color:#fff; /* BUG IE */
}

#store div#logo_shop span{
display:block;
float:left;
margin:6px 0;
}

#next_shows li{
margin:6px 0 0 0;
font-weight:bold;
}

/* IE Hacks for #main width and for dotted borders
   The weird escaping is to leave ie/macosx out of the picture, 
   because he handles the width and dotted borders correctly. */

/* \*/
* html #main {
  width: 580px;
}
/* */

/* \*/
* html #logo {
  border-bottom: none;
}
/* */

/* \*/
* html #main {
  border-top: none;
  position:relative;
  top: -1px;
  background: url(../images/util/ie_cant_fucking_dot.gif) repeat-x top;
}
/* */

/* \*/
* html #menu li {
  border-bottom: none;
  padding-bottom: 1px;
  background: url(../images/util/ie_cant_fucking_dot.gif) repeat-x bottom;
}
/* */

/* \*/
* html #main h2 {
  border-bottom: none;
  padding: 1px;
  background: url(../images/util/ie_cant_fucking_dot.gif) repeat-x bottom;
}
/* FOOTER */

#footer{
clear:both;
margin:35px auto;
width:270px;
}

#footer a{
color:#999;
display:block;
background:url(../images/pixfactory.gif) no-repeat 150px center;
padding:10px;
width:155px;
font-size:10px;
text-decoration:none;
}