body{
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 10px;
}


.bodyContent{
	margin: 10px 0px 15px 0px;
	text-align: center;
	color: #000000;
	background-color: #FFFFFF;
}



td{
  color: #000000;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
}

.bold{
  font-weight: bold;
}




.hr{
	border-bottom: 1px solid #DBDBDB;
  margin: 10px 0px 10px 0px;
  line-height: 1px;
}




img{
  border: 0px;
}




.hideContent{
	position: absolute;
	left: -50000em;
	display: inline;
	height:1px;
	overflow: hidden;
}




.floatLeft{
  float: left;
}
.floatRight{
  float: right;
}
.clearSpace{
  clear: both;
}
.clearSpaceNone{
  clear: both;
  line-height: 0px;
}




a {
  color: #EE1D23;
  font-weight:normal;
  text-decoration:underline;
}
a:hover{
  color: #EE1D23;
  font-weight:normal;
  text-decoration:none;
}

a.pageSkip{
  color: #EE1D23;
  font-weight:normal;
  text-decoration:underline;
}
a.pageSkip:hover{
  color: #EE1D23;
  font-weight:normal;
  text-decoration:none;
}
a.pageSkipSelected{
  color: #EE1D23;
  font-weight:normal;
  text-decoration:none;
}




.red {
	color: #EE1E24;
	zoom: 1;
}





div{
  font-family: Verdana,Arial,Helvetica,sans-serif;
}

div#main{
  width: 770px;
  margin: auto;
  text-align: left;
}


/**{***************   Header   **********   START   ************/
#contentHeader{
  font-size: 9px;
	color: #909090;
}
#contentHeader a{
	color: #909090;
  font-weight:normal;
	text-decoration: none;
}
#contentHeader a:hover{
	color: #909090;
  font-weight:normal;
	text-decoration: underline;
}

#contentHeader .headerMenuLeft{
  float: left;
}
#contentHeader .headerMenuRight{
  float: right;
}
#contentHeader .headerLogo{
  padding-top: 10px;
  float: left;
}
#contentHeader .headerTicket{
  float: right;
}
#contentHeader .headerMain{
  
}

#contentHeader a.menuSelected{
  font-weight:normal;
	text-decoration: underline;
}
/**}***************   Header   **********   END   ************/




/**{***************   Header Image   **********   START   ************/
#headerImage{
  height: 170px;
}
/**}***************   Header Image   **********   END   ************/




/**{***************   ContentSpalten System   **********   START   ************/
#contentMain{
  float: left;
  width: 415px;
  overflow: hidden;
}
#contentMainLarge {
  float: left;
  width: 592px;
	overflow: hidden;
}
#contentLeft, div#xxlLeft{
  float: left;
 	width: 167px;
	overflow: hidden;
	margin-right: 10px;
}
#contentRight{
  	float: right;
  	width: 167px;
	overflow: hidden;
	margin-left: 10px;
}

#contentRight, #contentLeft, #contentMain, #contentMainLarge {
	color: #000000;
}

#contentRight a, #contentLeft a, #contentMain a, #contentMainLarge a {
	color: #EE1D23;
	text-decoration:underline;
}

#contentColEnd {
  clear:both;
}
/**}***************   ContentSpalten System   **********   END   ************/




/**{***************   Footer   **********   START   ************/
#contentFooter{
	width: 770px;
}
#contentFooter .footerMenu{
  text-align: center;
	color: #909090;
  font-size: 9px;
}
#contentFooter .footerMenu a{
	color: #909090;
  font-weight:normal;
	text-decoration: none;
}
#contentFooter .footerMenu a:hover{
	color: #909090;
  font-weight:normal;
	text-decoration: underline;
}

#contentFooter a.menuSelected{
  font-weight:normal;
	text-decoration: underline;
} 
/**}***************   Footer   **********   END   ************/




/**{***************   BoxenModell   **********   START   ************/
.boxTitleGrey {
	background-color: #A8A8A9;
}

.boxContentGrey{
  font-size: 10px;
  background: #EFEFEF;
  border: 1px solid #DADBDB;
  padding: 10px;
}
.boxContentWhite{
  font-size: 10px;
  border: 1px solid #DCDBDB;
  padding: 10px 10px 10px 10px;
  zoom: 1;
}
.boxContentWhiteRed{
  font-size: 10px;
  border: 1px solid #EE1D23;
  padding: 10px;
}
/**}***************   BoxenModell   **********   END   ************/




/**{***************   Formulare   **********   START   ************/
  /* noch nicht auf dieses projekt abgestimmt*/
form{
	display: inline;
}

input{
  color: #333333;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	font-weight: normal;
	background-color: #FFFFFF;
  border-top: 1px solid #666566;
  border-left: 1px solid #666566;
  border-right: 1px solid #C4C4C5;
  border-bottom: 1px solid #C4C4C5;
  padding: 2px;
}
textarea{
  color: #333333;
	background-color: #FFFFFF;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	font-weight: normal;
  border-top: 1px solid #666566;
  border-left: 1px solid #666566;
  border-right: 1px solid #C4C4C5;
  border-bottom: 1px solid #C4C4C5;
}
select{
	color: #333333;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	font-weight: normal;
}

input.checkbox{
  border:none;
}

input.radiocheckbox{
  border:none;
}

input.imagebutton{
  border:none;
  padding: 0px;
}

input.error, textarea.error{
	background-color: #FFE8E8;
  border-top: 1px solid #CC0000;
  border-left: 1px solid #CC0000;
  border-right: 1px solid #FF4444;
  border-bottom: 1px solid #FF4444;
}
	
/**}***************   Formulare   **********   END   ************/




/**{***************   Einleitung   **********   START   ************/
#preface{
  padding: 0px 10px 20px 10px;
  zoom:1;
}
#preface .prefaceTitle{
  margin: 0px 0px 10px 0px;
  font-weight: bold;
  font-size:11px;
}
#preface .prefaceTeaser{
  
}
/**}***************   Einleitung   **********   END   ************/





/**{***************   Home Angebotliste   **********   START   ************/
.listOfferHome{
  float: left;
  width: 225px;
}
/**}***************   Home Angebotliste   **********   END   ************/




/**{***************   Liste Block   **********   START   ************/
.listBlock{
  overflow: hidden;
  float: left;
  border: 1px solid #DADBDB;
  width: 150px;
}
.listBlockPartner{
  overflow: hidden;
  float: left;
  border: 1px solid #DADBDB;
  background: #EFEFEF;
  width: 150px;
}
.listBlockPartnerShow{
  z-index: 1;
  position: absolute;
}
.listBlockSpace{
  float: left;
  width: 17px;
}
.listBlockImg{
  
}
.listBlockTextSpace{
  padding: 8px;
}
.listLine {
	padding: 8px;
}
/**}***************   Liste Block   **********   END   ************/




/**{***************   Liste   **********   START   ************/
.listTitle{
  font-weight:bold;
  padding-bottom:3px;
}
.listTeaser{
  
}
.listPriceIcon{
  float: right;
  padding: 0px 0px 5px 5px;
}

.listImageLeft{
  float: left;
  margin: 0px 10px 3px 0px;
}
.listLink{
  margin-top: 10px;
}
/**}***************   Liste   **********   END   ************/




/**{***************   Detail Artikel   **********   START   ************/
#detailArticle{
  margin: 0px 10px 0px 10px;
	border: 1px solid #DADBDB;
  zoom:1;
}
#detailArticle ul{
  margin: 0px 0px 0px 15px;
  padding: 0px;
  list-style:circle;
}
.detailTitle{
  zoom:1;
  margin: 0px 0px 15px 0px;
  font-weight: bold;
  font-size:11px;
}
.detailTeaser{
  zoom:1;
  margin: 0px 0px 15px 0px;
	font-weight: bold;
}
.detailPanorama {
	margin-bottom: 10px;
}
.detailText{
}
.detailPriceIcon{
  float: right;
  padding: 0px 0px 5px 10px;
}
.detailEventInfo{
  
}
/**}***************   Detail Artikel   **********   END   ************/



/**{***************   Kontaktformular    **********   START   ************/
.formLeft{
  padding-top: 3px;
  float:left;
  width: 100px;
  padding-bottom: 2px;
}
.formRight{
  float:left;
  padding-bottom: 2px;
}
/**}***************   Kontaktformular    **********   END   ************/



/**{***************   Artikel Toolbar   **********   START   ************/
.toolbar{
	color:#999999;
	font-size:9px;
}
.toolbar a{
	color:#999999;
	text-decoration: none;
}
.toolbar a:hover{
	color:#999999;
	text-decoration: underline;
}
.toolbarFloat{
  float:left;
  margin-right: 12px;
}
.toolbarFloatRight{
  float:right;
}
/**}***************   Artikel Toolbar   **********   END   ************/


#xxlContentWide {
	text-align:right;
	width:592px;
	float:right;
}

#xxlContentBreadWide {
	float:right;
	text-align: left;
    width:592px;
	
}
	
#xxlContentBorderWide {
	float:right;
	text-align: left;
	width:578px;	
	padding:2px 2px 10px 10px;
	border:1px solid #DBDBDB;
}

.mnuTop {
  color: #C00D0E;
  padding-bottom: 5px;
  padding-top: 10px;
  font-weight: bold;
  font-size:15px;
}

/**{***************   Hub-Navi   **********   START   ************/
#hub{
  color: #FFFFFF;
  font-size: 9px;
  background: #A8A8A9;
}
#hub a{
	color: #FFFFFF;
  font-size: 9px;
  font-weight:normal;
	text-decoration: underline;
}
#hub a:hover{
	color: #FFFFFF;
  font-size: 9px;
  font-weight:normal;
	text-decoration: none;
}
/**}***************   Hub-Navi   **********   END   ************/


div#jumpbar {
	text-align:center;
	color: #666666;
	padding-bottom: 10px;
}


/**{***************   Main-nav   **********   START   ************/

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

.headerMenuMain ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}

.headerMenuMain li { /* all list items */
	float: left;
	position: relative;
}

/* Achtung!!!! Im index.php-File ist diese Klasse nochmal separat für den IE7 definiert */
.headerMenuMain li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 1em;
	left: 0px;
	margin-top: 15px;
}

.headerMenuMain li ul a { 
	display: block;
	background: #fff;
	width: 150px;
	padding: 4px;
	border: 1px solid #E5E5E5;
	text-decoration: none;
}

.headerMenuMain li ul a:hover { 
	background: #E5E5E5;
}

.headerMenuMain li ul li { /* second-level list items */
	float: none;
}

.headerMenuMain li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

html>body .headerMenuMain li ul { /* ignored by ie */
  	margin-top: -2px;
}

.headerMenuMain li:hover ul, .headerMenuMain li.over ul { /* lists nested under hovered list items */
	display: block;
}

/**{***************   Main-nav   **********   END   ************/