/* by mrflix @ 2008

Der unten stehende CCS Code besteht aus Anpassungen der Blueprint Framework
sowie aus ein paar Zusaetzen.

Orange: #D94004
*/

body {
         font-family:Arial,Helvetica,sans-serif;
         color:#969696;
         background:#222222 url(../images/wrap_bg.gif) repeat-y center fixed;
}
/* Mano Intro */
.intro{background:black;}
#mano_header {top:50%; left:50%; margin-top:-250px; margin-left:-500px; position:absolute;}
	#newsite {height:458px; width:1000px; background:black url(../images/mano_header.jpg) no-repeat; position:absolute;}
	#sitelink, #mano_header span {
		padding:2px 7px;
		width:205px;
		text-decoration:none;
		font-family:Georgia,sans-serif;
		font-size:18px;
		color:#000;
		position:absolute; top:500px; left:400px;
		background-color:#eee;
		-moz-border-radius: 2px; -webkit-border-radius: 2px;
		}
	#sitelink {z-index:-1;}
	#sitelink:hover {background:#9d330c;}
	#newsite span {display:none; background:#9d330c;}
	#newsite:hover span {display:block;}
	#mano_header span:hover {}

/*Video Intro*/
.flv {
	background:black;
	}
#flvplayer {
	margin:0;
	top:50%; left:50%;
	margin:-180px 0 0 -320px;
	position:absolute;
}
#flvplayer a {
	margin-top:-5px;
	left:518px;
	padding:0 7px 0;
	text-decoration:none;
	font-family:Georgia,sans-serif;
	font-size:15px;
	color:#000;
	position:absolute;
	background-color:#eee;
	-moz-border-radius: 2px; -webkit-border-radius: 2px;
}
#flvplayer a:hover {
	background-color:#9d330c;
}			 

/*misc*/
.verstecken {visibility:visible;}
.warnung {visibility:hidden;height:0;padding:0;margin:0;}
h1, h2, h3, h4, h5, h6 {color:white;}
p {font-size:1.1em; line-height:1.5em;}
hr {color:#191919;background:#191919;}
.alt {color:black;}
blockquote {color:black;}

div.colborder {border-right:1px solid #323232;}
.kuenstler img, .heim img {
         border: solid #4a4a4a 4px;
         }
.kuenstler {padding-bottom:0;}
.kontakt {padding-bottom:30px;}
.heim {padding-top:60px; padding-bottom:40px;}
.heim h2, .heim h3 {padding:0; line-height:0.5em;}
.heim h2 {padding-top:14px;}
.space {height:15px;}
.place {margin-top:10px;}
.header {padding-bottom:20px;}
.right {float:right;}
.left {float:left;}
.clear {clear:both;}
.cright {clear:right;}
em {font-weight:bolder;font-style:normal;}
.update {color:#00aa00} /*gruene Signalfarbe*/
.canceled {color:red;text-decoration:line-through;} /*rote Farbe und durchgestrichen*/
.first {margin-top:4px;} /*leichter Abstand nach oben, fuer die ersten Ueberschriften im Body */
.video {margin:1.6em 120px;}
#lastchange {top:10px; left:13px; color:white; font-size:0.9em; position:absolute; z-index:99;}
.frame {position:relative;} /* lets the div be relative positioned so that elements in it can be placed absolute */

/* Singel Ad */
#ad {margin-bottom:8px; position:relative; font:16px Georgia,sans-serif; color:black; text-transform:uppercase;}
	#ad table {margin:0; padding:28px 8px 21px; background-color:#cbcbcb; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
	#ad tr {line-height:0.5em;}
	.ort {font-size:21px;}
		caption {display:none;}

/* Navigation */
.platzhalter {height:50px;}
.navigation {
         font-family:Georgia,sans-serif;
         background:url(../images/nav_bg.png) no-repeat top;
         }
.nav {height:42px;float:right;}
.nav ul {padding-right:7px;}

/*Schriftzuege, die durch Bilder ersetzt wurden*/
.cap {text-transform: uppercase;text-indent:-9999px;height:21px;width:285px;margin:10px;}
.x_projekt {background:url(../images/x_projekt.png) no-repeat left;}
.x_kuenstler {background:url(../images/x_kuenstler.png) no-repeat left;}
.x_staedte {background:url(../images/x_staedte.png) no-repeat left;}
.x_fop {background:url(../images/x_fop.png) no-repeat left;}
.x_media {background:url(../images/x_media.png) no-repeat left;}
.x_kontakt {background:url(../images/x_kontakt.png) no-repeat left;}

.x_presents {background:url(../images/x_presents.png) no-repeat left;text-indent:-9999px;height:32px;width:415px;margin:20px;}
.x_totalpraise {background:url(../images/x_totalpraise.png) no-repeat left;text-indent:-9999px;height:27px;width:189px;margin:20px;}
.x_subtitel {background:url(../images/x_subtitel.png) no-repeat left;text-indent:-9999px;height:48px;width:399px;margin:10px;}

/*Tabelle Staedte*/
.city {
         width:270px;
         margin:5px 6px 5px 45px;
         float:left;
         }
.geschlossen {
         background:url(../images/geschlossen.png) no-repeat left;
         padding-left:20px;
         height:18px;
         margin-left:1px;
         display:block;
         }
.offen {
         background:url(../images/offen.png) no-repeat left;
         padding-left:18px;
         height:18px;
         margin-left:1px;
         display:block;
         }
.stern {
         background:url(../images/star.png) no-repeat left;
         padding-left:20px;
         height:18px;
         }
.pdf {
         background:url(../images/pdf.png) no-repeat left;
         padding-left:20px;
         height:18px;
         }
#section .city a[hreflang=de] {text-decoration:none;}
.anmeldung {line-height:1.6em;}
.stadt {color:#D94004}

/* Media */
.media {padding-bottom:30px;}
#accord {margin:30px 0 0 34px;width:639px;}
#accord a.header {
	font-size:1.6em;
	font-family:Georgia,sans-serif;
	color:white;
	text-decoration:none;
	margin:0;
	padding:0 0 0 7px;
	display:block;
	background:url(../images/media_bg.png) no-repeat;
}
#accord div a {position:relative;margin:0 6px 0 14px;}
#accord div a span {
	width:174px;
	height:21px;
	top:-30px; left:4px;
	padding:3px 0 2px 6px;
	display:block;
	background:black;
	position: absolute;
	filter: alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;
}
#accord div a:hover {color:white;}
#accord div a span p {font-size:1.2em; filter: alpha(opacity=100);-moz-opacity:1;opacity:1;}
#accord div a img {border: solid #4a4a4a 4px;}
#accord div a img:hover {border: solid #048380 4px;}
#accord div {background:url(../images/staedte_bg.png) repeat;padding:14px 0;}

/* Kuenstler Section */
.name {margin-bottom:0;height:53px;font-family:Georgia,sans-serif;color:white;}
.name:first-letter {padding-bottom:18px;padding-left:24px;background:url(../images/klammer.png) no-repeat;}
.instrument {margin-top:-20px;padding-left:26px;line-height:0.5em;color:#6a6a6a;}
.breiter {font-size:1.7em;height:49px;padding-top:3px;} /*fuer den Namen von Natasha Campbell*/
.breiter:first-letter {padding-top:3px;padding-bottom:19px;padding-left:24px;} /*fuer den Namen von Natasha Campbell*/
.dunkler {background:url(../images/staedte_bg.png) repeat;padding:10px 14px 0;margin-bottom:20px;}
.abstand-unten {margin-bottom:10px;}
.wenigeroben {margin-top:5px;} /*macht, dass ueber den Bildern der automatisch zu grosse Abstand verkleinert wird*/
div.colborder {margin-bottom:10px;} /*leichter Abstand des Rahmens nach unten*/
p img {margin:1.5em 1.5em 0 0;}

/* Firefox image outline fix */
A:focus, A:hover, A:active {outline: none}
a:link, a:visited, a:active {color:white;text-decoration:underline;}
a:hover {color:#a6a6a6;text-decoration:none;}

/*Staedte Navigation*/
#cruiser {top:33px; left:37px; width:50px; height:17px; padding:4px 7px 3px; background-color:#fff; position:absolute; z-index:-1; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
#subnav {
         background:url(../images/media_bg.png) no-repeat;
		 height:30px;
         width:639px;
         margin-left:34px;
         padding-left:2px;
         }
#subnav ul li {
        float:left;
        padding:3px 0;
        }

#subnav li a {
		 height:17px;
         text-align:center;
         margin:0 1px;
		 padding:4px 7px 3px;
         text-decoration:none;
         display:block;
		 font-weight:bold;
         color:white;
		 -moz-border-radius: 2px; -webkit-border-radius: 2px;
        }

#subnav li a:hover {
         color:black;
         background:white;
        }
/* abgerundeter Rahmen von Staedte/section */
.rahmen_oben {margin-top:30px;}
.rahmen_unten {background:url(../images/rahmen.png) no-repeat bottom;height:4px;margin-bottom:30px;}

#slider {position:relative;width:710px;overflow:hidden;}

#slider .next, #slider .prev{
                position:absolute;
                top:170px;
                 cursor:pointer;
                }
        #slider .prev{
                left:0;
                z-index:99;
                }
        #slider .next{
                right:0;
                 }

#section{
        overflow:hidden;
        width:640px;
        height:325px;
        clear:left;
        margin-left:34px;
        background:url(../images/staedte_bg.png) repeat;
        z-index:10;
}

        #section ul{
                width:10000px;
        }

                #section li{
                        float:left;
                        padding:11px 30px;
                }

#section .sub{
        position:relative;
        float:left;
        padding:5px 0 0 30px;
        width:670px;
        height:325px;
        }

#section .next, #section .prev{
        font-size:18px;
        position:absolute;
        bottom:15px;
        letter-spacing:-2px;

         }
#section .next{
        right:30px;
        }

#section .prev{
        left:30px;
        }
		
/* Footer */

#footer {
		background-color: #060606;
		left:-40px;
		padding-right:38px;
		padding-top:14px;
		position:relative;
		width:990px;
}
	#sponsors {margin:14px 14px 21px 170px; text-align:center;}

/* Kontaktformular */
fieldset {
         border: 0;
         margin: 0;
         padding: 0;
         }
label {
        display: block;
         }

input.text {
         width:200px;
         padding: 3px;
         margin: 1px 0;
         border:1px solid #ccc;
         }
textarea {
         width:100%;
         padding: 3px;
         margin: 1px 0;
         border:1px solid #ccc;
         }
input.submit {
         padding:2px 5px;
         }
.side input.text {
         width: 180px;
         padding: 3px;
         margin: 1px 0 1px 15px;
         border:1px solid #ccc;
         }
.side input.submit {
         padding:2px 5px;
         margin: 15px 0 15px 15px;
         }