@import url("reset.css");

html, body {
  height: 100%; 
}

body {
  font-family: Arial, Helvetica, "sans-serif";
  background:#333;
}

div.clearer {
  font-size: 0.1%;
  float: none;
  clear: both;
  line-height: 1.2;
  height: 0.1%;
  overflow: hidden; 
}

#pageContainer {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* margin: 0 auto; */
  
  width: 980px;
  overflow: hidden;
}

#headerContainer {
  width: 100%;
  height: 320px;
}

#topBar {
  height: 25px;
  line-height: 25px;
  overflow: hidden;
  background-color: #000;
  font-size: 60%;
}

#globalMenu, #funktionsMenu {
  color: #fff;
  float: left;
  margin: 0px 10px;
}

#globalMenu {
  float: left;
}

#globalMenu a, #funktionsMenu a {
  color: #fff;
  text-decoration: none;
}

#globalMenu a:hover, #funktionsMenu a:hover {
  color: rgb(222,15,0);
  text-decoration: none;
}

#globalMenu span.aktiv, #globalMenu span.aktiv a, #funktionsMenu span.aktiv, #funktionsMenu span.aktiv a {
  color: rgb(222,15,0);
}

#funktionsMenu span.aktiv {
  font-size: 100%;
}

#funktionsMenu {
  float: right;
}

#funktionsMenu img {
  position: relative;
  top: 7px;
  float: left;
}

#globalMenu img {
  position: relative;
  top: 2px;
}

#kopfbild {
  background-color: #3f3f3f;
  width: 100%;
  height: 218px;
  z-index: 5;
  position: relative;
}

#mainContainer {
  /*position: relative;
  background: url("/fileadmin/template/images/bg_page.gif");
  z-index: 20;*/
  
  overflow: hidden;
  padding: 0 200px;
}

#linkeSpalte {
  background-color: #000;
  color: #fff;
  width: 200px;
  float: left;
  font-size: 80%;
  position: relative;
  overflow: hidden;
  margin-left: -100%;
  right: 200px;
  
  padding-bottom: 20010px;
  margin-bottom: -20000px;
}

#linkeSpalte #spaltenHeader {
  padding: 11px 0 0 0;
  z-index: 20;
  position: relative;
  background: url("/fileadmin/template/images/bg_grau63_trans.png");
}

#linkeSpalte ul {
  font-weight: bold;
  margin-bottom: 5px;
}

#linkeSpalte ul a {
  color: #fff;
  text-decoration: none;
  padding: 0px 10px 0px 30px;
  margin-top: 4px;
  display: block;
  height: 29px;
  line-height: 29px;
}

#linkeSpalte ul a:hover {
  color: rgb(222,15,0);
  text-decoration: none;
}

#linkeSpalte ul li {
  
}

#linkeSpalte ul li.menuEbene1 {
  text-transform: uppercase;
  background-color: #3f3f3f;
}

#linkeSpalte ul li.menuEbene1 a {
  background: url("/fileadmin/template/images/Bullet.gif");
  background-repeat: no-repeat;
  background-position: 10px 10px;
}

#linkeSpalte ul li.menuEbene2 {
  
}

#linkeSpalte ul li.menuEbene2 a {
  margin: 0;
  height: 20px;
  line-height: 20px;
}

#linkeSpalte ul li.aktiv a, #linkeSpalte ul li.aktiv {
  color: rgb(222,15,0);
}

#linkeSpalte ul li.menuEbene3 {
	padding:0 0 0 15px;
	font-size:90%;
}
#linkeSpalte ul li.menuEbene3 a {
	height:15px;
	line-height:15px;
}

#content { 
  background-color: rgb(246,244,241);
  width: 530px;
  float: left;
  padding: 20px 25px;
  font-size: 70%;
  position: relative;
  overflow: hidden;
  z-index: 10;  
  padding-bottom: 20010px;
  margin-bottom: -20000px;
}

#content h1 {
  color: rgb(222,15,0);
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 120%;
  clear: both;
}

#content h1 a {
  color: rgb(222,15,0);
  text-decoration: none;
}

#content h1 a:hover {
  color: rgb(222,15,0);
  text-decoration: underline;
}

#content h2 {
  font-weight: bold;
  margin-bottom: 20px;
  clear: both;
}

#content h3 {
  color: rgb(222,15,0);
  font-weight: bold;
  margin-bottom: 10px;
  clear: both;
}

#content h3 a {
  color: rgb(222,15,0);
  text-decoration: none;
}

#content h3 a:hover {
  color: rgb(222,15,0);
  text-decoration: underline;
}


p.align-center {
	text-align:center;
}

#content p {
/* edit by SG */
  margin-bottom:18px;
  line-height: 130%;
  
  /* OLD! margin-bottom: 35px;*/
}

#content hr {
  border: none;
  border-top: 1px dashed #3f3f3f;
}

#content a {
  color: rgb(222,15,0);
  text-decoration: none;
}

#content table p {
  margin: 0;
}
.contenttable {
}
.contenttable td {
	padding:5px;
}
.table-center {
	text-align:center;
}
.table-center table {
	width:100%;
}

#content a:hover {
  color: rgb(222,15,0);
  text-decoration: underline;
}

#content ul, #content ol {
	color:#DE0F00;
	line-height:123%;
	/*line-height:1.3em;*/
	list-style-image:none;
	list-style-position:outside;
	list-style-type:square;
	margin:0 0 15px 25px;
}
#content ul li, #content ol li {
	color:#000;
}

#content ol {
  list-style-type: decimal;
}

#rechteSpalte {
  background-color: #000;
  color: #fff;
  font-size: 80%;
  width: 200px;
  float: left;
  position: relative;
  overflow: hidden;
  margin-right: -200px;
  
  padding-bottom: 20010px;
  margin-bottom: -20000px;
}

#rechteSpalte h3, #rechteSpalte div.rightContent h1 {
  text-transform: uppercase;
  font-weight: bold;
  padding: 19px 8px 8px 8px;
  margin: 0 0 12px 0;
  background: url("/fileadmin/template/images/bg_grau63_trans.png");
}

#rechteSpalte div.rightContent h1 {
  width: 184px;
  margin-left: -8px;
}

#linkeSpalteInhalt, #rechteSpalteInhalt {
  position: relative;
  z-index: 10;
  
}
#rechteSpalteInhalt {
  line-height:80%;
}
.rightContent .csc-textpic-text {
  font-size:80%;
  
}

#rechteSpalte div.rightContent {
  padding: 0px 8px 8px 8px;
}

#rechteSpalte div.rightContent p {
  font-size: 90%;
  margin-bottom: 8px;
}

#rechteSpalteAussen {
  width:200px;
  position: relative;
  z-index: 10;
  float:right;
}

#wholeContainer{
  width:1180px;
  margin:0 auto;
}

#footer {
  width: 530px;
  height: 40px;
  line-height: 20px;
  border-top: 1px dashed #aaa;
  clear: both;
  position: relative;
  z-index: 10;
  margin: 45px 25px 0;
  text-align: center;
  font-size: 60%;
  color: #000;
  float: left;
}

#footer a {
  color: #000;
  text-decoration: none;
}

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

#footer img {
  position: relative;
  top: 2px;
}

#rightFooter {
  text-align: center;
  position: relative;
  width: 200px;
  margin-right: -200px;
  float: right;
}

#rightFooter img {
  
}

/*  News  */

div.news-latest-container {
  margin: 0 0 12px 0;
}

div.news-latest-container h3 {
  margin-bottom: 5px !important;
}

div.news-latest-item {
  font-size: 70%;
  padding: 6px 7px 6px 8px;
}

div.news-latest-item h4 {
  margin: 0 0px 5px 0;
  font-weight: bold;
  font-size:8pt;
}

div.news-latest-item img {
  float: left;
  margin: 0 5px 5px 0;
}

div.news-latest-item a {
  color: #fff;
  text-decoration: none;
}

div.news-latest-item a:hover {
  color: rgb(222,15,0);
  text-decoration: none;
}

.news-latest-date {
  /*float: right;*/
  margin: 0 0px 3px 0px;
}


div.news-list-item {
  margin-bottom: 35px;
}

div.news-list-item h1 {
  
}

div.news-list-item img {
  float: right;
}

.news-list-date {
  margin-bottom: 10px;
  display: block;
}

div.news-list-morelink a {
  color: rgb(222,15,0);
  text-decoration: none;
}

div.news-single-item h2 {
  clear: none !important;
  line-height:120%;
}

div.news-single-img {
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
}

#content p.news-single-author {
  margin-bottom: 20px;
}

.news-single-timedata {
  margin-bottom: 10px;
}

div.news-amenu-container ul {
  margin-bottom: 25px !important;
}

li.news-amenu-item-year {
  list-style-type: none;
  font-weight: bold;
}

div.tx-ttnews-browsebox p {
	margin-bottom: 5px !important;
}

div.tx-ttnews-browsebox table td {
	padding: 0 10px;
}

div.tx-ttnews-browsebox .tx-ttnews-browsebox-SCell {
	font-weight: bold;
}

/*  Formulare  */

div.formLine {

}

div.formElement {
  margin-top: 5px;
}

div.formCheck {
  float: left;
  margin-top: 7px;
}

div.formLabel {
  margin-top: 10px;
  margin-bottom: 10px;
}

div.formElementLabel {
  width: 140px;
  float: left;
  margin-top: 4px;
}

div.field_ {
  
}

div.field__13 {
  padding-top: 4px;
}

div.field_formtype_mail {
  text-align: right;
}

.field_einwilligung_1 {
  font-weight: bold;
}

div.field_einwilligung {
  margin-top: 0;
}

.field_einwilligung_3 {
  margin-left: 30px;
}

div.field_einwilligung_email, div.field_einwilligung_telefon {
  margin-top: 0;
  margin-left: 30px;
}

#mailformeinwilligung, #mailformeinwilligung_email, #mailformeinwilligung_telefon {
  margin-top: 0;
  padding-top: 0;
}

div.field_einwilligung_4, div.field_einwilligung_5 {
  margin-left: 60px;
}

/*  Promos  */

div.promoBox {
  float: left;
  height: 240px;
  margin-left: 4px;
  margin-right: 4px;
  margin-top: 20px;
  overflow: hidden;
  width: 255px;
  background-color: #fff;
  border: 1px solid #aaa;
}

div.promoBox img {
  float: right;
  margin: 0 0 5px 5px;
}

div.promoBox div.promoBoxInhalt {
  height: 196px;
  overflow: hidden;
  padding: 10px 10px 0;
  width: 235px;
}

div.promoBox div.promoBoxInhalt h2 {
  color: rgb(222,15,0);
  text-transform: uppercase;
  font-weight: bold;
  font-size: 200%;
}

div.promoBox div.promoBoxFooter {
  clear: both;
  margin-top: 0;
  padding: 10px;
}

/*  Werbebanner  */

div.bannerContainer {
  margin-top: 20px;
}

div.singleBanner {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}

/*  Suche  */

#suchBox {
  float: right;
  width: 110px;
  margin-left: 12px;
  
}

#funktionsMenu form {
  float: right;
}

#funktionsMenu form input {
  width: 107px;
  height: 12px;
  border: 1px solid #636363;
  font-size: 90%;
}

#funktionsMenuInhalt {
  float: left;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup {
  color: rgb(222,15,0);
}

/*  Sitemap  */

div.tx-dropdownsitemap-pi1 {
  font-size: inherit;
}

.tx-dropdownsitemap-pi1 ol {
	list-style-type: none !important;
}

div.tx-dropdownsitemap-pi1 a, div.tx-dropdownsitemap-pi1 a:link, div.tx-dropdownsitemap-pi1 a:hover, div.tx-dropdownsitemap-pi1 a:active, div.tx-dropdownsitemap-pi1 a:visited {
  color: #000 !important;
  text-decoration: none;
}

div.tx-dropdownsitemap-pi1 .level_1 span.no {
  text-transform: uppercase;
  font-weight: bold;
}

div.tx-dropdownsitemap-pi1 .level_2 {
  font-size: inherit;
}

.tx-dropdownsitemap-pi1 .level_2 .ifsub {
  font-weight:normal;
  text-transform:none;
}
div.tx-dropdownsitemap-pi1 .level_2 span.no {
  text-transform: none;
  font-weight: normal;
}


/*** Fahrer Details ***/
.driver-pic-small {
	background:#3f3f3f;
	padding:2px;
	width:100px;
	color:#fff;
	text-align:center;
	font-size: 80%;
}

.driver-stats {
		width:43%;
		float:left;
		margin: 0 10px;
		font-size:90%;
	}
	.driver-stats .contenttable {
		width:100%;
	}
	.driver-stats td {
		background:#e9e9e9 none repeat scroll 0 0;
		border-bottom:1px solid #f6f4f1;
		border-right:1px solid #f6f4f1;
		margin:23px;
		padding:4px 10px;
	}
	.driver-stats-first {
		width:50px;
		text-align:center;
		background:#e0e0e0 !important;
	}
	
.driver-stats-alt {
	width:auto;
	margin:10px 0;
	font-size:90%;
	float:left;
}
.driver-stats-alt .contenttable {
	border:1px solid #555;
}
.driver-stats-alt td {
	background:#6a6967;
	color:#fff;
	padding:4px 10px;
}
.driver-stats-alt .driver-stats-first {
	background:#6a6967 !important;
}
.driver-stats-alt .sec-cell {
	background:#91908e !important;
}

.driver-column-left {
	float:left;
	width:240px;
}
.driver-column-right {
	float:right;
	width:265px;
}

	
/*  Galerie  */
ul.chgallery-list {
  list-style-type: none !important;
  margin: 0 !important;
  border: none !important;
}

ul.chgallery-list li {
  background: transparent !important;
  border: none !important;
  padding: 10px 0 !important;
}

ul.chgallery-list li.itemeven {
  border-top: 1px dashed #aaa !important;
  border-bottom: 1px dashed #aaa !important;
}

ul.chgallery-list li div.text {
  width: 390px !important;
}

div.tx-chgallery-pi1 div.info {
  background: transparent;
  border: none;
  margin: 0 0 10px;
  padding: 0;
}

div.tx-chgallery-pi1 div.pagebrowser {
  border: none;
}

div.tx-chgallery-pi1 div.single div.img {
  background: transparent;
}

div.tx-chgallery-pi1 div.single {
  background: transparent;
}



/* Aussteller */
.csc-textpic-intext-left-nowrap .csc-textpic-text {
  float:right;
}
.csc-textpic-intext-left-nowrap {
  margin:10px 0 0px;
  padding:20px 0 0px;
  border-top:1px dashed #aaa;
  clear:both;
}
.aussteller {
}
.aussteller-left {

}
.aussteller-right {

}


.field_Datenschutz{
padding: 20px 0px 20px 0px;
}