//  türkis:       #a1fff9                    #00e1ef        #24fff2

// orange:        #ffb400

html, body {

  height:100%;

  margin:0px;

  padding:0px;

}

body {

  font-family:Arial,Helvetica,sans-serif;

  font-size:9pt;

  margin:0px;

}





/* ### BOXEN ### */

#wrapper {

  min-height:100%;

  position:relative;

  background:url('../images/bg30.png');   // background für #content!!!

}

#head {

background:#fff;

height:222px;

text-align:center;

}

#bar {

  background:url('../images/papier.png');

  position:relative;

  padding:10px 0px;

}





#content {

  padding-bottom:420px;

  height:auto;

  color:#555;

  font-size:0.95em;

  line-height:1.35em;

}

#contentmain {

width:500px;

float:left;

padding-top:30px;

min-height:500px;

}

#sidebar {

width:170px;

float:right;

padding-top:30px;

padding-left:20px;

}

#footer {

  position:absolute;

  height:420px;

  background:url('../images/footer_bg.gif') repeat-x;

  bottom:0px;

  width:100%;

}

.padding {

  width:725px;

  margin:auto;

}
#bar .padding {
width:750px;
padding-left:25px;
}
#footer .padding {
width:800px;
}

#schatten {

  background:url('../images/schatten_unten.png') repeat-x bottom;

  height:19px;

  width:100%;

  position:absolute;

  bottom:0px;

}



/* ### MENU ### */

#nav {

position:relative;

margin:6px 0px 8px 0px;

}

#nav * {

margin:0px;

padding:0px;

}

#nav ul {

list-style-type:none;

font-size:120%;

font-weight:bold;

text-transform:uppercase;

letter-spacing:1px;

}

#nav ul li {

float:left;
position:relative;

}

#nav ul li a {

color:#24fff2;

text-decoration:none;

padding-right:16px;

outline:0;


}

#nav ul li a:hover, #nav ul li a:active {

  color:#ffb400;

}

#nav ul li a.current {

  color:#ffb400;

}

/* ### CONTENT ### */



#headerpic {

margin:0px auto;

margin-left:-20px;

}



h2 {

  font-size:300%;

  font-weight:bold;

  text-transform:uppercase;

  letter-spacing:7px;

  margin:0px;

  color:#ffb400;

 line-height:100%;

}



#statictext {

color:#E6FFFE;

font-size:1em;

font-style:italic;

font-weight:bold;

margin:20px 0;

width:600px;

}

.entry {

padding-bottom:16px;

padding-top:10px;

background:url('../images/pappstueck1.png') no-repeat bottom center;

padding-bottom:10px;

margin-top:10px;

text-align:justify;

overflow:auto;

}

#content a {

color:#f59e00;
text-decoration:none;
font-weight:bold;

}

#content a:hover {

color:#ffb400;

}

h3 {

font-size:120%;

font-weight:bold;

color:#00e1ef;

letter-spacing:2px;

margin:0px 0px 5px 0px;

text-transform:uppercase;

}

h3 a {

color:#f59e00;

text-decoration:none;

}

h3 a:hover {

color:#ffb400;

}

p {

margin: 0px 0px 0.5em 0px;

}

a.readmore {

background:#00e1ef;

color:#FFFFFF!important;

display:inline-block;

font-size:9px;

font-weight:bold;

line-height:100%;

margin-bottom:2px;

padding:1px 3px;

text-decoration:none;

text-transform:uppercase;

}

a.readmore:hover {

background:#ffb400;
color:white!important;
text-decoration:none;

}



#sidebar h3, #sidebar h3 a, #sidebar h3 a:hover {

text-transform:uppercase;

color:#ffb400;

font-weight:bold;

letter-spacing:1px;

}

#sidebar h3 a:hover {

text-decoration:underline;

background:none;

opacity:1;

}

#sidebar ul {

list-style-type:none;

padding:0px;

}

#sidebar a {
color:#00e1ef;
text-decoration:none;
display:inline-block;
margin:3px 0px;
font-weight:bold;
}

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

#countdown {

background:url('../images/pappe_cd.png') no-repeat center center;

height:210px;

position:relative;

margin-left:0px;

}

#cd1, #cd2, #cd3 {

color:#333;

position:absolute;

font-weight:bold;

}

#cd1 {

left:80px;

top:34px;

}



#cd2 {

font-size:42pt;

left:40px;

top:100px;

color:#ffb400!important;

opacity:0.8;

height:40px;

}

#cd3 {

font-weight:bold;

left:30px;

text-align:center;

top:155px;

}

.thumbleft, .thumbright {

margin-top:4px;

border-style:solid;

border-color:#00e1ef;

}

.thumbleft {

float:left;

margin-right:10px;

border-width:0px 0px 0px 4px;

}

.thumbright {

float:right;

margin-left:10px;

border-width:0px 4px 0px 0px;

}

.left, .right {

border-style:solid;

border-color:#00e1ef;

margin-top:4px;

}

.left {

float:left;

margin-right:10px;

border-width:0px 0px 0px 4px;

}

.right {

float:right;

margin-left:10px;

border-width:0px 4px 0px 0px;

}



#footer {

font-size:0.8em;

font-weight:bold;

color:white;

}

#footer ul {

list-style-type:none;

float:left;

margin-top:20px;

padding-right:20px;

}

#footer a {

color:white;

text-transform:uppercase;

letter-spacing:1px;

text-decoration:none;

}

#footer a:hover {

text-decoration:underline;

}

#footerlogos {

text-align:center;

padding-top:60px;
position:relative;

}

#footerlogos * {
border:none;
}
#footerlogos a:hover {
opacity:0.7;
}
#f_vintage {
display:block;
height:64px;
width:128px;
background:url('../images/f_vintage.gif') no-repeat;
position:absolute;
bottom:0px;
left:0px;
}

#footer-inner {

margin-left:50px;

}

#footer-bottom {

clear:left;

text-align:center;

padding:10px 0px 0px 0px;

}
#abgefuckt {
position:absolute;
bottom:10px;
right:10px;
}

ul.border {

border-right:1px solid white;

}

#player {

margin:20px 0px 20px 0px;

}

#player a {

display:block;

height:280px;

width:200px;

background:url('../images/player.png') top left;

}

#player a:hover {

background-color:transparent!important;

opacity:1;

}

.bildbox {

padding:4px;

margin-bottom:10px;

background:white;

border:1px solid #aaa;

width:auto;

display:inline-block;

}

.bildbox img {

display:block;

float:none;

margin:0px 0px 2px 0px;

}

.bildgross, .pwimages {

padding:4px;

margin:4px 0px;

background:white;

border:1px solid #aaa;

display:block;

}

.info {

color:#aaa;

font-style:italic;

text-align:right;

}



.network_button {
text-indent:-3000px;
height:30px;
width:140px;
margin:3px 0px;
display:block;
background-position:0px 0px;
}
.network_button:hover {
background-position:0px 30px;
background-color:transparent !important;
}
.myspace {
background-image:url('../images/myspace_button.gif');
}
.studi {
background-image:url('../images/studi_button.gif');
}
.lastfm {
background-image:url('../images/lastf_button.gif');
}

#s_aufmucken a, #s_aufmucken a:hover {

display:block;

height:210px;

width:172px;

opacity:1;

background:url('../images/s_aufmucken.gif') no-repeat;

}

#s_aufmucken a:hover {

opacity:0.7;

}

.snippet {



}

.hellgelb {

color:#f5ffce;

}

/* ## ORDER FORM ## */

#tform {

margin:10px 0px;

}

.product {

font-weight:bold;

padding:0px 10px 0px 0px;

}

#preis1, #preis2, #preis3, .preis {

border:none;

background:transparent;

color:#555;

font-family:Georia,Times,serif;

font-size:11pt;

text-align:right;

}



#summe {

color:#555555;

font-family:Georia,Times,serif;

font-size:11pt;

font-weight:bold;

text-align:right;

border-top:1px solid #777;

padding:6px 0px;

border-bottom:4px double #777;

}

label, .inputtext {

display:block;

}

.inputtext {

width:230px!important;

margin:0px 0px 5px 0px;

font-family:sans-serif;

}

.errorbox {

background:#F8E1E1 none repeat scroll 0 0;

color:#DF0000;

border:1px solid #df0000;

font-weight:bold;

padding:2px 5px;

width:240px;

display:inline-block;

opacity:0.6;

}


/* ###########  GÄSTEBUCH ############ */

#comments {
}

#comments h3 {
}

#comment_form {
}
#comments textarea, #comments input {
display:block;
font-family:sans-serif;
font-size:11px;
}
#comments textarea {
height:200px;
}
#comments textarea, #comments input[type='text'] {
border:1px solid #ffb400;
background:url('../images/input_bg_orange.gif');

}
#comments textarea:hover, #comments textarea:focus, #comments input[type='text']:hover, #comments input[type='text']:focus {
background:none;

}
#comments label {
font-size:8px;
text-transform:uppercase;
letter-spacing:1px;
margin:2px 0px -2px 0px;
}
.c_body {
background:transparent url(../images/c_bg.gif) no-repeat scroll left bottom;
padding:12px 10px 40px 30px;
color:#111;
}
.c_list {
list-style-type:none;
padding:0px;
width:450px;
}
.c_author {
font-weight:bold;
margin:-15px 0 12px 70px;
}
.c_datum {
font-style:italic;
color:#888;
font-weight:normal!important;
}

.gbinfo
{
background-image:url(../images/gbinfo.png); background-repeat:no-repeat;
position:absolute;
	width:188px;
	height:189px;
	color:#666666;
	top: 110px !important;
	top: 110px;
	left: 509px !important;
	left: 505px;
	z-index: 1;
}
#neu {
background:transparent url(../images/neu.gif) no-repeat scroll left top;
display:block;
float:right;
height:10px;
margin:-7px 5px 0px -14px;
width:25px;
}

#blogkat_menu {
list-style-type:none;
display:block;
padding:0px;
margin:0px 0px 20px;
font-weight:bold;
}
#blogkat_menu li {
float:left;
display:block;
height:32px;
margin:0px 4px 0px 0px;
}
#blogkat_menu li a {
text-decoration:none;
color:white!important;
background-image:url('../images/blogkat_bg2.gif');
background-position:top left;
display:block;
height:32px;
padding:0px 4px;
}
#blogkat_menu li a:hover, #blogkat_menu li a.current {
background-position:bottom left;
}

a.blog_link {
display:block;
margin:0px 0px 10px 0px;
color:#999!important;
font-weight:normal!important;
}
.blog_link:hover {
color:#777!important;
text-decoration:underline;
}
.bloglabel {
display:block;
height:16px;
width:200px;
font-weight:bold;
float:left;
background:url('../images/blog_kat_head.gif') bottom left no-repeat;
color:white!important;
padding:0px 4px 0px 4px;
margin:0px 3px 0px 0px;
}
.bloglick_desc {
float:left;
}

#tform select {

}
table.ro {
border-collapse:collapse;
}
table.ro td {
padding:6px 12px;
}
td.zeit {
font-weight:bold;
color:#00E1EF;
font-size:14px;
}
td.band01, td.band02, td.band03 {
font-weight:bold;
color:#ffb300;
border-left:1px solid #ffb300;
}
td.band01 {
font-size:18px;
}
td.band02 {
font-size:26px;
}
td.band03 {
font-size:32px;
}