/************************ RESET ************************/
html * {
	padding: 0;
	margin: 0;
}
img {
	border: 0;
}

/************************ LAYOUT ************************/
body {
	background: #dfdfdf;
}
#wrapper {
	width: 780px;
	margin: 25px auto;
}
#siteWrapper {
	width: 774px;
	position: relative;
	border: 3px solid #000;
	border-bottom: none;
	background: #fff url(../lib/header/start.jpg) left top no-repeat;
	float: left;
	min-height: 210px;
}
#naviWrapper {
	width: 200px;
	background: #fff;
	margin: 50px 0 25px 25px;
	float: left;
}
#contentWrapper {
	width: 540px;
	float: right;
	margin-top: 210px;
	background: #fff;
}
#sponsorenLogos {
	padding: 5px 0 5px 5px;
	margin: 10px 10px 3px 0;
	border: 1px solid #ccc;
	text-align: center;
}
#sponsorenLogos h5 {
	font-weight: normal;
	font-size: x-small;
	color: #999;
	margin: 0 0 2px 0;
	padding: 0;
	text-align: left;
}
#sponsorenLogos a {
	padding: 0 5px 0 0;
}
#content {
	float: left;
	padding: 2em 0 0 0;
}
#contentWrapper .zweiSpalter {
	width: 390px;
}
#contentWrapper .einSpalter {
	width: 530px;
}
#colRight {
	float: right;
	width: 140px;
	padding: .5em 0 0 0;
}
#footer {
	border: 3px solid #000;
	border-top: none;
	background: #fff;
	float: left;
	width: 774px;
}
#logo {
	padding: 3px;
	margin: .75em 0 1.5em 0;
	text-align: center;
}	
#naviWrapper ul {
	list-style: none;
}
#naviWrapper #navi {
	border: 1px solid #c00;
	border-top-color: #fff;
	border-bottom: none;
	padding: 0 0 1em 0;
}
#naviWrapper h1, #naviWrapper ul {
	background-color: #c00;
}
#naviWrapper h1 {
	padding: 1em 0;
}
#content h2 {

}
#content h3 {
	border-bottom: 1px solid #c00;
	padding: 0 0 .25em 0;
	margin: 0 .5em 1em 0;
}
#content .newsSingle p {
	padding: 0 .5em 1em 0;
}
#content .imgArticle {
	float: left;
	padding: 0 .5em .5em 0;
}
#contentWrapper .einSpalter h2, #contentWrapper .einSpalter p {
	margin: 0 .5em 0 0;
}
#colRight h3 {
	padding: 1px 0 1px 22px;
	background: #000 url(../lib/navi_pfeil_weiss2.gif) 4px 50% no-repeat;
	margin: 0 0 .5em 0;
}
#colRight p {
	padding: 0 4px;
	margin: 0;
}
#naviWrapper ul#navi a, #naviWrapper #navi li.aktiv p, #naviWrapper #navi li.open p {
	padding: .25em 0 .25em 36px;
	background: url(../lib/navi_pfeil_weiss.gif) 18px 50% no-repeat;
	border-bottom: 1px solid #fff;
}

#naviWrapper #navi a:hover, #naviWrapper #navi li.aktiv p {
	background-image: url(../lib/navi_pfeil_rot.gif);
	background-color: #fff;
	border-bottom: 1px solid #c00;
}
#naviWrapper #navi li.open p {
	background-image: url(../lib/navi_pfeil_rot_open.gif);
}
#naviWrapper #navi li.aktiv ul.sub a, #naviWrapper #navi li.aktiv ul.sub li.aktiv p {
	padding: .25em 0 .25em 45px;
	border-bottom: 1px solid #c00;
	background: #fff url(../lib/navi_pfeil_rot_outline.gif) 27px 50% no-repeat;
}
#naviWrapper #navi li.aktiv ul.sub a:hover, #naviWrapper #navi li.aktiv ul.sub li.aktiv p {
	background: #fff url(../lib/navi_pfeil_rot.gif) 27px 50% no-repeat;
	border-bottom: 1px solid #c00;
}

#content dl.newsTeaser {
	float: left;
	width: 100%;
	margin: 0 0 1em 0;
}
#content dl.newsTeaser dt {
	float: left;
	width: 160px;
}
#content dl.newsTeaser h4 {
	margin: 0 0 1em 0;
}
#content dl.newsTeaser dd {
	float: right;
	width: 228px;
}
#content div.newsList {
	padding: 0 0 0 1em;
	margin: .5em 0 0 0;
}
#content dl.newsList {
	margin: 0 0 .5em 0;
}
#content ol {
	list-style: decimal outside;
	margin: 0 0 1em 1em;
	padding: 0 0 0 1em;
}
#content .clear {
	clear: both;
}
#colRight .moreLink {
	margin: 0 0 .5em 0;
}
.moreLink a, #content .newsArchiv a, #content .csc-textpic-caption a  {
	padding: 1px 2px 1px 12px;
	background: url(../lib/navi_pfeil_rot_kl.gif) 2px 50% no-repeat;
}
.moreLink a:hover, #content .newsArchiv a:hover, #content .csc-textpic-caption a:hover {
	background-image: url(../lib/navi_pfeil_weiss_kl.gif);
}


/* HEADER-GRAFIKEN */
body.home #siteWrapper {
	background-image: url(../lib/header/start.jpg);
}
body.programm #siteWrapper, body.galerien #siteWrapper {
	background-image: url(../lib/header/rennen2.jpg);
}
body.teams #siteWrapper {
	background-image: url(../lib/header/team.jpg);
}
body.partner #siteWrapper {
	background-image: url(../lib/header/team2.jpg);
}
body.facts #siteWrapper, body.presse #siteWrapper, body.tickets #siteWrapper {
	background-image: url(../lib/header/re.jpg);
}
body.gridgirls #siteWrapper {
	background-image: url(../lib/header/grid_girls.jpg);
}
/* Filelinks, Dateidownloads */
table.csc-uploads {
	border: 1px solid #c00;
	margin: 1em .25em;
}
table.csc-uploads td {
	padding: .25em;
}
table.csc-uploads .tr-even {
	background-color: #efefef;
}
table.csc-uploads .tr-even {
	background-color: #ededed;
}
table.csc-uploads .csc-uploads-icon a:hover {
	background: none;
}

/* Formulare */
#content fieldset.csc-mailform {
	float: left;
	width: 539px;
	/*padding: 0 0 1em 50px;*/
	border: none;
}	
.csc-mailform-field label {
	display: block;
	margin: .5em 0 0 0;
}
input.csc-mailform-submit {
	padding: 0 .75em;
	margin: 1em 0;
}
.csc-header h1 {
	font-size: 1em;
	font-weight: bold;
	padding: 0 0 0 50px;
}

.kontaktForm, .formError, .newsletterForm {
	background: none;
	float: none;
}
.kontaktForm label, 
.kontaktForm input.submit, 
.newsletterForm label, 
.newsletterForm input.submit, 
.newsletterForm input.newsCheck {
	display: block;
	margin: .5em 0 0 0;
}
.kontaktForm textarea, .kontaktForm #name, .kontaktForm #email {
	width: 240px;
}
.kontaktForm .submit, 
.newsletterForm .submit,
.tx_powermail_pi1_fieldwrap_html_submit {
	padding: .15em .25em;
}
/* Spam-Protection Fields*/
#content .kontaktForm label.checkthis, #content .kontaktForm input.checkthis {
	display: none;
}

div.formError {
	margin: .5em 0 0 0;
}
.formError strong {
	font-weight: bold;
	color:#c00;
}
.formError ul {
	list-style: none;
	margin: 0 0 0 0;
}
.formError li {
	padding: .15em 0 .15em 20px;
	background: url(../lib/achtung.gif) no-repeat left 50%;
}
.newsletterForm input.newsCheck {
	float: left;
}
.newsletterForm label.newsCheck {
	padding: 0 0 0 2em;
}
.formDanke {
	padding: 0 0 1em 0;
	font-weight: bold;
}
#anmeldungpublic .tx_powermail_pi1_fieldwrap_html {
	width: 100%;
	float: left;
	padding: .25em 0;
}
#anmeldungpublic .tx_powermail_pi1_fieldwrap_html_text label {
	font-weight: bold;
	display: block;
	margin: 0 1em 0 0;
	width: 12em;
	float: left;
}
#anmeldungpublic p.tx_powermail_pi1_fieldwrap_html_checkbox_title {
	font-weight: bold;
	padding: 0 1em 0 0;
	width: 12em;
	float: left;
}
#anmeldungpublic .powermail_check_inner label {
	margin-left: 0;
	display: inline;
}
#anmeldungpublic .powermail_mandatory_js {
	font-style: italic;
	margin: 0 0 .25em 0;
	padding: 0 0 0 20px;
	background: url(../lib/achtung.gif) no-repeat left 50%;
}
#anmeldungpublic fieldset {
	border: 1px solid #ccc;
	padding: 1em;
	margin: 1em 0;
}
#anmeldungpublic legend {
	color: #c00;
	font-size: .9em;
	padding: .5em;
	background-color: #fff;
}
/* Galerie */
div.tx-sksimplegallery-pi1 {
	margin: 0 0 1em 0;
}
div.tx-sksimplegallery-pi1 dl.list, div.tx-sksimplegallery-pi1 div.single {
	float: left;
	margin: 0 10px 10px 0;
}
div.tx-sksimplegallery-pi1 dl.list dd a {
	padding: 1px 2px 1px 12px;
	background: url(../lib/navi_pfeil_rot_kl.gif) 2px 50% no-repeat;
}
div.tx-sksimplegallery-pi1 dl.list dd a:hover {
	background-image: url(../lib/navi_pfeil_weiss_kl.gif);
	background-color: #c00;
}
div.tx-sksimplegallery-pi1 p.pagebrowser span {
	padding: 0 .15em;
}

/* Link-Banner */
#linkBanner div.col {
	float: left;
	margin: 0 10px 2em 0;
	text-align: center;
}
#linkBanner div.row {
	text-align: left;
	margin: 0 10px 1em 0;
	float: left;
	width: 530px;
}
#linkBanner .c1, #linkBanner .c2, #linkBanner .c3 {
	width: 170px;
}
#linkBanner .col .formCode {
	height: 10em;
	width: 168px;
}
#linkBanner .row .formCode {
	width: 465px;
	height: 6em;
}
#linkBanner .c3 .button1 {
	margin: 0 0 4em 0;
}
#linkBanner .col h4, #linkBanner .row h4 {
	margin: 0 0 .5em 0;
}

/* Startaufstellung */
#startPos {
	float: left;
	margin: 0 0 1em 0;
	width: 540px;
}
#startPos dl {
	float: left;
	width: 257px;
	margin: 0 10px 1em 0;
	border: 1px solid #c00;
}
#startPos dt {
	text-align: center;
	padding: .25em;
	background-color: #000;
	color: #fff;
	font-weight: bold;
	width: 20px;
	float: left;
}
#startPos dd {
	padding: .25em 0 .25em .5em;
	width: 215px;
	float: left;
}

/* Tabellen */
table.contenttable {
	margin: 0 0 1em .5em;
	border: 0;
}
table.contenttable td, table.contenttable th {
	padding: .15em .5em;
}
table.contenttable thead td {
	text-align: left;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}

/* Werbeformen */
#add1 {
	float: left;
}
.superbanner {
	width: 728px;
	height: 90px;
	margin: 12px 26px; 
}
#add2 {
}
.skyscraper {
	position: absolute;
	left: 792px; 
	width: 160px;
	height: 600px;
}

/************************ TEXTFORMATE ************************/
body {
	font: small/150% Arial, Helvetica, sans-serif;
	color: #000;
}
#siteWrapper a, .aktiv{
	font-weight: bold;
	text-decoration: none;
	color: #c00;
} 
#contentWrapper a:hover, #content .newsArchiv a:hover {
	background-color: #c00;
	color: #fff;
}
#contentWrapper #content h2 {
	font-weight: bold;
	font-size: 1.5em;
	border-bottom: 1px solid #c00;
	padding: 0 0 .25em 0;
	margin: 0 0 .5em 0;
}
#content h3 {
	font-weight: bold;
	font-size: 1.5em;
}
#content h4 {
	font-weight: bold;
	font-size: 1em;
}
#contentWrapper #content p {
	margin: 0 0 .75em 0;
}
#contentWrapper #content .csc-uploads p, #contentWrapper #content table.contenttable p {
	margin-bottom: 0;
}
#content ul {
	list-style: disc;
	list-style-position: outside;
	margin: 0 0 1em 1em;
	padding: 0 0 0 .5em;
}
#content .newsArchiv ul {
	list-style: none;
	margin-left: 0;
}
#content .newsArchiv .news-amenu-item-year {
	font-size: 1.5em;
	font-weight: bold;
	color: #c00;
	margin: 0 0 .25em 0;
}
#naviWrapper {
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#naviWrapper h1 {
	font-size: 1.5em;
	text-align: center;
	font-weight: normal;
}
#naviWrapper a {
	color: #fff;
	display: block;
}
#naviWrapper a:hover, #naviWrapper li.aktiv {
	background-color: #fff;
	color: #c00;
}
#naviWrapper #navi li.aktiv ul.sub a, #naviWrapper #navi li.aktiv ul.sub a:hover {
	background-color: #fff;
	color: #c00;
}
#contentWrapper #sponsorenLogos a:hover {
	background-color: #fff;
}
#content p.termin {
	color: #666;
	font-family: 'Arial Black';
	font-size: 3em;
	width: 100%;
	margin: 0 0 .75em 0;
}
#colRight h3 {
	text-transform:uppercase;
	font-size: 1em;
	color: #fff;
	font-weight: normal;
}
/* Absatzformate */
p.linksbuendig {
	text-align: left;
}
p.rechtsbuendig {
	text-align: right;
}
p.zentriert {
	text-align: center;
}
p.blocksatz {
	text-align: justify;
}

/******************** STYLES STARTSEITE *********************************/
#startWrapper {
	border: 3px solid #000;
	background: #fff;
	padding: 40px 0 0 0;
}
#startWrapper h1{
	text-align: center;
	font-size: 2em;
	padding: 1em 0;
}
#startWrapper p.img {
	text-align: center;
}
#startWrapper #stadtAuswahl {
	position: relative;
	height: 280px;
	background: url(../lib/ck_start_HG.jpg) no-repeat top left;
}
#startWrapper #recklinghs {
	position: absolute;
	left: 115px;
	top: 40px;
}
#startWrapper #erfurt {
	position: absolute;
	left: 400px;
	top: 40px;
}
#startWrapper #termine {
	text-align: center;
	padding: 2em 0;
}
#startWrapper #termine .termin {
	color: #666;
	font-family: 'Arial Black';
	font-weight: bold;
	display: inline;
	font-size: 2em;
	padding: 0 1em;
}

/******************* NEUE STYLES **********************/
#naviWrapper #navi ul.sub {
	display: none;
}
#naviWrapper #navi li.aktiv ul.sub {
	display: block;
}
#naviWrapper #navi ul.sub a {
}
