body{
background-position: 0px 282px;
color: black;
margin:0;
padding:0;
line-height: 1.4em;
font-size: 12px;
font-family: Helvetica, Verdana, Arial, sans-serif;
background-color: white;
background-repeat: repeat-x;
background-image: url(../img/menuright_bkg.gif);
}

p {font-weight: normal; color: black; line-height: 1.4em; font-size: 12px; font-family: Helvetica, Verdana, Arial, sans-serif;  margin-top:0;}

h1 {background-image: url(none); font-size: 16px; font-weight: bold; color: black; padding: 0; margin-bottom:0;}
h2 {background-image: url(none); color: #666666; font-size: 16px; font-weight: bold; padding: 0; margin:0; }
h3 {background-image: url(none); font-size: 12px; font-weight: bold; color: black; padding: 0; margin:0; }


h3 a, h3:link, h3:active, p a, p a:link, p a:active, p a:visited, td a:link, td a:active, td a:visited { padding-left: 8px; background-repeat: no-repeat; background-position: 0px 4px; background-image: url(../img/green-dot.gif); font-weight: bold; color: #666666; text-decoration: none;}
h3 a:hover, p a:hover, td a:hover {background-position: 0px -31px; color: black; text-decoration: none;}

* html td a { padding-left: 8px; background-repeat: no-repeat; background-position: 0px 4px; background-image: url(../img/green-dot.gif); font-weight: bold; color: #666666; text-decoration: none;}


b { font-weight: bold;}
i { font-style: normal; color: #666666;}

table {margin: 0; padding: 0;}
td {border:0; vertical-align: top; text-align: left; padding: 5px; margin:0;}
td.datum {color: black; font-weight: bold;}

th {font-weight: bold; vertical-align: top; text-align: left; width: 100px; margin:0; padding: 0;}

form {margin: 0; padding: 0;}

input, textarea { margin-left: 0px; margin-bottom: 5px; margin-right: 0px; margin-top: 0px; padding-left: 5px; padding-bottom: 1px; padding-right: 5px; padding-top: 1px; width: 300px; border-right-color: black; border-right-style: solid; border-right-width: 1px; border-left-color: black; border-left-style: solid; border-top-color: white; border-bottom-color: #000; border-top-style: solid; border-bottom-style: solid; border-top-width: 1px; border-left-width: 1px; border-bottom-width: 1px; overflow: auto;}

input.submit {width: 100px; border: none; cursor: pointer;}
input.submit:hover {cursor: pointer;}

#topsection {
margin:0;
padding:0;
position: absolute;
left: 350px;
top: 0px;
height: 280px;
vertical-align: bottom;  /*Height of top section*/
/* margin-right: 3%; */
/* float:right; */
border: 0;
}


#logo-small {
background-repeat: no-repeat;
float: left;
position: relative;
top: 10px;
left: -100px;
background-image: url(../img/soniq-logo-small.gif);
width: 208px;
height: 40px;
visibility: hidden;
border: 0;
}

#logo-small img {border: 0; }

* html #logo-small {
float: left;
position: absolute;
/* margin-top: 10px; */
left: -100px;
background-image: url(../img/soniq-logo-small.gif);
width: 208px;
height: 40px;
visibility: hidden; 
border: 0;
}


#logo-small.ja {visibility: visible;}
#logo-small.Ja {visibility: visible;}
#logo-small.sichtbar {visibility: visible;}


#largeimage img {
top: 40px;
left: 0px;
position: absolute;
margin:0;
width: 620px;
height: 240px;
padding:0;
vertical-align: bottom;
border: 0;
/* margin-top: -10px; */
}

* html #largeimage img {
margin-top: 0;
padding:0;
vertical-align: bottom;
width: 640px;
height: 240px;
padding:0;
border:0;

}


#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
/* width: 100%; */
/* margin-left: -3%; Set left margin to -(RightColumnWidth)*/
}

#leftmenucolumn{
/* margin: 0 620px 0 3%; Set margin to 0 (maincontentcolumnWidth) 0 (RightColumnWidth)*/
margin:0;
padding:0;
float: left;
position: absolute;
top: 280px;
left: 0px;
width: 350px; /*Width of left column*/
background-repeat: repeat-x;
background-image: url(../img/menuright_bkg.gif);
background-position: 0 2px;
}

#maincontentcolumn{
float: left;
margin: 0;
padding:0;
position: relative;
left: 350px;
top: 280px;
width: 635px; /* Width of left column in pixels */
/* margin-left: 200px; /*Set left margin to LeftColumnWidth*/
/* margin-left: -620px; Set left margin to -(maincontentcolumnWidth) */
background-color: white;



}

#maincontentcolumn table {
max-width: 580px;
border: 0;
}

#maincontentcolumn td {padding:0; vertical-align: top; padding-right: 5px;}

#rightcolumn{
/* background-position: 0 2px; */
/* float: left; */
/* position: absolute; */
/* top: 280px; */
/* left:1000px; */
/* width:200px; */
/* width: 3%; /*Width of right column in percentage*/
/* height: 200px; */
/* background-color: white; */
/* background-repeat: repeat-x; */
/* background-image: url(../img/menuright_bkg.gif); */
}

#footer{
position: absolute;
top: 452px;
left: 60px;
clear: left;
background: white;
color: gray;
/* text-align: right; */
/* padding-top: 418px; /* Abstand oben zum Content */
/* padding-right: 100px; */
margin-bottom: 20px;
/* padding-left: 10px; /* Abstand links */
}

* html #footer {top: 452px; position: absolute;}

#footer img {border: none;}

#footer a { 
padding:0; background-image: none; text-decoration: none; margin-right: 20px;}

#footer a:hover { border-bottom: 2px solid #333333; }






.innertube{
margin: 0; /* 0px Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
padding:0;

/* width: 620px; */
/* height: 200px; */
/* overflow: auto; */
/* max-height: 400px; */
/* overflow-y: auto; */
}


#innertube.innertube {height: 400px; width: 625px; margin-right: 0; padding:0; padding-right: 10px; overflow:auto; }


/* ----- CONTENT CLASSES ----- */
 .venue-ort a, .venue-ort a:link, .venue-ort a:active, .venue-ort a:visited { padding-left: 10px; margin-left: -10px; background-repeat: no-repeat; background-position: 0px 5px; background-image: url(../img/green-dot.gif); font-weight: bold; color: #666666; text-decoration: none; }


.venue-ort a:hover {background-position: 0px -30px; color: black; text-decoration: none;}

* html .venue-ort a, .venue-ort a:link, .venue-ort a:active, .venue-ort a:visited { padding-left: 10px; margin-left: 0px; background-repeat: no-repeat; background-position: 0px 5px; background-image: url(../img/green-dot.gif); font-weight: bold; color: #666666; text-decoration: none; }


/* *html .venue-ort { text-indent: 10px; margin-left: 10px; padding-left: 5px; background-repeat: no-repeat; background-position: 2px 5px; background-image: url(../img/green-dot.gif); font-weight: bold;  text-decoration: none; } */


td.kuenstler { width: 140px; }


.firstcolumn {width:100px; margin:0; padding:0px; text-align: left; }

.titel {font-weight: bold; }
td.titel {width:200px; }

td.venue-ort { }