html, body {
	margin:0;padding:0;
	font-family:Verdana,Helvetica,sans-serif;
	font-size:100.01%;
}


#page {
	margin:0 auto;
	width:985px;
	
}

/** header **/
  #header
  {
  	background: url(../images/banner-de.jpg) no-repeat 0 30px;
  	
  	height:136px;
  	position:relative;
  }

  #header-inner
  {
  }

  #logo-title /* Wrapper for logo, website name, and slogan */
  {
  }

  #logo /* Wrapper for logo */
  {
    margin: 0 10px 0 0;
    padding: 0;
  }

  #logo-image /* The actual logo image */
  {
  }

  h1#site-name, div#site-name /* The name of the website */
  {
    margin: 0;
    font-size: 2em;
    line-height: 1.3em;
    position:absolute;
    top:38px;
    left:20px;
    width:365px;
    height:90px;
  }
  #site-name a {
  	display:block;
  	height:90px;
  	overflow:hidden;
  	text-indent:-999px;
  }
  #site-name a:link,
  #site-name a:visited
  {
    color: #000;
    text-decoration: none;
  }

  #site-name a:hover
  {
    text-decoration: underline;
  }

  #site-slogan /* The slogan (or tagline) of a website */
  {
  	position:absolute;
  	top:50px;
  	left:388px;
  	width:145px;
  	height:70px;
  	overflow:hidden;
  	text-indent:-999px;
  }

  #header-blocks /* Wrapper for any blocks placed in the header region */
  {
  }


/** site translation **/
#block-locale-0 {
	position:absolute;
  	top:0;
  	left:0;
  	background:#496aad;
  	height:30px;
  	width:100%;
}
#block-locale-0 div.content {
	position:relative;
	left:20px;
	width:945px;
	
}
	#block-locale-0 ul {
		margin:4px 0;
  		padding:0;
  		list-style:none;
	}
	#block-locale-0  li {
		margin-right:-1px;
		padding:0 16px;
		border-left:1px solid #fff;
		border-right:1px solid #fff;
		font-size:16px;
		
		display:inline;
  		}
  	#block-locale-0  li.first {
  		border-left:none;
  		padding:0 16px 0 0;
  	}
  	#block-locale-0  li.last {
  		border-right:none;
  		padding:0 0 0 16px;
  	}
  			#block-locale-0  a {
	  			color:#fff;
	  		}
	 
		/* jac carousel */
		.jac {
			height:30px;
			position:relative;
			margin:0 0 1em 0;
		}
		
		.jac .carousel {
			position:absolute;
			top:0;
			left:0;
			margin:0;
			padding:0;
			list-style-type:none;
		}
		.jac .arrow-left, .jac .arrow-right {
			top:2px;
			font-size:18px;
			position:absolute;
		}
		.jac .arrow-left a, .jac .arrow-right a {
			text-decoration:none;
			outline:none;
		} 
			.jac .arrow-left {
				left:-20px;
			}
			.jac .arrow-right {
				right:-20px;
			}
		.jac .carousel .jac-content {
			float:left;
		}		
	  		
	  		
	  		
#block-search-0 /* "Search form" block */
  {
  	position:absolute;
  	top:38px;
  	right:0;
  }	  		
	  		 		
	  		
/** navbar **/
  #navbar
  {
    float: left;
    width: 100%;
    margin-left: 0;
    margin-right: -100%; /* Negative value of #navbar's width + left margin. */
    padding: 0; /* DO NOT CHANGE. Add padding or margin to #navbar-inner. */
    /* height: 3.6em;  The navbar can have any arbritrary height. We picked one
                      that is twice the line-height pluse 1em: 2 x 1.3 + 1 = 3.6
                      Set this to the same value as the margin-top below. */
                  
  }

  .with-navbar #content,
  .with-navbar #sidebar-left,
  .with-navbar #sidebar-right
  {
    /* margin-top: 3.6em;  Set this to the same value as the navbar height above. */
    margin-top:46px;
  }


  #navbar
  {
  	background:#323467 url(../images/banner.jpg) no-repeat 0 -106px;
  	border-bottom:2px solid #304384;
  }
  
  #primary /* Primary links */
  {
  	
  }
  
   #navbar ul /* Primary and secondary links */
  {
    margin: 0;
    padding: 0;
    text-align: left;
    list-style:none;
  }

  #navbar li /* A simple method to get navbar links to appear in one line. */
  {
    float: left;
    padding:0;
  }
  
  	#primary li {
  		background:#416dac;
  	}
  	#primary li.active {
  		background:#304384 url(../images/tabs.png) no-repeat 0 -133px;
  		margin-left:-12px;
  		padding-left:25px;
  	}
  	#primary li.active.first {
  		margin-left:0;
  		padding-left:0;
  		background:#304384;
  	}
  	#primary li.active.last {
  		background:#304384 url(../images/tabs.png) no-repeat 0 -399px;
  	}
  	#primary a {
  		padding:10px 25px 10px 15px;
		display:block;
		float:left;
		background:url(../images/tabs.png) no-repeat right 0;
  		font-family:Arial,sans-serif;
		font-weight:bold;
		font-size:12px;
		text-transform:uppercase;
		text-decoration:none;
		color:#fff;
  	}
  	#primary li.last a {
  		background:#304384 url(../images/tabs.png) no-repeat right -266px;
  	}
  	#primary a:hover {
  		text-decoration:underline;
  	}
  	
  	#primary a.active {
  		padding:10px 25px 10px 2px;
  		background:#304384 url(../images/tabs.png) no-repeat right -133px;
  	}
  	#primary li.first a.active {
  		padding:10px 25px 10px 15px;
  	}
  	#primary li.last a.active {
  		background:#304384 url(../images/tabs.png) no-repeat right -399px;
  	}
  	
  	
#cnt {
	padding:2em 0;
}