/* -- general -- */
body { margin:0px; padding:0px; background-color: #050608; }
a { color: #c19d57; font-weight: bold; text-decoration: none; }
/* -- // general -- */

/* -- layout -- */
#maincontainer
{
	background-image: url(background.png);
	height: 772px;
	width: 100%;
	background-repeat: repeat-x;
	margin-top: -386px; /* allternative margin top 118px */
	text-align: center;
	position: absolute;
	top: 50%;
}

#maindesign_containeroverlay
{
	position: relative; 
	margin-left: auto; 
	margin-right: auto; 
	width: 1003px;
	height: 772px;
	display: block;
	text-align: left;
}

#logo
{
	width: 347px;
	height: 186px;
	background-image: url(logo.png);
	background-repeat: no-repeat;
	position: absolute;
}

#comment
{
	width: 551px;
	height: 154px;
	top: 0px;
	left: 382px;
	position: absolute;
}

#menu
{
	position: absolute;
	top: 154px;
	height: 21px;
	width: 980px;
}

#submenu
{
	display: none;
	position: absolute;
	top: 213px;
	left: 408px;
	height: 56px;
	width: 414px;
}

#welcome
{
	width: 774px;
	height: 538px;
	top: 186px;
	left: 0px;
	position: absolute;

}

#contentimage
{
	width: 387px;
	height: 538px;
	display: block;
	position: relative;
	top: 197px;
}

#content
{
	position: absolute;
	left: 490px;
	top: 371px;
	color: white;	
	width: 426px;
}

#copyright
{
	width: 344px;
	height: 27px;
	position: absolute;
	bottom: 0px;
	left: 321px;
	background-image: url(copyright.png);
	background-repeat: no-repeat;
}

#imprint
{
	width: 211px;
	height: 27px;
	position: absolute;
	bottom: 0px;
	left: 0px;
}

#language
{
	height: 27px;
	position: absolute;
	bottom: 0px;
	right: 60px;
}

/* -- //layout -- */

/* -- content bereiche -- */
#contenttextpanel { height: 322px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 23px; color: #c19d57;  }
.orange-bar .jScrollPaneTrack { background: url(scrollbar_bg.png) no-repeat 50% 50%; }
.orange-bar .jScrollPaneDrag { background: url(scrollbar_drag.png) no-repeat 50% 50%; padding-bottom: 15px; }
.orange-bar .scroll-pane { }
/* -- //content bereiche -- */

/* -- menu -- */
a #m_home { background-image: url(m_home.png); background-repeat: no-repeat; display: block; width: 80px; height: 21px; float:left; }
a:hover #m_home { background-image: url(m_homea.png); background-repeat: no-repeat; display: block; width: 80px; height: 21px; }
#m_homea { background-image: url(m_homea.png); background-repeat: no-repeat; display: block; width: 80px; height: 21px; float: left; }

a #m_about { background-image: url(m_about.png); background-repeat: no-repeat; display: block; width: 103px; height: 21px; float: left; }
a:hover #m_about { background-image: url(m_abouta.png); background-repeat: no-repeat; display: block; width: 103px; height: 21px; }
#m_abouta { background-image: url(m_abouta.png); background-repeat: no-repeat; display: block; width: 103px; height: 21px; float: left; }

a #m_aboutus { background-image: url(m_aboutus.png); background-repeat: no-repeat; display: block; width: 103px; height: 21px; float: left; }
a:hover #m_aboutus { background-image: url(m_aboutusa.png); background-repeat: no-repeat; display: block; width: 103px; height: 21px; }
#m_aboutusa { background-image: url(m_aboutusa.png); background-repeat: no-repeat; display: block; width: 103px; height: 21px; float: left; }


a #m_philosophy { background-image: url(m_philosophy.png); background-repeat: no-repeat; display: block; width: 125px; height: 21px; float: left; }
a:hover #m_philosophy { background-image: url(m_philosophya.png); background-repeat: no-repeat; display: block; width: 125px; height: 21px; }
#m_philosophya { background-image: url(m_philosophya.png); background-repeat: no-repeat; display: block; width: 125px; height: 21px; float: left; }

a #m_philo { background-image: url(m_philo.png); background-repeat: no-repeat; display: block; width: 125px; height: 21px; float: left; }
a:hover #m_philo { background-image: url(m_philoa.png); background-repeat: no-repeat; display: block; width: 125px; height: 21px; }
#m_philoa { background-image: url(m_philoa.png); background-repeat: no-repeat; display: block; width: 125px; height: 21px; float: left; }

a #m_wm { background-image: url(m_wealthmanagement.png); background-repeat: no-repeat; display: block; width: 213px; height: 21px; float: left; }
a:hover #m_wm { background-image: url(m_wealthmanagementa.png); background-repeat: no-repeat; display: block; width: 213px; height: 21px; }
#m_wma { background-image: url(m_wealthmanagementa.png); background-repeat: no-repeat; display: block; width: 213px; height: 21px; float: left; }

a #m_partner { background-image: url(m_partner.png); background-repeat: no-repeat; display: block; width: 100px; height: 21px; float: left; }
a:hover #m_partner { background-image: url(m_partnera.png); background-repeat: no-repeat; display: block; width: 100px; height: 21px; }
#m_partnera { background-image: url(m_partnera.png); background-repeat: no-repeat; display: block; width: 100px; height: 21px; float: left; }

a #m_immo { background-image: url(m_immo.png); background-repeat: no-repeat; display: block; width: 157px; height: 21px; float: left; }
a:hover #m_immo { background-image: url(m_immoa.png); background-repeat: no-repeat; display: block; width: 157px; height: 21px; }
#m_immoa { background-image: url(m_immoa.png); background-repeat: no-repeat; display: block; width: 157px; height: 21px; float: left; }

a #m_re { background-image: url(m_re.png); background-repeat: no-repeat; display: block; width: 157px; height: 21px; float: left; }
a:hover #m_re { background-image: url(m_rea.png); background-repeat: no-repeat; display: block; width: 157px; height: 21px; }
#m_rea { background-image: url(m_rea.png); background-repeat: no-repeat; display: block; width: 157px; height: 21px; float: left; }

a #m_kontakt { background-image: url(m_kontakt.png); background-repeat: no-repeat; display: block; width: 98px; height: 27px; float: left; }
a:hover #m_kontakt { background-image: url(m_kontakta.png); }
#m_kontakt2 { background-image: url(m_kontakta.png); background-repeat: no-repeat; display: block; width: 98px; height: 27px; float: left; }

a #m_contact { background-image: url(m_c.png); background-repeat: no-repeat; display: block; width: 98px; height: 27px; float: left; }
a:hover #m_contact { background-image: url(m_ca.png); }
#m_contact2 { background-image: url(m_ca.png); background-repeat: no-repeat; display: block; width: 98px; height: 27px; float: left; }

a #m_imprint { background-image: url(m_impressum.png); background-repeat: no-repeat; display: block; width: 101px; height: 27px; float: left; }
a:hover #m_imprint { background-image: url(m_impressuma.png); }
#m_imprint2 { background-image: url(m_impressuma.png); background-repeat: no-repeat; display: block; width: 101px; height: 27px; float: left; }

a #m_im { background-image: url(m_im.png); background-repeat: no-repeat; display: block; width: 101px; height: 27px; float: left; }
a:hover #m_im { background-image: url(m_ima.png); }
#m_im2 { background-image: url(m_ima.png); background-repeat: no-repeat; display: block; width: 101px; height: 27px; float: left; }

a #lang_de { background-image: url(lang_de.png); background-repeat: no-repeat; display: block; width: 58px; height: 27px; float: left; }
a:hover #lang_de { background-image: url(lang_dea.png); }
#lang_dea { background-image: url(lang_dea.png); background-repeat: no-repeat; display: block; width: 58px; height: 27px; float: left; }

a #lang_en { background-image: url(lang_en.png); background-repeat: no-repeat; display: block; width: 52px; height: 27px; float: left; }
a:hover #lang_en { background-image: url(lang_ena.png); }
#lang_ena { background-image: url(lang_ena.png); background-repeat: no-repeat; display: block; width: 52px; height: 27px; float: left; }

a #m_sub_bp { background-image: url(m_sub_beratprozess.png); background-repeat: no-repeat; display: block; width: 172px; height: 28px; float: left; }
a:hover #m_sub_bp { background-image: url(m_sub_beratprozessa.png); }
#m_sub_bpa { background-image: url(m_sub_beratprozessa.png); background-repeat: no-repeat;display: block; width: 172px; height: 28px; float: left; }

a #m_sub_ba { background-image: url(m_sub_beratansatz.png); background-repeat: no-repeat; display: block; width: 148px; height: 28px; float: left; }
a:hover #m_sub_ba { background-image: url(m_sub_beratansatza.png); }
#m_sub_baa { background-image: url(m_sub_beratansatza.png); background-repeat: no-repeat;display: block; width: 148px; height: 28px; float: left; }

a #m_sub_lf { background-image: url(m_sub_leistungsfelder.png); background-repeat: no-repeat; display: block; width: 242px; height: 28px; float: left; }
a:hover #m_sub_lf { background-image: url(m_sub_leistungsfeldera.png); }
#m_sub_lfa { background-image: url(m_sub_leistungsfeldera.png); background-repeat: no-repeat;display: block; width: 242px; height: 28px; float: left; }

a #m_sub_is { background-image: url(m_sub_investstrat.png); background-repeat: no-repeat; display: block; width: 172px; height: 28px; float: left; }
a:hover #m_sub_is { background-image: url(m_sub_investstrata.png); }
#m_sub_isa { background-image: url(m_sub_investstrata.png); background-repeat: no-repeat;display: block; width: 172px; height: 28px; float: left; }




a #m_versicher { background-image: url(m_versichera.png); background-repeat: no-repeat; display: block; width: 173px; height: 27px; float: left; }
a:hover #m_versicher { background-image: url(m_versicher.png); }
#m_versichera { background-image: url(m_versicher.png); background-repeat: no-repeat; display: block; width: 173px; height: 27px; float: left; }



a #m_insc { background-image: url(m_insc.png); background-repeat: no-repeat; display: block; width: 126px; height: 27px; float: left; }
a:hover #m_insc { background-image: url(m_insca.png); }
#m_insca { background-image: url(m_insc.png); background-repeat: no-repeat; display: block; width: 126px; height: 27px; float: left; }






a #m_sub_bpen { background-image: url(m_conproc.png); background-repeat: no-repeat; display: block; width: 185px; height: 28px; float: left; }
a:hover #m_sub_bpen { background-image: url(m_conproca.png); }
#m_sub_bpena { background-image: url(m_conproca.png); background-repeat: no-repeat;display: block; width: 185px; height: 28px; float: left; }

a #m_sub_baen { background-image: url(m_conapp.png); background-repeat: no-repeat; display: block; width: 185px; height: 28px; float: left; }
a:hover #m_sub_baen { background-image: url(m_conappa.png); }
#m_sub_baena { background-image: url(m_conappa.png); background-repeat: no-repeat;display: block; width: 185px; height: 28px; float: left; }

a #m_sub_lfen { background-image: url(m_pf.png); background-repeat: no-repeat; display: block; width: 168px; height: 28px; float: left; }
a:hover #m_sub_lfen { background-image: url(m_pfa.png); }
#m_sub_lfena { background-image: url(m_pfa.png); background-repeat: no-repeat;display: block; width: 168px; height: 28px; float: left; }

a #m_sub_isen { background-image: url(m_is.png); background-repeat: no-repeat; display: block; width: 171px; height: 28px; float: left; }
a:hover #m_sub_isen { background-image: url(m_isa.png); }
#m_sub_isena { background-image: url(m_isa.png); background-repeat: no-repeat;display: block; width: 171px; height: 28px; float: left; }









/* -- //menu -- */







































/* -- header -- */
#header {background: url(img/thegreenhead.jpg) center repeat-x;height:111px;}
#logo{padding-left:20px;}
#header {padding-left: 200px;}
#header li {list-style:none;display:inline;padding-right:40px;font-size:25px;background-color:#EEEEEE;}
#header li.active {font-weight:bold}
#phenotype {position:absolute;top:111px;left:20px;}

/* -- // header -- */

/* -- main navigation menu -- */
#menu {background: url(img/menu-hg.png) repeat-x;padding-left:200px;}
#menu .container{margin:0px auto; height:55px;}
#menu ul{margin:0;padding-top:10px;list-style-type: none;}
#menu ul li{display: inline;padding: 10px 20px 30px 10px;background: url(img/menu-reiter.png) no-repeat right;}
#menu ul li.active{display: inline;padding: 10px 20px 30px 10px;background: url(img/menu-reiter-aktiv.png) no-repeat right;}
#menu ul li a{color:#4A4A4A;font-weight:bold;font-size:13px;}
#menu ul li a:hover {color:#f500ee;}
#menu .active {color:#c100b6;}
/* -- // main navigation menu -- */

/* -- left navigation -- */
#navigation {width:200px;float:left;padding-right:40px;font-family:"Trebuchet MS", "Lucida Sans Unicode";}
#navigation {margin-left:10px;padding:0px;margin-right:20px;list-style: none;font-size:14px;margin-top:5px}
#navigation a{color:#4A4A4A}
#navigation a:hover {color:#f500ee;}
#navigation ul {list-style: none;padding:0px;margin:0px;}
#navigation li {margin:5px 0px;padding:5px 0px;}

#navigation li.active {font-weight:bold}
#navigation li.level1 {padding: 1px 0px 1px 30px;background: url(img/icon-blume01-def.png) no-repeat 0px 0px;}
#navigation li.level2 {padding: 1px 0px 1px 50px;background: url(img/icon-blume02-def.png) no-repeat 30px 0px;}
#navigation li.level3 {padding: 1px 0px 1px 60px;background: url(img/icon-blume03-def.png) no-repeat 40px 0px;}
#navigation li.level4 {padding: 1px 0px 1px 60px;}
#navigation li.level1active {padding: 1px 0px 1px 30px;background: url(img/icon-blume01.png) no-repeat 0px 0px;}
#navigation li.level2active {padding: 1px 0px 1px 50px;background: url(img/icon-blume02.png) no-repeat 30px 0px;}
#navigation li.level3active {padding: 1px 0px 1px 60px;background: url(img/icon-blume03.png) no-repeat 40px 0px;}
#navigation li.level4active {padding: 1px 0px 1px 60px;}
/* -- // left navigation -- */

/* -- content -- */
#content {width:460px;float:left;}
#content ul {}
#content li {font-size:13px;padding:5px;list-style-type:circle;}

#content p {font-size:13px;margin:0;margin-bottom:20px}
#content .richtext {font-size:13px;margin:0;}
#content h1 {font-size:17px;color:#82A700;font-weight:normal;margin-bottom:5px;}
#content h2 {font-size:15px;color:#82A700;font-weight:normal;margin-bottom:5px;}

#content .imageleft {float:left;padding-right:20px;}
#content .imageright {float:right;padding-left:20px;}
#content .imagecenter {padding-bottom:10px;}


#content .box {background:#EDF2DF;border: 1px solid #CCE200;margin:0px auto;width:460px;padding:10px;padding-bottom:20px;margin-bottom:5px;}
#content .box h1 {margin:0px 0px 10px 0px;}
#content .box h1 a{color:#82A700;}
#content .box p {font-size:13px;margin:0;margin-bottom:15px}


#display .Tabelle {padding:3px 0px;margin:5px 0px}
#display .Tabelle h1{font-size:17px;color:#82A700;font-weight:normal;margin:0px;}

#content .table {padding:3px 0px;margin:10px 0px}
#content table {background:#CCE200;padding:3px 0px;}
#content th {background:#FFFFFF;text-align:left;font-size:13px;padding:5px;}
#content td {background:#EDF2DF;font-size:13px;padding:5px;}
/* -- // content -- */

/* -- gallery -- */

#content .gallery {padding:10px 0px;}
#content .gallery h1{font-size:17px;color:#82A700;font-weight:normal;margin:0;margin-bottom:10px}
#content .thumbnail{float:left;width:100px;height:100px;padding:2px;margin-right:5px;background:#EDF2DF;border: 1px solid #CCE200;margin-bottom:10px}
#content .thumbnail p{font-size:11px;}
/* -- // gallery -- */

/* -- breadcrumb -- */	
#breadcrumb {font-size:10px;margin:0;}
/* -- // breadcrumb -- */	

/* -- footer -- */	
#footer {background: url(img/footer-hg.png) top repeat-x;text-align:center;padding-top:10px;color:#717568;font-size:11px;}
/* -- // footer -- */