@charset 'utf-8';
@import url(reset.css);


/*********************** BASICS *********************/

body {
	font: normal normal normal 12px/17px Helvetica, Arial;
	background: #FFF;
	color: #000;
}

	#content{
		z-index: 1;
		position: absolute;
		left: 255px;
		top: 50px;
		display: block;
		width: 714px;
		padding-bottom: 34px;
	}
	
	#navigation {
		z-index: 2;
		position: fixed;
		left: 17px;
		top: 50px;
		display: block;
		width: 238px;
	}
	
	

	
	
	#logo {
		z-index: 1;
		display: block;
		position: fixed;
		bottom: 20px;;
		left: 17px;
		line-height: 0px;
		font-weight: bold;
		letter-spacing: 0.2px;
	}
	
	#logo a {text-decoration: none ! important; font-weight: bold ! important;}
	#logo a:hover {text-decoration: none ! important; cursor: pointer;}
	#logo .description {display: block; overflow: hidden; text-indent: -5000px;}	
	#logo .affix {vertical-align: 4px; font-size: 95%;}
	
	
	
	hr {display: none;}
	
	
	#logotype {
		z-index: 1;
		display: none;
		position: fixed;
		bottom: 11px;;
		left: 17px;	
	}	
		
	
	#switchlang {
		z-index: 1;
		display: block;
		position: fixed;
		top: 15px;
		left: 969px;
	}

	.topfix5 {
		z-index: 1;
		display: block;
		position: fixed;
		top: 15px;
		left: 748px;
		width: 221px;
	}
	
	#bg-image {
		z-index: 0;
		width: 100%;
		position: absolute;
		top: 0px;
		left: 0;
		height: 100%;
		overflow: hidden;
		min-width: 986px;
	}
		
		#bg-image img {
			width: 100%;
			padding: 0;
		}
		



/*********************** GRID *********************/

.navi1,
.navi2,
.navi3,
.grid1,
.grid2,
.grid3,
.grid35,
.grid4,
.grid5,
.grid6 {
	display: block;
	float: left;
	position:relative;
	margin: 0 17px 17px 0;
}

.grid1, .navi1, .navi2 {width: 102px;}
.grid2, .navi3 {width: 221px;}
.grid3 {width: 340px;}
.grid35 {width: 380px;}
.grid4 {width: 459px;}
.grid5 {width: 578px;}
.grid6 {width: 697px;}

.height1 {height: 102px;}
.height2 {height: 221px;}
.height3 {height: 340px;}
.height4 {height: 459px;}
.height5 {height: 578px;}
.height6 {height: 697px;}

.left1 {margin-left: 119px;}
.left2 {margin-left: 238px;}
.right1 {margin-right: 119px;}
.right2 {margin-right: 238px;}

.top1, .top2, .top3, .top4, .top5, .top6, .top7 {
	position: absolute;
	top: 0px;
}

.top1 {left: 0px;}
.top2 {left: 119px;}
.top3 {left: 238px;}
.top4 {left: 357px;}
.top5 {left: 476px;}
.top6 {left: 595px;}
.top7 {left: 714px;}


hr.clear{
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
	border:0;
	outline:0;
	padding:0;
	margin: 0;
}


/*********************** TYPO / COLOR *********************/


a {color: #000; text-decoration: underline;}
a:hover {text-decoration: none;}

#navigation a, #switchlang a {text-decoration: none;}
#navigation a:hover, #switchlang a:hover {text-decoration: underline;}

.focus a {font-weight: bold;}
.focus a:hover {text-decoration: none ! important;}


h2 {display: none;}

h3 {
	font: normal normal bold 22px/27px helvetica;
	margin: -3px 0 20px 0;
	letter-spacing: -0.5px;
}

h4 {font-weight: bold;}

em {font-style: normal; background: #FFFFFF;}


.guide {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000;
	padding: 10px 17px 10px 17px;
	background: #FFFC4F;
	font-size: 11px;
}

	.guide p {margin: 0px;}


/*********************** NAVIGATION *********************/

.navi1 a, .navi2 a, .navi3 a {display: block; width: 102px; color: #000; text-decoration: none;}
.navi1 a:hover, .navi2 a:hover, .navi3 a:hover {border: none; text-decoration: underline;}


/*********************** CONTENT ELEMENTS *********************/

p, ul, ol, img, object {
	display: block;
	position: relative;
	margin-bottom: 17px;
}

.teaser {margin-top: -4px;}
	
	.teaser h3, .teaser a.more {display: inline;}
	.teaser a.more {margin-left: 5px;}
	
	



/* ----------------------------------------------------- JS enabled browsers */

.js .noscript { display: none; }

.js #navigation, .js #content {top: 15px;}

.navi2 {display: none;}


/* ----------------------------------------------------- IE7 and below */

.ie7 div { }
.ie7 hr.clear {margin: -7px 0;}
.ie7 #content.passive {filter: alpha(opacity: 10);}

/* ----------------------------------------------------- IE6 and below */

.ie6 h1#logo a {position: absolute;}
.ie6 #navigation {position: absolute;}
.ie6 #switchlang {position: absolute;}