html {
	padding:0px;
	margin:0px;
}
body {
	/* Hack fuer Zentrierung auch in aelteren Bowsern */
	text-align:center;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:13px;
}
#centerPage {
	background-color: #DFEAEE;
	width:85%;
	min-width:750px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	/* Zentrierungs-Hack aufheben */
	text-align:left;
}


/* ### HEADER STYLES ### */
#header {
	background-color: #DFEAEF;
	height:160px;
    	position:relative;
	_overflow:hidden;


}

#headline{
	margin-bottom:15px;
	font-size:20px;
	font-family:Arial,Verdana,sans-serif;
	font-weight:bold;
	color:#095BA6;
}

#headerLogo {
	position:relative;
	background-image: url(../img/Cinram_logo_RGB_lb_tr.gif);
   	background-repeat: no-repeat;
	background-position: right;
	height:180px;
	top:-220px;
}
#headerImage {
	background-image: url(../img/Kreis_linie2c2mini2.png);
   	background-repeat: no-repeat;
	background-position: left;
	top:3px;
	left:0px;
	width:400px;
	height:60px;
	position:relative;
	overflow:hidden;

}

#headerImage2 {
	position:relative;
/*	background-image: url(../img/Kreis_linie3bminib.png);*/
   	background-repeat: no-repeat;
  	background-position: right;
	right:450px;
	top:-100px;
	height:60px;
	overflow:visible;
	z-index:50;
}

#kreis1 {
	position:relative;
	background-image: url(../img/Kreis1.gif);
   	background-repeat: no-repeat;
  	background-position: right;
	right:57px;
	height:57px;
}
#kreis2 {
	position:relative;
	background-image: url(../img/Kreis2.gif);
   	background-repeat: no-repeat;
  	background-position: right;
	right:57px;
}
#kreis3 {
	position:relative;
	background-image: url(../img/Kreis3.gif);
   	background-repeat: no-repeat;
  	background-position: right;
	right:57px;
}
#kreis4 {
	position:relative;
	background-image: url(../img/Kreis4.gif);
   	background-repeat: no-repeat;
  	background-position: right;
	right:60px;
}
#kreis5 {
	position:relative;
	background-image: url(../img/Kreis5b.gif);
   	background-repeat: no-repeat;
  	background-position: right;
	right:0px;
	height:57px;
	top:3px;
	
}


/* ### END HEADER STYLES ### */

/* Creates the light blue box in the header*/
#box{
	position:relative;
	left:0px;
	height:98px;
	background-color: #EDF1F5;
	z-index:0;
	bottom:-30px;
}

/* Creates darker blue box in the header to the left of light blue box */
#boxwrapperleft{
 	background-image: url(../img/lblue_white2b.gif);	
    	background-repeat: repeat-y;
    	background-position: 0px 0;

 }
 
 /* Creates darker blue box in the header to the right of light blue box */
#boxwrapperright{

      background-image: url(../img/white_lblueb.gif);
    	background-repeat: repeat-y;
    	background-position: 100% 0;
	height:98px;

}

/* Position of the language switch */
#language {
	position:absolute;
	height:13px;
	width:187px;
	bottom:30px;
	text-align:left;
	padding-left:20px;
	z-index:30;
}



/* Creates blue background below the navigation */
#bgwrapperleft{
 	background-image: url(../img/blue_white2b.gif);
    	background-repeat: repeat-y;
    	background-position: 0px 0;
 }
 
 /* Creates light blue background at the right */
 #bgwrapperright{
                background-image: url(../img/white_blueb.gif);
    	background-repeat: repeat-y;
    	background-position: 100% 0;
    }


 #bubbles{
      background-image: url(../img/bubblesb.png);
    	background-repeat: repeat-y;
    	background-position: 100% 0;
    } 

#slbox{
	position:relative;
	left:0px;
	height:27px;
	background-color: #EDF1F5;
	z-index:0;
}

#slboxwrapperleft{
 	background-image: url(../img/lblue_white2b.gif);	
    	background-repeat: repeat-y;
    	background-position: 0px 0;
 }
 
#slboxwrapperright{
      background-image: url(../img/white_lblueb.gif);
    	background-repeat: repeat-y;
    	background-position: 100% 0;
	height:27px;
}



/* ### NAVIGATION LEFT ### */
#navleft {
	position:relative;
	float:left;
	top:-26px;
	background-color: #B0CAD7;
	color:#FFFFFF;
	width:187px;
	font-size:14px;
	margin-right:20px;
	z-index:5;
	/* hack: IE 6 (7?) versteht min-height noch nicht, deswegen benötigt er die height-Angabe, */
	/* Diese stört aber die anderen Browser. Die Navigation läuft über den Hintergrund. Workaround: */
	min-height:550px;
	height:auto !important;
                height:550px;	
}
/* ### ENDE NAVIGATION LEFT ### */


/* ### CONTENT ### */
#content {
	position:relative;
	top:-27px;
	padding-right:40px;
	z-index:1;
}

#bodytext {
	margin-right:20px;
	font-size:13px;
	font-family:Verdana,Arial,sans-serif;
	color:#4e4e4e;
}

/* ### END CONTENT ### */


#footer {
	clear:both;
	height:20px;
	background-color: #EDF1F5;
}

/* Creates blue background below the navigation */
#footerwrapperleft{
 	background-image: url(../img/lblue_white2b.gif);	
    	background-repeat: repeat-y;
    	background-position: 0px 0;
	overflow:hidden;
	height:20px;

 }
 
 /* Creates light blue background at the right */
 #footerwrapperright{

      background-image: url(../img/white_lblueb.gif);
    	background-repeat: repeat-y;
    	background-position: 100% 0;
	overflow:hidden;
	height:20px;
}

#copyright {
	font-size:8pt;
	font-family:Arial,Verdana,sans-serif;
	text-align:center;
	color:4e4e4e;
	height:20px;
	padding:3px;
}

#sitemap {
	font-size:14px;
	padding-left:15px;

}

#sitemap a:link, #sitemap a:visited, #sitemap a:active, #sitemap a:focus { 
	text-decoration:none; 
	/*color:#4e4e4e;*/
	color:#000000; 
}

#sitemap a:hover { 
	font-weight:bold; 
	text-decoration:none;
	color:#095BA6; 
}

#sitemap-level1 {
	font-size:13px;
/*	background-color:#B4CAD4;*/
	padding-left:15px;
	padding-right:5px;
	line-height:18px;
}

#sitemap-level2 {
	font-size:12px;
/*	background-color:#CFE0E8;*/
	padding-left:12px;
	padding-right:5px;
	line-height:18px;
}

#sitemap-level3 {
	font-size:11px;
/*	background-color:#EDF1F5;*/
/*	background-color:#D4DEE4;*/
	padding-left:0px;
	padding-right:5px;
	line-height:18px;
}