/*
 * @note		Wrapper elements
 * @date		080611
 * @author	dselinger
 */

/*
 * Overall wrappers
 */
body{
	/*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 130%;
	color: #000;
	background: #E7E7E7 url(../img/bodyBgd_blue.png) repeat fixed left top;
	}


#wrapperMain{
	margin: 0 auto;
	top: 100px;
	width: 850px;
	background-color: #DADEDF;
	border-left: 1px solid #EFEFEF;
	border-right: 1px solid #EFEFEF;
	border-top: 1px solid #8199B3;
	}
	
/* IE 6 */
* html #wrapperMain{
	height: 600px;
	}
	
/*
 * Content wrappers
 */

/* Header image */

#headerImage{
	margin: 0 auto;
	margin-top: 25px;
	width: 490px;
	height: 280px;
	background-repeat: no-repeat;
	background-position: center center;
	}

#headerImage div.inside{
	height:280px;
	width:490px;
	background-image: url(../img/boxes/boxHeaderBig_trans.png);
	background-repeat: no-repeat;
	}

	
/* IE 6 */
/** html #headerImage div.inside{
	 behavior: url(tl_files/css/iepngfix.htc);
	}
*/

/* Standard main content */

#wrapperLowerContent,
#wrapperLowerContentThin{
	margin: 0 auto;
	margin-top: 55px;
	width: 630px;
	min-height: 400px;
	background-color: #fff;
	}
	
#wrapperLowerContent{
	background: #fff url(../img/v2/bigBoxBorderTop.png) top center no-repeat;
	padding-top: 25px;
	}
	
#wrapperLowerContent #left,
#wrapperLowerContent #right{
	width: 280px;
	}

/* Reset the inner content divs */
#wrapperLowerContent div,
#wrapperLowerContent div{
	margin: 0px;
	font-size: 11px; /* Reset to site default */
	}	
	
#wrapperLowerContent #left div.ce_text,
#wrapperLowerContent #left h1{
	margin-left: 15px;
	margin-top: 15px;
	}
	
#wrapperLowerContent #right div.ce_text,
#wrapperLowerContent #right h1{
	margin-right: 15px;
	}
	
#wrapperLowerContent div.ce_image,
#wrapperLowerContent div.ce_text{
	margin-bottom: 10px;
	}
	
#wrapperLowerContent #left div.ce_image{
	width: 260px;
	background-image: url(../img/boxes/boxBandsLocationsPictureTop.png);
	background-repeat: no-repeat;
	}
	
#wrapperLowerContent #left div.ce_image div.image_container{
	background-image: url(../img/boxes/boxBandsLocationsPictureBottom.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 15px;
	}
	
#wrapperLowerContent div.ce_image img{
	margin-top: 20px;
	border-left: 30px solid #dadedf;
	}
	
/* IE 6 */
/** html #wrapperLowerContent{
	height: 400px;
	}
*/
	
/* Thin content wrapper, one column */

#wrapperLowerContentThin{
	width: 430px;
	margin-top: 50px;
	padding-top: 25px;
	background: #fff url(../img/v2/thinBoxBorderTop.png) top center no-repeat;
	}
	
#wrapperLowerContentThin #left{
	float: none;
	}
	
#wrapperLowerContentThin #left{
	margin-left: 10px;
	margin-right: 10px;
	}
	
/* Programm content wrapper */

#wrapperLowerContentProgramm{
	margin: 0 auto;
	margin-top: 25px;
	width: 850px;
	}
	
#wrapperLowerContentProgramm #left,
#wrapperLowerContentProgramm #right{
	width: 400px;
	margin-bottom: 20px; 
	}
	
#wrapperLowerContentProgramm #right div.inside{
	background-color: #fff;
	}
	
#wrapperLowerContentProgramm #left div.inside{
	border-left: 20px solid #fff;
	background-color: #fff;
	}
	
#wrapperLowerContentProgramm #right div.inside div{
	margin: 0 15px 0 15px;
	}
	
#wrapperLowerContentProgramm #right div.inside div div{
	margin: 0px;	
	}
	
/* Gallery - one thick column */
#wrapperLowerContent #main{
	margin-left: 17px;
	margin-right: 0px;
	}
	
/* Round image borders */
img.programmRoundBorder{
	width: 400px;
	height: 20px;
	display: block;
	}

/*
 * Navigation
 */	
 
#naviMain{
	margin: 0 auto;
	width: 632px;
	height: 60px;	
	font-weight: bold;
	line-height: 18px;
	background-image: url(../img/boxes/boxMainNav.png);
	}
	
#naviMain a{
	color: #000;
	}
	
#naviMain a:hover{
	color: #E8850D;
	}
	
#naviMain ul{
	margin-top: 20px;
	font-size: 13px;
	text-align: center;
	}	
	
#naviMain li,
#naviMain li p{
	display: inline;
	}
	
#naviMain li{
	padding: 0 5px 0 5px;
	border-right: 2px solid #000;
	}
	
#naviMain li.last{
	border: none;
	}
	
#naviMain li.active,
#naviMain li p.active,
#naviMain li.trail,
#naviMain a.trail{
	color: #E6860B;
	}
	
/* Language menu */
	
#naviLang{
	position: absolute;
	margin: 0 auto;
	margin-top: -40px;
	margin-left: 775px;
	height: 20px;
	display: none;
	}
	
#naviLang a{
	color: #000;
	}
	
/* Meta Navigation 
#naviMeta{
	position: absolute;
	top: 10px;
	left: 10px;
	}*/

	
/* Thin subnavigation */

#subNavigationThin{
	margin: 30px auto 0 auto;
	width: 640px;
	}
	
#subNavigationThin td{
	border-left: 5px solid #DADEDF;
	border-right: 5px solid #DADEDF;
	line-height: 125%;
	vertical-align: middle;
	text-align: center;
	}

#subNavigationThin td{
	width: 150px;
	height: 30px;	
	background-image: url(../img/boxes/boxBandsLocationsNav.png);
	}
	
#subNavigationThin td a{
	color: #fff;
	}
	
#subNavigationThin td.active,
#subNavigationThin td:hover{
	background-image: url(../img/boxes/boxBandsLocationsNav_focus.png);
	color: #000;
	cursor: pointer;
	}
	
#subNavigationThin td.active a,
#subNavigationThin td:hover a{
	color: #000;
	text-decoration: none;
	}

/* Thick sub navigation */	

#subNavigationThick{
	margin: 25px auto 0pt 3px;
	}
	
#subNavigationThick a{
	text-decoration: none;
	color: #000;
	}
	
#subNavigationThick a:hover{
	text-decoration: underline;
	color: #E8850D;
	}
	
#subNavigationThick ul.level_1 li{
	margin: 0 5px 0 5px;
	float:left;
	}

/*	
* html #subNavigationThick ul.level_1 li{
	margin: 0 3px 0 3px;
	}
*/

#subNavigationThick ul.level_1 li,
#subNavigationThick ul.level_1 li a{
	/*text-indent: 10px;*/
	font-weight: bold;
	text-decoration: none;
	}
		
#subNavigationThick ul.level_1 li,
#subNavigationThick ul.level_1 li.active{
	padding-top: 20px;
	width: 201px;
	height: 130px;	
	background-image: url(../img/boxes/boxProgrammNav.png);
	background-repeat: no-repeat;
	text-align: center;
	}
	
#subNavigationThick ul.level_1 li.active,
#subNavigationThick ul.level_1 li.trail,
#subNavigationThick ul.level_1 li:hover{
	background-image: url(../img/boxes/boxProgrammNav_focus.png);
	}
	
#subNavigationThick ul.level_1 li:hover{
	cursor: pointer;
	}
	
#subNavigationThick ul.level_1 ul.level_2 li{
	width: auto;
	height: auto;
	padding: 0;
	background-image: none;
	float: none;
	}
	
#subNavigationThick ul.level_1 ul.level_2 li,
#subNavigationThick ul.level_1 ul.level_2 li a{
	text-indent: 0px;
	font-weight: normal;
	}
	
#subNavigationThick ul.level_1 ul.level_2 li.first{
	margin-top: 10px;
	}
	
#subNavigationThick ul.level_1 ul.level_2 li.active{
	color: #E8850D;
	}
	
/*
 * Logos
 */	
 
#wrapperLogos{
	margin: 0 auto;
	width: 852px;	
	height: 80px;
	background-color: #fff;
	}
 
#logoJnj{
	position: absolute;
	top: 24px;
	margin-left: 20px;
	}
	
#logoJnj img{
	height: 41px;
	}
	
#logoZkb,
#logoEwz,
#logoAllblues{
	position: absolute;
	top: 40px;
	}	
	
#logoZkb img,
#logoEwz img,
#logoAllblues img{
	height: 25px;
	}
	
	
#logoEwz{	
	margin: 0 auto 0 550px;
	}

#logoZkb{
	margin: 0 auto 0 645px;
	}
	
#logoAllblues{
	margin: 0 auto 0 782px;
	}

/*
 * Clear helpers
 */

.clearLeft{
	clear: left;
	}
	
.clearRight{
	clear: right;
	}
	
.clearBoth{
	clear: both;
	}
	
/*
 * Meta navigation
 */

div#footer{
	height: auto;	
	}

div#footer div.mod_navigation{
	margin: 30px 0px 0px 10px;
	padding-bottom: 5px;
	color: #E8850D;
	}
	
div#footer div.mod_navigation li.active{
	color: #000;	
	}
	
/*div#footer div.mod_navigation a:hover{
	color: #fff;
	}*/