/*
	UTILITY STYLES
*/				  				  
					  				  
.floatLeft 									{ float: left; margin-right: 10px;}
.floatRight									{ float: right; }
.clear 										{ clear: both; }
a											{ outline: none; }


/*
	PAGE STRUCTURE
*/
#ref-wrap 									{ width: 550px; margin: 25px auto; position: relative; min-height: 400px;
											 }


/*
	TYPOGRAPHY
*/
ul											{ list-style: square inside; }
a, a:visited								{ color: #729dff; text-decoration: none; }
a:hover, a:active							{ color: white; }
blockquote									{ padding: 0 20px; margin-left: 20px; border-left: 20px solid #ccc; font-size: 14px; 
									  		  font-family: Georgia, serif; font-style: italic; margin-top: 10px;}

/*
	SLIDER
*/
.slider-wrap								{ width: 500px; position: absolute; top:0; left:20px; }			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 500px; height: 340px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 500px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: 1px solid black; margin-right: 5px; }
#movers-row									{ margin: -43px 0 0 62px; }
#movers-row div								{ width: 20%; float: left; }
#movers-row div a.cross-link 				{ float: right; }
.photo-meta-data							{ background: url(images/transpBlack.png); padding: 10px; height: 30px; 
											  margin-top: -50px; position: relative; z-index: 9999; color: white; }
.photo-meta-data span 						{ font-size: 13px; }
.cross-link									{ display: block; width: 62px; margin-top: -14px; 
											  position: relative; padding-top: 15px; z-index: 9999; }
.active-thumb 								{ background: transparent url(images/icon-uparrowsmallwhite.png) top center no-repeat; }


		.accordion_toggle {
			display: block;
			height: 30px;
			width: 480px;
			background: url(../media/Bilder/aufklappen.jpg) no-repeat right #fcfcfc;
			line-height: 30px;
			outline: none;
			cursor: pointer;
			margin: 0  auto 5px auto;
			color:#666 !important;
			padding:0 10px;
			border: 1px solid #ccc;
			border-collapse:collapse;
		}
#content #left #vertical_container h1 {
			font-size:12px;	
			margin:0px;
			text-transform:none;
			letter-spacing:normal;
		}
#content #left #vertical_container a:hover {
			color:#729DFF;
			text-decoration:underline;
}
		.accordion_toggle_active {
			background:url(../media/Bilder/zuklappen.jpg) no-repeat right #b3231b ;
			color: #ffffff !important;

		}
		
		.accordion_content {
			background: #fff;
			color: #666;
			overflow: hidden;
			width:480px;
			margin:0;
			padding:0 10px;
			border-left: 1px solid #ccc;
			border-right: 1px solid #ccc;
		}
		.accordion_content p {
			padding:10px;
		}
			.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(../img/accordion_toggle.jpg) no-repeat top left #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 #ffffff;
			cursor: pointer;
			margin: 0 0 0 0;
		}

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

		.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;
			}
  			
		/*
			Horizontal Accordion
		*/
		
		.horizontal_accordion_toggle {
			/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */

			display: block;
			height: 100px;
			width: 30px;
			background: url(../img/h_accordion_toggle.jpg) no-repeat top left #a9d06a;
			color: #ffffff;
			text-decoration: none;
			outline: none;
			border-right: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.horizontal_accordion_toggle_active {
			background: url(../img/h_accordion_toggle_active.jpg) no-repeat top left #e0542f;
			border-right: 1px solid #f68263;
		}
		
		.horizontal_accordion_content {
			/* REQUIRED */
			height: 100px;	/* We need to define a height for the accordion as it stretches the width */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			
			overflow: hidden;
			background-color: #ffffff;
			color: #444444;
		}
			
			.horizontal_accordion_content p {
				width: 450px;
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
					
		
				
    /* Container styling*/
    #horizontal_container {
      margin: 5px auto 5px auto;
      width: 100%;   
      height: 100px;    
    }
    #vetical_container {
		width:100%;
		text-align:center;
	}
    #vertical_nested_container {
      margin: 20px auto 20px auto;
      width: 530px;
    }
	
	.float img {
		padding:5px;
	}
	.float {
		float:left;
		margin:10px;
	}