/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;	
	font-size: 100%;
	vertical-align: baseline;
	/*background: transparent;*/ /*wichtig wg tabellen-bg in ie*/
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */

a:focus,
a:hover {
	outline: 1;
	color:#611f29;
}


/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ende reset-styles */


html, body {
	margin: 0;
	padding: 0;
}

body { 
	font-family: Arial, sans-serif; 
	font-size: 62.5%;
	line-height: 180%;
	color:#565757; 
	background-color: #ffffff;	
	}

body.website { 
	background-image: url(img/header.png);
	background-repeat: repeat-x;
	background-position: 0 0;
	}

img {
	border: 0;
}

a {
	text-decoration: none; 
}



/* ### START hauptspalten ### */
div#wrapper { 
	position: relative;
	float: left;
	width: 100.4em;
}

div#header { 
	position: relative;
	float: left;
	width: 1004px;
	height: 21.1em;
	margin: 0 0 3em 0;
}


div#logo {
	position: relative;
	float: left;
	width: 20.2em;
	margin: 3em 16em 0 36.8em;
}

* html div#logo {
	margin: 3em 175px 0 188px;
}


div#spielzeit {
	clear: left;
	position: relative;
	float: left;
	width: 30em;
	margin: 4.5em 0 0 4.8em;
}

* html div#spielzeit {
	margin: 4.5em 0 0 25px;
}


div#spielzeit p {
	color: #ffffff;
	font-size: 1.8em;
	font-weight: bold;
	text-transform: uppercase;
}


div#servicenavigation {
	position: relative;
	float: right;
	width: 26em;
	margin: 12.2em 0 0 0;
}


div#navigation {
	clear: left;
	position: relative;
	float: left;
	width: 22.5em;
	margin: 0 2.5em 0 0;
}

div#navigation ul,
div#navigation ul li,
div#servicenavigation ul,
div#servicenavigation ul li {
	list-style-type: none;
	list-style-position: outside;
	padding: 0; 
	margin: 0; 
}

div#servicenavigation ul,
div#servicenavigation ul li {
	display: inline;
	float: left;
}

div#navigation ul li,
div#servicenavigation ul li {
	font-size: 1.1em;
	line-height: 120%;
}


div#servicenavigation ul li {
	padding: 0 1em 0 0;
}


div#navigation ul li a,
div#servicenavigation ul li a {
		color:#929a43;
}

div#navigation ul li a:hover,
div#navigation ul li a:focus,
div#servicenavigation ul li a:hover,
div#servicenavigation ul li a:focus {
		color:#611f29;
}

div#navigation ul li.hier,
div#navigation ul li.hier a,
div#servicenavigation ul li.hier,
div#servicenavigation ul li.hier a {
		color:#611f29;
}

div#navigation ul.level2 {
	padding: 0 0 0.6em 0;
}

div#navigation ul.level2 li {
	padding: 0.2em 0 0.1em 4.2em;
}

div#navigation ul.level2 li.hier {
	font-weight: bold;
}

div#content {
	position: relative;
	float: left;
	width: 70.2em; 
	margin: 1.8em 0 0 0;
}


div#header p {
	 color: #ffffff;
}


div#footer {
	position: relative;
	float: left;
	width: 764px; /*wg ie*/
	margin: 7.2em 0 0 0;
	padding: 2em 0 3em 5em;
}

div#footer p {
	font-size: 1em;
	color:#929a43;
}


div#textspalte,
div.teasertext {
	position: relative;
	float: left;
	width: 45em; 
	margin: 0 5em 0 0;
}

div#bildspalte,
div.teaserbild {
	position: relative;
	float: left;
	width: 20em;
	margin: 0.2em 0 0 0;
}


div#bildspalte img {
	margin: 0 0 2em 0;
}

div.programmteaser {
	position: relative;
	float: left;
	margin: 0 0 2em 0;
}

div.aktuellteaser,
div.partnerteaser,
div.presseteaser {
	position: relative;
	float: left;
	margin: 0 0 1.6em 0;
}

div.introindex {
	position: relative;
	float: left;
	margin: 0 0 2.4em 0;
}

h1 {
	color: #611f29;
	font-size: 1.8em;	
	font-weight: bold;
	text-transform: uppercase;
	padding: 0 0 0.8em 0;
	margin: 0 0 0.8em 0;
	border-width: 0 0 0.1em 0;
	border-style: solid;
	border-color:#f5f5e9;
}

h1.ohnelinie {
	border-width: 0 0 0 0;
	border-style: solid;
	border-color:#e7e8dc;
	padding: 0 0 0 0;
	margin: 0 0 0.2em 0;
}

h1.mehrabstand {
	margin: 0 0 1.8em 0;
}

h2, h3, h4, h5 {
	font-size: 1.2em;	
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 0em 0;
}

h2 {
	color: #611f29;
}


p {
	font-size: 1.2em;
	margin: 0 0 1.6em 0;
}


p.mehrlink {
	margin: -1em 0 1.8em 0; /*weniger abstand zum vorherigen element*/
}

p.subheadline {
	padding: 0 0 0.9em 0;
	margin: 0 0 0.9em 0; 
	border-width: 0 0 0.1em 0;
	border-style: solid;
	border-color:#e7e8dc;
}

.aktuellteaser p.subheadline,
.presseteaser p.subheadline {
	border-width: 0 0 0 0;
	margin: 0 0 0 0; 
}


div.intro {
	clear: left;
	font-weight: bold;
}

.teasertext .intro p {
	margin: 0 0 0 0;
}

div.programminfo {
	color: #611f29;
}

.programminfo p {
	margin: 0 0 0.8em 0;
}



#content a {	
	color:#565757; 
	text-decoration: underline;
}


#content .mehrlink a,
#content .zurueck a,
#content a.ticket,
#content a.registrieren {
	color:#611f29;/*611f29*/
	text-transform: uppercase;
	font-size: 0.9em;
}

#content .mehrlink a {
	padding: 0 1em 0 0; /* abstand zum nŠchsten link*/
}

#content ul {
	font-size: 1.2em;
	margin: 0 0 1.6em 1.2em;
	list-style-type: disc;
	list-style-position: outside;
}

#content ol {
	font-size: 1.2em;
	margin: 0 0 1.6em 1.2em;
	list-style-type: decimal;
	list-style-position: outside;
}


#content ul.downloads,
#content ul.downloads li {
	padding: 0; 
	margin: 0; 
	list-style-type: none;
	list-style-position: outside;
}

#content ul.downloads {
	font-size: 1.2em;
	margin: 0 0 1.6em 0;
}


body.website table {
	font-size: 1.2em;
	margin: 0 0 2em 0;
}

table.termine {
	width: 60em;
}


table.detailseite {
	width: 40em;
}

table.termine tr.odd {
	background-image: url(img/bg-tablerow-600.png);
	background-repeat: no-repeat;
	background-position: -1em 0;
}

table.detailseite tr.odd {
	background-image: url(img/bg-tablerow-400.png);
	background-repeat: no-repeat;
	background-position: -1em 0;
}


body.website th, 
body.website td {
	padding: 0.3em 0.8em 0.3em 0.8em;
}

body.website th {
	color:#611f29;
	font-weight: bold;
	text-align: left;
}

td.datum {
	font-weight: bold;	
	width: 6em;
}

input {
	margin: 0 0.4em 0 0.4em;
}

/*START STYLES FUER FORMATTOOL*/


/*Behandlung der Paragraphen im formattool 
diese Styles werden wie unten beschrieben vergeben.
!! Alle anderen Styles werden geloescht !!
!! Wenn es einen Style fuer <P> gibt -> auch in format_tool.css definieren !!
!! Die hier definierten Styles NICHT in format_tool.css definieren !!
*/

.huta_p_onix {
	margin: 0 0 1.6em 0; /*t r b l */
	}	/* der erste Style wenn es mehrere P gibt -> Abstand nur unten*/


.huta_p_garnix {
	margin: 0 0 1.6em 0; /*t r b l */
	} /* Style wenn es genau ein P gibt -> Oben und unten kein Abstand am, Unten und oben kein Umbruch  */

	
.huta_p_unix {
	margin: 0 0 1.6em 0; /*t r b l */
	}	/* der letzte Style wenn es mehrere P gibt -> Abstand nur oben, Unten kein Umbruch  */

/*END STYLES FUER FORMATTOOL*/


div#preview {
	clear: both;
	position: relative;
	float: left;
	width: 98%;
	margin-top: 40px;
	margin-right: auto;
	margin-left: auto;
	background-color: #cccccc;
	text-align: center;
	font-size: 12px;
	color: #cc0000;
	padding: 6px;
	z-index: 20;
}

div#preview a {
	color: #000000;
	text-decoration: underline;
}