﻿/* Global
----------------------------------------------------------- */
body, 
form {
	margin:0;
	background-color:#FFFFFF;
}

body, 
input, 
textarea, 
select {
	font-family:Verdana, sans-serif;
	font-weight:normal;
	font-size:11px;
	color:#333333;
}

img {
	border:0;
}

h2 {
	margin:0;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	line-height:18px;
	color:#533D24;
	padding:12px 0 14px 0;
}
h2.welcome {
	margin:0;
	font-size:18px;
	font-weight:bold;
	text-transform:uppercase;
	line-height:18px;
	color:#533D24;
	padding:12px 0 14px 0;
}
h2 img {
	padding-left:10px;
}
h2 span {
	text-transform:none;
	font-size:11px;
	font-weight:normal;
}

h3 {
	margin:0;
	padding:0;
	font-size:11px;
	font-weight:bold;
}

h4 {
	margin:0;
	font-size:11px;
	font-weight:bold;
	padding:10px 0 10px 0;
}

iframe {
	padding-top:15px;
	border:0;
}

a, a:link, 
a:visited, 
a:active { 
	color:#533D24;
	text-decoration:none;
}
a:hover {
	color:#533D24;
	text-decoration:underline;
}

.cll {
	clear:left;
}
.clr {
	clear:right;
}
.clb {
	clear:both;
}

/* Layout
----------------------------------------------------------- */
#container {
	margin:0 auto;
	padding:5px 0 0 0;
	width:975px;
}

#header {
	height:218px;
	/*position+z-index für IE7 wichtig 3.7.09*/
	position:relative;
	z-index:20;
}

#main {
	width:965px;
	/*position+z-index für IE7 wichtig 3.7.09*/
	position:relative;
	z-index:10;
}
#left {
	width:12px;
	float:left;
}
#middel {
	width:935px;
	float:left;
	border-right:2px solid #DAD0C5;
	border-left:2px solid #DAD0C5;
}
#right {
	width:14px;
	float:left;
}

#content {
	padding-bottom:5px;
	min-height:359px;
}
/* ie hack to fix 3px gap */
* html #content {
	height:1%;
	margin-left:0;
}

#footer {
	height:28px;
	font-size:10px;
}

#logo {
	padding:15px 0 0 5px;
	/*height:56px;*/
	height:21px;
}

#tools {
	padding:0 12px 0 0;
	text-align:right;
	height:15px;
}

#headerImg {
	background-image:url(/mediapool/images/headerImg.jpg);
	background-repeat:no-repeat;
	height:140px;
	width:965px;
}

#navi {
	height:25px;
	border-top:2px solid #FFFFFF;
}

#partner {
	height:51px;
	padding:0 0 0 20px;
}
/* Hack IE 7 */
*:first-child+html #partner {
	height:61px;
}

#adresse {
	height:2px;
	padding:6px 0 0 20px;
	border-top:1px solid #DAD0C5;
}

#copyright{
	font-size:9px;
	text-align:center;
	width:100%;
	color:#666666;
	margin:5px 0 15px 0;
	width:965px;
}
#copyright a {
	color:#666666;
}
#langenscheidt {
	color:#666666;
	font-size:9px;
	margin:25px 0 0 0;
	width:670px;
}
#langenscheidt img {
	float:right;
	margin:5px 15px 0 0;
}

/* Die nächsten 3 Klassen definieren die verschiedenen mindest Höhen, wen es mal weniger Inhalt geben sollte, wie 1024 x 764 */
.min-height {
    float:right;
    height:392px;
    width:1px;
}
* html .min-height {
    height:392px;
}

.min-heightContent {
    float:right;
    height:359px;
    width:1px;
}

/* shadows
----------------------------------------------------------------------------------------------------*/
.shadow{
	left:-5px;
	position:relative;
	top:-4px;
}
.shadow_content {
	padding:4px 5px 6px 5px;
}

.sl   { background:url(/mediapool/images/shadow/left.gif) left repeat-y; }
.sr	  { background:url(/mediapool/images/shadow/right.gif) right repeat-y; }
.st	  { background:url(/mediapool/images/shadow/top.gif) top repeat-x; }
.sb	  { background:url(/mediapool/images/shadow/bottom.gif) bottom repeat-x; }
.stl  { background:url(/mediapool/images/shadow/topleft.gif) top left no-repeat; }
.str  { background:url(/mediapool/images/shadow/topright.gif) top right no-repeat; }
.sbl  { background:url(/mediapool/images/shadow/bottomleft.gif) bottom left no-repeat; }
.sbr  { background:url(/mediapool/images/shadow/bottomright.gif) bottom right no-repeat; }

/* Header Navi
----------------------------------------------- */
#tools ul {
	margin:0;
	padding:0;
	float:right;
}

#tools ul li {
	float:left;
	list-style:none;
	padding-left:10px;
}
#tools ul li.strich {
	border-right:1px solid #533D24;
	padding-right:10px;
}

/* Partner
-------------------------------------------------- */
#partner a {
	float:left;
}
a.partner:hover {
    background-position:0px -51px;
}
a#hotelplan:link, 
a#hotelplan:visited {
    background-image:url(/mediapool/images/logos/Hotelplan.gif);
    background-repeat:no-repeat;
    display:block;
}
a#valtur:link, 
a#valtur:visited {
    background-image:url(/mediapool/images/logos/Valtur.gif);
    background-repeat:no-repeat;
    display:block;
}
a#horizonte:link, 
a#horizonte:visited {
    background-image:url(/mediapool/images/logos/Horizonte.gif);
    background-repeat:no-repeat;
    display:block;
}
a#migros:link, 
a#migros:visited {
    background-image:url(/mediapool/images/logos/Migros-Ferien.gif);
    background-repeat:no-repeat;
    display:block;
}
a#planete-insolite:link, 
a#planete-insolite:visited {
    background-image:url(/mediapool/images/logos/planete-insolite.gif);
    background-repeat:no-repeat;
    display:block;
}
a#interhome:link, 
a#interhome:visited {
    background-image:url(/mediapool/images/logos/Interhome.gif);
    background-repeat:no-repeat;
    display:block;
}
a#globusReisen:link, 
a#globusReisen:visited {
	background-image:url(/mediapool/images/logos/GlobusReisen.gif);
    background-repeat:no-repeat;
    display:block;
}


/* Kataloge Startseite
-------------------------------------------------- */
#katalogContent {
	padding:0 0 0 20px;
}
#katalogContent img {
	/*border:1px solid #DAD0C5;*/
}
#katalogContent a {
	/*float:left;*/
}
a.katalog {
	margin-bottom:10px;
	display:block;
}
a.katalog:hover {
    background-position:0px -199px;
}
a#katalog_18:link, 
a#katalog_18 {
    background-image:url(/mediapool/images/catalogues/klein/catalogues_18.jpg);
    background-repeat:no-repeat;
}
a#katalog_19:link, 
a#katalog_19 {
    background-image:url(/mediapool/images/catalogues/klein/catalogues_19.jpg);
    background-repeat:no-repeat;
}
a#katalog_20:link, 
a#katalog_20 {
    background-image:url(/mediapool/images/catalogues/klein/catalogues_20.jpg);
    background-repeat:no-repeat;
}
a#katalog_21:link, 
a#katalog_21 {
    background-image:url(/mediapool/images/catalogues/klein/catalogues_21.jpg);
    background-repeat:no-repeat;
}
a#katalog_22:link, 
a#katalog_22 {
    background-image:url(/mediapool/images/catalogues/klein/catalogues_22.jpg);
    background-repeat:no-repeat;
}
a#katalog_23:link, 
a#katalog_23 {
    background-image:url(/mediapool/images/catalogues/klein/catalogues_23.jpg);
    background-repeat:no-repeat;
}
a#katalog_24:link, 
a#katalog_24 {
    background-image:url(/mediapool/images/catalogues/klein/catalogues_24.jpg);
    background-repeat:no-repeat;
}
a#katalog_25:link, 
a#katalog_25 {
    background-image:url(/mediapool/images/catalogues/klein/catalogues_25.jpg);
    background-repeat:no-repeat;
}
a#katalog_26:link, 
a#katalog_26 {
    background-image:url(/mediapool/images/catalogues/klein/catalogues_26.jpg);
    background-repeat:no-repeat;
}
a#katalog_27:link, 
a#katalog_27 {
    background-image:url(/mediapool/images/catalogues/klein/catalogues_27.jpg);
    background-repeat:no-repeat;
}
a#katalog_28:link, 
a#katalog_28 {
    background-image:url(/mediapool/images/catalogues/klein/catalogues_28.jpg);
    background-repeat:no-repeat;
}
a#katalog_29:link, 
a#katalog_29 {
    background-image:url(/mediapool/images/catalogues/klein/catalogues_29.jpg);
    background-repeat:no-repeat;
}
a#katalog_30:link, 
a#katalog_30 {
    background-image:url(/mediapool/images/catalogues/klein/catalogues_30.jpg);
    background-repeat:no-repeat;
}
a#katalog_31:link, 
a#katalog_31 {
    background-image:url(/mediapool/images/catalogues/klein/catalogues_31.jpg);
    background-repeat:no-repeat;
}
a#katalog_32:link, 
a#katalog_32 {
    background-image:url(/mediapool/images/catalogues/klein/catalogues_32.jpg);
    background-repeat:no-repeat;
}
a#katalog_34:link, 
a#katalog_34 {
    background-image:url(/mediapool/images/catalogues/klein/catalogues_34.jpg);
    background-repeat:no-repeat;
}
a#katalog_35:link, 
a#katalog_35 {
    background-image:url(/mediapool/images/catalogues/klein/catalogues_35.jpg);
    background-repeat:no-repeat;
}

/*Spezialist seiten (aller Kataloge)
-------------------------------------------------- */
/*.spec {
	width:50%;
	height:170px;
	float:left;
	margin:0 0px 50px 0;
}*/
.spec {
	float:left;
	margin:0 0 50px;
	padding-right:30px;
	width:46%;
}
.specBild {
	float:left;
	width:120px;
	/*margin:10px;*/
}

.specText {
	float:left;
	/*width:300px;*/
	/*margin:10px 10px 10px 0;*/
}



/*Katalog einsteigs Seite (alle Kataloge im Überblick)
-------------------------------------------------- */
.brochure {
	width:430px;
	height:170px;
	float:left;
	border:1px dashed #DAD0C5;
	margin:0 10px 10px 0;
}
.brochureBild {
	float:left;
	width:80px;
	margin:10px;
}
.brochureBild img {
	border:1px solid #DAD0C5;
}

.brochureText {
	float:left;
	width:300px;
	margin:10px 10px 10px 0;
}


/* Kataloge Detail Seiten
-------------------------------------------------- */
#katalogText {
	float:left;
	width:602px;
}
#katalogText ul, 
#text ul {
	padding:0 0 5px 40px;
	margin:0;
}
#katalogText ul li, 
#text ul li {
	list-style-type:square;
	margin:0;
	padding:5px 0 0 0;
}

#katalogBild {
	float:left;
	width:233px;
	padding-left:22px;
}
#katalogBild img {
	border:1px solid #DAD0C5;
}
#katalogBild span img {
	border:none;
}

#katalogLink {
	padding-top:40px;
	width:50%;
	float:left;
}

/* Valtur
-------------------------------------------------- */
#valturBilder {
	float:left;
	width:190px;
}
#valturBilder img {
	border:1px solid #9EBBE3;
	margin:0 0 15px 0;
}
#valturText {
	float:left;
	width:695px;
}


/* Hotels
-------------------------------------------------- */
#hotelsText {
	float:left;
	padding-right:40px;
	width:502px;
}
#hotelsText h3 {
	padding:10px 0 0 0;
}

#hotelsRight {
	float:left;
	width:343px;
}
#hotelsRight h3 {
	padding-bottom:5px;
}
#hotelsRight .bilder img {
	float:left;
	border:1px solid #9EBBE3;
	margin-bottom:5px;
	margin-right:10px;
	padding:1px;
}

.hotelsBack {
	text-align:right;
	padding-right:15px;
	font-weight:bold;
}

.destiImg {
	float:right;
	padding:0;
	margin:0 0 0 20px;
	border:1px solid #9EBBE3;
}


/* Div ID's
-------------------------------------------------- */
#text {
	padding:0 30px 20px 20px;
	line-height:15px;
}
#textBooking {
	padding:0 0 0 6px;
}
#text p {
	padding:0;
	margin:0;
}

#textLinks {
	float:left;
	width:644px;
}
#textRechts {
	float:left;
	width:240px;
}

#news {
	padding-left:10px;
	height:315px;
	overflow:auto;
}
#news img {
	border:1px solid #9EBBE3;
	margin:5px 0 0 0;
}

ul#hotelplan {
	margin:0;
	padding:0;
}
ul#hotelplan li {
	list-style-type:none;
	padding-bottom:4px;
}

#text ol {
	padding:0 0 15px 25px;
	margin:0;
}
#text ol li {
	margin:0;
	padding:5px 0 0 0;
}
#text ol li ol {
	margin:0;
	padding:0 0 0 20px;
}

#succursales, #succursalesDrop {
	width:50%;
	float:left;
}
#succursales ul {
	padding:0 0 30px 0;
}
#succursales ul li {
	list-style-type:none;
	float:left;
	padding:0 10px 0 0;
	width:100px;
}

#text table img {
	margin:5px 0;
	border:1px solid #DAD0C5;
}

#text iframe {
	padding:0;
	margin:0;
}


/* Slideshow
------------------------------------------------------- */
#slideshow {
	float:left;
	width:630px;
	height:280px;
}

#slideshow ul#fade, 
#slideshow ul#fade li {
	margin:0;
	padding:0;
	list-style-type:none;
}

/* Organigramm Klassen
-------------------------------------------------- */
.tableTitel {
	background-color:#839DC8;
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;
}
.tableContent {
	background-color:#CCCCCC;
	text-align:center;
	font-weight:bold;
}
.tableContent2 {
	background-color:#C0D5F4;
	text-align:center;
	font-weight:bold;
}



/* Div Klassen
-------------------------------------------------- */
.aktiv {
	color:#374D95;
	text-decoration:underline;
}

.lineStartseite {
	clear:left;
	background-image:url(/mediapool/images/dotlineL.gif);
	background-repeat:repeat-x;
	width:879px;
	height:11px;
	margin:10px 0 0 0;
}
.line {
	padding-top:10px;
	clear:left;
	background-image:url(/mediapool/images/dotlineL.gif);
	background-repeat:repeat-x;
	width:879px;
	height:11px;
}
.lineSmall {
	padding-top:10px;
	clear:left;
	background-image:url(/mediapool/images/dotlineL.gif);
	background-repeat:repeat-x;
	height:11px;
}

h2.planete {
	margin:0;
	font-size:14px;
	font-weight:bold;
	text-transform:none;
	line-height:18px;
	color:#53AF00;
	padding:30px 0 0 0;
	margin:0 0 -10px 0;
}

.adresseSuccursales {
	float:left;
	padding-right:20px;
}
.bildSuccursales {
	float:left;
	width:185px;
}
.bildSuccursales img {
	padding:0 0 5px 0;
}

.bildOffresSpec {
	float:left;
	padding:0 70px 30px 0;
	height:245px;
}
.bildOffresSpec img {
	/*padding:0 0 5px 0;*/
	border:1px solid #DAD0C5;
}
.bildOffresSpec div {
	text-align:center; 
	font-weight:bold;
	padding:5px 0 0 0;
}


.bildSecurite {
	float:left;
	width:125px;
	vertical-align:middle;
	text-align:center;
	padding:0 0 10px 0;
}
.textSecurite {
	float:left;
	width:760px;
	padding:0 0 10px 0;
}

.remarques {
	color:#666666;
	padding:10px 0 0 0;
}

.migrosMagazine {
	float:left;
	width:735px;
}
.migrosMagazineBild {
	float:left;
	width:130px;
	padding-left:20px;
	text-align:center;
}

.generalesListe {
	float:left;
	width:50%;
}

.news {
	position:absolute;
	margin-top:-29px;
	text-align:right;
	width:900px;
	color:#374D95;
}

#text .empty {
	clear:left;
	font-size:15px;
	height:15px;
	margin:0;
}

#text #spez p {
	background-position:3px 3px;
	display:table;
	float:left;
	height:60px;
	margin:0 0 5px;
	padding-left:70px;
	padding-right:15px;
}
#spez {
	width:882px;
}

#text #spez div.address p {
	padding-left:0;
}
#text #spez div.address p.addressInline {
	padding-left:5px;
}
#text .top {
	display:block;
	text-align:right;
}
#text .address {
	float:left;
	margin:0 15px 15px;
	width:35%;
}
#text .addressInline {
	background-color:#F8F8F8;
	border-color:#E9E9E9 silver silver #E9E9E9;
	border-style:solid;
	border-width:1px;
	height:126px;
	padding:5px;
	width:250px;
}

/*Textfelder für Formulare*/
.textfieldclub, .selectjour, .select, .selectrepas, .selectshort, .textfield, .textfield2, .textfield3, .mitteilung {
	border:1px solid #333333;
}

.textfieldclub, .textfield {
	width:150px;
}
.textfield2 {
	width:40px;
}
.textfield3 {
	width:105px;
}
.mitteilung {
	width:150px;
	height:50px;
}
.selectshort {
	width:40px;
}

.submit, .reset {
	background-color:#FFFFFF;
}

.noCatalog {
	margin-left:-8px;
}

/* Newsticker
---------------------------------------------------- */
.be_Newstickerlogo {
	float:left;
	border-top:1px solid #9EBBE3;
	border-bottom:1px solid #9EBBE3;
	width:343px;
	margin:0;
}

.be_Newsticker {
	border-top:1px solid #9EBBE3;
	border-bottom:1px solid #9EBBE3;
	font-weight:900;
	margin:0px 0px 0px 343px;
}


/* News welche von m-travel geholt werden
--------------------------------------------------------- */
.newsback {
	text-align:right;
}

#Content_tableData h3 {
	margin:0;
	padding:10px 0;
	font-size:13px;
	font-weight:bold;
}
#Content_tableData div {
	padding-bottom:10px;
}
#Content_tableData select, 
#Content_tableData input, 
#Content_tableData textarea {
	left:200px;
	position:absolute;
}
input#Content_BtnSend {
	clear:both;
	margin-top:120px;
	background-color:#FFFFFF;
}
#Content_tableData input {
	width:140px;
}
#Content_tableData textarea {
	height:100px;
	width:300px;
	border:1px solid #333333;
}
#Content_tableData span {
	left:350px;
	position:absolute;
}
#Content_NameSender, 
#Content_EmailFrom, 
#Content_NameTo, 
#Content_EmailSender {
	border:1px solid #333333;
}