/**************************************************************************
*
*  viewport - common settings 
*
***************************************************************************/
html {
	margin: 0; 
	padding: 0;
}

body {
   margin: 0; 
   padding: 0;
}




/**************************************************************************
*
*  body - project specific settings 
*
***************************************************************************/

body {

	font: 11pt Verdana, Arial, Helvetica, sans-serif;
   color: rgb( 255, 255, 255 ); 


/* use this, or margins will be white aka. transp. to the bgcolor. Esp. logo-spacing! */
/* 	background-color: rgb(0  , 26, 75);   */
	
	
   /* background-color: rgb(  0, 20,148); */   /* preussisch blau */
   background-color: #33339A;   /* DIAPEN blau */

	/* nicht in div#content! mozilla issues! */
	background-attachment: scroll;
	background-image: url(../../layout_img/DIAPEN/bg/reflex1e_diapen.jpg);   /* lila */

	background-repeat: no-repeat;
	background-position: left top;



}



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



div#banner {
	/* background-color: rgb( 255, 51, 0); */   /* dbg */  /* red - dark */
	background-color: rgb(  0, 20,148);  /* blue bg like content */

	height: 76px;  /* this is optional, height is dominated by banner image height ( 400 x 127 px)*/

	background-attachment: scroll;
	background-image: url(../../layout_img/DIAPEN/banner/banner3.jpg);
	background-repeat: repeat-x;
	background-position: left top;

	/* 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#bluebar {
/*	background-color: rgb(255,153,  0); */   /* orange - dark  */
	background-color: rgb(0  , 26, 75);  /* dark blue */
	height: 30px;
}



div#greenbar,
div#whitebar {
/*	background-color: rgb(100,153,  0); */   /* orange - dark  */
	font-size: 1px;
	color: #FFF;
}

div#greenbar {
	/* background-color: rgb( 51,153,102);  */    /* green/petrol - old - #339966 */
	background-color: rgb( 9,165,126);  /* green/petrol - new - mehr petrol - #09A57E*/
	height: 7px;
}


div#whitebar {

	background-color: rgb( 86, 99,150);  /* blue/gray */
	height: 2px;

   clear:     both; 
   padding:   0px; 
   margin:    0px; 
   border:    1px none;

}






div#content {
/*   background-color: rgb(  0, 20,148);  */ /* preussisch blau */


	/* height: 430px;  */      /* preserve a minimum height, suitable for 1024*768 */
	/* min-height: 430px; */  /* preserve a minimum height, suitable for 1024*768 */
/* put bg img in body due to non-ie browser limitations - aka firefox */
}


#img-preserve-content-height {
	float: left;
	/* height: 430px; */
}


div#footer {
/*	background-color: rgb(0,204,204); */    /* aqua - dark  */
	background-color: rgb(0  , 26, 75);  /* dark blue */
	height:76px;

/*
	background-attachment: scroll;
	background-image: url(../../layout_img/COM/footer/footer_square.gif);
	background-repeat: no-repeat;
	background-position: left top;
*/


}



/*
#---------------------------------------------------------- 
#
#              ######### Inner Spacing
#             ############
#             ###      ###
#             ### 
#               ### 
#                 ### 
#                   ### 
#                     ### 
#                      ### 
#                     #### 
#                    #####
#           ####    #####
#            ###########
#             #########
#---------------------------------------------------------- 
*/

/**************************************************************************
*
*  div - bluebar - Spacing und Inhalt
*
***************************************************************************/
div#bluebar-spacing {
	/* background-color: rgb( 153, 153, 153 ); */   /* orange - lighter  */

	padding: 0px none;

	padding: 0em none;
	padding-left: 255px;
	padding-top: 5px;


/* dont use margin, or bg will shine through */
/*
	margin: 0px none;
	margin-left: 250px;
	margin-top: 5px;
*/

}

div#bluebar-inhalt {
/*	background-color: rgb( 204, 204, 153 ); */
/* details are set in the link section */
/* no, this isn't any longer a menue, just the plain page title */
	color: #FFFFFF;

	font-size: 14pt;
	font-weight: normal;

}


/**************************************************************************
*
*  div - footer - Spacing und Inhalt
*
***************************************************************************/
div#footer-spacing {
	/* background-color: rgb( 153, 153, 153 );  */

	padding: 0em none;
	padding-left: 400px;
	padding-top: 30px;
}

div#footer-inhalt,
div#footer-inhalt table, 
div#footer-inhalt tr, 
div#footer-inhalt td 
{
	font-size: 8pt;
}


div#footer-inhalt
{
	/* background-color: rgb( 204, 204, 153 );  */
	width: 300px;
	color: #FFFFFF;
}