@import url(layout/layout_3col_fixed.css);

/*************/
/*Anpassung MK vom 23.08.2011 damit Sitemap das selbe Layout hat wie vor dem Update von 4.1*/
/*************/
#tx_dropdownsitemap_pi1_expImg{
    display: none;
}



/*************/
/*Header Part*/
/*************/

#topnav { display: none; }
#logo { margin-bottom: 30px; float: left;}

#serviceNavContainer { margin-bottom: 30px; margin-top: 38px; float: right; font-size: 11px; line-height: 14px;}
#serviceNav { list-style-type: none;  margin: 1px 0px 0px 0px; padding: 0; }
#serviceNav li { float: left;  font-size: 11px; line-height: 14px; background: url(img/ico_serviceNavList.gif) no-repeat right; padding-right: 6px; margin-left: 6px;}

#search { margin-bottom: 30px; margin-top: 38px; float: right; font-size: 11px; line-height: 14px; margin-left: 5px; }
#search div { float: left; }
#languageNavContainer { margin-bottom: 30px; margin-top: 38px; float: right; margin-left: 32px; font-size: 11px; line-height: 14px; }
#languageNav { list-style: none; }
#languageNav li { float: left; background: url(img/ico_serviceNavList.gif) no-repeat right; padding-right: 6px; margin-left: 6px; font-size: 11px; line-height: 14px;}
#languageNav li.last { background: none; padding-right: 0px; }
#languageNav li { text-transform: uppercase; color: #7F95AC;}
#languageNav li a { color: #002C5A; }
#languageNav li a:hover, #languageNav li a:focus { color: #E32118; }

#searchLabel { padding-top: 1px; margin-right: 8px; }
#searchField input { width: 125px; height: 13px; border: 1px solid #cccccc; color: #000; background-color: #fff; padding: 0px 1px 1px 1px; }
#searchButton input {  background-color: #fff; color: #002c5a; border: none; padding: 0px;/*vertical-align: middle; padding-top: 0px;*/}
#searchButton { margin-left: 5px; padding-top: 2px; }

#stage { height: 160px; width: 100%; background-color: #002c5a;}
#stageImage { margin-left: 135px; width: 628px; height: 100%; margin-right: 200px;}

#firstLevelNavContainer { clear: both; background: url(img/bg_firstLevelNav.gif) repeat-x; height: 23px; margin-bottom: 10px;}
#firstLevelNav { list-style: none; margin: 0px; padding-top: 5px; height: 14px;  font-size: 11px;}
#firstLevelNav li { margin-left: 1px; float: left; margin-right: 46px; line-height: 15px; }
#firstLevelNav li a { background: url(img/ico_firstLevelNav.gif) no-repeat 0px 10px; padding-left: 8px; text-transform: uppercase; padding-bottom: 3px; padding-top: 2px;}
#firstLevelNav li a:hover { background: url(img/ico_firstLevelNavHover.gif) no-repeat 0px 10px; text-decoration: none;  }
#firstLevelNav li a:focus { text-decoration: none; }
#firstLevelNav li a.firstLevelCur { background: url(img/ico_firstLevelNavHover.gif) no-repeat 0px 10px; text-decoration: none; color: #e32118; }
#firstLevelNav li.swissIcon a { background: url(img/ico_firstLevelNavSwiss.gif) no-repeat 0px 0px; padding-left: 30px; }
#firstLevelNav li.swissIcon a:hover { background: url(img/ico_firstLevelNavSwissHover.gif) no-repeat 0px 0px;}
#firstLevelNav li.swissIcon a.firstLevelCur { background: url(img/ico_firstLevelNavSwissHover.gif) no-repeat 0px 0px;}




/********************/
/*Subnavigation Part*/
/********************/
/*#col2_content { padding: 22px 0px 0px 0px; margin: 0px;}*/
#col2_content { padding: 22px 0px 30px 0px; margin: 0px;}
#subNavigation2ndLevel { list-style: none; margin: 0px; }
#subNavigation2ndLevel li { margin: 0px 0px 4px 0px; font-size: 11px; line-height: 14px;}
#subNavigation2ndLevel li a.act { color: #e32118;}

#subNavigation3rdLevel { list-style: none; margin: 4px 0px 8px 5px;}
#subNavigation3rdLevel li { margin: 0px 0px 4px 0px; font-size: 11px; line-height: 14px;}
#subNavigation3rdLevel li a { padding-left: 8px; }
#subNavigation3rdLevel li a.act { background: url(img/ico_firstLevelNavHover.gif) no-repeat 0px 8px; color: #e32118; }




/*************/
/*Teaser Part*/
/*************/
/*#col3_content { padding: 23px 0px 0px 0px; margin:0px;}*/
#col3_content { padding: 23px 0px 30px 0px; margin:0px;}
.contentTeaserContainer { background: url(img/bg_teaserContainer.gif) no-repeat left bottom; padding-bottom: 1px; margin-bottom: 22px;}
.contentTeaserTitle { background: url(img/bg_titleh3.gif) repeat-x bottom; padding-bottom: 2px; padding-left: 10px; margin-bottom: 5px; /*width: 160px;*/}
.contentTeaserContent { padding-left: 10px; padding-right: 5px;}
.contentTeaserContainer p { line-height: 14px; margin-bottom: 4px; font-size: 11px;}
#col3_content .contentElement { margin-top: 0px; margin-bottom: 1.18em; }
#col3_content #teaserContainer { float: left; width: 100%;}
#teaserContainer h4 { font-size: 11px; }


/**************/
/*Content Part*/
/**************/
/*#col1_content { padding: 17px 0px 0px 0px; margin: 0px 25px 0px 0px; }*/
#col1_content { padding: 17px 0px 30px 0px; margin: 0px 25px 0px 0px; }
#pageTitle { background: url(img/bg_pageTitle.gif) repeat-x; margin-bottom: 0px; width: 100%;}
#pageSubtitle { background: url(img/bg_pageTitle.gif); margin-bottom: 24px; width: 100%;}
.contentElement h4 { font-size: 1em; }
.contentElement h5 { font-size: 1em; margin-bottom: 0.45em;}
.contentElement p { line-height: 1.2em; }
.contentElement { margin-top: 1.18em;}
.contentElement ul { list-style: none; margin: 0px 0px 0px -1.45em; padding: 0px;}
.contentElement ol { margin: 0px 0px 0px 15px; }
.contentElement ul li { background: url(img/ico_contentList.gif) no-repeat 0px 0.54em; padding-left: 0.9em; margin-bottom: 0.18em;} 

/*.contentElement img { border: 1px dashed #ccd5de; padding: 4px; }*/
#teaserContainer .contentElement img { border: 0px dashed #ccd5de; padding: 0px; }
#homeTransparentContent .contentElement img { border: 0px dashed #ccd5de; padding: 0px; }

.spacerLine { width: 100%; height: 1px; background: url(img/bg_spacerLine.gif) repeat-x; margin-bottom: 20px; /*margin-bottom: 2.54em;*/ }

/*************/
/*Footer Part*/
/*************/
/*#footer { background: url(img/bg_footer.gif) repeat-x top; border: none; padding: 6px 0px 5px 0px; color: #7f95ac; margin-top: 30px; width: 100%;}*/
#footer { background: url(img/bg_footer.gif) repeat-x top; border: none; padding: 6px 0px 5px 0px; color: #7f95ac; margin-top: 30px; width: 100%;}
#footer a { color: #7f95ac; background-color: #fff;}
#footer a:hover { color: #002c5a; background-color: #fff; text-decoration: none;}
#footer a:focus { color: #002c5a; background-color: #fff; text-decoration: none;}
#footerAdress { float: left; }
#shortLinksContainer { float:left; margin-left: 18px; }
#shortLinksContainer span.copyright {float: left;}
#shortLinksContainer a.svit-link {float: left; margin: 3px 0px 0px 18px; display: block; width: 30px;}
#shortLinks { list-style: none; padding-top: 3px; margin: 0px;}
#shortLinks li { float: left; background: url(img/ico_footer.gif) no-repeat right; padding-right: 6px; margin-right: 5px; margin-left: 0px;}
#shortLinks li.last { background: none;}
#shortLinks li a.act { color: #e32118; }
#poweredBy { float: right; margin-right: 1px; }
#poweredByText { float: left; margin-right: 3px; text-transform: uppercase; }
#poweredByImage { float: left; margin-top: 3px;}




/****************/
/*Home (Special)*/
/****************/
.home #header { height: 118px; }
#homeContainer { background-color: #002c5a; position: relative; top: 0px; left: 0px; font-size: 0px;}
#homeImage { margin-left: auto; margin-right: auto; text-align: center;/*position: relative; top: 0px; left: 0px; z-index: 0; */}
#homeTitle { position: absolute; top: 330px; left: 140px; z-index: 2; }
#homeTransparentBanner { width: 200px; height: 100%; position: absolute; top: 0px; left: 685px; z-index: 1;}
#homeTransparentContent { width: 250px; height: 100%; position: absolute; top: 0px; left: 685px; z-index: 2; padding-top: 18px; height: 412px; overflow: hidden;}
#homeTransparentContent .contentTeaserContainer { float: left; width: 100%; }
#homeTransparentContent .contentTeaserContainer p { max-width: 185px; }
#homeTransparentContent .contentTeaserContainer h4 { max-width: 185px; }
#homeTransparentContent .contentTeaserContent { float:left; }
#homeTransparentContent .contentTeaserTitle { width: 190px;}
#homeTransparentContent .contentTeaserContainer .teaser2columnLeft { float: left; width: 152px; margin-right: 4px;}
#homeTransparentContent .contentTeaserContainer .teaser2columnRight { float: left; font-size: 20px; width: 62px; height: 63px; }
#homeTransparentContent .contentTeaserContainer .teaser2columnRight a:hover img{ background-color: none;  }
#homeTransparentContent .contentElement h4 { font-size: 11px; }

.home h1 { background:none; font-size: 23px; color: #fff; }


/*********/
/*Symbols*/
/*********/
.separatorh1 { margin-right: 6px; }
.separatorh1Home  { margin-right: 6px; }
.separatorh3 { margin-right: 5px; }


/*******/
/*Table*/
/*******/
.tableContainer { margin-top: 5px; }
.contenttable td, .contenttable th { padding: 2px 7px 2px 7px; text-align: left; }
.contenttable { margin-bottom: 1em; }
.contenttable caption { caption-side: bottom; text-align: left; margin-top: -1em; margin-bottom: 1em; margin-top: 0px; }


/*Tabellen Layout 1*/
.contenttable-0 th { background: url(img/bg_tableHeaderCell.gif) repeat-x bottom left; color: #000;}
.contenttable-0 { background: url(img/bg_table.gif) repeat-x top left; margin-top: 5px;}
.contenttable-0 .tr-last td, .contenttable-0 .tr-last th { background: url(img/bg_tableLastRow.gif) repeat-x bottom left;}
.contenttable-0 td { background: url(img/bg_tableCell.gif) repeat-x bottom left; padding-bottom: 3px;}
/*.contenttable-0 thead { background: url(img/bg_tableTop.gif) repeat-x top; }
.contenttable-0 { background: url(img/bg_tableBottom.gif) repeat-x bottom left; width: 100%; }
.contenttable-0 .tr-0 { background: url(img/bg_tableTop.gif) repeat-x top left;  }
.contenttable-0 .tr-last td, .contenttable-0 .tr-last th { background: url(img/bg_tableCellLast.gif) repeat-x bottom left;}*/

.contenttable-1 { border: none; }
.contenttable-1 td { border: none; }
.contenttable-1 th { border: none; }




/**********/
/*Mailform*/
/**********/
#col1_content input, #col1_content textarea { width: 198px; background-color: #fff; border: 1px solid #002c5a; padding: 1px 0px 1px 2px;}
#col1_content input:focus, #col1_content textarea:focus { background-color: #f0f0f0;}
#col1_content select { border: 1px solid #002c5a; }
#col1_content .csc-mailform-check, #col1_content .csc-mailform-radio { border: none; }

#col1_content .csc-mailform-field { margin-bottom: 6px; clear: both; min-height: 17px;}
#col1_content .csc-mailform-field:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#col1_content .csc-mailform-field label { width: 130px; margin-right: 10px; float: left; display:block;}
#col1_content .csc-mailform-field input, #col1_content .csc-mailform-field textarea { float: left;}
/*span.csc-mailform-radio fieldset label { width: 50px !important;  }*/

#col1_content .csc-mailform-check { width: 13px; }
#col1_content .csc-mailform-radio { width: 13px; height: 13px; margin-right: 2px;}
#col1_content .csc-mailform-radio-field label { float: none; }
#col1_content .csc-mailform-submit, .tx-indexedsearch-searchbox-button { /*margin-left: 140px; */ border: none; width: auto; color: #002c5a; background: url(img/ico_arrowRight.gif) no-repeat 1px 0.61em; padding-left: 5px;}
#col1_content .csc-mailform-submit:focus, .tx-indexedsearch-searchbox-button:focus { background-color: #fff; }
#col1_content textarea { font-family: Arial, Helvetica, Verdana, 'Trebuchet MS', sans-serif; }
#col1_content legend { margin-left: -7px; padding: 0px; color: #666; font-weight: bold; display: none; visibility: hidden;}


/************/
/*Text Image*/
/************/
/*div.csc-textpic-intext-right div.csc-textpic-imagewrap, div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap { margin-left: 15px !important;}*/
.imageBorderBottom { background: url(img/bg_imageBorderBottom.gif) no-repeat bottom left;}
.imageBorderTop { background: url(img/bg_imageBorderTop.gif) no-repeat top right; padding: 4px; }


.imageBorderBottom:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.imageBorderTop:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.csc-textpic-image { margin-bottom: 10px  !important; float: right !important; clear: both;}









DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
    margin-right: 20px !important;
}


DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
    margin-right: 20px !important;
}

.csc-textpic-imagewrap { margin-left: 25px !important;}


/***Anpassung Koller für Bilder links mit Abstand****/
.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {margin-left: 0px !important;}

.csc-textpic-intext-left-nowrap .csc-textpic-text {padding-left:10px}
/*******/




.csc-textpic-caption { margin-left: -8px !important; }
/*******/
/*Links*/
/*******/
/*.internal-link, .download { background: url(img/ico_arrowRight.gif) no-repeat 1px 0.45em; padding-left: 10px; }
.internal-link:hover, .download:hover, .internal-link:focus, .download:focus { background-image: url(img/ico_arrowRightHover.gif);}
.external-link-new-window, .external-link { background: url(img/ico_externalLink.gif) no-repeat 1px 0.27em; padding-left: 18px; }
.external-link-new-window:hover, .external-link:hover, .external-link-new-window:focus, .external-link:focus { background-image: url(img/ico_externalLinkHover.gif); }
.mail { background: url(img/ico_mailLink.gif) no-repeat 1px 0.27em; padding-left: 18px; }
.mail:hover, .mail:focus { background-image: url(img/ico_mailLinkHover.gif); }*/

.internerLink { background: url(img/ico_arrowRight.gif) no-repeat 1px 0.45em; padding-left: 10px; }
.internerLink:hover, .internerLink:focus{ background-image: url(img/ico_arrowRightHover.gif);}
.externerLink { background: url(img/ico_externalLink.gif) no-repeat 1px 0.27em; padding-left: 18px; }
.externerLink:hover, .externerLink:focus { background-image: url(img/ico_externalLinkHover.gif); }
.mailLink { background: url(img/ico_mailLink.gif) no-repeat 1px 0.27em; padding-left: 18px; }
.mailLink:hover, .mailLink:focus { background-image: url(img/ico_mailLinkHover.gif); }






/************/
/*Extensions*/
/************/
.tx-srlanguagemenu-pi1 { font-size: 0;}

.tx-indexedsearch-searchbox-button { /*margin-left: 140px; */ border: none !important; width: auto !important; color: #002c5a; background: url(img/ico_arrowRight.gif) no-repeat 1px 0.61em; padding-left: 5px !important;}
.tx-indexedsearch-searchbox-button:focus { background-color: #fff !important; }
.tx-indexedsearch-field { clear:both; margin-bottom:6px; min-height:17px; }
.tx-indexedsearch-field:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.tx-indexedsearch input, #col1_content .tx-indexedsearch textarea { width: 300px; background-color: #fff; border: 1px solid #002c5a; padding: 1px 0px 1px 2px;}
.tx-indexedsearch input:focus, #col1_content .tx-indexedsearch textarea:focus { background-color: #f0f0f0;}
.tx-indexedsearch select { border: 1px solid #002c5a; width: 149px; }
.tx-indexedsearch label { width: 130px; margin-right: 10px; float: left; display:block;}
.tx-indexedsearch input, #col1_content .tx-indexedsearch textarea { float: left;}
.tx-indexedsearch .checkbox { width: 13px; border: none;}
.tx-indexedsearch textarea { font-family: Arial, Helvetica, Verdana, 'Trebuchet MS', sans-serif; }
.tx-indexedsearch-browsebox .browsebox { margin: 0px 0px 0px -1.65em; }
.tx-indexedsearch-browsebox .browsebox li { background: none; padding-left: 0; }
.tx-indexedsearch-browsebox { margin-bottom: 15px; }
.tx-indexedsearch-res-header { height: 24px; /*background-color: #cccccc;*/ background: url(img/bg_tableTop.gif) repeat-x top left; }
.tx-indexedsearch-res-header div {  }
.tx-indexedsearch-icon { float: left; margin: 4px 0px 0px 3px; }
.tx-indexedsearch-result-number { float: left; margin-top: 6px; margin-right: 3px; }
.tx-indexedsearch-title { float: left; margin-top: 6px; }
.tx-indexedsearch-percent { float: right; margin-top: 6px; }
.tx-indexedsearch-res-body { background: url(img/bg_spacerLine.gif) repeat-x top left; }
.tx-indexedsearch-res-body-description { background: url(img/bg_spacerLine.gif) repeat-x bottom left; padding: 10px 3px 1px 3px;}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background: none; margin: 4px 0px 0px 0px; padding: 0px 3px 0px 3px;}
.tx-indexedsearch-info dd { margin: 0px; }
.tx-indexedsearch .res-tmpl-css { margin-bottom: 2em; }
.tx-indexedsearch-redMarkup { color: #E32118; }
.tx-indexedsearch-list { padding: 0px 3px 0px 3px;}
.tx-indexedsearch-res-body-description-short { background: none; padding: 10px 3px 1px 3px;}
.tx-indexedsearch-noresults { text-align: left !important; margin-top: 15px;}



/*********/
/*Sitemap*/
/*********/
.tx-dropdownsitemap-pi1 ul li img { margin-top: -8px; margin-right: 6px; }
.tx-dropdownsitemap-pi1 ul li { background: none; }
.tx-dropdownsitemap-pi1 .expAll a { background: url(img/ico_arrowRight.gif) no-repeat 1px 0.45em; padding-left: 10px; font-weight: normal !important; }
.tx-dropdownsitemap-pi1 .expAll a:hover { background: url(img/ico_arrowRightHover.gif) no-repeat 1px 0.45em; }



/******************/
/*Content Elemente*/
/******************/
.contentElement { clear: both;}
.contentElement:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }



/****************/
/*Hide Printlogo*/
/****************/
#logoPrint { display: none; }



/*******************/
/*Namics Autofilter*/
/*******************/
.tx_namicsautofilter_pi1 { /*width: 155px;*/ }
.tx_namicsautofilter_pi1 select { width: 100%; }
.tx_namicsautofilter_pi1 .button { border: none; width: 187px; color: #002c5a; background: url(img/ico_arrowRight.gif) no-repeat 1px 0.61em; padding-left: 5px; }



/*************/
/*Immomanager*/
/*************/
.tx_mediacookie_immomanager { clear: both; }
.tx_mediacookie_immomanager .immomanager_element { /*margin-bottom: 20px;*/ width: 100%; }
.tx_mediacookie_immomanager .immomanager_element:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.tx_mediacookie_immomanager .leftColumn { margin-bottom: 20px; }
.tx_mediacookie_immomanager .rightColumn { float: right; margin-left: 25px; margin-bottom: 20px;}
.tx_mediacookie_immomanager .rightColumn .imageBorderBottom {  font-size: 0px; line-height: 0px; }
.tx_mediacookie_immomanager .immomanager_floorplan:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.tx_mediacookie_immomanager .immomanager_attachment .immomanager_images { clear: both; }
.tx_mediacookie_immomanager .immomanager_attachment .immomanager_floorplan { clear: both; }
.tx_mediacookie_immomanager .immomanager_attachment .immomanager_files { clear: both; }
.tx_mediacookie_immomanager .immomanager_attachment div:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.tx_mediacookie_immomanager .immomanager_attachment .imageBorderBottom { float: left; margin: 0px 10px 10px 0px;}
.tx_mediacookie_immomanager .immomanager_attachment .spacerLine { margin-top: 10px; margin-bottom: 20px; }
.tx_mediacookie_immomanager .immomanager_backlink { clear: both; }
.tx_mediacookie_immomanager h4 { margin-bottom: 10px; }


/**********************/
/*iFrame Page Settings*/
/**********************/
.tx-sriframe-pi1 { margin-top: 10px; margin-bottom: 25px;}
.tx-sriframe-pi1:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.iFrame #col2 { margin-left: -797px !important; }
.iFrame #col1 { width: 662px !important; }

@media print {
.imageBorderTop b { display: none; visibility: hidden; }
}

/*************************
POWERMAIL FORMULAR
************************/

div.tx-powermail-pi1 label {
  display: block;
  float: left;
  width: 150px;
}

div.tx-powermail-pi1 p.tx_powermail_pi1_fieldwrap_html_radio_title {
  display: block;
  float: left;
  width: 150px;
}
  
div.tx-powermail-pi1 input.powermail_radio {
  width: auto !important;
  position: absolute;
  top: 0px;
  left: 0px;
  border: none !important;
}

div.tx-powermail-pi1 div.powermail_radio_inner {
  width: 200px;
  height: 20px;
  position: relative;
  padding-left: 20px;
  margin-left: 150px;
}

div.tx-powermail-pi1 div.powermail_radio_inner label {
  display: block;
  float: none;
  padding-top: 2px;
  width: auto;
}

div.tx-powermail-pi1 div.tx_powermail_pi1_fieldwrap_html {
  margin: 0px 0px 5px 0px;
}

div.tx-powermail-pi1 div.powermail_mandatory_js {
  color: #FF0000;
  display: block;
  padding: 5px;
  width: 340px;
  margin: 5px 0 10px 0px;
  border: 1px dotted #FF0000;
}

div.tx-powermail-pi1 img.tx-srfreecap-pi2-image {
  margin-left: 150px;
  display: block;
}
div.tx-powermail-pi1 span.tx-srfreecap-pi2-cant-read {
  margin-left: 150px;
  display: block;
}

div.tx-powermail-pi1 input.powermail_submit {
  color: #FFF !important;
  background: #002C5A !important;
  margin-left: 150px;
  margin-top: 10px;
}

div.tx-powermail-pi1 textarea.powermail_textarea {
  height: 120px;
}