html
{
padding:0;
margin:0;
background:url(/new/img/fho_bg.jpg) fixed repeat-x;
background-color: #7e693e;
}

body
{
color:#000;
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size: 12px;
line-height: 130%;
margin:0;
padding:0;
background:url(/new/img/fho_all.jpg) fixed no-repeat top center;
}

#inhalt iframe {
margin: 10px;
margin-top: 0px;
}

#inhalt span.nomargin iframe {
margin: 0px;
}

img {
border:0;
}


#festivaltickets
{
width:1008px;
padding: 0;
margin: 0;
margin-top:0px;
margin-left:auto;
margin-right:auto;
}

#fh_left {
width: 25px;
min-height: 1000px;
float:left;
}

#festivalhopper
{
width: 952px;
padding-left: 3px;
padding-right: 3px;
overflow: visible;
padding-top: 10px;
padding-bottom: 10px;
background:url(http://static.festivalhopper.de/img/bg_vert.png) bottom;
background-repeat:repeat-x;
float: left;
min-height: 1000px;
}

#topheadline {
width:900px;
padding: 3px;
margin: 0;
margin-left:auto;
margin-right:auto;
text-align: center;
background: url(/new/img/bg/weiss2.png);
font-weight: bold !important;
}


#center {
width: 1008px;
margin-left: auto;
margin-right: auto;
min-height: 1000px;
background:url(http://static.festivalhopper.de/img/bg_hor.png) repeat-y;
}

#fh_right {
width: 25px; 
min-height: 1000px; 
float:right;
}

#fh_bottom {
background: url(/new/img/top-bottom.png) no-repeat top center;
background-position: 0px -55px;
height: 32px;
width: 1008px;
margin-left: auto;
margin-right: auto;
padding-bottom: 10px;
}

#festivalhopper-logo {
margin-top: 50px;
margin-left: 276px;
}

.clrfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#inhalt {
clear:both;
float:left;
width:460px
}

#rechts {
font-size: 11px;
float:left;
margin-left:0px;
width:300px;
padding: 1px;
}

#rechts b {
padding:3px;
margin-bottom: 5px;
border-bottom: solid 1px #06c;
font-size: 11px;
font-weight:bold;
display: block;
}

#rechts b#first {
margin-top: 1px;
}

#rechts a {
display: block;
padding: 1px 10px 0px 10px;
margin: 0px;
}

#rechts a.noblock {
display: inline;
padding: 1px;
}

#rechts a.ticketlink {
padding: 3px 10px 3px 10px;
}

.block a:hover, #rechts a:hover {
color: #aa0000;
}

#footer {
font-size: 11px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
text-align: center;
width:820px;
color: #300;
font-weight: bold;
}

#logofooter {
text-align: center;
width:750px;
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
margin-top: 10px;
}

#werbung {
font-size: 11px;
float:right;
width:160px;
padding: 0px;
}

#werbung iframe {
margin: 0px;
padding: 0px;
background-color: transparent;
}

.block {
clear: left;
margin-bottom: 10px;
border:solid 1px #efefff;
}

a {
color:#06c;
font-weight:bold;
text-decoration:none;
}

.block a {
color: #09f;
}

.block h2 a {
color: #039;
}

a:hover {
color:#aa0000;
font-weight:bold;
text-decoration:none;
background-color: #fff;
}

a.nohover:hover {
background-color: transparent;
}

.hover {
color:#990000;
font-weight:bold;
text-decoration:none;
}

.a_over {
color:#999999;
font-weight:bold;
text-decoration:none;
}

.datum_aktuelles {
display:block;
margin-bottom:2px;
padding-left:10px;
}

h1 {
color:#033;
font-size:12px;
font-weight:bold;
margin:0;
margin-bottom: 5px;
padding-left:2px;
}

.block h1 {
font-size:13px;
color:#000;
background-color:#ffd800;
padding:4px;
}

.block h1.festivalname2 {
font-size:16px;
font-weight:bold;
color:#000;
background-color:#ffd800;
padding:6px;
}

.block h2 {
padding:3px;
}

.block strong {
padding:3px;
display: block;
margin-bottom: 3px;
}

a.ticketlink {
display: block;
background-color:#ffd800;
padding:6px 3px 6px 23px;
margin:0px;
color: #039;
}

a.ticketlink2 {
display: block;
padding:2px 3px 2px 10px;
margin:0px;
color: #000;
}

a.kleiner {
padding:2px 3px 2px 13px;
margin-bottom: 5px;
}

a.ticketlink:hover {
background-color:#ffff5f;
}

a.ticketlink2:hover {
background-color:#ffff5f;
}

h2 {
color:#033;
font-size:12px;
font-weight:bold;
margin:0px 0 5px 0;
padding-left:2px;
}

strong.date {
background-color: #f5f5ff;
}

h2.deadline {
color:#900;
font-size:11px;
font-weight:bold;
margin:5px 0 5px 0;
padding-left:10px;
}

h3 {
color:#033;
font-size:11px;
font-weight:bold;
}

p {
margin:0px;
margin-bottom:5px;
padding:0px;
padding-left:10px;
padding-right:10px;
}

.over {
font-size:11px;
color:#444;
font-weight:bold;
text-decoration:none;
}

.sub {
background-color: #dddddd;
border-right: solid 1px #09f;
border-bottom: solid 1px #09f;
border-left: solid 1px #09f;
width: 165px;
padding: 5px;
}

.schnapp {
border-top: solid 1px #09f;
border-right: solid 1px #09f;
border-left: solid 1px #09f;
margin-bottom: 0px;
width: 175px;
}

/*  Formulare */

#rechts .feld {
background-color: #fff;
border: solid 1px #09f;
font-size:11px;
width:155px;
}

.feld {
background-color: #fff;
border: solid 1px;
border-color: #09f;
font-size:11px;
width:350px;
}

textarea {
background-color: #fff;
border: solid 1px #09f;
height:100px;
width:350px;
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size:12px;
display: block;
}

.submit {
background-color: #fff;
border: solid 1px #09f;
font-size:11px;
}


form#festival fieldset {
    margin: 10px 10px 15px 10px;
    border: 1px solid #777;
    _padding: 10px;
}

form#festival legend {
    color: #000;
    font-weight: bold;
}

form#festival label {
    float: left;
    margin: 3px 10px;
    padding: 0;
    display: inline;
	overflow: visible;
    font-size: 1em;
	width: 250px;
}

form#festival label.long {
	width: 100%;
}

form#festival input, form#festival select  {
    float: left;
    margin: 0;
    padding: 1px;
    display: inline;
    border: 1px solid #999;
    width: 200px;
	background:  url(/new/img/bg/weiss.png);
}

form#festival input:focus, form#festival textarea:focus {
	background: #fff;
}

form#festival textarea {
    width: 475px;
    height: 100px;
	margin: 0px 10px 10px 10px;
    border: 1px solid #999;
	background: url(/new/img/bg/weiss.png);
}

form#festival input[type=text] {
    padding: 2px;
}

form#festival input[type=hidden] {
    border: 0;
    padding: 0;
}

form#festival .submit {
    margin: 5px 50px 0 50px;
    width: 300px;
    padding: 5px;
    border: 1px solid #900;
    background: url(/new/img/bg/rot.png);
    color: #fff;
    font-weight: bold;
	letter-spacing: 1px;
    /* clear: both; */
}

form#festival  .clear {
    clear: both;
}

form#festivalsuche label {
    float: left;
    margin: 0 10px;
    padding: 0;
    display: inline;
    overflow: hidden;
    font-family: Verdana, Tahoma, Arial, Sans-Serif;
    font-size: 1em;
}

form#festivalsuche input {
    margin: 0;
    padding: 1px;
    display: inline;
    border: 1px solid #900;
	background: url(/new/img/bg/weiss.png);
    width: 190px;
}

form#festivalsuche input:focus {
	background: #fff;
}

form#festivalsuche input[type=text] {
    padding: 1px;
}

form#festivalsuche .submit {
    width: 150px;
    padding: 2px;
	margin: 0px !important;
    border: 1px solid #5e4d29;
    background: url(/new/img/bg/suche.png);
    color: #fff;
    font-weight: bold;
}

form#festivalnewsletter input {
    margin: 0;
    padding: 1px;
    display: inline;
    border: 1px solid #999;
	background: url(/new/img/bg/weiss.png);
    width: 200px;
}

form#festivalnewsletter input:focus {
	background: #fff;
}

form#festivalnewsletter .submit {
    width: 120px;
    padding: 2px;
	margin: 0px !important;
	margin-left: 10px !important;
    border: 1px solid #900;
    background: url(/new/img/bg/rot.png);
    color: #fff;
    font-weight: bold;
}

dt {
font-weight: bold;
}
dd {
margin: 1px 0 .5em 0;
}

.footerspalte {
float: left;
width: 180px;
margin-left: 10px;
margin-right: 10px;
}








/*  newstyle */

img {
border:0;
}

#inhalt {
clear:both;
float:left;
width:470px
}

#inhalt_fp {
clear:both;
float:left;
width:510px
}

#inhalt_fd {
clear:both;
float:left;
width:550px
}

#inhalt_breit {
clear:both;
float:left;
width:630px
}

.rechts_fd {
width:380px !important;
margin-left: 10px !important;
}

#sidebar {
float:left;
width:300px;
margin-left: 10px;
}

h1
{
font-size:24px;
font-weight:bold;
text-transform: uppercase;
color:#b83612;
padding: 0px 10px 0px 10px;
line-height: 1.3em;
margin: 0;
}

h2 {
font-size:16px;
font-weight:bold;
color:#b83612;
padding: 7px 10px 8px 10px;
}

h2 a , strong.date a {
color:#851;
}


.bggelb
{
color: #000;
background: url(/new/img/bg/gelb.png) !important;
}


.bggruen
{
color: #fff;
background: url(/new/img/bg/gruen.png) !important;
}

.bgrot
{
color: #fff;
background: url(/new/img/bg/rot.png) !important;
}

.bgloc
{
color: #fff;
background: url(/new/img/bg/loc.png) !important;
}

.bgbraun
{
color: #fff;
background: url(/new/img/bg/braun.png) !important;
}

.bgblau
{
color: #fff;
background: url(/new/img/bg/blau.png) !important;
}

.bgfhp
{
color: #fff;
background: url(/new/img/bg/fhp.png) !important;
}

.bgweiss
{
background: url(/new/img/bg/weiss.png) !important;
}

.bgweiss a {
color: #851 !important;
}

.sucherg.bgweiss a, .festival .bgweiss a, .bggruen .bgweiss2 a, .bggelb .bgweiss a {
color: #aa0000 !important;
}

.bgweiss2
{
background: url(/new/img/bg/weiss2.png) !important;
}



.block h2 {
font-size: 14px;
background: url(/new/img/bg/weiss2.png) !important;
}

.bgrot h2 {
background: url(/new/img/bg/rot.png) !important;
color: #fff !important;
}


ul {
margin-top: 0px;
padding-left: 20px;
padding-bottom: 5px;
}



strong.date
{
font-size: 14px;
background-color: transparent;
text-transform: uppercase;
color:#b83612;
padding: 0;
}

p {
padding: 0 10px 10px 10px;
}



dt {
font-weight: bold;
padding-bottom: 2px;
margin-bottom: 2px;
}
dd {
margin: 1px 0 1em 0;
padding-bottom: 2px;
}

.festivalinfos {
padding: 2px 10px;
margin: 0px;
font-size: 12px;
}

.festivalinfos dl {
margin: 0px;
}

.festivalinfos dl dt {
float: left;
clear: left;
margin-right: 5px;
width: 80px;
}
.festivalinfos dl dd {
margin-bottom: 4px;
border-bottom: solid 1px #f84632
} 


#suchfloat {
 width: 240px;
 height: 50px;
 float: right;
}

#go {
width: 37px;
height: 35px;
float: right;
padding: 0;
margin: 0;
margin-right: 5px;
}

#profisuche {
font-size: 10px;
margin: 0;
padding: 0;
margin-right: 15px;
margin-top: -1px;
color: #3b7686;
float: right;
}

form {
margin: 0;
padding: 0;
}

#searchbox
{
	width: 198px;
	height: 21px;
	background: url(http://static.festivalhopper.de/img/searchbox.png) no-repeat;
margin-top: 4px;
float: left;
}

#searchbox input
{
	width: 190px;
	height: 20px;
	background: none;
	border: none;
	color: #555;
margin: 0;
	margin-top: 4px;
	margin-left: 10px;
float: left;
}



#skyscraper {
width: 160px;
height: 600px;
float:right !important; 
margin-bottom: 10px; 
margin-right: 10px;
display:inline;
}


#contentad {
width: 298px;
height: 250px;
margin-bottom: 10px;
border: solid 1px #000;
background: #ccc;
}


#fullad {
width: 466px;
height: 60px;
margin-bottom: 10px;
border: solid 1px #000;
background: #555;
}


#inhalt iframe {
margin: 0px;
}

/*** oldstyle aendern ***/


.gmap {
width: 380px;
margin-bottom: 10px;
margin-left: 10px;
background: url(/new/img/bg/loc.png);
}

.gmap map {
width: 372px; 
height: 200px;
margin: 2px;
}

.gmap b
{
padding:3px;
margin-bottom: 0px;
margin-top: 0px;
font-size:12px;
font-weight:bold;
display: block;
background: url(/new/img/bg/loc.png);
}

.block {
border: none;
background: url(/new/img/bg/weiss2.png);
margin-left: 10px;
margin-right: 10px;
}

.breit {

}

.blockr {
margin-bottom: 10px;
margin-right: 10px;
background: url(/new/img/bg/weiss2.png);
float: right;
display:inline;
}


.blockr b{
padding: 5px;
display: block;
background: url(/new/img/bg/weiss2.png);
margin-bottom: 5px;
}

.bggruen b {
background: url(/new/img/bg/gruen.png);
}

.bggelb b {
background: url() !important;
}

.bgrot b {
background: url(/new/img/bg/rot.png);
}

.bgbraun b {
background: url(/new/img/bg/braun.png);
}


.block h2 {
color: #b83612;
}
.block a {
color: #851;
}

a, #rechts a, .bggruen a, .bgrot a, .bgbraun a {
color: #ff9;
}



a:hover {
background: url(/new/img/bg/weiss.png)
}

a.nohover:hover
{
background: transparent;
}

#rechts {
	margin-left: 0px;
	border: 0;
	padding: 0;
}

#rechts div {
margin-bottom: 10px;
padding-bottom: 5px;
}

#rechts b {
border-bottom: 0;
}

#rechts p a {
display: inline;
padding: 0;
}

#rechts a.noblock img {
position: relative;
left: 0px !important;
}


span.d {
width: 100px;
display: inline-block;
text-align: right;
}

span.dl {
width: 130px;
display: inline-block;
text-align: right;
}

span.l {
text-align: right;
float: right;
display: inline;
}

span.x {
width: 30px;
display: inline-block;
text-align: left;
padding-left: 10px;
}

span.t {
float: right;
}

.rechts_fd #ad_rectangle {
padding-left: 40px;
}

#werbung_fullbanner {
margin-bottom: 10px;
padding-left: 20px;
}

#inhalt_fd #werbung_fullbanner {
padding-left: 40px;
}

#werbung {
float: right;
margin-right: 10px;
}


#subnav {
text-align: center;
margin: 0;
padding: 0;
position: relative;
top: -12px;
}

#subnav  a {
color: #851;
}

.block ul {
margin: 0;
}
.block ul li {
padding: 5px;
}


.suchanfragen {
line-height: 150%;
}

.suchanfragen a {
color: #851;
margin-right: 10px;
}

a.newsabo {
  margin: 5px;
  padding: 60px 0 0 0;
  height: 0px;
  width: 60px;
  float: right;
  color: #851;
}

a.counter {
  padding: 15px 0 0 70px;
  height: 45px;
  width: 80px;
  display: block;
  float: left;
  color: #851;
  margin: 5px 0px 5px 25px;
}

a.counter:hover {
  color:#990000 !important;
}

span.count {
  font-size: 0.9em;
  font-weight: normal;
  color: #000000;
  display: block;
}

a#feedlink {
  background: url(http://static.festivalhopper.de/img/feed-tweet-fb.png) no-repeat 0px 0px;
}

a#twitterlink {
  background: url(http://static.festivalhopper.de/img/feed-tweet-fb.png) no-repeat 0px -120px;
}

a#facebooklink {
  background: url(http://static.festivalhopper.de/img/feed-tweet-fb.png) no-repeat 0px -60px;
}

/* superfish menue styles */


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}

.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			170px; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			170px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			170px; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	margin-left: 146px;
	text-transform: uppercase;
}

.sf-menu a 
{height: 25px; margin:0; padding: 0; }

#m0 {left: 0; width: 102px;}
#m1 {left: 0; width: 63px;}
#m2 {left: 0; width: 84px;}
#m3 {left: 0; width: 72px;}
#m4 {left: 0; width: 105px;}
#m5 {left: 0; width: 70px;}
#m6 {left: 0; width: 112px;}
#m7 {left: 0; width: 98px;}

#m0 .sf-sub a { color: #b83612}
#m1 .sf-sub a { color: #7db219}
#m2 .sf-sub a { color: #efbe21}
#m3 .sf-sub a { color: #ba5f14}
#m4 .sf-sub a { color: #309795}

#m0 a:hover, #m0.sfHover, #m0.current {background: transparent url(/new/img/menutabs.png) 0 0px no-repeat; z-index: 10;}
#m1 a:hover, #m1.sfHover, #m1.current {background: transparent url(/new/img/menutabs.png) -102px 0px no-repeat;color: #fff}
#m2 a:hover, #m2.sfHover, #m2.current {background: transparent url(/new/img/menutabs.png) -165px 0px no-repeat;}
#m3 a:hover, #m3.sfHover, #m3.current {background: transparent url(/new/img/menutabs.png) -249px 0px no-repeat;}
#m4 a:hover, #m4.sfHover, #m4.current {background: transparent url(/new/img/menutabs.png) -321px 0px no-repeat;}
#m5 a:hover, #m5.sfHover, #m5.current {background: transparent url(/new/img/menutabs.png) -426px 0px no-repeat;}
#m6 a:hover, #m6.sfHover, #m6.current {background: transparent url(/new/img/menutabs.png) -496px 0px no-repeat;}
#m7 a:hover, #m7.sfHover, #m7.current {background: transparent url(/new/img/menutabs.png) -608px 0px no-repeat;}


#sf-navigation {
	background: url(/new/img/top-bottom.png) no-repeat; 
	background-position: 0px 16px;
	height: 54px;
width: 1008px;
margin: 0;
padding: 0;
margin-left: auto;
margin-right: auto;
}

.sf-menu a {
	padding: .9em .9em;
	text-decoration:none;
	color: #3b7686;
}

.sf-menu a:hover, .sfHover > a, .current > a {
	color: #fff !important;
}


.sf-sub {
margin-top: 5px;
z-index: 3;
background:	url('http://static.festivalhopper.de/img/menudrop.png') no-repeat bottom right;
background-position: 0px 0px bottom right;
padding-bottom: 15px;
}

.sf-sub li {
margin: 0;
height: 2em;
overflow: visible;
}

.sf-sub a {
padding: .5em .9em;
margin: 0 12px 0 1px;
height: 1em;
overflow: visible;
}


.sf-sub a:hover {
	color: #000 !important;
	background: transparent url(/new/img/bg/gelb.png) !important;
}

.sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#5b7686;
}
.sf-menu li {
}
.sf-menu li li {
}
.sf-menu li li li {
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:		0;
}



/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('http://static.festivalhopper.de/img/menudrop.png') no-repeat bottom right;
	padding: 10px 0px 22px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}