@import "Menu.css";

 */* */ 
 {margin:0;list-style:none;padding:0;}

html {
		height: 100%;
}

body 	{
		color:#000;
		text-align:center;
		font-family:Verdana,Arial,Helvetica,sans-serif;
		font-size:11px;
		width: 100%;
		background: #94A3AD url(../grafik/hg/page.gif) repeat-x top;
		}

.wrapper {
		position: relative;
		text-align: left;
		margin: 0 auto;
		width: 828px;
		background: url(../grafik/hg/fw.gif) no-repeat 0 217px;
		z-index: 0;
}

.wrapper2 {
		position: relative;
		width: 800px;
		background: url(../grafik/hg/content_body.gif) repeat-y 205px;
}

.content {
		position: relative;
		width: 590px;
		margin-left: 205px;
		background: url(../grafik/hg/content_top.gif) no-repeat 0 0;
		float: left;
		display: inline;
}

body.home {
		background: #94A3AD url(../grafik/hg/hg_home.gif) repeat-x center;
}
	
body.home .horizon    {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block;
	}

body.home .wrapper {
		position: absolute;
		top: -80px;
		left: 0;
		height: 150px;
		width: 100%;
		visibility: visible;
		text-align: center;
		background: none;
}

body.home .content {
		position: relative;
		height: 150px;
		width: 426px;
		text-align: center;
		margin: auto;
		background: none;
		float: none;
}

body.home h1, body.home p { 
		padding: 0;
		height: auto !important;
		position: relative;
		margin: 0 auto;
		width: 600px; 
		float: none;}

body.home p { padding-left: 195px; width: 420px; color: #fff; text-align: left; padding-top: 10px; display: block; }

body.home h1 a {
		padding: 77px 0 0 0;
		overflow: hidden;
		background: transparent url(../grafik/typo/logo_home.gif) no-repeat 0 0;
		height: 0px !important;
    	height /**/:77px;
		margin: 0 auto;
		position: relative;
		display: block;
		width: 500px;
		}
		
body.home h1 a:hover {
		background-color: transparent; 
}

.home #menu { display: none; }

p,table	{
		font-size:11px;
		line-height:18px;
		margin: 0 0 10px 0;
		float: left;
		display: inline;
		font-weight: normal;
		}

td { line-height:18px; padding: 0 0 15px 0; }
		
table { line-height: normal; display:block; padding-top: 0; margin-bottom: 0; margin-top: 10px;}

.txtCol p { width: 100%; }
		
table tr td {
		vertical-align:top;
		}
		
a, a:link, a:visited, a:active {
		color: #5D7484;
		font-weight: bold;
		}


a:hover {
		background-color: #E7EAED;
		text-decoration:none;
		}

.blau { color: #5D7484;}		

img, a img {
		border: none;
		background: none;
		float: left;
		padding: 0;
		margin: 0 20px 0 0;
		}
		
img.schema {
		margin:15px 0 20px 0;
}

img.right {
		margin: 0 0 0 25px;
}
		
div#header img {
		float: none;
}

ul,li 	{
		margin:0;
		padding:0;
		line-height: 18px;
}

ul 	{
		float: left;
		position: relative;
		width: 350px;
		}

li 		{	
		margin-bottom:10px;
		padding-left: 15px;
		background: url(../grafik/typo/bullet6.gif) no-repeat 0 0.5em;
		}
		
* html li { float: left; width: 100%;  }
		
ul.linkList {
		float: left;
		width: 170px;	
}

ul.engliste li { margin-bottom: 0; }


h1 	{
		padding: 0;
		overflow: hidden;
		background-position: 0 0;
		background-repeat: no-repeat;
		height:30px;
		text-indent: -9999em;
    	position: relative;
		margin: 5px 0 20px 22px;
		display: inline;
		float: left;
		width: 500px;
		}
		
h1#businessprofil {
		background-image: url(../grafik/typo/businessprofil.gif);
		}
		
h1#geschaeftsfelder {
		background-image: url(../grafik/typo/geschaeftsfelder.gif);
		}
		
h1#corporatefinance {
		background-image: url(../grafik/typo/corporatefinance.gif);
		}
		
h1#interactivemedia {
		background-image: url(../grafik/typo/interactivemedia.gif);
		}
		
h1#telecomconsulting {
		background-image: url(../grafik/typo/telecomconsulting.gif);
		}
		
h1#vortraege {
		background-image: url(../grafik/typo/vortraege.gif);
		}
		
h1#imsp {
		background-image: url(../grafik/typo/imsp.gif);
	}
	
h1#people {
		background-image: url(../grafik/typo/ralf-p-mueller.gif);
		height: 65px;
		}
		
h1#people_consultant {
		background-image: url(../grafik/typo/urban-valentin.gif);
		height: 65px;
		}
		
h1#people_schwade {
		background-image: url(../grafik/typo/stephan-p-schwade.gif);
		height: 65px;
		}
		
h1#people_geissler {
		background-image: url(../grafik/typo/sebastian-geissler.gif);
		height: 65px;
		}
		
h1#service {
		background-image: url(../grafik/typo/service.gif);
		}
		
h1#kontakt {
		background-image: url(../grafik/typo/kontakt.gif);
		}

h1#impressum {
		background-image: url(../grafik/typo/impressum.gif);
		}
		
h1#haftungsausschluss {
		background-image: url(../grafik/typo/haftungsausschluss.gif);
		margin-bottom: 10px;
		margin-top: 10px;
		}

		
ul.w270 {
		width: 270px;
		padding-right: 22px;
		padding-bottom: 5px;
		display: inline;
}

* html ul.w270 { width: 250px; }
		
h3 	{
		font-family: Arial, Helvetica, sans-serif;
		margin: 20px 0 8px 0;
		font-size:13px;
		line-height:1.4em;
		}
		
.impressum .copy h2 { margin: 10px 0 10px 0; }


h5		{
		font-size: 11px;
		font-weight: bold;
		color: #C68900;
		line-height:1.4em;
		margin: 0 20px 15px 0;
		}

fieldset, form {
		margin: 0 0 10px 0;
		padding:0 0 0 0;
		border:none;
		float: left;
		}
		
.adrCol p { width: 220px; }
		
label {
		font-size: 11px;
		font-weight: bold;
		margin-bottom: 2px;
		padding-left: 0px;
		color:#5D7484;
		}

input { margin-bottom: 3px; }
		
.txtInput {
		width:240px;
		font-family:Verdana,Arial,Helvetica,sans-serif;
		font-size:11px;
		background-color:#fff;
		color:#000;
		margin-top:2px;
		margin-bottom:13px;
		border: 1px solid #AEB9C1;
		padding: 1px;
		}
		
select, optgroup, option {
		font-size:11px;
		font-family:Arial,Helvetica,sans-serif;
		}

optgroup label {
		font-variant: normal;
		}

.formButton {
		font-family:Verdana,Arial,Helvetica,sans-serif;
		font-size:11px;
		font-weight:bold;
		background-color:#5D7484;
		color:#fff;
		width: auto;
		}

.orange {color:#DF884C;}

/* basic page areas --------------------------------*/

.copy {
		position: relative;
		width: 480px;
		float: left;
		margin: 0px 40px 0 47px;
		display: inline;
		padding-bottom: 10px;
}

* html .copy { padding-bottom: 20px; }
*+ html .copy { padding-bottom: 25px; }

.rot { color: #990000; }

.kontakt .copy { margin-right: 0; width: 520px; }

* html .kontakt .copy { padding-bottom: 20px; }

.adrCol {
		float: left;
		width: 250px;
		display: inline;
}

.formCol {
		float: left;
		width: 240px;
		margin-bottom: 20px;		
}

div.clearer {clear: left; line-height: 0px; height: 0px; margin: 0;}

.clearBoth {
		clear: both;
		height: auto;
		}
		
img.inlinePic {
		margin: 2px 15px 10px 0;
		float: left;
		padding: 0;
		border: 4px solid #DFE3E6;
		}

h2 {
		font-size: 17px;
		font-weight: bold;
		color: #485B68;
		margin-bottom: 20px;
		float: left;
		width: 500px;
}

h2 span { font-weight: normal; color: 000;}

.people .copy h2 { margin-bottom: 10px; }

.people .copy table { margin-bottom: 15px; }

.people .copy { padding-bottom: 0; }

/* typo elements ----------------------- */

h2.header a {
		padding: 145px 0 0 0;
		overflow: hidden;
		background-repeat: no-repeat;
		background-position: 15px 0;
		background-image: url(../grafik/typo/logo.gif);
		height: 0px !important;
    	height /**/:145px;
		float: left;
		width: 800px;
}

h2.header a:hover { background-color: transparent; }

h2.header { margin-bottom: 0;
		}

p.legals {
	font-size: 11px;
	color:#CAD1D6;
	text-align: right;
	width: 590px;
	wid\th: 590px;
	padding: 15px 0 30px 0;
	background: #94A3AD url(../grafik/hg/content_bottom.gif) no-repeat top left ;
	margin-bottom: 0;
	margin-left: 205px;
}

.legals a, .legals a:link, .legals a:visited {
	color:#E2E7EB;
	text-decoration: none;
}

.legals a:hover { color: #5D7484; }

.home #footer { position: absolute; z-index: 1; bottom: 0; left: 50%; height: 35px; }

.home .legals { position: absolute; background: none; padding: 0; margin: 0 auto 0 auto; text-align: left; width: 500px; 
left: -110px;}

/* helpers ---------------------------- */

.plus0t {margin-top:0;}

.plus5t {margin-top:5px;}

.plus5l {margin-left:5px;}

.plus2l {margin-left:2px;}

.plus5b {margin-bottom:5px;}

.plus0b {margin-bottom:0;}

.plus0r {margin-right:0;}

.plus10b {margin-bottom:10px;}

.plus10t {margin-top:10px;}

.plus15b {margin-bottom:15px;}

.plus25 {margin-bottom:25px;}

.plus15t {margin-top:15px;}

.plus20t {margin-top:20px;}

.plus20l {margin-left:20px;}

.plus20b {margin-bottom:20px;}

.plus25b {margin-bottom:25px;}

.plus30t {margin-top:30px;}

.plus30b {margin-bottom:30px;}

.plus35r {margin-right:35px;}

.plus40l {margin-left:40px;}

.plus50b {margin-bottom:50px;}

.plus50l {margin-left:50px;}

.plus70r {margin-right:70px;}

.minus10b {margin-bottom: -10px; }

.w200 {width: 200px; }

div.w310 {width: 310px; }

div.w260 {width: 260px; }

div.w350 {width:350px; }

div.w600 {width: 600px; }

.w700 {width: 700px; }

.hidden {display:none;}
		
.shown {display:block;}

.addInfo {display:none;}

.nofloat {float:none; display:block;}

hr { display: none; }

p.toTop { width: 500px; padding-left: 15px; background: url(../grafik/typo/pfeil_hoch.gif) no-repeat 0 0.38em; }

table.leistungen { width: 500px; }

table.leistungen td {
	border: 1px solid #E7EAED;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	padding: 5px 20px 6px 10px;
	margin-left: 5px;
}

table.leistungen td.cat {background-color: #E7EAED; font-weight: bold; border-left: 1px solid #E7EAED;}

.geschaeftsfelder .copy { width: 530px; }

.geschaeftsfelder .copy p {
	width: 228px; padding-right: 35px; padding-bottom: 20px; margin-bottom: 0;
}

* html .geschaeftsfelder .copy p { padding-bottom: 20px; }

.imgRow img.inlinePic { margin-bottom: 30px; }

.geschaeftsfelder h2#media { margin-top: -20px; }
* html .geschaeftsfelder h2#media { margin-top: 10px; }

.leistungen img, .service img { border: 4px solid #DFE3E6; margin-bottom: 60px;}

.service img { margin-bottom: 20px; }

.service h2 { line-height: 140%; }

.leistungen .copy { 
	background: url(../grafik/hg/portfolio.gif) no-repeat 0 110px; 
	width: 530px;
	}
	
ul.portfolio, ul.umsetzung { float: left; width: 220px; margin-left: 5px; margin-bottom: 20px; display: inline; padding: 0;}

ul.umsetzung { margin-left: 38px; }

.portfolio li, .umsetzung li { margin-bottom: 5px; width: 205px; float: left; }

.imsp .copy { 
	background: url(../grafik/hg/imsp.gif) no-repeat 0 110px; }

.dates { width: 143px; color: #5D7484; }

td.date { color: #5D7484; padding-top:0;}

td.date span { background-color: #E7EAED; width: 143px; padding: 3px 5px; }

td { border-top: 2px solid #E7EAED; padding-top: 5px;}

#menu li ul#ddpeople { width: 166px; }
#menu li ul#ddpeople li a  { width: 138px; }