/*********************************************************************************************************/
/**********************************  Standardlayout GMS: Basis **********************************************/
/****************************************** gandke m&s gmbh   **********************************************/
/*********************************************************************************************************/
/*
  Datei       		: herpes.css
  Fassung vom	: 21.01.2008
**
*/

@import url(gms-standard.css);

/* MainPage */
img {
border: 0;
}

td, th {
border:0;
padding:0;
}

table {
background-color:transparent;
border:0;
empty-cells:show;
padding:0;
width:100%;
}

tbody {
background-color:transparent;
font-size:0.9em;
text-align:left;
vertical-align:top;
}

body {
background-image:url(../img/bg.jpg);
background-color:#000;
color:#CCC;
font-size:14px;
font-family:Verdana,Arial,Helvetica,sans-serif;
line-height:1.2em;
margin:0pt;
padding:0pt;
text-align:center;
}

h1, h2, h3, h4, h5, h6 {
color:#CCC;
}

#header {
background:url(../img/header.jpg) no-repeat;
height:165px;
border-bottom:0px solid #000000;
font-size:0.9em;
padding:0em;
}

#topnavigation {
margin:6px 49px 0px 49px;
padding-left:5px;
color: #DDD;
border: 0px solid red;
text-transform:uppercase;
}

#topnavigation  li{
padding-left:8px;
padding-right:8px;
}

#topnavigation  li a{
padding-left:0px;
padding-right:0px;
color: #DDD;
}

#topnavigation  li a:hover{
padding-left:0px;
padding-right:0px;
color: #FFF;
}

#container_main {
background:url(../img/footer.jpg) no-repeat;
border:2px solid  #000;
margin:20px auto 0pt;
text-align:left;
width:899px;
}

#footer {
background:url(../img/footer.jpg) no-repeat;
border-top:0px solid #000000;
height: 144px;
font-size:0.8em;
line-height:0.9em;
padding:0em;
text-align:center;
}

#col_left {
float:left;
font-size:0.8em;
position:relative;
width:49px;
}

#col_main {
background:url(../img/content_navi.jpg) no-repeat; 
float:right;
font-size:0.9em;
width:899px;
}

#col_right {
float:right;
font-size:0.8em;
position:relative;
width:49px;
}

#cnt_wrap {
float:left;
margin:0px;
width:899px;
}

#wrapper_cnt_outer {
border-left:0px solid blue;
border-right:0px solid yellow;
}

#wrapper_cnt_inner {
border:0px solid #F00;
margin-left: 0px;
width:899px;
height: 490px;
}

#header_pic {
background:url(../img/header_band.jpg) no-repeat; 
float: right;
margin: 32px 59px 0px 0px;
width: 495px;
height: 119px;
}

#header_band_name {
/* position: absolut; */
text-align: left;
font-size: 9px;
font-weight:100;
font-family:Arial,Verdana,Helvetica,sans-serif;
line-height:1.2em;
letter-spacing:0.1em;
margin:0px;
padding:130px 0px 0px 50px;
}

#header_band_name h2 {
margin:0px;
color: white;
}

.contentbox {
color:#CCC;
background-color:transparent;
margin: 40px 49px 0px 49px;
padding:5px;
border: 0px solid red;
height:440px;
overflow : auto;
scrollbar-base-color : #F00;
scrollbar-3dlight-color : #000;
scrollbar-highlight-color : #CCC;
scrollbar-face-color : #CCC;
scrollbar-arrow-color : #000;
scrollbar-shadow-color : #CCC;
scrollbar-darkshadow-color : #000;
scrollbar-track-color : #000; 
}


#akt_container {
text-align:center;
}

#akt_container   a{
padding-left:0px;
padding-right:0px;
color: #DDD;
}

#akt_container   a:hover{
padding-left:0px;
padding-right:0px;
color: #FFF;
}


a {
padding-left:0px;
padding-right:0px;
color: #DDD;
}

a:hover{
padding-left:0px;
padding-right:0px;
color: #FFF;
}

.akt {
color:graytext;
text-align:center;
font-size:0.8em;
margin: 0px auto 20px auto;
width:899px;
border: 0px solid red;
}


#align_left{
text-align:left;
padding-left: 5px;
}

#align_center{
text-align:center;
margin-top:-17px;
}

#align_right{
text-align:right;
margin-top:-16px;
padding-right: 5px;
}

* html #align_right{
margin-top:-17px; /* Dieser Hack ist für IE Versionen < 7 */
}

*+html #align_right{
margin-top:-17px; /* Dieser Hack ist für IE 7 */
}

#container_align_center {
text-align:center;
}

/* Kontakte - FormularLayout */
.bordered, .lighted {
text-align: left;
background: none;
padding:0px;
border:0px solid #F00;
margin: 0px auto 0px auto;
width:398px;
border: 0px solid yellow;
}

select, input, textarea {
background:#232323 no-repeat scroll 0%;
border:1px solid #555;
color:#CCC;
font-size:99%;
padding:3px;
overflow:auto;
}

input[type="text"]:focus, 
textarea:focus {
background:#AAA none repeat scroll 0%;
border-color:#222;
color:#000;
}

input[type="reset"], 
input[type="submit"], 
input[type="button"] {
background:#222 none repeat scroll 0%;
color:#CCC;
overflow:auto;
width:auto;
}

input[type=reset]:hover,
input[type=submit]:hover,
input[type=button]:hover {
background: #AAA;
color: #000;
border-color: #222;
}

input[type="radio"] {
background-color:none; 
border:0px solid #000;
}

#kontakt_container {
text-align:center;
border: 0px solid red;
}

#name {
width: 391px;
}

* html #name {
width: 387px;
}

*+html #name {
width: 387px;
}

#mail {
text-align:center;
}

#fon {
text-align:center;
}

#email {
width: 189px;
}

* html #email {
width: 185px; /* Dieser Hack ist für IE Versionen < 7 */
}

*+html #email {
width: 185px; /* Dieser Hack ist für IE 7 */
}

#telefon {
margin-right: -1px;
width: 189px;
}

* html #telefon {
margin-right: 3px; /* Dieser Hack ist für IE Versionen < 7 */
width: 189px;
}

*+html #telefon {
margin-right: 3px; /* Dieser Hack ist für IE 7 */
width: 189px;
}

#betreff {
width: 391px;
}

* html #betreff {
width: 387px; /* Dieser Hack ist für IE Versionen < 7 */
}

*+html #betreff {
width: 387px; /* Dieser Hack ist für IE 7 */
}

#mail_container {
text-align:center;
padding: 0px;
margin:0px;
}

#MailLoeschen_container {
text-align:left;
}

#MailSenden_container {
text-align:right;
margin-top: -23px;
margin-right: -1px;
}

* html #MailSenden_container {
margin-right: 3px; /* Dieser Hack ist für IE Versionen < 7 */
}

*+html #MailSenden_container {
margin-right: 3px; /* Dieser Hack ist für IE 7 */
}

/* Playlist */
#pl_container {
text-align:center;
margin: 0px;
padding: 0px 0px 0px 0px;
}

#pl_left {
float:left;
text-align:left;
width:200px;
border: 0px solid red;
padding-left: 20px;
}

#pl_center {
text-align:left;
width:200px;
margin: 0px auto 0px auto;
border: 0px solid yellow;
padding-left: 20px;
}

* html #pl_center {
width:200px; /* Dieser Hack ist für IE Versionen < 7 */
margin-left: 280px;
border: 0px solid pink;
padding-left: 20px;
}

*+html #pl_center {
width:200px; /* Dieser Hack ist für IE 7 */
margin-left: 280px;
border: 0px solid pink;
padding-left: 20px;
}

#pl_right {
float: right;
text-align:left;
margin: -492px auto 0px auto; 
width:200px;
border: 0px solid blue;
padding-left: 20px;
}

ul, ol, dl {
padding:0px 0px 0px 1.0em;
}

#bandpersons
{
  margin-top: 30px;
  margin-left: 23px;
}

#bandperson
{
	vertical-align: top;
	margin-left: 5px;
	margin-bottom: 10px;
	float: left;
	
	
}

#bandperson img
{
	/*float: left;*/
	margin-right: 8px;
	margin-top: 8px;
}