*{
	margin: 0;
	padding: 0;
	border: none;
}

html{
	background-color:#000000;
	position: absolute;
	width: 100%;
	height: 100%;
}

body{
	width: 978px;
	min-height: 100%;
	height: auto;
	margin: 0 auto;
	background-color:#000000;
	background-repeat: repeat-y;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.7em;
	line-height: 1.8em;
	color: #ffffff;
}

a{
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
}

a:link{
	color: #3d99d5;
	text-decoration: none;
}

a:hover{
	color: #c5c5c5;
	text-decoration: underline;
}

a:visited{
	color: #3d99d5;
	text-decoration: none;
}

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

h1 {
    color: #8ea0a8;
    font-weight: 100;
    font-size: 1.6em;
    margin: 0 0 20px 0;
}

h2 {
    color: #8ea0a8;
    font-weight: 100;
    font-size: 1.3em;
    margin: 0 0 10px 0;
}

h3 {
    color: #c5c5c5;
    font-size: 1.0em;
    margin: 0 0 10px 0;
}

h4 {
    font-size: 1.6em;
    margin: 0 0 5px 0;
}

h5 {
    font-size: 1.4em;
    margin: 0 0 5px 0;
}

h6 {
    font-size: 1.2em;
    margin: 0 0 5px 0;
}

p{
	color:#d8d4d4;
	font-size:0.9em;
	margin: 0 0 10px 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.clearer{
	clear: both;
}

#header{
	background-image:url(images/head01.jpg);
	background-repeat: no-repeat;
	width:978px;
	height:166px;
}

#nav {
	width:978px;
	background-image:url(images/bg_nav.jpg); 
	height:33px;
	margin:0 auto;
	}
	
	#nav ul{
		display: block;
		list-style-type: none;
		}
	
	#nav ul li{
		float: left;
		}
	
	#nav ul li a{
		display: block;
		}
	
	#nav ul li a span{
		display: none;
		}
		
		
		#nav ul li#event a
			{
			width: 106px;
			height: 33px;
			float: left;
			background-image:url(images/btn_event.jpg);
			background-position: top left;
			
			}
			#nav ul li#event a:hover{
			background-position: bottom left;
			}
			
			
		#nav ul li#programm a
			{
			width: 97px;
			height: 33px;
			float: left;
			background-image:url(images/btn_programm.jpg);
			background-position: top left;
			
			}
			#nav ul li#programm a:hover{
			background-position: bottom left;
			}
			
		#nav ul li#tickets a
			{
			width: 73px;
			height: 33px;
			float: left;
			background-image:url(images/btn_tickets.jpg);
			background-position: top left;
			
			}
			#nav ul li#tickets a:hover{
			background-position: bottom left;
			}
	
		#nav ul li#location a
			{	
			width: 106px;
			height: 33px;
			float: left;
			background-image:url(images/btn_wahre_jahre.jpg);
			background-position: top left;
			
			}
			#nav ul li#location a:hover{
			background-position: bottom left;
			}
			
		#nav ul li#schild a
			{
			width: 223px;
			height: 33px;
			float: left;
			background-image:url(images/btn_logo.jpg);
			background-position: top left;
			
			}
			#nav ul li#schild a:hover{
			background-position: bottom left;
			}
			
		#nav ul li#anreise a
			{
			width: 73px;
			height: 33px;
			float: left;
			background-image:url(images/btn_anreise.jpg);
			background-position: top left;
			
			}
			#nav ul li#anreise a:hover{
			background-position: bottom left;
			}
			
		#nav ul li#camping a
			{
			width: 131px;
			height: 33px;
			float: left;
			background-image:url(images/btn_camping.jpg);
			background-position: top left;
			
			}
			#nav ul li#camping a:hover{
			background-position: bottom left;
			}
				
			
		#nav ul li#erfurt a
			{
			width: 72px;
			height: 33px;
			float: left;
			background-image:url(images/btn_zitadelle.jpg);
			background-position: top left;
			
			}
			#nav ul li#erfurt a:hover{
			background-position: bottom left;
			}
			

		#nav ul li#kontakt a
			{
			width: 97px;
			height: 33px;
			float: left;
			background-image:url(images/btn_kontakt.jpg);
			background-position: top left;
			
			}
			#nav ul li#kontakt a:hover{
			background-position: bottom left;
			}
		
		
			
#subheader{
	background-image:url(images/subhead_start.jpg);
	background-repeat: no-repeat;
	width:1061px;
	height:382px;
}

#subheaderUnterseite {
	background-image:url(images/subhead_unterseiten.jpg);
	background-repeat: no-repeat;	
	width:978px;
	height:124px;
	}


#subnavi{
	width:1061px;
	height:204px;
	margin:0 0 0 130px;
	}
	#subnavi ul{
		display: block;
		list-style-type: none;
		}
	
	#subnavi ul li{
		float: left;
		}
	
	#subnavi ul li a{
		display: block;
		}
	
	#subnavi ul li a span{
		display: none;
		}
		
		
		#subnavi ul li#zitadelle a
			{
			width: 299px;
			height: 204px;
			float: left;
			background-image:url(images/zitadelle.jpg);
			background-position: top left;
			
			}
			#subnavi ul li#zitadelle a:hover{
			background-position: bottom left;
			}
			
			
		#subnavi ul li#anfahrt a
			{
			width: 207px;
			height: 204px;
			float: left;
			background-image:url(images/anfahrt.jpg);
			background-position: top left;
			
			}
			#subnavi ul li#anfahrt a:hover{
			background-position: bottom left;
			}
			
		#subnavi ul li#ticketsbestellen a
			{
			width: 300px;
			height: 204px;
			float: left;
			background-image:url(images/tickets.jpg);
			background-position: top left;
			
			}
			#subnavi ul li#ticketsbestellen a:hover{
			background-position: bottom left;
			}



#contentContainer{
	width: 871px;
	margin:0 0 20px 130px;
} 
		
		#col1{
			width: 271px;
			float: left;
			margin: 0 0 0 0;
		}
		
		#col1 ul {
			padding: 0 0 0 40px;
			list-style: none;
			line-height:2em;
		}
		
		
		#col2{
			width: 500px;
			padding: 0 5px 5px 15px;
			float: left;
		}
		
		#col2 ul {
			padding: 0 0 0 40px;
			list-style: none;
			line-height:2em;
		}

#footer{
	background-image:url(images/bg_footer.jpg);
	background-repeat:no-repeat;
	width: 1061px;
	height: 22px;
	padding-top:15px;
	text-align: center; 
}

		#footer a{
			color:#c7cbcd;		
		}

/*
 REDAXO-Modul: do form!
 Beschreibung: CSS-DEMO
 Bereich: CSS
 Für: do form! 2.x
 Stand: 20.04.2009
 Version: 1.0
 --------------------------------------------------------------------------
 HINWEISE:
 --------------------------------------------------------------------------
 !! Das CSS berücksichtigt nicht alle möglichen Felder
 !! Farben nicht 1 zu 1 übernehmen
 !! ist ja nicht wirklich hübsch
 
 Weitere Infos zu den CSS hier:
 http://wiki.redaxo.de/index.php?n=R4.DoForm
 -------------------------------------------------------
 */
/* Formular Definition */
/*//////////////////////////////////////////////////////////////////////////////*
 
 /* Div das das Formular umschließt */
.formgen {
    font-size: 0.9em;
    padding-right: 10px;
    padding-left: 10px;
}

/* Was passiert wenn auf das Label geklickt wird? */
label, select, input[type = checkbox], input[type = radio], input[type = button], input[type = submit] {
    cursor: pointer;
}

.formgen form {
    line-height: 120%;
}

/*
 Wie sehen die einzelnen Blöcke aus?
 Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
 */
.formgen .formblock {
    margin-bottom: 15px;
    margin-top: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 2px;
    padding-left: 5px;
}

.forminfo {
    width: 200px;
    margin-bottom: 15px;
    background-color: #3d3d3d;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 2px;
    padding-left: 5px;
    font-weight: bold;
    border: 1px solid red;
}

/*
 Verhalten von br-Tags
 */
.formgen br {
    clear: both;
}

/*
 --------- FORMULAR-OBJEKTE ------------
 */
/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield {
    width: 250px;
    height: 200px;
    border: 1px solid #515050;
    background-color: #3d3d3d;
	color: #ffffff;
	padding: 4px 0 3px 3px;
	font-size: 0.9em;
	font-family: Helvetica, Arial, sans-serif;
	
}

/* Textfeld */
.formgen .formtext {
    width: 250px;
    margin-bottom: 4px;
    padding: 4px 0 3px 3px;
    background-color: #3d3d3d;
    border: 1px solid #515050;
	color: #ffffff;
	font-size: 0.8em;
}

.formgen input:focus, .formgen input:hover, .formgen select:focus, .formgen select:hover, .formgen textarea:focus, .formgen textarea:hover {

    background-color: #737373;
}

/* Label */
.formgen label {
    width: 120px;
    clear: left;
    float: left;
    height: 20px;
    color: #aaaaaa;
}

/* Aussehen der Select-Ausgabe */
.formgen .formselect {
    width: 200px;
    background-color: #ffffff;
    color: #000000;
}

/* Sende-Button */
.formgen .formsubmit {
    width: 100px;
    text-align: center;
    background-color: #676767;
    border: 1px solid #ffffff;
    float: left;
    color: #FFFFFF;
}

/* Fieldsetbeschriftung */
.formgen legend {
    color: #FFFFFF;
    background-color: #990000;
    width: 150px;
}

.formgen .fieldset {
    margin-bottom: 10px;
}

/* -------------- AUSGABEN / Fehlermeldungen --------*/
/* Markierung der Labels bei Fehler */
.formgen .formerror {
    border-bottom-width: 1px;
    color: #990000;
}

.formgen .formcaptcha {
    border: 2px solid #990000;
    vertical-align: top;
    float: left;
    margin-right: 10px;
}

.formgen .formreq {
    color: #bda462;
}

.formgen .formheadline {
    color: #993300;
    background-color: #FFF7EA;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-style: italic;
}

/*//////////////////////////////////////////////////////////////////////////////*
 /* Ende der Formulardefinition */