/* 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;
}
#tblReport
{    
    margin-left: -3px;
    padding-left: 50px;
}
#tblReport table
{
	width: 500px;
}
tr
{
    padding-top: 3px;
}
/* allgemeine Klassen */
.error
{
    color: #FF0000;
}

/* endregion HTML Tags*/


/* region Head *************************************************************/
/* Navigation */
#header
{
    color:#707070;
    height: 150px; 
    background-color: #DFDFDF;
    background-image: url(/mediapool/images/layout/fading-top-gray2a.gif);
    background-repeat: repeat-x;
    background-position: 0px 118px;
}
#header a:link, #header a:visited
{
    color:#999;
}
#logo
{
    margin: 6px 6px;
    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;
	color:#333;
}

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: #707070; 
    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: #707070;
}


/* 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 .logoJobs
{
    display: inline;
    float: right;
    margin: -20px 20px 15px 0;
}

#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 !important;
}

#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 !important;
	padding-top:3px;
}
#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;    
    background-image: none;
	
	/* Update 15.04.2011 JWI color: #333333;*/
	margin: 10px 15px 10px 50px;
    padding: 15px 15px 0 0;
}

#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: 50px;
    font-size: 13px;
}


#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 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;
}

/* 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: 5px;
}

#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: 5px;
}

#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;
}
#contentPlus .contentPlusBox .imgalign
{
	text-align:center;	
}

/* 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: 82px; 
	left: 360px;
}

@-moz-document url-prefix()  /*für FF*/
{ #imageAbove { top: 225px; } }

#imageAbove1
{
	position:absolute; 
	top: 208px; 
	left: 420px;
}
@-moz-document url-prefix()  /*für FF*/
{ #imageAbove1 { top: 500px; } }

/* nachhaltigkeit */
.klimaImage
{
    float: right;
    vertical-align: top;
    display: inline;
    margin: 5px;
}

/* Kontaktseite */
.noshow
{
    display: none;
}

/* 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: 236px;
}
#Content_tableData textarea
{
    width: 300px;
    height: 100px;
}
#Content_tableData span
{
    position: absolute;
    left: 400px;
}
#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 Pressemittelung 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#hpuk
{
    background-image: url(/mediapool/images/logos/hp-uk-line.gif) !important;
}*/
/*h2#hpit
{
    background-image: url(/mediapool/images/logos/hp-it-line.gif) !important;
}*/
h2#interhome
{
    background-image: url(/mediapool/images/logos/interhome-line.gif) !important;
}
h2#travelwindow
{
    background-image: url(/mediapool/images/logos/travelch-line.gif) !important;
}
h2#ascenttravel
{
    background-image: url(/mediapool/images/logos/ascent-travel-line.gif) !important;
}
h2#vacando
{
    background-image: url(/mediapool/images/logos/vacando-line.gif) !important;
}

/* endregion content */


/* region Footer *************************************************************/
#footer
{
    text-align: center;
    clear: both; 
    background-color: #707070;
    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: 10px !important;
    padding-bottom: 5px !important;
}

#footer a:link, #footer a:visited
{
    color: #999;
    padding-top: 5px;
}
/* endregion Footer */



/* images brands */
/* region Brand Logos *************************************************************/
#brandLogos
{
    padding-left: 20px; 
    background-color: #707070; 
}
#brandLogos a
{
    float: left;
    margin-right: 5px;
}
a.brands:hover
{
    background-position: 0px -45px;
}

a#brand1:link, a#brand1:visited
{
    background-image: url(/hpgrp/images/logos/mtch-ag4a.gif);
    background-repeat: no-repeat;
    display: block;
}

a#brand2:link, a#brand2:visited
{
    background-image: url(/hpgrp/images/logos/hotelplan-uk4a.gif);
    background-repeat: no-repeat;
    display: block;
}
a#brand3:link, a#brand3:visited
{
    background-image: url(/hpgrp/images/logos/hotelplan-it4a.gif);
    background-repeat: no-repeat;
    display: block;
}
a#brand4:link, a#brand4:visited
{
    background-image: url(/hpgrp/images/logos/interhome4a.gif);
    background-repeat: no-repeat;
    display: block;
}
a#brand5:link, a#brand5:visited
{
    background-image: url(/hpgrp/images/logos/travelch4a.gif);
    background-repeat: no-repeat;
    display: block;
}
a#brand6:link, a#brand6:visited
{
    background-image: url(/hpgrp/images/logos/ascenttravel4.gif);
    background-repeat: no-repeat;
    display: block;
}
a#brand7:link, a#brand7:visited
{
    background-image: url(/hpgrp/images/logos/vacando4a.gif);
    background-repeat: no-repeat;
    display: block;
}

.sendButton
{
    width: 180px !important;
}
.txtContentPlusNote
{
	font-size:11px;
	color:#999;
}
/* endregion Brand Logos */