/* suessmann coaching: position */

/***********************************************/
/*                                             */
/*            © by zweihochdrei gmbh           */
/*   written and composed by markus erdmann    */
/*                                             */
/***********************************************/

/* grŸn suessmann (color="#ccff66") */

/******* body setup *******/

#body, html
{
position:absolute;
top:0px;
left:0px;
width:100%;
margin-left:-10px;
background-color:white;
z-index:1;
overflow: -moz-scrollbars-vertical;
}

/******* page-box *******/

#container 
{
	position:relative;
	width:105%;		/* mehr als 100% fŸr Mac-Safari: hintergrundbild Ÿber ganze seite */
	height:630px;
	left:0px;
	top:0px;
	margin-left:0px;
	margin-right:-8px;
	background:#fff url("images/bg_unten3_grau.gif") repeat-x 0px 480px;
	z-index:2;
	background-image: url(images/bg_unten3.gif);
}

* html #container	/* InternetExplorer Hack */
{
left:-10px;
margin-right:-20px;
}

/******* main-content box *******/

#content
{
	position:absolute;
	top:200px;
	left:274px;
	height:auto;
	min-height:360px;
	height:auto !important;	/* InternetExplorer Hack */
	height:360px;		/* InternetExplorer Hack */
	width:451px;
	border-left:1px solid #ccff66;
	border-right:1px solid #ccff66;
	border-bottom:1px solid #ccff66;
	background-color:#FFFFFF;
	cursor:default;
	z-index:50;
	
}

/******* header *******/

#kopf
{
position:absolute;
top:0px;
left:0px;
margin:0px;
width:100%;
height:200px;
background-image:url(bg_kopf_transparent.gif);
background-repeat:repeat-x;
background-position:0px 85px;
background-color:transparent;
}


#kopf a		/* Logo-Position */
{
position:absolute;
left:20px;
top:25px;
display:block;
height:80px;
width:210px;
margin:0px;
border:none;
}

/******* footer *******/

#fuss 
{
position:absolute;
top:537px;
left:20px;
height:18px;
width:auto;
border:none;
display:inline;
cursor:default;
z-index:34;
}

/******* main-nav: chapter navigation *******/

.topnav1
{
position:absolute;
top:104px;
left:279px;
margin:0px;
width:auto;
background-color:none;
z-index:11;
}

.topnav1 a,
.topnav1 a:link, 
.topnav1 a:visited, 
.topnav1 a:active,
.topnav1 a:hover
{
border:none;
background-color:none;
}

.navbox
{
position:relative;
left:0px;
top:0px;
width:133px;
height:auto;
display:inline;
float:left;
margin-right:20px;
}

.subnav		/* UntermenŸ: approach und person */
{
position:relative;
display:block;
margin-top:-10px;
margin-left:11px;
margin-right:-1px;
}

* html .subnav	/* InternetExplorer Hack */
{
top:-5px;
}

.topnav2  /* subnavigation, rechts vom container */
{
position:absolute;
top:200px;
left:739px;
margin:0px;
width:85px;
background-color:none;
z-index:31;
}

.topnav2 a,
.topnav2 a:link, 
.topnav2 a:visited, 
.topnav2 a:active,
.topnav2 a:hover
{
border:none;
background-color:none;
}

.topnav3  /* subnavigation, englisch deutsch */
{
position:absolute;
top:465px;
left:739px;
margin:0px;
width:75px;
background-color:none;
z-index:31;
}

.topnav2 a,
.topnav2 a:link, 
.topnav2 a:visited, 
.topnav2 a:active,
.topnav2 a:hover
{
border:none;
background-color:none;
}

.topnav4  /* subnavigation, workshops und coaching */
{
position:absolute;
top:315px;
left:739px;
margin:0px;
width:75px;
background-color:none;
z-index:31;
}

.topnav4 a,
.topnav4 a:link, 
.topnav4 a:visited, 
.topnav4 a:active,
.topnav4 a:hover
{
border:none;
background-color:none;
}

/******* Bilder *******/

#bild	/* Bilder: Fische */
{
position:absolute;
top:200px;
left:20px;
width:132px;
height:80px;
cursor:default;
z-index:31;
}

#bild_chris	/* Bilder: Approach, Person, CV */
{
	position:absolute;
	top:200px;
	left:20px;
	width:200px;
	height:158px;
	cursor:default;
	z-index:29;
}


#pfeil	/* Pfeil am linken Rand vom Content */
{
	position:absolute;
	top:200px;
	left:236px;
	width:35px;
	height:51px;
	background-repeat:no-repeat;
	background-position:0px 0px;
	background-color:transparent;
	cursor:default;
	z-index:30;
}

#spacer25	/* Abstandhalter zwischen Textblšcken */
{
position:relative;
left:0px;
top:0px;
width:0.01px;
height:10px;
background-color:white;
}

/****** Index-Seite: Pfeilbilder ******/

#bild_index2	/* Transparente >>>>>> Pfeile auf Indexseite */
{
position:absolute;
top:200px;
left:730px;
width:300px;
height:108px;
cursor:default;
z-index:55;
}

/* Transparen Pfeile: Einzelposition */

.opaque1 
{
position:relative;
left:15px;
}

.opaque2 
{
position:relative;
left:30px;
}

.opaque3 
{
position:relative;
left:45px;
}

.opaque4 
{
position:relative;
left:60px;
}

.opaque5
{
position:relative;
left:75px;
}

/*********************************/