html, body{
	margin:0;
	padding:0;
	height:100%;
	font-family: arial, verdana, helvetica, lucida, sans-serif;
}

body{
	color:#000000;
	background-color:#dc6d08;
	background-image: url('images/bg_website.gif');
	background-repeat: repeat-x;
	background-position: left top;
}
body#detail{
	background-color:#ffffff;
	background-image: url('images/bg_website_detail.gif');
}

div#website{
	background-color:#ffffff;
	background-image: url('images/bg_website.gif');
	background-repeat: repeat-x;
	background-position: left top;
	min-height: 530px;
    height: auto !important;
	height:530px;
	min-width: 965px;
}
body#detail div#website{
	background-image: url('images/bg_website_detail.gif');
}

/* ############################################################ */
/* #### allg. Raster / Seitenaufteilung ####################### */

img#signet{
	position:absolute;
	top:19px;
	left:49px;
}

div#signetlanguage{
	position:relative;
	height:80px;
	width:965px;
}
a#language{
	position:absolute;
	right:0;
	top:36px;
	width:48px;
	height:10px;
	background-repeat:no-repeat;
	background-position:left top;
	background-image:url(images/english.gif);
}
a#language:hover{ background-image:url(images/english_act.gif); }

a#closebtn{
	position:absolute;
	left:660px;
	top:132px;
	width:82px;
	height:11px;
	background-repeat:no-repeat;
	background-position:left top;
	background-image:url(images/schliessen_act.gif);
}
a#closebtn:hover{ background-image:url(images/schliessen.gif); }

div#header{
	position:relative;
	height:150px;
	overflow:hidden;
	margin-bottom:35px;
}
body#detail div#header{
	background-color:none;
	background-repeat:no-repeat;
	background-position:left top;
	background-image:url(images/bg_header_detail.gif);
}

div#headline{
	position:absolute;
	left:265px;
	bottom:0;
}
body#detail div#headline{ left:100px; }

div#nav{
	position:absolute;
	left:50px;
	top:18px;
	width:915px;
}

div#sub1{
	position:absolute;
	left:50px;
	top:51px;
	width:915px;
}
div#sub2{
	position:absolute;
	left:437px;
	top:51px;
	width:528px;
}
div#sub3{
	position:absolute;
	left:564px;
	top:51px;
	width:401px;
}


div#mainimage{
	position:absolute;
	top:193px;
	width:225px;
	left:0;	
}

div#content{
	margin: 0 0 0 265px;
	width:700px;
}
body#detail div#content{
	margin: 0 0 0 100px;
	width:550px;
}

div#leftcolumn{
	float:left;
	width:325px;
	overflow:hidden;
	padding-bottom:1em;
}
div#rightcolumn{
	float:right;
	width:325px;
	overflow:hidden;
	padding-bottom:1em;
}



div.clearer{ clear:both; }

/* ############################################################ */
/* #### Allgemeine Formatierungen (Schriften, Listen,... ) #### */

html, body, table, th, td, div, li{
	font-size:12px;
	line-height:1.4em;
}

p{ margin-top:0; }

a{
	color:#dc6d08;
	text-decoration:none;
}

img{ border:none; }

div#content ul{
	margin:1em 0 0 0;
	padding:0;
	list-style: none;
}
div#content ul ul{ margin:0; }
div#content li{
	margin:0;
	padding:0 0 0 8px;
	background-repeat:no-repeat;
	background-position:0px 6px;
	background-image:url(images/bg_ul_li.gif);
}

dl.mailform dd{
	margin:0;
	padding: 0 0 5px 0;
}

/* ############################################################ */
/* #### Navigation ############################################ */

div#nav a{
	display:block;
	float:left;
	height:26px;
	background-repeat:no-repeat;
	background-position:left top;
	margin-right:30px;
}

div#nav a#nav1{
	width:357px;
	background-image:url(images/nav/main/enterprise-portfolio-management.gif);
}
div#nav a#nav1.act, div#nav a#nav1:hover{ background-image:url(images/nav/main/enterprise-portfolio-management_act.gif); }
div#nav a#nav2{
	width:97px;
	background-image:url(images/nav/main/loesungen.gif);
}
div#nav a#nav2.act, div#nav a#nav2:hover{ background-image:url(images/nav/main/loesungen_act.gif); }
div#nav a#nav3{
	width:74px;
	background-image:url(images/nav/main/eportis.gif);
}
div#nav a#nav3.act, div#nav a#nav3:hover{ background-image:url(images/nav/main/eportis_act.gif); }
div#nav a#nav4{
	width:74px;
	background-image:url(images/nav/main/demo.gif);
}
div#nav a#nav4.act, div#nav a#nav4:hover{ background-image:url(images/nav/main/demo_act.gif); }




/* ############################################################ */
/* #### Sub-Navigation ######################################## */

div#sub1 a,
div#sub2 a,
div#sub3 a{
	display:block;
	float:left;
	height:9px;
	background-repeat:no-repeat;
	background-position:left top;
	margin-right:15px;
}

div#sub1 a#subnav1{
	width:243px;
	background-image:url(images/nav/sub/strategisches-portfolio-management.gif);
}
div#sub1 a#subnav1.act, div#sub1 a#subnav1:hover{ background-image:url(images/nav/sub/strategisches-portfolio-management_act.gif); }
div#sub1 a#subnav2{
	width:161px;
	background-image:url(images/nav/sub/it-portfolio-management.gif);
}
div#sub1 a#subnav2.act, div#sub1 a#subnav2:hover{ background-image:url(images/nav/sub/it-portfolio-management_act.gif); }
div#sub1 a#subnav3{
	width:201px;
	background-image:url(images/nav/sub/projekt-portfolio-management.gif);
}
div#sub1 a#subnav3.act, div#sub1 a#subnav3:hover{ background-image:url(images/nav/sub/projekt-portfolio-management_act.gif); }


div#sub2 a#subnav1{
	width:112px;
	background-image:url(images/nav/sub/dienstleistungen.gif);
}
div#sub2 a#subnav1.act, div#sub2 a#subnav1:hover{ background-image:url(images/nav/sub/dienstleistungen_act.gif); }
div#sub2 a#subnav2{
	width:161px;
	background-image:url(images/nav/sub/produkte.gif);
}
div#sub2 a#subnav2.act, div#sub2 a#subnav2:hover{ background-image:url(images/nav/sub/produkte_act.gif); }


div#sub3 a#subnav1{
	width:72px;
	background-image:url(images/nav/sub/referenzen.gif);
}
div#sub3 a#subnav1.act, div#sub3 a#subnav1:hover{ background-image:url(images/nav/sub/referenzen_act.gif); }
div#sub3 a#subnav2{
	width:110px;
	background-image:url(images/nav/sub/veranstaltungen.gif);
}
div#sub3 a#subnav2.act, div#sub3 a#subnav2:hover{ background-image:url(images/nav/sub/veranstaltungen_act.gif); }
div#sub3 a#subnav3{
	width:28px;
	background-image:url(images/nav/sub/jobs.gif);
}
div#sub3 a#subnav3.act, div#sub3 a#subnav3:hover{ background-image:url(images/nav/sub/jobs_act.gif); }
div#sub3 a#subnav4{
	width:43px;
	background-image:url(images/nav/sub/presse.gif);
}
div#sub3 a#subnav4.act, div#sub3 a#subnav4:hover{ background-image:url(images/nav/sub/presse_act.gif); }
div#sub3 a#subnav5{
	width:52px;
	background-image:url(images/nav/sub/kontakt.gif);
}
div#sub3 a#subnav5.act, div#sub3 a#subnav5:hover{ background-image:url(images/nav/sub/kontakt_act.gif); }



/* ############################################################ */
/* #### Meta-Navigation ####################################### */

div#metanav{
	padding: 15px 0 15px 50px;
}

div#metanav a{
	display:block;
	float:left;
	height:10px;
	background-repeat:no-repeat;
	background-position:left top;
	margin-right:15px;
}

div#metanav a#metanav1{
	width:52px;
	background-image:url(images/nav/meta/kontakt.gif);
}
div#metanav a#metanav1.act, div#metanav a#metanav1:hover{ background-image:url(images/nav/meta/kontakt_act.gif); }
div#metanav a#metanav2{
	width:66px;
	background-image:url(images/nav/meta/impressum.gif);
}
div#metanav a#metanav2.act, div#metanav a#metanav2:hover{ background-image:url(images/nav/meta/impressum_act.gif); }
div#metanav a#metanav3{
	width:49px;
	background-image:url(images/nav/meta/sitemap.gif);
}
div#metanav a#metanav3.act, div#metanav a#metanav3:hover{ background-image:url(images/nav/meta/sitemap_act.gif); }
div#metanav a#metanav4{
	width:32px;
	background-image:url(images/nav/meta/links.gif);
}
div#metanav a#metanav4.act, div#metanav a#metanav4:hover{ background-image:url(images/nav/meta/links_act.gif); }
div#metanav a#metanav5{
	width:32px;
	background-image:url(images/nav/meta/home.gif);
}
div#metanav a#metanav5.act, div#metanav a#metanav5:hover{ background-image:url(images/nav/meta/home_act.gif); }