html, body {
	margin: 0;
	padding: 0;
	width: 100%;
}
body {
	background-color: #ffffff;
	background-image: url(../img/top-bg-neu.jpg);
	background-repeat: repeat-x;
}
body, p, h1, h2, h3 {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;	
}
p, h1, h2, h3 {
	margin: 0;
	padding: 0;
}
h1 { /* FUER DIE BOXEN */
	margin: 0;
	padding: 11px 10px 14px 18px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #db2f36;
	text-transform: uppercase;
}
h2 { /* FUER DIE ARTIKEL */
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 14px 18px 6px 14px;
	font-weight: bold;
}
h3 { /* FUER DIE ARTIKEL */
	font-family: Verdana, Helvetica, sans-serif;
	margin-bottom: 0.3em;
}
p {
	margin-bottom: 0.5em;
}
img {
	border: 0px;
}
a {
	text-decoration: underline;	
}
	a:hover {
		color: #a82b56;
	}
a.block {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}
a.button {
	text-decoration: none;
}
a.txt {
	font-size: 10px;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}
a.underline, span.underline a {
	margin-bottom: 1px;
	text-decoration: none !important;
	border-bottom: 1px solid #db2f36;
	color: #000000;
}
a.white {
	text-decoration: underline !important;
	border-bottom: 1px solid #db2f36;
	color: #db2f36;
	color: white;
	font-weight: bold;
	font-size: 12px;
	border: 0;
	line-height: 14px;
}
.hidden {
	display: none;
	position: absolute;
	top: -1000em;
	left: -1000em;
	height: 0px;
	width: 0px;
	overflow: hidden;
}
.left { float: left; }
.right { float: right; }
.clear { clear: both; }

/*  FARBEN  */
.txt-red,
#main .content .mainBox.bg-red .mainBoxMore a.zumArtikel, .mainBox.bg-green .detailsLink a.zumArtikel,
#main .content .mainBox.bg-red .mainBoxContainer h1.bereich, .mainBox.bg-red a {
	color: #db2f36 !important;
}
.txt-blue,
#main .content .mainBox.bg-blue .mainBoxMore a.zumArtikel, .mainBox.bg-green .detailsLink a.zumArtikel,
#main .content .mainBox.bg-blue .mainBoxContainer h1.bereich, .mainBox.bg-blue a {
	color: #122372 !important;
}
.txt-green,
#main .content .mainBox.bg-green .mainBoxMore a.zumArtikel, .mainBox.bg-green .detailsLink a.zumArtikel,
#main .content .mainBox.bg-green .mainBoxContainer h1.bereich, .mainBox.bg-green a {
	color: #1fa22e !important;
}
.txt-grey,
#main .content .mainBox.bg-grey .mainBoxMore a.zumArtikel, .mainBox.bg-grey .detailsLink a.zumArtikel,
#main .content .mainBox.bg-grey .mainBoxContainer h1.bereich, .mainBox.bg-grey a {
	color: #666666 !important;
}
.txt-zitat,
#main .content .mainBox.bg-zitat .mainBoxMore a.zumArtikel,
#main .content .mainBox.bg-zitat .mainBoxContainer h1.bereich {
	color: #669ff0 !important;
}
.txt-dark { color: #333333 !important; }
.txt-black { color: #000000 !important; }
.txt-white { color: #ffffff !important; }
.bg-red,
#main .content .mainBox.bg-red .mainBoxMore a.zumBereich {
	background-color: #db2f36 !important;
}
.bg-blue,
#main .content .mainBox.bg-blue .mainBoxMore a.zumBereich {
	background-color: #122372 !important;
}
.bg-green,
#main .content .mainBox.bg-green .mainBoxMore a.zumBereich {
	background-color: #1fa22e !important;
}
.bg-grey,
#main .content .mainBox.bg-grey .mainBoxMore a.zumBereich {
	background-color: #666666 !important;
}
.bg-zitat,
.mainBox.bg-zitat .mainBoxContainer .mainBoxMore a.zumBereich,
.mainBox.bg-zitat .mainBoxContainer .mainBoxMore .balken {
	background-color: #669ff0 !important;
}

/* TEXT STILE */
.txt-normal {
	font-weight: normal !important;
	text-transform: none !important;
}
.txt-center {
	text-align: center !important;
}
/**************************
       ZENTRIERUNG
**************************/								
.centered {
	/* margin: 0 auto; */
	margin: 0 0 0 20px;
}
/***********************************
       Container für Inhalt
 (gesamter Inhalt ausser Fusszeile)
***********************************/								
#container {
	position: relative;
/*	width: 960px; */
width: 1140px;
	margin-bottom: 20px;
	padding: 0;
	background-color: transparent;
}
/***********************************
   TOP = TRAVELLER-LOGO + BANNER
***********************************/								
	#top {
		position: relative;
		width: 100%;
		height: 100px;
	}
		#top a, #top a:hover {
			text-decoration: none;
		}
		#top .traveller {
			display: block;
			position: absolute;
			top: 0px;
			left: 0px;
		}
		#top .banner {
			display: block;
			position: absolute;
			top: 4px;
			left: 231px;
			width: 728px;
			height: 90px;
			overflow: hidden;
		}
/**************************************
   HEAD = LOGIN, BILD, MANSTEIN-LOGO
**************************************/								
	#head {
		position: relative;
		width: 100%;
		height: 111px;
	}
		#head a, #head a:hover {
			text-decoration: none;
		}
		#head #user {
			z-index: 9;
			position: absolute;
			width: 197px;
			height: 111px;
			overflow: hidden;
		}
		#head #user label {
			display: block;
			position: absolute;
			left: 10px;
			margin: 0;
			padding: 0;
			width: 58px;
			color: #000000;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 10px;
			font-weight: bold;
		}
			#head #user label.username {
				top: 45px;
			}		
			#head #user label.passwort {
				top: 63px;
			}
			#head #user label.status {
				top: 33px;
				width: 170px;
			}
		#head #user .userinput input {
			display: block;
			position: absolute;
			right: 10px;
			margin: 0;
			padding: 1px;
			border: 1px solid #db2f36;
			width: 109px;
			color: #000000;
			font-family: Verdana, Helvetica, sans-serif;
			font-size: 10px;
		}
			#head #user input.username {
				top: 43px;
			}	
			#head #user input.passwort {
				top: 61px;
			}	
		#head #user.login {		
				background-image: url(../img/login-bg.jpg); 
			}
			#head #user.login .logintext {
				position: absolute;
				right: 10px;
				bottom: -10px;
				margin: 0;
				padding: 0;
				width: 111px;
				height: 42px;
				color: #000000;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 10px;
				line-height: 12px;
			}		
			#head #user.login .statustext {
				position: absolute;
				left: 10px;
				bottom: 43px;
				margin: 0;
				padding: 0;
				width: 160px;
				height: 42px;
				color: #000000;
				font-family: Arial, Helvetica, sans-serif;
				font-weight: bold;
				font-size: 10px;
				line-height: 12px;
			}		
			#head #user.login .statustext h3 {
					font-size: 10px;
			}
		#head #user.logout {
				background-image: none;
			}
		#head #user input.button {
			position: absolute;
			left: 10px;
			bottom: 10px;
			border: none;
		}			
		#headPic {
			position: absolute;
			top: 0px;
			left: 0px;
			width: 840px;
			height: 111px;
			overflow: hidden;
		}
		.manstein {
			display: block;
			position: absolute;
			top: 0px;
			left: 850px;
			width: 120px;
			height: 111px;
			overflow: hidden;
		}
/***************************************
   H A U P T  -  N A V I G A T I O N
***************************************/										
	#topNav {
		position: relative;
		margin-top: 5px;
		width: 100%;
		height: 45px;
		overflow: hidden;
	}
		#topNav ul {
			position: absolute;
			top: 0px;
			left: 0px;
			margin: 0;
			padding: 0;
			list-style-type: none;
			font-size: 14px;
		}
		#topNav ul.level2 {
			position: absolute;
			top: 30px;
			left: 0px;
			margin: 0;
			padding: 0;
			padding-right: 5px;
			list-style-type: none;
			font-size: 14px;
			background-image: url(/fileadmin/templates/img/nav_level2_rand_rechts.gif);
			background-position: right;
			background-repeat: no-repeat;
		}
		#topNav li {
			margin: 0;
			padding: 0;
			float: left;
			color: #000000;	
		}
			#topNav li a {
				display: block;
				float: left;
				cursor: hand;
			}
				#topNav li a .replacement {
					display: block;
					height: 25px;
					background-position: top;
					background-repeat: no-repeat;
				}
				#topNav ul.level2 li a .replacement {
					display: block;
					height: 18px;
					background-position: top;
					background-repeat: no-repeat;
				}
				#topNav li a:hover .replacement, #topNav li a:focus .replacement, #topNav li a.active .replacement {
					background-position: bottom;
				}	
				#topNav ul.level2 li a:hover .replacement, #topNav ul.level2 li a:focus .replacement, #topNav ul.level2 li a.active .replacement {
					background-position: bottom;
				}	
/***********************************
   I N H A L T S B E R E I C H
***********************************/								
	#content {
		position: relative;
		margin-top: 15px;
		width: 100%;
		background-image: url(../img/main-content.jpg);
		background-repeat: repeat-y;	
	}
/**************************************
   TEASER = L I N K E   S P A L T E
**************************************/								
		#teaser { /* container fuer gesamte linke spalte */
			float: left;
			width: 197px;
			margin-bottom: -14px;
		}
			#teaser .teaserBox {  /* container fuer jeden teaser in linker spalte */
				position: relative;
				width: 197px;
				margin: 0 0 12px 0;
				padding: 0;
			}
				#teaser .teaserBox h1 {  /* Ueberschrift der Teaser-Boxen */
					padding-top: 15px;
				}
/*				#teaser .teaserBox.nospace {  fuer die erste Box, damit oben buendig mit restlichem content abgeschlossen wird
					margin-top: 0px;
				}
*/
				#teaser .teaserBox .content { /* Innenabstand und Schriftgroesse fuer Inhalt */
					margin: 0;
					padding: 0 18px 14px 18px;
					font-size: 11px;
				}
				#teaser .teaserBox .content a {
					color: 	#DB2F36;
				}
				#teaser .teaserBox .bottom {  /* abschluss einer teaserBox (= Schatten unten) */
					background: url(../img/teaserbox-bottom.jpg);
					background-repeat: no-repeat;
					height: 8px;
					overflow: hidden; /* der ie6 braucht das, den anderen schadets aber auch nicht */
				}
/** STANDARD-Teaser-Box **/
				#teaser .teaserBox.standard {  /* hintergrund fuer Inhalt (grauer Hintergrund mit rotem Balken links und schatten rechts) */
					background: url(../img/teaserbox-content-line.jpg);
					background-repeat: repeat-y;
				}
					#teaser .teaserBox.standard h1 {  /* Hintergrund fuer Ueberschrift der Standard-Box */
							background: url(../img/teaserbox-head.jpg);
							background-repeat: no-repeat;
							background-position: top left;
					}
/** BEREICH-Teaser-Box (enthält Balken oben, Bild und Navi zu einem Bereich) **/
				#teaser .teaserBox.bereich {  /* hintergrund fuer Inhalt (transparenter Hintergrund mit schatten rechts und Hintergrundfarbe) */
					background: url(../img/teaserbox-content-transparent.gif);
					background-repeat: repeat-y;
					background-color: #ebebeb;
				}
				#teaser .teaserBox .balken {  /* hintergrund fuer Balken oben (transparenter Hintergrund und schatten rechts) */
					height: 6px;
					background: url(../img/teaserbox-bereich-head.gif);
					background-repeat: no-repeat;
					background-position: top left;
				}
		/* Farbe in den Balken */
					#teaser .teaserBox.nav-green .balken {
						background-color: #1fa22e;
					}
					#teaser .teaserBox.nav-blue .balken {
						background-color: #122372;
					}
					#teaser .teaserBox.nav-red .balken {
						background-color: #db2f36;
					}
		/* Bild */
					#teaser .teaserBox.bereich .pic {  /* Bild */
						margin: 4px 0 0 4px;
						padding: 0;
						width: 179px;
						height: 178px;
						overflow: hidden;
					}					
/** SUBNAVIGATION **/
					.subNav {
						margin: 4px 14px 4px 4px;
						padding: 0 0 10px 0;
					}
						.subNav ul {
							margin: 0;
							padding: 0;
							list-style-type: none;
						}
							.subNav ul.subNav1 li a {
								display: block;
								margin: 0;
								padding: 4px 4px 4px 18px;
								color: black;
								font-size: 12px;
								font-weight: bold;
								border-top: 1px solid white;
/*								border-bottom: 1px solid white; */
								background-image: url(../img/aufz1-no-black.gif);
								background-position: top left;
								background-repeat: no-repeat;
								text-decoration: none;
							}
								.subNav ul.subNav1 li.active.withSub {									
									padding-bottom: 10px;
								}
								.subNav ul.subNav1 li.active.withSub a,
								.subNav ul.subNav1 li.active.withSub a:hover {
									background-image: url(../img/aufz1-on-black.gif);
								}
								.subNav ul.subNav1 li.active,
								.subNav ul.subNav1 li a:hover {
									background-color: #f6f6f7;
								}
								.subNav ul.subNav1 li h3 a {
									background-image: url(../img/aufz1-on-black.gif);
								}
									.subNav ul.subNav1 li ul.subNav2 li a,
									.subNav ul.subNav1 li ul.subNav2 li a:hover {
										display: block;
										margin: 0 0 0 17px;
										padding: 3px 0px 3px 12px;
										color: black;
										font-size: 11px;
										font-weight: bold;
										border: 0px;
										background-image: url(../img/aufz2-black.gif) !important;
										background-position: top left;
										background-repeat: no-repeat;
										background-color: transparent;
										text-decoration: none;
									}
									.subNav ul.subNav1 li.active ul.subNav2 li {
										padding-bottom: 0;
									}

			/* Grüne Navi */
/*								.nav-green ul.subNav1 li.active a,
*/	
				
								.nav-green ul.subNav1 li.active a,
								.nav-green ul.subNav1 li a:hover,
								.nav-green ul.subNav1 li ul.subNav2 li.active a,
								.nav-green ul.subNav1 li ul.subNav2 li a:hover {
									color: #1fa22e;
								}
								.nav-green ul.subNav1 li.active a,
								.nav-green ul.subNav1 li.active a:hover {
									background-image: url(../img/aufz1-no-green.gif);
								}
								.nav-green ul.subNav1 li.active.withSub a,
								.nav-green ul.subNav1 li.active.withSub a:hover {
									background-image: url(../img/aufz1-on-green.gif);
								}								
/*								.nav-green ul.subNav1 li a:hover {
									background-image: url(../img/aufz1-no-green.gif);
								}
*/
								.nav-green ul.subNav1 li ul.subNav2 li.active a,
								.nav-green ul.subNav1 li ul.subNav2 li.active a:hover {
									background-image: url(../img/aufz2-green.gif) !important;
								}

			/* Rote Navi */
								.nav-red ul.subNav1 li.active a,
								.nav-red ul.subNav1 li a:hover,
								.nav-red ul.subNav1 li ul.subNav2 li.active a,
								.nav-red ul.subNav1 li ul.subNav2 li a:hover {
									color: #db2f36;
								}
								.nav-red ul.subNav1 li.active a,
								.nav-red ul.subNav1 li.active a:hover {
									background-image: url(../img/aufz1-no-red.gif);
								}
								.nav-red ul.subNav1 li.active.withSub a,
								.nav-red ul.subNav1 li.active.withSub a:hover {
									background-image: url(../img/aufz1-on-red.gif);
								}
								.nav-red ul.subNav1 li ul.subNav2 li.active a,
								.nav-red ul.subNav1 li ul.subNav2 li.active a:hover {
									background-image: url(../img/aufz2-red.gif) !important;
								}
			/* Blaue Navi */
								.nav-blue ul.subNav1 li.active a,
								.nav-blue ul.subNav1 li a:hover,
								.nav-blue ul.subNav1 li ul.subNav2 li.active a,
								.nav-blue ul.subNav1 li ul.subNav2 li a:hover {
									color: #122372;
								}
								.nav-blue ul.subNav1 li.active a,
								.nav-blue ul.subNav1 li.active a:hover {
									background-image: url(../img/aufz1-no-blue.gif);
								}
								.nav-blue ul.subNav1 li.active.withSub a,
								.nav-blue ul.subNav1 li.active.withSub a:hover {
									background-image: url(../img/aufz1-on-blue.gif);
								}
								.nav-blue ul.subNav1 li ul.subNav2 li.active a,
								.nav-blue ul.subNav1 li ul.subNav2 li.active a:hover {
									background-image: url(../img/aufz2-blue.gif) !important;
								}



/** PLAKAT-Teaser-Box **/
				#teaser .teaserBox.plakat {  /* hintergrund fuer gesamtes Teaser-Plakat */
					background: url(../img/teaserbox-plakat-bg.jpg);
					background-repeat: no-repeat;
					height: 245px;
				}
				#teaser .teaserBox.plakat a.full, #teaser .teaserBox.plakat a:hover.full { /* link ueber gesamten teaser */
					z-index: 5;
					display: block;
					position: absolute;
					left: 0px;
					top: 0px;
					text-decoration: none;
				}
				#teaser .teaserBox.plakat .label {  /* Beschriftung der Plakat-Box */
					position: absolute;
					left: 0px;
					top: 35px;
					width: 42px;
					height: 204px;
					overflow: hidden;
					background-position: bottom left;
					background-repeat: no-repeat;
				}
				#teaser .teaserBox.plakat .pic {  /* Bild in der Plakat-Box */
					position: absolute;
					top: 49px;
					left: 50px;
					width: 129px;
					height: 180px;
					overflow: hidden;
					background-repeat: no-repeat;
				}
/** SUCHE **/
				#teaser .teaserBox .suchebg {
					position: relative;
					left: 18px;
					background-image: url(../img/input-search-bg.jpg);
					background-repeat: no-repeat;
					width: 155px;
					height: 25px;
					margin: 3px 0 8px 0;
					padding: 0;
				}
					#teaser .teaserBox .suchebg input {
						display: block;
						position: absolute;
						top: 0px;
						left: 2px;
						margin: 0;
						padding: 2px;
						border: 0;
						color: #000000;
						font-family: Verdana, Helvetica, sans-serif;
						font-size: 12px;
						width: 144px;
						background: transparent;
					}
/************************************************************************
   H A U P T B E R E I C H  -  M I T T E	(breite Spalte i.d. Mitte)
************************************************************************/								
		#main { /* uebergeordneter container fuer den hauptbereich */
			float: left;
			width: 643px;
		}
			#main .top { /* obere Kante des Hauptbereichs - enthält abschliessenden Schatten ganz oben rechts */
				width: 100%;
				height: 4px;
				background-image: url(../img/main-top.jpg);
				background-repeat: no-repeat;
			}
/***********************************
    Inhalt des Hauptbereichs
	(breite Spalte i.d. Mitte)
***********************************/
			#main .content {
				margin: 0;
				padding: 0;
			}

/* ----  mainBox (die Boxen im Hauptbereich-Mitte zB. für einen Artikel) ---- */

				#main .content .mainBox {  /* kann mit .bg-[color] kombiniert werden... */
					position: relative;
					margin: 0px 15px 0px 10px; 
					padding: 0;
					background-image: url(../img/mainbox-top-bg.jpg);
					background-position: top right;
					background-repeat: no-repeat;
					border-top: 1px solid #ebebeb; /* bugfix Firefox */
				}
		/* Variante ohne Schatten (zB Billig-Reisen) */
					#main .content .mainBox.light {
						background-image: none;
					}				
		/* ----------------------------------------- */
					#main .content .mainBox.left {
						/*floating durch allg. klasse .left*/
						margin-right: 0;
					}
					#main .content .mainBox.right {
						/*floating durch allg. klasse .right*/
						margin-left: 0;
					}
					#main .content .mainBox.large { /* Box nutzt gesamte Breite */
						width: 618px;
						margin-right: 0;
					}
					#main .content .mainBox.medium { /* eine Box mit ca. 3/4 der gesamten Breite */
						width: 436px;
					}						
					#main .content .mainBox.small { /* zwei dieser Boxen nebeneinander gehen sich aus */
						width: 306px;
					}
					#main .content .mainBox.zitat { /* Box-Spezialfall für Zitate (www.zitate.eu) */
						width: 175px;
					}
						#main .content .mainBox .zitatImg { /* Zitat-Bild (Sprechblase) */
							z-index: 5;
							position: absolute;
							top: -10px;
							left: -8px;
							margin: 0;
							padding: 0;
							width: 48px;
							height: 46px;
							overflow: hidden;
						}
					#main .content .mainBox .mainBoxContainer {  /* umschliesst header und content einer mainBox (= der Bereich, der Verschoben wird um links die Hintergrundfarbe der mainBox sichtbar werden zu lassen) */
						position: relative;
						margin: 0 0 0 1px;
						background-color: #ffffff;
						background-image: url(../img/mainbox-content.gif); /* transparent - background-color scheint durch, mit Schatten rechts entlang des Inhalts */
						background-position: right;
						background-repeat: repeat-y;
					}
					#main .content .mainBox.light .mainBoxContainer {
						background-color: transparent;
						margin: 0 5px 0 0;
						background-image: none;
					}
					
						#main .content .mainBox.light .mainBoxContainer h2 { /* <h2>Südeuropa</h2> */
							margin: 8px 0 1px 0;
							padding: 6px 13px 6px 14px;
							background-color: #c6c7c8;
						}
						#main .content .mainBox.light .mainBoxContainer .item { /* Container für einen Eintrag */
							margin: 0;
							padding: 0;
							border-top: 1px dotted black;
						}
						#main .content .mainBox.light .mainBoxContainer .item .date { /* Datum des Eintrags */
							padding-top: 4px;
							padding-bottom: 3px;
							font-weight: bold;
							color: #db2f36;
							background-color: white;
							border-bottom: 1px solid #e9e9e9;
						}
						#main .content .mainBox.light .mainBoxContainer .item .textBox { /* Container für den gesamten Inhalt (ausser Datum) */
						}
						#main .content .mainBox.light .mainBoxContainer .item .textBox .titleBox { /* <div class="titleBox">...</div> */	
							background-color: white;
						}
							#main .content .mainBox.light .mainBoxContainer .item.with-img .textBox .imgBox { /* Container für Bilder */
								float: left;
								margin: 10px 0 0 14px;
								padding: 0;
								width: 129px;
							}
							#main .content .mainBox.light .mainBoxContainer .item.with-img .textBox .imgBox .img { /* Container für ein Bild */
								margin: 0;
								width: 123px;
								height: 123px;
								/*border: 3px solid #db2f36;
								background-position: center center;*/
								background-repeat: no-repeat;
								/*background-color: white;*/
								overflow: hidden;
							}
							#main .content .mainBox.light .mainBoxContainer .item.with-img .textBox { /* Mindesthöhe, wenn ein Bild verwendet wird */
/*								min-height: 150px;  -> wird durch div mit klasse "clear" bereinigt */
							}
							.item .light-txt { /* formatierungen für gesamten text ohne bild */
								margin: 0;
								padding: 0 10px 0 14px;
							}
							.item.with-img .light-txt { /* formatierungen für gesamten text mit bild */
								margin: 0;
								padding: 0 10px 0 170px;
								background: none;
							}
							#main .content .mainBox .mainBoxContainer .item .textBox .titleBox .title { /* BENTOUR AUSTRIA */
								padding-top: 7px;
								padding-bottom:4px;
								color: black;
								font-weight: bold;
								font-size: 14px;
								text-transform: uppercase;
							}
							#main .content .mainBox .mainBoxContainer .item .textBox .titleBox a { 
								color: #db2f36 !important;
								
							}
							#main .content .mainBox .mainBoxContainer .item .textBox .titleBox .subtitle { /* Magic Life-Agent-Special */
								padding-bottom:7px;
								color: #db2f36;
								font-weight: normal;
								font-size: 16px;
							}
							#main .content .mainBox .mainBoxContainer .item .textBox .txt { /* Text */
								padding-top: 7px;
								padding-bottom: 10px;
							}
								#main .content .mainBox .mainBoxContainer .item .textBox .txt a {
									color: #db2f36;
									font-weight: bold;
									text-decoration: none;
								}
									#main .content .mainBox .mainBoxContainer .item .textBox .txt a:hover {
										text-decoration: underline;
									}

					
					
					#main .content .mainBox.zitat .mainBoxContainer {
						background-color: #ebf7fd;
					}
					#main .content .mainBox .mainBoxContainer.h250 { /* Mindest-Höhe des Artikels, neben grossem (300x250px) Banner bzw. neben Zitaten*/
						min-height: 250px;
					}
					#main .content .mainBox .mainBoxContainer.standardHeight { /* Mindest-Höhe eines User-Artikels (egal ob mit oder ohne Bild) */
						min-height: 340px;
					}
					#main .content .mainBox .mainBoxContainer.leitartikel {  /* der leitartikel bekommt zusätzlich oben einen Farbstreifen. Durch Verschieben des Inhalts wird die Hintergrundfarbe der mainBox sichtbar */
						margin-top: 6px;
					}
						#main .content .mainBox .mainBoxContainer.leitartikel.h250 { /* Mindest-Höhe des Artikels, neben grossem (300x250px) Banner bzw. neben Zitaten */
							min-height: 192px; /* 250 - 6 = 244 ; wegen margin-top von .leitartikel */
						}
						#main .content .mainBox .mainBoxContainer h1 {  /*  mainBox-Ueberschrift inkl. Schatten rechts */
							margin: 0;
							padding: 4px 0 8px 12px;
							font-size: 12px;
							font-weight: normal;
							color: #000000;
							text-transform: none;
							background: url(../img/mainbox-head.jpg);
							background-repeat: no-repeat;
							background-position: top right;
						}
							#main .content .mainBox.zitat .mainBoxContainer h1 {  /*  mainBox-Ueberschrift für Zitate */
								padding-left: 40px;
								background: url(../img/mainbox-head-zitat.jpg) !important;
								background-repeat: no-repeat !important;
								background-position: top right !important;
							}
							#main .content .mainBox .mainBoxContainer h1.bereich { /* Ueberschrift zum Bereich passend weiter oben im CSS-file wird die Schriftfarbe (abhängig von der .mainBox-Farb-Klasse) definiert */
								font-weight: bold;
								text-transform: uppercase;
							}
							#main .content .mainBox .mainBoxContainer h1.bereich.headerOnly { /* für Box mit Ueberschrift und sonst nichts (zB Billig-Reisen) */
								height: 10px !important;
								max-height: 10px !important;
							}
							#main .content .mainBox .mainBoxContainer.leitartikel h1 { /* der leitartikel erhält im h1-Bereich einen durchgängigen Schatten... */
								background: url(../img/mainbox-head-leitartikel.jpg);
								background-repeat: no-repeat;
								background-position: top right;
							}
						#main .content .mainBox .mainBoxContainer .artikel {  /*  mainBox-Inhaltsbereich  */
							position: relative;
							margin: 0;
							padding: 0;
							background-color: transparent;
						}
							#main .content .mainBox .mainBoxContainer .artikel p { /* h2 (ganz oben im css-file) und p sind fuer den mainBox-Inhalt vorbereitet */
								margin: 0;
								padding: 0px 18px 0px 14px;
							}
/*  zitat-Styles WERDEN BEI VERWENDUNG DES IFRAMES NICHT BENOETIGT  */
							.zitatText {
								font-size: 12px;
								color: #666666;
								font-style: italic;
							}
							.zitatInfo {
								margin-top: 6px;
								color: #000000;
								text-align: right;
							}
								.zitatInfo .name {
									font-size: 12px;
									font-weight: bold;
								}
								.zitatInfo .beschreibung {
									font-size: 11px;
									font-weight: normal;
									font-style: italic;
								}
/*  **************************************************************  */


							#main .content .mainBox .mainBoxContainer .artikel .mainBoxTxt {
									padding-bottom: 10px;
							}
							
							#main .content .mainBox .mainBoxContainer .artikel .mainBoxTxt.with-img { /* wenn es ein Bild im Artikel gibt, dann zusätzlich die Klasse "with-img" für den Text (=mainBoxTxt) verwenden !!! */
								float: left;
								width: 327px;
							}
							#main .content .mainBox .mainBoxContainer .artikel .img-box { /* Bild-Bereich in einer mainBox */
								float: right;
								width: 285px;
								overflow: hidden;							
								margin: 10px 5px 15px 0;
								padding: 0;
							}
							
								#main .content .mainBox .mainBoxContainer .artikel .img-box .img-txt { /* der Text unter dem Bild */
									margin: 0;
									padding: 10px 15px 0 0;
									font-size: 11px;
									color: #666666;
									font-style: italic;
								}	


			/* Bei einem "User-Artikel" in Standardhöhe soll das Bild (img-box) oben und der Text (.meinBoxTxt.with-img) darunter angezeigt werden. deswegen folgende Abweichungen ... */
								#main .content .mainBox .mainBoxContainer.standardHeight .artikel .mainBoxTxt.with-img {
									width: auto;
									float: none;
								}
								
								#main .content .mainBox .mainBoxContainer.standardHeight .artikel .img-box {
									width: 285px;
									height: 130px;
									margin-bottom: 10px;
									text-align:right;
								}
								
								#main .content .mainBox .mainBoxContainer .artikel h1 {
									padding: 14px 0 4px 12px;
									font-size: 14px;
									font-weight: bold;
									color: #000000;
									background: none;
								}
								
								#main .content .mainBox .mainBoxContainer .artikel h2 {
									padding: 14px 0 4px 12px;
									font-size: 13px;
									font-weight: bold;
									color: #000000;
									background: none;
								}
								
								#main .content .mainBox .mainBoxContainer .artikel h3 {
									padding: 14px 0 4px 12px;
									font-size: 12px;
									font-weight: bold;
									color: #000000;
									background: none;
								}
								
								#main .content .mainBox .mainBoxContainer .artikel a {
									padding: 4px 0 0px 0px;
									font-size: 12px;
									font-weight: normal;
									color: #db2f36;
									background: none;
									text-decoration: none;
									font-weight: bold;
								}
								
								.comment { /* h2 (ganz oben im css-file) und p sind fuer den mainBox-Inhalt vorbereitet */
									margin: 0 0 0 14px;
									padding: 4px 0 0 0;
									border-top: 1px dotted #cccccc;
								}
								
								.comment_headline { /* h2 (ganz oben im css-file) und p sind fuer den mainBox-Inhalt vorbereitet */
									margin: 0 0 0 14px;
									padding: 20px 0px 0px 0px;
									font-size: 12px;
									font-weight: bold;
									color: #000000;
									background: none;
								}
								
								.comment .content { /* h2 (ganz oben im css-file) und p sind fuer den mainBox-Inhalt vorbereitet */
									margin: 0;
									padding: 5px 0px 15px 0px;
								}
			/* -------------------------------------------------------------------------------------------------------------------------- */


							.detailsLink { /* Detail-Link über Text */
									padding: 4px 0 0 12px;
								}
							.mainBoxMore { /* leiste unter dem Text, fuer Links zu weiterfuehrenden Infos */
								position: absolute;
								bottom: 0px;
								height: 35px;
								margin: 0;
								padding: 0;
								width: 100%;
							}
							.mainBoxMoreSpacer {
								height: 35px;
							}						
							.mainBoxMore a.zumArtikel { /* die Textfarbe wird oben im CSS-file bestimmt und ist abhaengig von der Zusatzklasse neben .mainBox */
									display: block;
									position: absolute;
									padding: 4px 0 0 12px;
									font-size: 11px;
									font-weight: bold;
									text-decoration: none;
								}
									.mainBoxMore a.zumArtikel:hover {
										text-decoration: underline;
									}
								.mainBoxMore a.zumBereich { /* background-color wird oben im CSS-file bestimmt und ist abhaengig von der Zusatzklasse neben .mainBox */
									display: block;
									position: absolute;
									right: 5px;
									height: 19px;
									margin: 0;
									padding: 6px 10px 0 10px;
									color: white;
									font-size: 11px;
									font-weight: bold;
									text-transform: uppercase;
									text-decoration: none;
								}
									.mainBox.bg-zitat .mainBoxContainer .mainBoxMore a.zumBereich {
										left: 0px;
										padding: 7px 4px 0 4px;
										color: #000000;
										font-size: 10px;
										font-weight: normal;
										text-transform: none;
									}
									.mainBoxMore a.zumBereich:hover {
										text-decoration: underline;
									}
								.mainBox.bg-zitat .mainBoxContainer .mainBoxMore .balken {
									position: absolute;
									right: 5px;
									height: 25px;
									margin: 0;
								}
					#main .content .mainBox .bottom {  /*  mainBox-Abschluss (Schatten gesamt (ausser linkes eck) inkl. rechtes eck)  */
						/*clear: both;*/
						position: relative;
						height: 4px;
						overflow: hidden;
						background-image: url(../img/mainbox-bottom-r.jpg);
						background-position: top right;
						background-repeat: no-repeat;			
					}
						#main .content .mainBox .bottom .bottomleft {  /*  mainBox-Abschluss (Schatten links)  */
							position: absolute;
							width: 10px;
							height: 4px;
							overflow: hidden;
							background-image: url(../img/mainbox-bottom-l.jpg);
							background-position: top left;
							background-repeat: no-repeat;
						}
/**** Blättern im Haupt-Content-Bereich ****/

					#main .content .turn {
						float: right;
						margin: 0;
						padding: 12px 17px 17px 0px;
					}
						#main .content .turn a {
							margin: 0 3px 0 0;
							padding: 3px 7px;
							border: 1px solid #db2f36;
							color: #db2f36;
							font-size: 11px;
							font-weight: bold;
							text-decoration: none;
							background-color: #FFF;
						}
						#main .content .turn a:hover,
						#main .content .turn a.active {
							text-decoration: none;
							background-color: #db2f36;
							color: #FFF !important;
						}
						#main .content .turn.txt-red a {
							border: 1px solid #db2f36;
							color: #db2f36;
						}
						#main .content .turn.txt-red a:hover,
						#main .content .turn.txt-red a.active {
							background-color: #db2f36;
						}
						#main .content .turn.txt-green a {
							border: 1px solid #1fa22e;
							color: #1fa22e;
						}
						#main .content .turn.txt-green a:hover,
						#main .content .turn.txt-green a.active {
							background-color: #1fa22e;
						}
						#main .content .turn.txt-blue a {
							border: 1px solid #122372;
							color: #122372;
						}
						#main .content .turn.txt-blue a:hover,
						#main .content .turn.txt-blue a.active {
							background-color: #122372;
						}

/**** Banner im Haupt-Content-Bereich ****/
					#main .content .mainBannerBox {
						margin: 1px 20px 5px 10px; 
						padding: 0;
						/*background-color: #000000;*/
						overflow: hidden;
					}
					#main .content .mainBannerBox.left {
						/*floating durch allg. klasse .left*/
						margin-right: 0;
					}
					#main .content .mainBannerBox.right {
						/*floating durch allg. klasse .right*/
						margin-left: 0;
					}
					#main .content .mainBannerBox.large {
						width: 300px;
						height: 250px;
					}
					#main .content .mainBannerBox.small {
						width: 300px;
						height: 90px;
					}
				#main .content .span { /* Abstand zu unterer Kante */
					margin: 0;
					padding: 0;
					height: 10px;
				}

/* ----  Hauptbereich-Mitte-Abschluss (Schatten)  ---- */

		#main-bottom {
			position: absolute;
			left: 197px;			
			bottom: 0px;
			width: 643px;
			height: 6px;
			background-image: url(../img/main-bottom.jpg);
			background-repeat: no-repeat;
			overflow: hidden; /* der ie6 braucht das, den anderen schadets aber auch nicht */
		}
		
		.reisepartner {
			border-top: 1px dotted #999999;	
			padding: 10px 0px;
		}
		
		.reisepartner a {
			color: #db2f36;
			font-weight: bold;
			text-decoration: none;
		}
			.reisepartner a:hover {
				text-decoration: underline;
			}
		
/***************************************
   BANNER = R E C H T E   S P A L T E
***************************************/								
		#banner {
			float: right;
/*			position: absolute;
			left: 840px;
			top: 0px; */
			width: 300px;
/*			height: 600px; */
			/*background-color: #F2F2F2;*/
		}
/********************************
   BOTTOM = F U S S Z E I L E
********************************/								
.banner_bottom {
	margin-left: 122px;	
}
#bottom {
	position: relative;
	min-width: 960px;
	height: 44px;
	margin: 0;
	padding: 0;
	background-image: url(../img/bottom-bg.jpg);
	background-repeat: repeat-x;
}
	ul#navBottom {
		white-space: nowrap;
		margin: 0;
		padding: 13px 0 0 0;
	}
		ul#navBottom li {
			display: inline;
			padding: 0 10px 0 0;
		}
			ul#navBottom li#copyright {
				color: white;
/*				font-weight: bold; */
				padding-right: 0;
				padding-left: 16px;
			}
			ul#navBottom li a {
				color: white;
				font-weight: bold;
				text-decoration: none;
			}
				ul#navBottom li a:hover {
					text-decoration: underline;
				}
/********************************
   Benutzer-Registrierung
********************************/	

.registerColumn {
	margin: 10px 0px;	
}
.registerColumn label {
	
	margin: 15px 0;
	padding: 0;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.registerColumn input, .registerColumn select {
	position: absolute;
	left: 200px;
	margin: 0;
	padding: 1px;
	border: 1px solid #db2f36;
	color: #000000;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;	
}

.registerColumn textarea {
	position: relative;
	left: 180px;
	top: -12px;
	height: 150px;
	margin: 0;
	padding: 1px;
	border: 1px solid #db2f36;
	color: #000000;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;	
}

.registerColumn input.border-red, .registerColumn select.border-red, .registerColumn textarea.border-red {
	border: 1px solid #db2f36;
}

.registerColumn input.border-blue, .registerColumn select.border-blue, .registerColumn textarea.border-blue {
	border: 1px solid #122372;
}

.registerColumn input.border-green, .registerColumn select.border-green, .registerColumn textarea.border-green {
	border: 1px solid #1fa22e;
}

.registerColumn .noLabel {
	margin-left: 200px;
}

.registerColumn .specialfields {
	position: absolute;
	left: 200px;
	margin-top: -30px;
	padding: 1px;
}

.registerColumn .noLabel input {
	position: relative;	
	left: 0px;
}

.registerColumn .noLabel label {
	padding: 10px;
}

.registerColumn img {
	margin-top: 15px;	
}

p.tx-srfeuserregister-pi1-error {
	padding: 0 !important;
	margin: 0 !important;
	color: #000000;
}

fieldset {
	margin: 10px;
	border: none;
}

#endtime_display {
		
}

.tx-indexedsearch {
	padding: 8px 18px 14px 14px;
}

/********************************
  Links
********************************/
.linkbox {
	padding: 10px;
	margin-right: 4px;
	border-bottom: 2px solid #CCCCCC;
}

.linkbox .img-box {
	float: left;	
	
}
.linkbox .img-box img {
	padding: 0 10px 10px 0;
}
.linkbox .mainBoxTxt h2 {
	padding: 0 18px 6px 0;	
}

.linkbox .mainBoxTxt a {
	text-decoration: underline;
}
.linkbox .mainBoxTxt a:hover {
	color: #db2f36;
}
.csc-textpic-above img {
	margin: 10px 5px;	
}

/**************************************
   KALENDER
**************************************/	
div.tx-cal-controller  {
	margin: 10px 0 20px 10px;	
}
#month-header {
	width: 90%;	
}
table.month-large {
	width: 90%;	
	margin-bottom: 15px;
}
#month-header-icons {
	display: none;	
}
.basictab ul {
	display: none;	
}
.tx-cal-controller label {
	text-align: left;	
}
.even {
	background-color: transparent !important;	
}
.tx-cal-controller dd {
	border-bottom: 1px solid #666;	
	padding: 10px 0;
	margin: 0 20px 20px 0;
}