﻿/* CSS Document */
/* region HTML Tags *************************************************************/
body
{
    background-color: #FFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #333333;
    margin: 0px;
}

form
{
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    border-bottom: 0px;
    position: relative;
    text-align: left;
    width: 990px !important;
    background-color: #FFF;
}
p, li, td
{
    font-size: 13px;
}
ul, ol
{
	margin: 5px 0 5px;
	padding-left:15px;
}
img
{
    border: none;
}
table
{
	width:98%
}
#tblReport
{    
    margin-left: -3px;
    padding-left: 50px;
}
tr
{
	padding-top:3px
}
/* allgemeine Klassen */
.error
{
	color:#FF0000;
}
.together
{
	white-space:nowrap;
}

/* endregion HTML Tags*/


/* region Head *************************************************************/
/* Navigation */
#header
{
    color: #666;
    height: 150px;
    background-color: #F7F7F7;
    background-image: url(/mediapool/images/layout/fading-top-gray.jpg);
    background-repeat: repeat-x;
    background-position: 0px 120px;
}
#header a:link, #header a:visited
{
    color: #666;
}
#logo {
	position:absolute;
	z-index:900;
}

#meta-links
{
    float: right;
    font-size: 11px;
    margin-right: 20px;
    margin-top: 5px;
}

#meta-address
{
    float: right;
    font-size: 11px;
    margin: 5px 10px 0 0;
}

a#meta-home
{
	position:relative;
	float:left;
	margin:5px 10px; 
	cursor:pointer;
	height:282px; 
	height:73px;
	margin:0px;
}

/* endregion */


/* region Content *************************************************************/
#content
{
    clear: both;
    position: relative;
    display: table;
    background-color: #F7F7F7;
    /*background-image: url(/mediapool/images/layout/border-content.gif);*/
    width: 100%;
}

#content a:link, #content a:visited
{
    color: #DF1000;    
}

#content a:hover
{
    text-decoration: none;     
    color: #999999;	
}

#contentMain
{
    float: left;
    padding: 10px 0 0 25px;
    margin-left: 1px;
    width: 690px;
    background-color: #F7F7F7;
}

/* left side */
#contentMain .contentMainTop
{
    background-image: url(/mediapool/images/layout/bg-contentMain.gif);
    background-position: top;
    height: 15px;
    background-color: #FFF;
}

#diashow
{
	height:280px;
	margin:0px;
}


#diashow ul, li
{
	list-style:none; 
	list-style-type:none;
	padding:0;	
}

#contentMain .contentMainBox
{
    background-color: #FFF;
    padding: 0px 10px 0 33px;
    margin: 0;
    font-size: 13px;
    background-image: url(/mediapool/images/layout/bg-contentMain2.gif);
}
#contentMain .contentMainBox ul
{
	margin: 10px 10px 10px 80px;
}
#contentMain #hpnews 
{
	margin: 0px;
}

#contentMain .contentMainBox  p
{
	padding-left: 50px !important;	
}


#contentMain .contentMainBox li
{
	list-style:circle;
	padding-left:5px;	
}


#contentMain .ul1
{
	margin:0 0 0 220px !important;
	height:100px;
}
#contentMain .ul2
{
	height:100px;
}

/* 8.10.08 jwi */
#contentMain .contentMainBox img
{
	padding:15px 15px 15px 0;	
}


#contentMain .img1, #contentMain .img2
{
	float:left;
	margin:-7px 15px 20px 0;
}
#contentMain .img2
{
	margin-left:50px;
}

#contentMain .img1, #contentMain .img3
{
	float:right;
	margin:5px 5px 5px 15px;
}


#contentMain .img3
{
	position:absolute;
	left:520px;
}


#contentMain .col1 
{
	display:block;
	float:left;
	width:130px;
}

#contentMain .contentMainBottom
{
    background-image: url(/mediapool/images/layout/bg-contentMain3.gif);
    background-position: bottom;
    height: 20px;
    background-color: #FFF;
    margin-bottom: 15px;
}

#contentMain .contentMainBox h1,
#contentMain .contentMainBox h2,
#contentMain .contentMainBox h3,
#contentMain .contentMainBox h4
{
    color: #666666;
    margin:0;
    font-size: x-large;  
	clear:both;
}

#contentMain .contentMainBox h2
{
    background-image: url(/mediapool/images/logos/mtch-ag-line.gif);
    background-repeat:no-repeat;
    background-position:-5px -5px;
    padding-left:50px;    
    margin-bottom:25px;	
	height:30px;
}
#contentMain .contentMainBox h2 a
{
	font-size:medium;
}

#contentMain .contentMainBox h3
{
    font-size: medium;
    padding:15px 15px 5px 0px;   
	background-image:none;
	border-bottom:1px solid #DFDFDF;
	margin:10px 15px 10px 50px;
}
#contentMain .contentMainBox h3 a
{
	color: #666666;
	text-decoration:none;
}
#contentMain .contentMainBox h4 
{
    font-size:small;
	color:#333333;
    padding:15px 0 0 15px;   
	background-image:none;
}

#contentMain .contentMainBox h5
{
	color: #666666;
	font-size:medium;
    padding:0 0 0 50px; 
}

#contentMain .contentMainBox p
{
    width: 560px;
    margin: 5px 0 0 0;
    padding-left:15px;
    font-size: 13px;
}
#contentMain .contentMainBox #tblReport
{
    width: 560px;
    margin-left: -3px;
    padding-left: 50px;
}
#contentMain .innerContentMain
{
   margin-left:15px;
}

#contentMain .addressBox
{
    border-top: 1px solid #DFDFDF;
    padding: 10px 0 20px 0;    
	margin:15px 20px 0 50px;	
}

#contentMain .addressBox img
{
    float: right;
    margin: 15px 50px 0 3px;
	padding:0;
}

#contentMain .addressBox .imagesNofloat
{
	float:none;	
	margin:0px;
}

#contentMain .addressBox address
{
   /*margin: 15px 0 0 -20px;*/
}

#contentMain .addressBox h3, #contentMain .addressBox p
{
	padding-left:0;	
}

.ContentTextPadding
{
	padding-left:33px;	
	padding-bottom:10px;
}

.ContentTextPadding ul, .cellpadding
{
	padding-left: 15px;
}


/*15.10. jwi: Jobs*/
.JobLabel img
{
	position:absolute;
	right:325px;
}

#contentMain .logoJobs
{
	display:inline;
	float:right;
	margin:-20px 20px 15px 0;
}

.contentMainBox .Jobtable
{
	margin-left:50px;
	width:550px;
}

.contentMainBox .Jobtable #child2
{
	text-align:center;
}

.contentMainBox ul#jobs, .contentMainBox ul#jobs1
{
	margin-left:35px; 
}

.contentMainBox #jobs li 
{
	list-style-type:none;
	padding:5px 0 5px 50px;	
	border-bottom:#dfdfdf solid 1px;
}
.contentMainBox #jobs1 li
{
	list-style-type:none;
	padding:5px 0 5px;
	border-bottom:#dfdfdf solid 1px;	
	margin-right:5px;
}

.contentMainBox #jobs li a, .contentMainBox #jobs1 li a
{
	font-weight:bold;
	text-decoration:none;
}
.contentMainBox #jobs li a:hover, .contentMainBox #jobs1 li a:hover
{	
	text-decoration:underline;
	color:#DF1000;
}
.contentMainBox h6
{
	padding-left:50px;
	font-size:13px;
	color:#DF1000;
	width:560px;
}
.contentMainBox #JobDetails p
{
	margin:0;
	padding-top:5px;
}
/* ende Jobs */

/* 8.10.2008 jwi: Logos,Bilder in einem DIV-Tag*/
.divimage
{
	text-align:center;
	height:130px; /*für IE als "Minimumhöhe" wichtig*/
}
.divimage div
{
	float:left;		
	width:200px;
	height:120px;
	padding:4px 0px 4px;
}
.divimage .floatend
{
	clear:both;
}

.lonelyLink
{
	text-align:right;
}



/* right side */
#contentPlus
{
    float: left;
    margin: 10px 0 0 20px;
    width: 230px;
    font-size: 13px;
	margin-bottom:15px;
}

#contentPlus .contentPlusTop
{
    height: 15px;
    background-color: #FFF;
    background-image: url(/mediapool/images/layout/bg-contentPlus.gif);
}

#contentPlus .contentPlusBox
{
    background-color: #FFF;
    background-image: url(/mediapool/images/layout/bg-contentPlus2.gif);
	padding:0 15px 0 15px;
}

#contentPlus .contentPlusBottom
{
    height: 15px;
    background-color: #FFF;
    background-image: url(/mediapool/images/layout/bg-contentPlus3.gif);
    background-position: bottom;
	margin-bottom:15px;
}

#contentPlus .contentPlusBox h1,
#contentPlus .contentPlusBox h2,
#contentPlus .contentPlusBox h3
{
	margin:0;
	color:#666;
	font-size:medium;
	background-image:url(/mediapool/images/logos/mtch-boxPlus.gif);
	background-position:170px -3px;
	background-repeat:no-repeat;
}

#contentPlus .contentPlusBox p
{
	margin: 5px 0 0 0;
}

#contentPlus .contentPlusBox ul
{
	margin: 5px 0 0 0;
	padding-bottom:5px;
}
#contentPlus .contentPlusBox li
{
	list-style-type:circle;
	line-height:18px;
}

/* special includes elements */
/*homepage*/
#hpnews li
{
	list-style-type:none !important;
	padding-left:33px !important;	
}

#hpnews li a
{
	position:absolute;
	left:300px;
	width:380px; /*vor allem für IE wichtig*/
}

/*contact*/
div.contentContact p
{
	border-bottom:1px solid #CCCCCC;
	padding:5px 0px 15px  5px;
	margin-left:35px !important;
	width:550px !important;
}

div.contentContact p:last-child
{
	border-bottom:none;
}

#imageAbove
{
	position:absolute;
	top: 225px; 
	left: 360px;
}
* html #imageAbove /*für IE 6*/
{
	top: 82px;
}
*:first-child+html #imageAbove /*für IE 7*/
{
	top: 82px;
}

/* nachhaltigkeit */
.klimaImage
{
	float:right;
	vertical-align:top;
	display:inline;	
	margin:5px;
}

/* reisebüros */
p#departmentSelection
{
	padding:60px 0 80px 55px  !important;
}
#Content_RegionList
{
	margin-left:50px;
}
#ShowDepartment
{
	margin-left:30px;
}

/* kontaktformular  07.10.08 jwi*/
#Content_tableData
{
	margin-top:30px;
	/*height:250px;*/
}
#Content_imgLogo
{
	float:right;
	margin-right:50px;
}
#Content_tableData div
{
	padding-left:50px;
	padding-bottom:10px;
}
#Content_tableData select, #Content_tableData input, #Content_tableData textarea 
{ 
	position:absolute; 
	left:235px;
}
#Content_tableData textarea 
{
	width:300px;
	height:100px;
}
#Content_tableData span 
{ 
	position:absolute; 
	left: 390px;
	padding-top:4px;
}
#Content_rfvGender
{
	margin-left:-90px;
}
#Content_rfvMessage
{
	padding-left:160px;
}
#Content_TxtMessage
{
	margin-bottom:80px;
}
#Content_BtnSend
{
	margin-top:20px;
	clear:both;
}
.captchaFalse
{
	color:#F00;
}
.captchaTrue
{
	color:#060;
}

/*Presse, Archiv, Mitteilungen*/
.PressTO
{
	padding-left:48px !important;
}
.PressBox
{
	border-bottom:1px solid #DFDFDF;
	margin:0 0 0 25px;
	padding-top:10px;
}
.PressMore
{
	margin-left:50px;
	margin-right: 50px;
}

.PressTitle
{
	padding:0 0 0 46px;
	margin:0;
}
.PressTitle a
{
	font-weight:bold;
	text-decoration:none;
}

.PressLink, .newsback
{
	margin-left:35px;
	text-align:right;
}

#contentMain .contentMainBox img.actionSign
{
	padding:0 0 0 7px;
}

.PressLink
{
	padding-bottom:20px;
}

#news p
{
	padding-left:0px;
}

#news
{
	margin-left:30px;
}
#news h3
{
	font-size:medium !important;
	background-image:none;
	padding:10px 0 10px 15px !important;
}
div#news .PressTo
{
	margin-left:16px;
}
/* Für Pressemitteilung und Meilensteine */
#contentMain .contentMainBox .absatz
{
	padding-left: 50px
}
#contentMain .contentMainBox .absatz p
{
	margin-bottom: 15px;
	margin-left: -50px;			
}
#contentMain .contentMainBox .absatz h3
{
	margin-left: 0px;			
}

/* Reisebüro Filiale */
.FilialeTab
{
	border:0px none;
	padding:0;
	margin:0;
}
.FilialeTab td
{
	width:50%;
	padding-left:15px;
}
.FilialeTab img 
{
	padding:0 !important;	
}
/*verschachtelte Tabelle bei Filialseite*/
.FilialeTab table
{
	margin-top:10px;
}
.FilialeTab table td
{
	padding-left:0px;	
}
/* Titel-Hintergrund-Bild jeweiliges Logo anstatt "Standard Kompass*/
h2#globus
{
	background-image:url(/mediapool/images/logos/globus-line.gif)!important;
}
h2#travelhouse
{
	background-image:url(/mediapool/images/logos/travelhouse-line.gif)!important;
}
h2#esco
{
	background-image:url(/mediapool/images/logos/esco-line.gif)!important;
}
h2#tpt
{
	background-image:url(/mediapool/images/logos/tpt-line.gif)!important;
}
h2#hotelplan
{
	background-image:url(/mediapool/images/logos/hotelplan-line.gif)!important;
}
h2#migros
{
background-image:url(/mediapool/images/logos/migros-line.gif)!important;
}
h2#denner
{
background-image:url(/mediapool/images/logos/denner-line.gif)!important;
}
h2#fcm
{
background-image:url(/mediapool/images/logos/fcm-line.gif)!important;
}
h2#bta
{
background-image:url(/mediapool/images/logos/bta-line.gif)!important;
}
/* endregion content */



/* region Footer *************************************************************/
#footer
{
    text-align: center;
    clear: both;
    background-color: #F7F7F7;
    background-image: url(/mediapool/images/layout/fading-bottom-gray.jpg);
    background-repeat: repeat-x;
    background-position: 0px 50px;
}

#footer .copyright
{
    display: block;
    color: #999;
    font-size: 13px;
    padding-top: 20px !important;
    padding-bottom: 10px !important;	
}
#footer a:link, #footer a:visited 
{
	color:#999;
}
/* endregion Footer */



/* images brands */
/* region Brand Logos *************************************************************/
#brandLogos 
{
	padding-left:20px;
    background-color: #F7F7F7;
    /*background-image: url(/mediapool/images/layout/border-content.gif) !important;*/
}
#brandLogos a
{
	float:left;
	/*display:compact;*/
}
a.brands:hover
{
    background-position: 0px -40px;
}

a#brand1:link, a#brand1:visited
{
    background-image: url(/hpgrp/images/logos/globusreisen4.gif);
    background-repeat: no-repeat;
    display: block;
}
a#brand1FR:link, a#brand1FR:visited
{
    background-image: url(/hpgrp/images/logos/globusreisen4-fr.gif);
    background-repeat: no-repeat;
    display: block;
}
a#brand2:link, a#brand2:visited
{
    background-image: url(/hpgrp/images/logos/travelhouse4.gif);
    background-repeat: no-repeat;
    display: block;
}
a#brand3:link, a#brand3:visited
{
    background-image: url(/hpgrp/images/logos/esco4.gif);
    background-repeat: no-repeat;
    display: block;
}
a#brand4:link, a#brand4:visited
{
    background-image: url(/hpgrp/images/logos/tpt4.gif);
    background-repeat: no-repeat;
    display: block;
}
a#brand5:link, a#brand5:visited
{
    background-image: url(/hpgrp/images/logos/hotelplan4.gif);
    background-repeat: no-repeat;
    display: block;
}
a#brand6:link, a#brand6:visited
{
    background-image: url(/hpgrp/images/logos/migrosferien4.gif);
    background-repeat: no-repeat;
    display: block;
}
a#brand7:link, a#brand7:visited
{
    background-image: url(/hpgrp/images/logos/dennerreisen4.gif);
    background-repeat: no-repeat;
    display: block;
}
a#brand8:link, a#brand8:visited
{
    background-image: url(/hpgrp/images/logos/btafirst4.gif);
    background-repeat: no-repeat;
    display: block;
}

.sendButton
{
	width:180px !important;
}

.txtContentPlusNote
{
	font-size:11px;
	color:#999;
}
/* endregion Brand Logos */