/* ------------------------------ 
       Fender-Stylesheet
            31.12.2006
         Carsten Peters
       carsten-peters.net
------------------------------ */

* { 
	padding: 0;
	margin: 0;
}

img { 
	border: 0; 
}

body {
	background-color: #eee;
	font-size: 62.5%;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
}

html, body {
	height: 100%; /* Das will der IE. */
}

html>body {
	/* Das will der Rest. Safari kann kein min-height, daher wird hier eventuell etwas abgeschnitten */
	height: auto;
	min-width: 780px;
	min-height: 500px;
}

#langlist {
	position: absolute;
	list-style-type: none;
	margin: -90px 0 0 -100px;
}

#zwo #langlist {
	margin: -84px 0 0 -100px;
}

#langlist a#english,
#langlist a#deutsch {
	position: absolute;
	background: url(../upload/bilder/us.gif) no-repeat 50% 50%;
	text-indent: -9999px;
	width: 24px;
	height: 15px;
	display: block;
	text-decoration: none;
	top: 74px;
	left: 19px;
}

#langlist a#deutsch {
	background: url(../upload/bilder/de.gif) no-repeat 50% 50%;
	left: 49px;
}

#box {
	width: 780px;
	height: 500px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -250px;
	margin-left: -376px;
	background: url(../images/bg.gif) no-repeat;
}

p,
#inhalt ul {
	padding: 8px 20px 2px 0;
	background-color: transparent;
}

h1 {
	position: absolute;
	text-indent: -9999px;
	background: url(../images/logo.gif) no-repeat left top;
	width: 105px;
	height: 92px;
	z-index: 10;
	margin: -40px 0 0 -110px;
}

h1 a,
h1 a:hover {
	display: block;
	text-decoration: none;
	width: 105px;
	height: 92px;
}

h2 {
	color: #007062;
	font-size: 1.3em;
	padding: 20px 20px 0 0;
}

h3, h4 {
	color: #007062;
	font-size: 1em;
	padding: 10px 10px 0 0;
}

a {
	color: #005349;
	background-color: transparent;
	text-decoration: none;
}

a:hover {
	color: #333;
	text-decoration: underline;
}

#inhalt {
	width: 380px;
	position: relative;
}

#inhalt li {
	padding: 2px 0 2px 15px;
	list-style: none;
	background: transparent url(../images/dots.gif) no-repeat 0px 6px;
}

.vergroesserung {
	background: url(../images/lupe.gif) no-repeat 0% 50%;
	margin: 0 0 0 20px;
}

.anfahrt a {
	background: url(../images/pfeil.gif) no-repeat 0% 50%;
	padding: 0 0 0 20px;
}

#inhalt ul {
	width: 360px;
}

/* Simplified Box model Hack */
#inhalt {
\width: 550px; 
w\idth: 380px;
}

#inhalt,
#inhalt_zwo {
	height: 366px;
	overflow: auto;
	font-size: 1.1em;
	line-height: 1.6em;
	margin: 0 42px;
	padding: 40px 100px 0 70px;
	background-color: transparent;
}

#inhalt_zwo {
	width: 780px;
	height: 360px;
	margin: 0;
	padding: 40px 0 0 70px;
}

/* Simplified Box model Hack */
#right {
	width: 360px;
}

#right {
	\width: 376px; 
	w\idth: 360px;
}

#right {
	float:left;
}

#right p {
	padding: 10px 0 0 0;
	font-size: 0.98em;
	line-height: 1.6em;
	width: 250px;
}

#right p.impress {
	padding: 10px 0 0 50px;
	font-size: 0.9em;
	width: 350px;
}

#right h4 {
	padding: 5px 0 0 0;
	margin: 0 0 -10px 0;
	font-size: 0.9em;
}

#right h4.impress {
	padding: 5px 0 0 50px;
}

#left {
	float:left;
	padding: 0 110px 0 0;
}


/* ------------------------------ 
                navi
------------------------------ */

#navi {
	font-size: 1.1em;
}

#navi {
	margin: 65px 0 0 42px;
}

#navi a,
#servicenavi a {
	color: #005349;
	text-decoration: none;
}

#navi a:hover,
#servicenavi a:hover {
	color: #333;
	text-decoration: underline;
}

#navi li a#current,
#servicenavi a#current,
#servicenavi_zwo a#current {
	font-weight: bold;
}

#navi li li a#subcurrent {
	text-decoration: underline;
}

#navlist,
#servicelist {
	list-style: none;
}

ul#navlist {
	position: absolute;
	top: 65px;
	left: 43px;
	width: 700px;
	z-index: 100;
}

#navlist li,
#servicelist li {
	display: inline;
}

#navlist li:before {
	content: "| ";
	padding: 0 0.8em;
}

#navlist li:first-child:before {
	content: "";
	padding: 0;
}

/*IE workaround*/
/*All IE browsers*/
* html ul#navlist li {
	border-left: 1px solid black;
	padding: 0 1.4em 0 1.4em;
	margin: 0 1.4em 0 -1.4em;
}

/*Win IE browsers - hide from Mac IE\*/
* html #navlist {
	height: 1%;
}

* html #navlist li {
	display: block;
	float: left;
}
/*End hide*/
/*Mac IE 5*/
* html #navlist li:first-child {
	border-left: 0;
}

#navlist>#subnavlist {
	left: 0px;
}

ul#subnavlist {
	position: absolute;
	top: 25px;
	left: 1px;
	width: 700px;
	z-index: 100;
}


* html ul#subnavlist li {
	border: 0;
}


/* ------------------------------ 
           service navi
------------------------------ */

#servicenavi {
	margin: 23px 0 0 -2px;
	padding: 0 0 0 41px;
}

#box>#servicenavi { /* Child selector Hack IE Win */
	margin: 23px 0 0 0;
	padding: 0 0 0 43px;
}

#servicenavi_zwo {
	margin: 29px 0 0 39px;
}

ul#servicelist {
	padding: 0;
}

#servicelist li:before,
#subnavlist li:before {
	content: ":: ";
	padding: 0 0.5em 0 0.8em;
}

#servicelist li:first-child:before,
#subnavlist li:first-child:before {
	content: "";
	padding: 0;
}

/*IE workaround*/
/*All IE browsers*/
* html #servicelist li,
* html #subnavlist li {
	padding: 0 1.1em 0 1.9em;
	margin: 0 1.4em 0 -1.4em;
	background: url(../images/dots.gif) no-repeat 0% 50%;
}

* html #subnavlist li {
	background: url(../images/dots.gif) no-repeat -2px 50%;
}

/*Win IE browsers - hide from Mac IE\*/
* html #servicelist,
* html #subnavlist {
	height: 1%;
}

* html #servicelist li,
* html #subnavlist li {
	display: block;
	float: left;
}
/*End hide*/
/*Mac IE 5*/
* html #servicelist li:first-child,
* html #subnavlist li:first-child {
	border-left: 0;
}


/* ------------------------------ 
              images
------------------------------ */


#img img {
	position: absolute;
}

img#start {
	margin: 162px 0 0 454px;

}

img#kontakt {
	margin: 10px 0 0 518px;
}

img#aktuelles {
	margin: 220px 0 0 508px;
}

img#person {
	margin: 180px 0 0 464px;
}

img#philosophie {
	margin: 97px 0 0 552px;
}

img#coaching {
	margin: 10px 0 0 552px;
}

img#vertrieb {
	margin: 207px 0 0 486px;
}

img#impressum {
	margin: 358px 0 0 9px;
}

img#fk-coaching {
	margin: 86px 0 0 444px;
}

img#team {
	margin: 184px 0 0 487px;
}

img#konflikt {
	margin: 98px 0 0 650px;
}

img#schnitt {
	margin: 86px 0 0 540px;
}

img#vertrieb-verk {
	margin: 190px 0 0 426px;
}

img#vertrieb-markt {
	margin: 89px 0 0 499px;
}

img#vertrieb-orga {

	margin: 151px 0 0 484px;
}

img#kommunikation {
	margin: 86px 0 0 598px;
}