/* Stylesheet für TU Travel Solutions GmbH

   Schrift: #2a328f
*/

* {
	padding: 0; 
	margin: 0;
	border: 0;
}

html {
	height: 101%;
	width: 100%;
}

body {
	background-color: #fff;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 70%;
	width: 100%;
	color: #2a328f;
}

/* ===================================================
	 Layout-Formate
=================================================== */

#wrapper {
	position: relative;
	margin: 0px auto;
	margin-bottom: 500px;
	width: 960px;
	background-color: #fff;
}

/* ===================================================
	 Header
=================================================== */

#header {
	position: absolute;
	top: 0;
	left: 0;
	width: 960px;
	height: 152px;
}


#header p {
	position: absolute;
	bottom: 7px;
	right: 0;
	font-size: 1em;
	font-weight: bold;
}

/* ===================================================
	 Content
=================================================== */

#content {
	color: #10218b;
	padding-top: 152px;
	background-image: url(/fileadmin/tu-travel/images/background.jpg);
	background-position: left top;
	background-repeat: repeat-y;
}

#siteId6 #content {
  background-image: none;
}


/* ===================================================
	 linker-rand
=================================================== */

#linker-rand {
	float: left;
	width: 174px;
	margin-right: 26px;
}

#linker-text p {
  padding: 0 10px 8px 10px;
}

#linker-rand h1 {
	font-size: 1.25em;
	margin: 1em 0 .5em 0;
	color: #ed1c24;
}

#linker-rand h2 {
	font-size: 1.15em;
	margin: .5em 0 .3em 0;
	padding: 0 5px 0 5px;
  color: #ed1c24;
}



/* ===================================================
	 Content-rechts
=================================================== */

#content-rechts {
	float: right;
	width: 760px;
}

#siteId6 #content-rechts {
  width: 850px;
  float: none;
}
#siteId6 #mitte {
  width: 850px;
}

#mitte {
	float: left;
	width: 490px;
	margin-top: 0px;
}

#mitte #thema {
  margin-bottom: 10px;
}

#mitte #thema img {
  border: none;
}

#mitte a {
	color: #ed1c24;
	text-decoration: none;
}

#mitte a:hover {
	text-decoration: underline;
}

#mitte ul {
	margin-left: 1.5em;
	list-style-image: url(/fileadmin/tu-travel/images/layout/bullet-haken.gif);  
}

#mitte ul li {
  padding: 1px;
}

#mitte h1 {
	font-size: 1.5em;
	font-weight: bold;
	margin: 1em 0 .5em;
	color: #ed1c24;
}

#mitte h2 {
	font-size: 1.3em;
	font-weight: bold;
	margin: 1em 0 .5em;
	color: #ed1c24;
}

#mitte h3 {
	font-size: 1.3em;
	font-weight: bold;
	margin: 1em 0 .5em;
	color: #ed1c24;
}

#mitte h4 {
	font-size: 1.1em;
	font-weight: bold;
	margin: 1em 0 .5em;
	color: #ed1c24;
}

#mitte h5 {
	font-size: 1em;
	font-weight: bold;
	margin: 1em 0 .5em;
	color: #ed1c24;
}

#mitte .csc-firstHeader {
	margin-top: 0;
}

#mitte p {
	margin-bottom: 1em;
}


#siteId63 #mitte ul a {
  color: #2a328f;
}

#siteId63 #mitte ul a:hover {
  color: #ed1c24;
}

div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {
  border: 1px solid #18017D;
}

#mitte div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image,
#rechter-rand div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image {
	margin-bottom: 30px;
}

#linker-rand div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image {
	margin-bottom: 10px;
}


/* ===================================================
	 rechter-rand
=================================================== */

#rechter-rand {
	float: left;
	width: 207px;
	margin-left: 38px;
}

#siteId80 #rechter-text,
#siteId76 #rechter-rand {
  display: none;
  
}

#siteId76 #mitte {
  background-color: white;
  width: 760px;
}

#rechter-rand p {
	padding-top: 10px;
	text-align: center;
}

#rechter-rand div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image {
  margin-bottom: 20px;
}

#hotline {
	font-size: 1.1em;
	text-align: center;
	width: 50px;
	margin: 0 auto;
	padding-right: 34px;
}

#telefon {
	font-size: 1.2em;
	font-weight: bold;
	padding-right: 34px;
}

#rechter-text {
  width: 173px;
	padding: 0 0 14px 0;
}

#rechter-text p,
#rechter-text h1,
#rechter-text h2 {
	padding: 0 10px;
}

#rechter-text h2 {
	font-size: 1.2em;
	text-align: center;
}

#kaestchen-rechts {
  float: right;
	margin: 11px 1px 0 0;
	padding: 0;
	
}

#lufthansa-plugin {
  background-image: url(/fileadmin/tu-travel/images/lth_teaser_background.jpg); 
  height: 85px;
  margin-bottom: 20px;
}

/* ===================================================
	 Menue
=================================================== */

#menu-links {
	width: 173px;
	margin-bottom: 20px;
	padding-top: 0px;
}

#menu-rechts {
	margin: 0px 34px 20px 0;
}

#menu-links li {
	margin-bottom: 1px;
	list-style-type: none;
}

#menu-rechts li {
	margin-bottom: 1px;
	list-style-type: none;
}

#menu-rechts li li {
	font-size: 1em;
	padding-right: 0;
	margin-bottom: 0;
}

#menu-links a {
	display: block;
	padding: 4px 10px 4px 25px;
	font-size: 1.2em;
	font-weight: bold;
	color: #10218b;
	background-color: #e3e4e8;
	text-decoration: none;
}

#menu-rechts a {
	display: block;
	padding: 4px 20px;
	font-size: 1.2em;
	font-weight: bold;
	color: #10218b;
	background-color: #e3e4e8;
	text-decoration: none;
}

#menu-rechts a:hover,
#menu-links a:hover,
#menu-rechts .current a,
#menu-links .current a,
#menu-rechts .current .level2 a:hover,
#menu-links .current .level2 a:hover,
#menu-rechts .current .level2 .current a,
#menu-links .current .level2 .current a,
#siteId2 #menu-rechts .menuId33 a {
	background-color: #BBBCBF;
}

#menu-links .level2 a,
#menu-rechts .level2 a {
	padding-left: 35px;
	font-size: .96em;
	font-weight: normal;
}

#menu-links .current .level2 a,
#menu-rechts .current .level2 a {
	background-color: #e3e4e8;
}

#menu-links .level2,
#menu-rechts .level2,
#menu-links .level2 .level3 {
	display: none;
}

#menu-links ul.level2,
#menu-links ul.level3 {
  border-top: 1px solid #fff;
  border-bottom: 2px solid #fff;
}

#menu-links .current .level2,
#menu-links .active .level2,
#menu-links .current .level3,
#menu-links .active .level3,
#menu-rechts .current .level2,
#menu-rechts .active .level2 {
	display: block;
}

#menu-links .current .level2 .current .level3 a {
	background-color: #e3e4e8;
}

#menu-links .current .level2 .current .level3 a:hover,
#menu-links .current .level2 .current .level3 .current a {
	background-color: #BBBCBF;
}

#menu-links .level3 a {
	padding-left: 55px;
	font-size: .96em;
	font-weight: normal;
}

/* Reisetipp-menu */

#siteId42 #menu-rechts .current .level2,
#siteId42 #menu-rechts .active .level2 {
  display: none;
}

#siteId42 #menu-rechts li:hover.current.menuId42 .level2,
#menu-rechts li:hover.menuId42 .level2 {
  display: block;
	position: absolute;
	z-index: 999;
}

#menu-rechts .level2 a {
  width: 118px;
}

/* ===================================================
	 footer
=================================================== */

#footer {
	position: relative;
	bottom: 0;
	left: 0;
	margin: 30px 0;
	width: 500px;
	height: 28px;
	background-color: #e3e4e8;
}

#footer li {
	float: left;
	width: 80px;
	margin: 6px;
	list-style-type: none;
}

#footer p {
	float: right;
	margin: 6px;
}

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

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

/* ===================================================
	 Special Buttons & iframes
=================================================== */

.alttext {
  position: absolute;
  top: -1000px;
  left: -10000px;
}

#smart-booking a {
  width: 133px;
  height: 40px;
  background-image: url(/fileadmin/tu-travel/images/layout/smart-booking-animation.gif);
  display: block;
  margin: 0 auto;
  margin-bottom: 10px;
}

#smart-booking a:hover {
  background-image: url(/fileadmin/tu-travel/images/layout/smart-booking-button.gif);
}

#smart-booking-iframe {
  width: 850px;
  height: 1131px;
}

#check-my-trip a {
  width: 140px;
  height: 43px;
  background-image: url(/fileadmin/tu-travel/images/layout/AMADEUS-1.gif);
  display: block;
  margin: 0 auto;
  margin-bottom: 10px;
}

#check-my-trip a:hover {
  background-image: url(/fileadmin/tu-travel/images/layout/AMADEUS-2.gif);
}

#traveltipps {
  list-style-type: none;
  position: relative;
}

#traveltipps li ul {
  display: none;
  width: 200px;
  list-style-type: none;
  position: absolute;
  padding-top: 5px;
  background-color: #fff;
  border-top: 1px solid #848484;
  border-left: 1px solid #848484;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
}

#traveltipps li:hover ul {
  display: block;
}

#traveltipps li {
  background-image: url(/fileadmin/tu-travel/images/layout/pulldown.gif);
  background-repeat: no-repeat;
  padding: 2px;
}

#traveltipps li ul li {
  background-image: none;
  padding: 1px;
}

#traveltipps li a {
  text-decoration: none;
}

#traveltipps li a:hover {
  text-decoration: underline;
	color: #ed1c24;
}

#infotext {
  position: absolute;
  top: 1200px;
  margin: 0px auto;
	width: 500px;
	left:0px;
  width:100%;
  text-align:center;
}
.infotext{
  width:800px;
  margin: 15em auto 0;
  text-align:left;
}
.infotext h1{
  font-size:13px;
  color:#767678;
}
.infotext p{
  font-size:10px;
  color:#767678;
}
  
  
/* ===================================================
	 Formulare
=================================================== */

input,
textarea {
	border: 1px solid #ccc;
	width: 25em;
	font-size: 1em;
}

.csc-mailform-field {
	clear: left;
	margin-bottom: .5em;
}

.csc-mailform-field label {
	display: block;
	float: left;
	width: 9em;
	padding-right: .5em;
	text-align: right;
}

.csc-mailform-submit {
	background-color: #e3e4e8;
	width: auto;
	margin-left: 9.5em;
}

/* ===================================================
	 Allgemeine Definitionen
=================================================== */



.csc-frame-indent {
  padding-left: 15%;
}

.geschaeftsfuehrer-rahmen {
  padding-left: 15%;
}

.geschaeftsfuehrer-rahmen div.csc-textpic-left div.csc-textpic-imagewrap .csc-textpic-image, div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap .csc-textpic-image, div.csc-textpic-intext-left div.csc-textpic-imagewrap .csc-textpic-image {
  margin-right: 100px;
}


.csc-frame-indent3366 {
  padding-left: 33.66%;
}

.csc-frame-indent6633 {
  padding-left: 66.33%;
}

.csc-frame-invisible {
  clear: both;
}

.csc-bulletlist-3 {
  list-style-type: none;
}

p {
  margin: .25em 0;
}

a {
	text-decoration: underline;
	outline: none;
	color: #0d528a;
}

.clear {
	clear: both;
}

.align-left {
	text-align: left;
}

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

.align-right {
	text-align: right;
}

.align-justify {
	text-align: justify;
}

.typo3-adminPanel  span {
	font-size: 10px !important;
}