﻿/* CSS Style Sheet für TUI Reisecenter  */
/* (c) agindo interaktives marketing gbr */
/* www.agindo.at */
/* Dezember 2006 */

/* ################ Generelle Tags ################ */

html, body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color:#99CCFF;
	height: 100%;
	min-height: 100%;
	color: #333333;
}
table, tr, td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000000;
}
.roweven {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color:#f5faff; 
	padding:3px 0px 3px 3px;
	margin-bottom:3px;
	font-weight:normal;
}
.rowodd {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color:#ffffff; 
	padding:3px 0px 3px 3px;
	margin-bottom:3px;
	font-weight:normal;
}
a {
	color: #333333;
	text-decoration: underline;
}

input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	padding: 0px;
	margin: 0px;
}

img {
	border: 0px solid #FFFFFF;
	behavior: url("/include/images/tuiat/mainmenue2/pngbehavior.htc");
}
form {
margin:0px;
padding:0px;
}
input.radio {
	border:#7f9db9 solid 0px; 
}

input, select, textarea {
	padding:1px;
	margin:1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	font-weight:normal;
}	
/* ################ Menu ################ */
#tuibody {
	background-color: #99CCFF;
	height: 100%;
	min-height: 100%;
}
#top {
	background-color: #99CCFF;
	height: 100px;
	border-bottom: 1px solid #3366CC;
	margin-bottom: 10px;
	width:996px;
}

#menu {
	position: absolute;
	top: 74px;
	left: 15px;
	padding-top: 0px;
	width: 950px;
	height: 30px;
	background-image:url(/include/images/tuiat/mainmenue2/menu_bg_lang.jpg);
	background-repeat:no-repeat;
}

#menu img {
	float: left;
	display: inline;
}

#menu #left {
	float: left;
	display: inline;
	margin-right: 185px;
}

#menu a {
	float: left;
	display: inline;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	padding: 0px 12px 0px 12px;
}
#menu #last {
	background-image: url(/include/images/tuiat/mainmenue2/none.gif);
	background-repeat: repeat-y; 
}

#menu #right #last {
	background-image: url(/include/images/tuiat/mainmenue2/none.gif);
	background-repeat: repeat-y; 
}

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

#menu #right {
	float:right;
	padding-top:6px;
	font-weight:bold;
}

#menu #right a {
	font-weight: bold;
	text-decoration:none;
	background-image: url(/include/images/tuiat/mainmenue2/separator2.gif);
	background-repeat:no-repeat;
	background-position:right;
}
#menu #right a:hover {
	color:#3367ca;
}

/* ################ Contentbereich ################ */

#contentcontainer {
	width:996px;
	background-color:#FFFFFF;
	margin-top: -10px;
	padding-top: 10px;
}

#suchmaskestart {
	float: left;
	display: inline;
	width: 218px;
	background-color: #cce6ff;
	border:1px solid #78a8f0;
	line-height:20px;
}
#bottommaske {
	display: inline;
	width: 218px;
	background-color: #cce6ff;
	border:1px solid #78a8f0;
	line-height:20px;
}
#links {
	float: left;
	display: inline;
	width: 218px;
	margin: 0px 10px 10px 10px;
}

#mitte {
	width:490px;
	float:left;
	clear:none;
	display: inline;
}

#mitte_inhaltsseite_breit {
	width:950px;
	float:left;
	clear:none;
	display: inline;
	margin-left: 15px;
}

#rechts {
	float: left;
	clear:none;
	display: inline;
	width: 236px;
}

#mitteundrechts {
	float: left;
	clear:none;
	display: inline;
	width: 726px;
}

#startbild {
	width: 477px;
	height: 223px;
	border: 1px solid #F6BC41;
	padding: 1px;
}


/* ################ Inhalt/Infoboxen ################ */
.boxgruen {
	float: left;
	display: inline;
	background-color: #ecffe2;
	width: 225px;
	height: 113px;
	margin: 0px 10px 10px 0px;
	padding: 0px 5px 5px 5px;
	overflow: hidden;
}

.boxorange {
	float: left;
	display: inline;
	background-color:#fff8e5;
/*	background-color: #FFF5CC; */
	width: 225px;
	height: 113px;
	margin: 0px 10px 10px 0px;
	padding: 0px 5px 5px 5px;
	overflow: hidden;	
}

.boxbildcontent {
	margin-left:-5px; 
	margin-right:-5px;
}

.ueberschrift {
	font-weight: bold;
	padding: 5px;
	margin-left: -5px;
	margin-right: -5px;
}
.boxgruen .ueberschrift {
	color: #009900;
	border-bottom: 1px solid #c9ffac;
}
.boxorange .ueberschrift {
	color: #fdb000;
	border-bottom: 1px solid #f0e4b4;
}
#boxblau {
	width: 232px;
	height: 223px;
	background-color: #E6F3FF;
}
#boxblauniedrig {
	width: 232px;
	height: 59px;
	background-color: #E6F3FF;
}.rahmen {
	border: 1px solid #C0D7F9;
	padding: 1px;
}
.rahmen0px {
	border: 1px solid #C0D7F9;
	padding: 0px;
	height:100%;
	min-height:50px;
}

/* ################ Für Spezialreisen / Listenausgabe ################ */

.divrahmen {
	border: 1px solid #77AAEE;
	padding-left: 0px;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 3px;
	overflow:visible;
	float:left;
	width: 723px;
	margin-bottom: 10px;
}
.divrahmendoc {
	border: 1px solid #77AAEE;
	padding-left: 0px;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 3px;
	overflow:visible;
	float:left;
	width: 563px;
	margin-bottom: 10px;
}
.divheader {
	background-color: #E6F3FF;
	height: 20px;
	padding-left: 5px;	
	padding-top: 5px;
	font-weight: bold;
}
.divlist {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 5px;
}

/* ################ Sonstiges ################ */

#docadd {
width: 150px; 
border: 1px solid #3266CC; 
background-color: #75AAEE; 
margin-left: 8px;
}

#docadd #docaddbox {
padding: 7px 12px 7px 12px; 
border-bottom: 1px solid #699ADC;
}

#docadd #docaddbox a {
color:#FFFFFF;
text-decoration:none;
}

#docadd #docaddbox a:hover {
color:#3367CA;	
text-decoration:none;
}

#plzsuche {
	padding: 5px;
	margin-bottom: 16px;
}
*html #plzsuche {
	margin-bottom: 11px;
}
*+html #plzsuche {
	margin-bottom: 11px;
}
.blautext {
	margin-top: 10px;
	font-size: 14px;
	font-weight: bold;
	padding: 5px;
	color: #105FAD;
	background-color: #C1D8F7;
}
*html .blautext {
	margin-top: 10px;
}
*+html .blautext {
	margin-top: 8px;
}
#logos img {
	margin:20px 7px -10px 8px;
}

/* ################ Inhalt Mittelspalte ################ */
#mitte #inhaltunten, #mitte #inhaltoben {
	width: 481px;
}

/* ################ ReiseCenter Randspalte ################ */

#rechts #boxblaurc {
	border: 1px solid #3366CC;
	width: 232px;
	background-color: #FFFFFF;
	padding: 0px;
}

#rechts #boxblaurc #titel {
	background-color: #3366CC;
	color: #FFFFFF;
	padding: 3px 8px 3px 8px;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 1px;
} 

#rechts #boxblaurc .untertitel {
	background-color: #99CCFF;
	padding: 5px 8px 5px 8px;
	margin: 0px 1px 1px 1px;
	font-weight: bold;
	color: #3366CC;
}
#rechts #boxblaurc .untertitelkompakt {
	background-color: #99CCFF;
	padding: 2px 8px 2px 8px;
	margin: 0px 1px 1px 1px;
	font-weight: bold;
	color: #3366CC;
}

#rechts #boxblaurc .inhaltsblock {
	background-color: #CCE6FF;
	margin: 0px 1px 1px 1px;
	padding: 8px;
}
/**** Inhaltsblock kompakt ********************************************************************************************************/
#rechts #boxblaurc .inhaltsblockkompakt {
	background-color: #CCE6FF;
	margin: 0px 1px 1px 1px;
	padding: 0px 0px 0px 8px;
}
/**** [ENDE Inhaltsblock  kompakt] ********************************************************************************************************/
#rechts #boxblaurc .inhaltsblock b, #rechts #boxblaurc .inhaltsblock strong {
	color: #3366CC;
}

#rechts #boxblaurc table {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

#rechts #boxblaurc table td.leftcolumn {
 	width: 22px;
	vertical-align: middle;
	padding: 0px;
}

#rechts #boxblaurc table td.rightcolumn {
	padding: 0px;
}

/* ################ Footer ################ */
#footertext a {
	padding: 5px;
}
#subfooter {
	float:left;
	clear:both;
	margin-top: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #99CCFF;
	width:100%;
}
#footertext {
	margin-left: 10px;
	margin-right: 10px;
}
#text {
	padding-left: 245px;
	color: #3668BD;
}
.fusszeileblau {
	background-color:#99ccff;
	color:#3668bd;
}

a.fusszeileblau:link,a.fusszeileblau:visited,a.fusszeileblau:active{
	color:#3668bd;
	text-decoration:none;
}
a.fusszeileblau:hover {
	color:#3668bd;
	text-decoration:underline;
}
/* ####################### Tabellenmarkierungen ##################### */
td.markiert1 {
	background-color:#e6f3ff;
	padding: 3px 0px 3px 4px;
}

td.markiert2 {
	background-color:#ffffff;
	padding: 3px 0px 3px 4px;
}
/* ######################## REISEBÜROSUCHE    ######################  */
#ReiseCenter {
	background-color:#cce6ff;
	/* background-color:#e6f3ff; */
	color:#333333;
	width:100%;
	float:left;
	padding:3px 0px 3px 3px;
	font-weight:bold;
	height:24px;
	line-height:24px;	
}
#Reisebueroeintraegeeven {
	background-color:#f5faff; 
	width:100%;
	float:left;
	padding:3px 0px 3px 3px;
	margin-bottom:3px;
	font-weight:normal;
}
#Reisebueroeintraegeodd {
	background-color:#ffffff; 
	width:100%;
	float:left;
	padding:3px 0px 3px 3px;
	margin-bottom:3px;
	font-weight:normal;
}
#Reisebueroeintraegeeven #reisebueroname {
	width:35%;
	float:left;
	clear:none;
/*	padding:3px 0px 3px 3px; */
	font-weight:normal;
}
#Reisebueroeintraegeodd #reisebueroname {
	width:35%;
	float:left;
	clear:none;	
/*	padding:3px 0px 3px 3px; */
	font-weight:normal;
}

#Reisebueroeintraegeodd #reisebueroadresse {
	width:35%;
	float:left;
		clear:none;
/*	padding:3px 0px 3px 3px; */
	font-weight:normal;
}
#Reisebueroeintraegeeven #reisebueroadresse {
	width:35%;
	float:left;
	clear:none;	
/*	padding:3px 0px 3px 3px; */
	font-weight:normal;
}


#Reisebueroeintraegeodd #reisebuerotel {
	width:29%;
	float:left;
	clear:none;	
/*	padding:3px 0px 3px 3px; */
	font-weight:normal;
}
#Reisebueroeintraegeeven #reisebuerotel {
	width:29%;
	float:left;
		clear:none;
/*	padding:3px 0px 3px 3px; */
	font-weight:normal;
}
/* ########################### Suchmaske ############################ */
.suchtyp {
	empty-cells:hide;
	background-color:#86c1fc;
	margin:0px;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:1px solid #ffffff;
	height:44px;
/*	border:#ffffff solid 1px; */
}
.suchtyphide {
	height: 1px;
	width: 1px;
	font-size:1px;
}
.searchbold {
	font-weight:bold;
	color:#3468bc;
	}
.searchnormal {
	font-weight:normal;
	color:#3468bc;
	}
/* ########################### FCK Styles ############################ */
.fck_headblue {
	color: #105FAD;
	font-weight: bold;
	font-size: 14px;
}
.fck_textblue {
	color: #105FAD;
	font-weight: bold;
}
.fck_textred {
	color: #FF0000;
	font-weight: bold;
}
.fck_textorange {
	color: #FE7E00;
	font-weight: bold;
}
.fck_bgblue1 {
	background-color: #C1D8F7;
}
.fck_bgblue2 {
	background-color: #E6F3FF;
}
/* ######################### Kontaktformular ########################### */
.row_even {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000000;
	background-color:#ffffff;
	padding:3px 0px 3px 0px;
}
.row_odd {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000000;
	background-color:#E6F3FF;
	padding:3px 0px 3px 0px;
}
.kontaktinput {
	width: 200px;
}
.kontaktselect {
	width: 100px;
}
.kontaktarea {
	width: 300px;
	height: 180px;
}
.boxabstandoben {
	margin-top:10px;
}

/*########################### Newsletter #############################*/
#newsletter {
	clear:left;
	float:left;
	width:208px;
	border:#ff7d00 1px solid;
	background-color:#eef7ff;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:10px;
	margin-top:10px;
}

/*####################### GOOGLE - MAPS #################################*/
#mapscontainer{
	border:1px solid #F6BC41; 
	width:477px; 
	padding:1px;
}

#mapscontainer_big{
	border:1px solid #F6BC41; 
	width:723px; 
	padding:1px;
}

#speciallayer {
	width:200px;
	height:200px;
	background-color:#FFFF00;
}

/*####################### Floating Layers #################################*/
#floatinglayer_amazon {
	position:absolute; 
	top:180px; 
	left:606px; 
	Height:382px; 
	Width:394px; 
}