html {
	padding:0px;
	margin:0px;
}
body {
	/* Hack fuer Zentrierung auch in aelteren Bowsern */
	text-align:center;
	/*font-family:Verdana,Arial,Helvetica,sans-serif;*/
	font-family:Arial;

}
#centerPage {
	background-color: #FFFFFD;
	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: #FFFFFD;
	height:160px;
    	position:relative;
	_overflow:hidden;

}

#Logo {
/*	position:absolute;
	right:0px;
	background-image: url(../img/Cinram_logo_RGB_lb_tr.gif);
   	background-repeat: no-repeat;
	height:180px;
	width:386px;
	display:none;*/


}

#headline{
	margin-bottom:20px;
	font-size:20px;
	font-family:Arial,Verdana,sans-serif;
	font-weight:bold;
	color:#00703C;

}

#headerLogo {
	position:relative;
	background-image: url(../img/Cinram_Logo.gif);
   	background-repeat: no-repeat;
	background-position: right;
	height:180px;
	top:-220px;

}
#headerImage {
	background-image: url(../img/Kreis_linie2c2mini4.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;
	
}

/* Creates the light blue box in the header*/
#box{
	position:relative;
	left:0px;
	height:98px;
	background-color: #FFFFFE;
	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.gi_);	
    	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.gi_);
    	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;
}

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



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

/* #bubbles{
      background-image: url(../img/CinramBridge.jpg);
    	background-repeat: no-repeat;
    	background-position: bottom center;
    } */

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

}

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


/* ### NAVIGATION LEFT ### */
#navleft {
	position:relative;
	top:-26px;
	float:left;
	background-color: #7BC043;
	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:680px;
	height:auto !important;
                height:680px;	
	}
/* ### ENDE NAVIGATION LEFT ### */


/* ### CONTENT WRAPPER includes content and aktuelles ### */
#contentwrapper {
	position:relative;
	height:100%;
	z-index:1;
	padding-right:18px;
	top:-27px;
}

#contentwrapper table {
	height:550px;
}
#contentwrapper td {
	vertical-align:top;
}

/* ### END CONTENT WRAPPER includes content and aktuelles ### */


/* ### CONTENT ### */
.content {  
/*	background-image: url(../img/Cinram_logo_Ringe3.gif); */
   	background-repeat: no-repeat;
	background-position: 50% 95%;
}

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

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


/* ### AKTUELLES - NEWS ### */
.aktuelles {
 	width:20%;
	font-size:8pt;
	font-family:Verdana,Arial,sans-serif;
	color:#333333;
	padding-right:10px;
}
/* ### END AKTUELLES - NEWS ### */

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

#footerwrapperleft{
 	background-image: url(../img/lblue_white2b.gi_);	
    	background-repeat: repeat-y;
    	background-position: 0px 0;
	overflow:hidden;
	height:20px;

 }
 
 #footerwrapperright{
      background-image: url(../img/white_lblueb.gi_);
    	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:13px;
}