@charset "utf-8";
/* CSS Document */

.horizontal_accordion_content {display:none;}

/*
			Horizontal Accordion
		*/
		
		.horizontal_accordion_toggle {
			/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			background:#000000;
			display: block;
			height: 700px;
			width: 112px;
			color: #ffffff;
			text-decoration: none;
			outline: none;
			cursor: pointer;
			margin: 0;

			
		}
		
		.horizontal_accordion_toggle_active {
			background: no-repeat top left #4FA7FF;			
		}
		
		.horizontal_accordion_toggle_active img	{filter:alpha(opacity=75); -moz-opacity: 0.50; opacity: 0.75;}
		
		.horizontal_accordion_content {
			/* REQUIRED */
			height: 700px;	/* We need to define a height for the accordion as it stretches the width */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			width: 396px;
			overflow: hidden;
			background: url(../images/accord_bg.gif) #606060;
			color: #444444;
		}
		
		.horizontal_accordion_content h1 {
		background:url(../images/headline_bg.gif); line-height: 44px; height: 44px; margin: 30px 0 0 0; padding: 0 20px 0 0; text-align: right; width: 350px; color: #CCCCCC; font-weight: normal; 
		}







.horizontal_accordion_content p { }							
    
/* Container styling*/
    
	#horizontal_container {  
      width: 350px;   
      height: 700px;  
	  position:absolute; z-index: 10;  margin: 0 0 0 245px;
	  }
    
    #vertical_nested_container {
      margin: 20px auto 20px auto;
      width: 300px;
    }

/*
	Vertical Accordions
*/
		
		.accordion_toggle {
			display: block;
			height: 30px;
			width: 735px;
			background: url(images/accordion_toggle.jpg) no-repeat top right #a9d06a;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			border-bottom: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.accordion_toggle_active {
			background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
			color: #ffffff;
			border-bottom: 1px solid #f68263;
		}
		
		.accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}
			
			.accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}
			
			.accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
			
		.vertical_accordion_toggle {
			display: block;
			height: 30px;
			width: 600px;
			background: url(images/accordion_toggle.jpg) no-repeat top right #a9d06a;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			border-bottom: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}

		.vertical_accordion_toggle_active {
			background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
			color: #ffffff;
			border-bottom: 1px solid #f68263;
		}

		.vertical_accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}

			.vertical_accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}

			.vertical_accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
  			
		
/* MEINS */
body {background: #7E7E7E; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 70%; line-height: 140%; margin:0; padding: 20px 0 0 0;} 

a:hover	img	 		{filter:alpha(opacity=75); -moz-opacity: 0.50; opacity: 0.75;}
a:active 
a, a:link, a:visited		{text-decoration: none; color: #83C0FF;}
a:hover	 			{text-decoration: underline; color: #83C0FF;}

.nofloat			{clear: both; font-size: 0.0001em; line-height: 0.00001em;}
.nopadding 			{padding: 0;}
.nomargin 			{margin: 0;}
.noborder 			{border: 0; text-decoration: none;}
.floatright			{float: right;}
.floatleft 			{float: left;}
.acro	 			{border-bottom: 1px dotted #cc160b; cursor:help;} 
.right				{text-align:right;}
.left				{text-align:left;}

h1 {background:url(../images/headline_bg.gif); line-height: 44px; height: 44px; margin: 30px 0 0 0; padding: 0 20px 0 0; text-align: right; width: 350px; color: #CCCCCC; font-weight: normal; }

#site {width: 980px; margin-left: auto; margin-right: auto; background: url(../images/bg_site.jpg) #606060; min-height: 700px; _height: 700px;}
#left_container {background: #606060; width: 245px; position:absolute; z-index: 5;  margin: 0}
#content_container {position:absolute;   padding: 0 0 0 581px; width: 398px; background: #606060;}
.cc_content {padding: 20px 0px 20px 30px; color:#CCCCCC; width: 310px; min-height: 588px; _height: 588px; background: url(../images/accord_bg.gif) #606060;}

#navi ul {padding: 0; margin: 20px 22px 0 22px; list-style: none; border-top: 1px solid #999999;}
#navi ul a, #navi ul a:link, #navi ul a:visited {line-height: 30px; height: 30px; border-bottom: 1px solid #999999; display:block; }
#navi li a, #navi li a:link, #navi li a:visited { text-indent: 20px; background: url(images/bu_norm.gif) no-repeat; color: #83C0FF; text-decoration: none;}
#navi li a:hover {text-indent: 20px; background: url(images/bu_hover.gif) repeat-x; color: #333333; text-decoration: none;}

#adr_site {position: absolute; width: 200px; margin: 240px 10px 0 20px; padding: 0px; border-top: 1px solid #999999; border-bottom: 1px solid #999999; color: #B6B6B6;}