body{ background: #4d443b; margin: 0; padding: 0; color: #4d443b; font-size: 12px; font-family: Arial; height: 100%; }

h1{ color: #776e67; }
p{ line-height: 18px; font-size: 12px; }

a{ color: #4d443b; text-decoration: underline; }
.clear-all{ clear: both; float: none; }
.shadow{ -moz-box-shadow:1px 1px 10px #000000; -webkit-box-shadow:1px 1px 10px #000000; box-shadow:1px 1px 10px #000000; behavior: url(../styles/ie-css3.htc); }
.tooltip.shadow{ -moz-box-shadow:1px 1px 5px #000000; -webkit-box-shadow:1px 1px 5px #000000; box-shadow:1px 1px 5px #000000; behavior: url(../styles/ie-css3.htc); }

/* Page */
.page{ background: #fff; width: 800px; margin-left: auto; margin-right: auto; margin-top: 20px; padding: 40px 40px 20px 40px; }
.page.start{ background: transparent; width: 800px; margin-left: auto; margin-right: auto; margin-top: 20px; padding: 40px 40px 20px 40px; position: relative; }
.page.start p{ color: #c9d022; font-size: 16px; line-height: 24px; }
.page.start h1{ color: #c9d022; }

#privacon_logo_start{
    position: absolute;
    top: 30px;
    right: 40px;

}

.slide-in{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    font-size: 25px;
    background: #fff;
    width: 348px;
    height: 101px
}
/* header */

.page .header{ position: relative; width: 100%; height: 180px; }
.page.start .header{ position: relative; width: 100%; height: 360px; display: table-row; vertical-align: middle; }
.logo span{ display: none; }
.logo{ width: 388px; height:141px; background: #ffffff; display: block; float: left; position: relative; }
.logo-privacon{ background: transparent url(../images/privacon_familyoffice_small.jpg) no-repeat; position: absolute; top: 0; left: 5px;  width: 202px; height: 68px; }
.page.vvw .logo-privacon{ background: transparent url(../images/privacon_vermoegensverwaltung_small.jpg) no-repeat; position: absolute; top: 0; left: 5px;  width: 234px; height: 68px; }
.page.fp .logo-privacon{ background: transparent url(../images/privacon_logo_finanzplanung_small.png) no-repeat; position: absolute; top: 0; left: 5px;  width: 234px; height: 68px; }
.page.sem .logo-privacon{ background: transparent url(../images/privacon_seminare_small.png) no-repeat; position: absolute; top: 0; left: 5px;  width: 234px; height: 68px; }
.logo-privacon-vermoegensverwaltung{
	background: #fff url(../images/privacon_vermoegensverwaltung.png) no-repeat;
	background-position: center center;
	padding:20px;
	float:left;
	display: block;
	width: 348px; height: 101px; }
.logo-privacon-familyoffice{ 
	background: #fff url(../images/privacon_family_office.png) no-repeat;
	background-position: center center;
	padding:20px;
	float:left;  
	display: block;
	width: 348px; 
	height: 101px; 
	margin-left: 20px;}
.logo-privacon-finanzplanung{
    background: #fff url(../images/privacon_finanzplanung.png) no-repeat;
    background-position: center center;
    padding:20px;
    float:left;
    display: block;
    width: 348px;
    height: 101px;
    }
.logo-privacon-seminare{
    background: #fff url(../images/privacon_seminare.png) no-repeat;
    background-position: center center;
    padding:20px;
    float:left;
    display: block;
    width: 348px;
    height: 101px;
    margin-left: 20px;}
.logo-partner{ background: transparent url(../images/intes_partner_logo.png) no-repeat; position: absolute; top: 0; right:114px;  width: 86px; height: 41px; }
.logo-spacer{ margin-top:20px;}
.partner-start{
	position: relative;
	top:auto;
	right: auto;
	float: right;
	margin-top: 89px;
	margin-right: 4px;
	padding: 10px 0px 1px 0px;
}
/* body */
.page .body{ width: 100%; padding: 25px 0 50px 0; }
.page .body .column_left{ float: left; width: 550px; padding: 0 0 0 10px; }
.page .body .column_left .box{padding: 0px 0 10px 0; }
.page .body .column_left .box div{ float: left; width: 150px; margin: 0 20px 0 0; position: relative; }
.page .body .column_left .box div img {float: left; margin: 0 15px 25px 0; cursor: pointer; }
.page .body .column_left .box div p.name {display:block; margin-top: 0}

.page .body .column_left .box div a.close{ position: absolute; top:0; right: 0; text-align: center; width: 15px; }

.page .body .column_left .box div .hide {display: none;}

.page .body .column_left .box div img.active{ margin-bottom: 100px;}

/*.page .body .column_left .box img{ border: 1px solid #ffffff; -moz-box-shadow:0px 0px 2px #000000; -webkit-box-shadow:0px 0px 2px #000000; }*/
ul{ padding: 0 0 0 15px; margin: 0; }
ul li{ padding: 0;margin-bottom: 5px; line-height: 20px }

.page .body .column_right{ float: right; width: 200px; padding: 10px 0 0 0; }
.page .body .column_right .contact{ width: 200px; margin-top: 47px; }

/* footer */
.page .footer{ position: relative; width: 100%; border-top: 10px solid #a4ac4a; }
.page .footer p{ margin-left: 10px; }
.page .footer a.backBtn{ position: absolute;
right: 0;
top: -40px;
background: #A4AC4A;
padding: 6px 15px;
width: 50px;
color: white;
font-size: 16px;}


._button, a._button{ background: #776e67; text-decoration: none; padding: 10px 20px 12px 10px; line-height: 0; margin: 0 0 5px 0; color: #ffffff; font-size: 14px; }
._button.large, a._button.large{ display: block; width: 400px; height: 10px; }
._button.small, a._button.small{ display: block; width: 200px; height: 10px; }

.dienstleistungen{ width: 560px; border: 1px solid #776e67; padding: 15px;}
.dienstleistungen legend{ text-align: right; font-size: 30px;}
.dienstleistungen .segmente{ float: left; width: 385px; background: white; padding: 0 20px 0 0; }
.dienstleistungen .segmente div.segment{ background: #776E67; color: white; text-align: center; font-size: 18px; padding: 10px; position: relative;  }
.dienstleistungen div.foffice{ width: 155px; color: white; text-align: center; font-size: 18px; padding: 200px 0 0 0; position: relative; float: left; display: table-cell; vertical-align: middle;   }
.dienstleistungen .segmente div.segment p{ line-height: 24px;  }
.dienstleistungen .segmente div.trenner{ padding: 10px; }
.dienstleistungen a._info, a._info{ font-style: italic; background-color: #A4AC4A; width: 21px; padding: 2px; position: absolute; top: 10px; right: 10px; text-decoration: none; color: white; z-index: 400;  }
.dienstleistungen .family-office{ background: #776E67;}
/*.dienstleistungen .family-office p{font-size: 40px; line-height: 40px; }*/

.arrow-bottom {width: 0; height: 0; line-height: 0; font-size: 0; }
.arrow-bottom {border-left: 25px solid transparent; border-right: 25px solid transparent; border-top: 10px solid #a4ac4a; margin-left: auto; margin-right: auto;}

.arrow-bottom {
    _border-right-color: #a4ac4a;
    _border-left-color: #a4ac4a;
    _filter: chroma(color=#a4ac4a)
}

.tooltip{
	display: none;
	width: 200px;
	background: #fff;
	color: #000;
	padding: 15px 5px 5px 50px;
	border: 1px solid #A4AC4A;
	font-size: 12px;
	text-align: left;
	z-index: 1000;
}

.tooltip.analyse{
	display: none;
	width: 800px;
	background: #fff;
	color: #000;
	padding: 50px 5px 5px 5px;
	border: 1px solid #A4AC4A;
	font-size: 12px;
	text-align: left;
	z-index: 1000;
}
.dienstleistungen .segmente div.segment .tooltip p, .tooltip p{margin-top: 0; line-height: 16px;}