/* custom styles */


/* ######################################################################################################
** # Layout:  .col1, .col2, .col3 - Global settings                         #############################
** ######################################################################################################
**
*/
.col1,
.col2,
.col3,
#content-col1,
#content-col2,
#content-col3 {
	/* float: left; */		/* no need to float any more, no need for min-widht        */
	position: absolute;		/* just make it absolutely positionen inside the container */
}

#content-col1,
#content-col2,
#content-col3 {
	padding-bottom: 91px;    /* 71px + x */
}





.col1 {

	/* background-color: RED; */
	width: 139px;
	left:  18px;   /* 18px ist zu wenig */
}
.col2 {
	width: 300px;
	left:  157px;   /* 18px ist zu wenig */
}
.col3 {
	width: 337px;  /* max w. = 794px - 457px = 337px */
	left:  457px;   /* 18px ist zu wenig */
}





/* ######################################################################################################
** # Layout:  .tail - Global settings                                       #############################
** ######################################################################################################
**
*/
	/* Rechtsbuendiger Content oben (NAVSERVICE) und unten (COPYRIGHT) rechts auf der Site */
.tail {
	float: right;					/* Float this tail to the right corner                */
	position: relative; 			/* Not absolutely positioned, to make the float work! */

	/* margin-left: 600px; */  /* damit es sich nicht unter die abolut positionierten .col1,2,3 schiebt. */
										/* FF2 ok                           */
										/* Safari 3 ok                      */
										/* Opera9 ok                        */
										/* IE7 ok                           */
										/* IE6   kann damit nicht umgehen.  */
										/* IE5.5 kann damit nicht umgehen.  */

}