/**************************************************************************
*
*  div - for layout - use MARGIN only
*
*  MARGIN!
*  No padding and (if possible) 
*  No border for layout layers
*
*  Reason: IE Boxmodel Bug
*
***************************************************************************/

/* red - dark */
/* see ws_screen_500_ws_specific.css */
/* this is optional, height is dominated by banner image height ( 400 x 127 px)*/
/* do not set a width here, otherwise the bg-image will not displayed 100% wide */
/* width: 1020px;  keep menue from wrapping */
/* and moreover, we will have a horizontal scroll bar */

div#navservice 
{
	height: 130px;  
}


/* orange - dark  */
div#navmain {
	/* see ws_screen_500_ws_specific.css */
	height: 44px;
}


/* green - dark  */
div#navinnen {
	height: 30px;  /* preserve height, wether we have a navinnen or not */
}


/* A-B-S-O-L-U-T-E */
div#navsub {
	position:absolute;
	left:18px;
	top:221px;
	
	width:102px;
	height:246px;
	
	z-index:5;

}


/* navinnen geht in inhalt auf */

/**************************************************************************
*
*  div - einspalter
*
***************************************************************************/
/* A-B-S-O-L-U-T-E */
/* siena - dark  */
div#inhalt-einspalter {

	position:absolute;
	left:177px;   /* green, oval bg - left align with the "H" in navmain's "Home" */
	top:180px;    /* old = 232px */

	width:750px;
/*	height:291px; */

	z-index:6;

 	/* background-color: rgb(153,153,51);  */

}




/**************************************************************************
*
*  div - zweispalter-greenbar
*
***************************************************************************/
/* A-B-S-O-L-U-T-E */
/* siena - dark  */
div#inhalt-zweispalter-greenbar-links {

	position:absolute;
	left:167px;   /* green, oval bg - left align with the "H" in navmain's "Home" */
	top:180px;    /* old = 232px */

	width:654px;  /* 1280x1024 = 644px */
/*	height:291px; */

	z-index:6;

	/* see ws_screen_500_ws_specific.css */

}

div#inhalt-zweispalter-greenbar-links-spacing {

	/* border: 1px solid #FF0000; */
 	/* background-color: rgb(193,193,91);  */

	/* padding-right: 10px;  */
	margin-right: 10px;  /* orig 10px */

}



/* A-B-S-O-L-U-T-E */
div#inhalt-zweispalter-greenbar-rechts {
	position:absolute;
	left:835px;  /* 853px  */
	top:191px;    /* old = 243px */

	width:140px;
/* 	height:291px; */

	z-index:7;


 	/* background-color: rgb(190,190,190);  */


	/* font-size: 8pt; */


}


div#inhalt-zweispalter-greenbar-rechts-spacing {

/*
	background-color: rgb(223,223,111); 
*/

}






/**************************************************************************
*
*  div - zweispalter (ohne greenbar)
*
***************************************************************************/

/* A-B-S-O-L-U-T-E */
/* siena - dark  */
div#inhalt-zweispalter-links {

	position:absolute;
	left:167px;   /* green, oval bg - left align with the "H" in navmain's "Home" */
	top:180px;    /* old = 232px */

	width:400px;  /* 1280x1024 = 644px */

	z-index:6;


}



div#inhalt-zweispalter-links-spacing {

	/* border: 1px solid #FF0000; */
 	/* background-color: rgb(91,193,193);  */

	/* padding-right: 10px;  */
	margin-right: 10px;  /* orig 10px */

}






/* A-B-S-O-L-U-T-E */
div#inhalt-zweispalter-rechts {
	position:absolute;
	left:600px;  /* 853px  */
	top:191px;    /* old = 243px */

	width:140px;
/* 	height:291px; */

	z-index:7;

/*
 	background-color: rgb(190,190,190); 
*/
}



div#inhalt-zweispalter-rechts-spacing {

/*
	background-color: rgb(223,223,111); 
*/

}




/**************************************************************************
*
*  div - inner spacing
*
*  use margin
*
***************************************************************************/
/* red - lighter */
div#navservice-spacing {
	/* background-color: rgb( 255, 153, 153 );  */
	width: 960px;
}

div#navservice-wrap-gmenue {
	float: left;

	margin-left: 100px;
	margin-top:   20px;

}



/* orange - lighter  */
div#navmain-spacing {
	margin-left: 150px;
	width: 830px;  /* keep menue from wrapping */
}


/* green - lighter  */
div#navinnen-spacing {
	/* background-color: rgb( 153, 204, 153 ); */
	margin-left: 178px;
	margin-top:   15px;
	width: 800px;  /* keep menue from wrapping */

}


/* aqua - lighter  */
div#navsub-spacing {
	background-color: rgb( 153, 204, 204 );
	margin-left: 18px;
}


/* siena - lighter  */
div#inhalt-spacing {
	/* background-color: rgb( 204, 204, 153 ); */
	margin-left: 18px;
	margin-right: 2em;
	/* width: 800px; */
	/* preserve minimum width - keep content from wrapping               */
	/* problem:  IE5.5 and IE6/win show unexpected top margin.           */
	/* solution: use wrapper div, which includes the navsub layer, too.  */

}

/**************************************************************************
*
*  banner und logo
*
***************************************************************************/
img#banner {
	float: left;
}	


img#logo   {
	float: left;
}	



/**************************************************************************
*
*  footer space
*
***************************************************************************/
p#footerspace
{
	/* border: 1px solid #FF0000; */
 	/* background-color: rgb(222,222,200);  */

	margin: 0em;
	margin-top: 2em;  

}



/**************************************************************************
***************************************************************************
***************************************************************************
*  START CONTENT STYLES ...
***************************************************************************
***************************************************************************
***************************************************************************
*  MAIN PROBLEM:
*  User input from editors could be wider than the allowed width.
*  This would wrap the div#right, as it is floated.
*  --> Not really. Typo3 limits the max image size. 
*
*  CAUSE:
*  For mozilla based browsers, there's no problem. The content will flow out of the box.
*  No wrapping to occur.
*  For IE based browsers, the cause is, that IE will not allow the content to flow out
*  of the box. Instead, it enlarges the box (aka the div) itself, to match the content.
*  
*  SOLUTION:
*  None so far.
*
*  WORKAROUND:
*  a) Use absolutely positioned layers
*  b) Use table based layout
*
*
***************************************************************************
***************************************************************************/

/**************************************************************************
*
*  zweispaltigkeit
*
***************************************************************************/
div#content-left {
	width: 620px;
	float: left;
}


div#right {
	width: 140px;
	margin-left: 25px;
	float: left;
}


div#content-right 
{
	margin-left: 1em;
}

/* ADD SOME CLEAR:BOTH */