/*--------------------------------------------------------------------*/
	/* orange: #e95f0e
	/* 
	/* 
	/*--------------------------------------------------------------------*/


@media all{
	
	/*--------------------------------------------------------------------*/
	/* ----- RESET ----- */
	/*--------------------------------------------------------------------*/
	* {
		margin:0;
		padding:0;
	}
	
	body{
		font-family:sans-serif;
		color:#000;
		font-size:11px;
	}
	.clearer {
		clear: both;
	}
}



@media screen{

	/*--------------------------------------------------------------------*/
	/* ----- RESET ----- */
	/*--------------------------------------------------------------------*/
	html, 
	body { 
		height: 100%;
	}

	body{
		position: relative; /* Verhindert, dass positionierte Elemente nicht verschoben werden when die Groesse des Browser Fensters geaendert wird. */
		background:url(../../img/body.jpg) repeat-y center 450px;
	}
	
	
	
	/*--------------------------------------------------------------------*/
	/* ----- NAVIGATION ----- */
	/*--------------------------------------------------------------------*/
	
	/* ----- MAIN NAVIGATION ----- */
	
	/* ----- 1. Level ----- */
	ul#nav_main{
		position:absolute;
		z-index:1;
		width:770px;
		left:220px;
		bottom:14px;
		padding:0 0 2px 0;
		color:white;
		background:url(../../img/dot_horizontal_white.gif) repeat-x 0 bottom;
		list-style:none;
		font-size:12px;
	}
	
	ul#nav_main li{
		float:left;
		margin:0 15px 0 0;
	}
	
	ul#nav_main a:link, 
	ul#nav_main a:visited{
		padding:0 0 0 10px;
		color:white;
		text-decoration:none;
		background:url(../../img/dot_white.png) no-repeat 0 5px;
		line-height: 1.5em;
	}
	
	ul#nav_main a.cur:link, 
	ul#nav_main a.cur:visited,
	ul#nav_main a:active, 
	ul#nav_main a:focus, 
	ul#nav_main a:hover{
		color:#e95f0e;
		background:url(../../img/dot_orange_bg_black.gif) no-repeat 0 5px;
	}
	
	/* ----- 2. Level ----- */
	ul#nav_main ul {
		position:absolute;
		width:600px;
		top:21px;
		left:0;
		margin:0;
		padding:1px 0 0 0;
		list-style:none;
		font-size:11px;
	}
	
	ul#nav_main ul a:link, 
	ul#nav_main ul a:visited{
		padding:0;
		background:none;
		
	}
	
	ul#nav_main ul a.cur:link, 
	ul#nav_main ul a.cur:visited,
	ul#nav_main ul a:active, 
	ul#nav_main ul a:focus, 
	ul#nav_main ul a:hover{
		color:#e95f0e;
		background:none;
	}
	
	
	
	/* ----- SECONDARY NAVIGATION ----- */
	
	/* ----- 1. Level ----- */
	ul#nav_sec{
		list-style:none;
	}
	
	ul#nav_sec li{
		padding:0 0 8px 0;
	}
	
	ul#nav_sec a:link, 
	ul#nav_sec a:visited{
		display:block;			/*damit bei mehrzeiligem Navipunkt die Zeilen buendig zueinander bleiben*/
		padding:0 0 0 10px;
		color:black;
		text-decoration:none;
		background:url(../../img/dot_black_bg_white.gif) no-repeat 0 50%;
	}
	
	ul#nav_sec a.cur:link, 
	ul#nav_sec a.cur:visited,
	ul#nav_sec a:hover, 
	ul#nav_sec a:active, 
	ul#nav_sec a:focus{
		color:#e95f0e;
		text-decoration:none;
		background:url(../../img/dot_orange_bg_white.gif) no-repeat 0 50%;
	}
	
	
	
	/* ----- FOOTER NAVIGATION ----- */
	
	ul#footer{
		position:absolute;
		width:990px;
		top:540px;
		left:50%;
		margin:0 0 0 -495px;
		list-style:none; /*list-style-type, list-style-position, list-style-image*/
		text-align:center;
	}
	
	ul#footer li{
		display:inline;
		padding:0 15px 0 0;
	}
	
	ul#footer a:link, 
	ul#footer a:visited{
		color:white;
		text-decoration:none;
	}
	
	ul#footer a.cur:link, 
	ul#footer a.cur:visited,
	ul#footer a:hover, 
	ul#footer a:active, 
	ul#footer a:focus{
		color:#e95f0e;
		text-decoration:none;
	}	
	
	
	/*--------------------------------------------------------------------*/
	/* ----- BASE-LAYOUT ----- */
	/*--------------------------------------------------------------------*/
	div#header { 
		position:absolute;
		z-index:0;
		width:990px;
		height:65px;
		top:0;
		left:50%;
		margin:0 0 0 -495px;
	}

	div#nav_main { 
		clear:both; 
		width: auto; 
	}
	
	div#main{
		position:absolute;
		width:100%;
		height:455px;
		top:65px;
		left:0;
		background:url(../../img/main.gif) repeat-x center 0;
	}
	
	div#main_inner {	
		position:absolute;
		width:970px;
		height:455px;
		left:50%;
		padding:0 0 0 20px;
		margin:0 0 0 -495px;
	}
	
	div#content{
		position:absolute;
		overflow-y:auto;
		overflow-x:hidden;
		width:970px;
		height:335px;
		top:10px;
	}
	
	/* ----- Columns have to be positioned absolute, because with floats + se optimized html the layout moves to the left when scrollbars appear ----- */
	div#col1,
	div#col2 {
		position:absolute;	
		top:20px;
		left:200px;
		width:260px; 
	}
	
	div#col2{
		left:500px;
	}
	
	div#col3 {
		position:absolute;
		width:200px;
		top:80px;
		left:0;
	}
	
	div#col1_1col{
		position:absolute;
		width:650px;
		height:335px;	
		top:0;
		left:200px;
	}
	
	div#col1_2col{
		position:absolute;	
		top:20px;
		left:200px;
		width:650px;
	}
	
	div#col2_2col {
		position:absolute;
		width:200px;
		top:80px;
		left:0;
	}
	
	.newsletter_abo {
		position: absolute;
		z-index:3;
		top: 0;
		left:50%;
		width:990px;
		margin:0 0 0 -495px;
	}
	
	.newsletter_abo a:link,
	.newsletter_abo a:visited,
	.newsletter_abo a:hover,
	.newsletter_abo a:active,
	.newsletter_abo a:focus {
		position:absolute;
		top:65px;
		right:22px;
		width:150px;
		height:17px;
		background:url(../../img/newsletter_abo.gif) no-repeat 0 0;
		cursor:pointer;
		z-index:999;
	}
	
	div#col1_content, 
	div#col2_content, 
	div#col3_content { 
		position:relative; 
	}
	
	div.claim{
		position:absolute;
		bottom:0;
		left:220px;
	}
	

	
	
	
	
	/* ----- DOCK NAVIGATION ----- */
	
	#dock2 {
		width: 100%;
		height:235px;
		bottom: 10px;
		position: absolute;
		left: 35px;
	}
	.dock-container2 {
		position: absolute;
		height: 235px;
		padding-left: 20px;
	}
	a.dock-item2 {
		display: block; 
		font: bold 12px Arial, Helvetica, sans-serif;
		width: 40px; 
		color: #000; 
		bottom: 0px; 
		position: absolute;
		text-align: center;
		text-decoration: none;
	}
	.dock-item2 span {
		display: none;
		padding-left: 20px;
	}
	.dock-item2 img {
		border: none;
		margin: 5px 10px 0px; 
		width: 100%; 
	}
	

	
	/*--------------------------------------------------------------------*/
	/* ----- UNASSIGNED ----- */
	/*--------------------------------------------------------------------*/
	.text_replace{
		overflow:hidden;
		text-indent:-999em;
		white-space:nowrap;
	}

	.important{
		color:#ff0000;
	}
  
	.float_left{
		float:left;
	}
  
	.float_right{
		float:right;
	}
  
	.clear{
		clear:both;
		height:0;
	}
}


@media screen, print{
  
	/*--------------------------------------------------------------------*/
	/* ----- KLASSEN ALLGEMEIN ----- */
	/*--------------------------------------------------------------------*/
	.skip {
		position: absolute;
		left: -1000em; 
		width: 20em;
	}
}