/* the overlayed element */

.simple_overlay {
	

/*

must be initially hidden */
	display: none;
	

/* 

place overlay on top of other elements */
	z-index: 10000;
	

/* s

tyling */
	background-color: #fbd254;
	width: auto;
	height: auto;
	padding: 20px;
}

.simple_overlay img {
	float: left;
	padding-right: 20px;
}

/* close button positioned on upper right corner */

.simple_overlay .close {
	background-image: url(img/icons/close.png);
	position: absolute;
	right: -15px;
	top: -15px;
	cursor: pointer;
	height: 35px;
	width: 35px;
}

#overlay {
	background-image: url(img/icons/transparent.png);
	color: #efefef;
	height: 450px;
	overflow-x: hidden;

}

/* container for external content. uses vertical scrollbar, if needed */

div.contentWrap {
	height: 441px;
	overflow-y: auto;
	overflow-x: hidden;
}

div.overlay {
	

/* growing

background image */ 
    background-image: url(images/white.png);
	

/* dimensions after

the growing animation finishes  */ 
    width: 400px;
	height: 470px;
	

/* initially overlay is hidden */ 
    

display: none;
	

/* some padding to layout nested elements nicely

*/ 
    padding: 55px;
}

/* default close button positioned on upper right corner */

div.overlay div.close {
	background-image: url(img/icons/close.png);
	position: absolute;
	right: 5px;
	top: 5px;
	cursor: pointer;
	height: 35px;
	width: 35px;
}

/* black */

div.overlay.black {
	background: url(images/transparent.png) no-repeat !important;
	color: #fff;
}

/* petrol */

div.overlay.petrol {
	background: url(images/petrol.png) no-repeat !important;
	color: #fff;
}

div.black h2, div.petrol h2 {
	color: #ddd;
}

/* root element for accordion. decorated with rounded borders and gradient background image */

#accordion {
	width: 60%;
	left: 180px;
	top: 265px;
	position: absolute;
}

#accordion h1 {
	background-color: #fe9900;
	color: white;
	padding-left: 10px;
	padding-top: 1px;
}
#accordion div.toppi {
	margin: 0 0 0 20px;
	cursor: pointer;
	border: 1px solid #f3e5a8;
	background-color: #f9fbdc;
	color: #40403f;
	text-decoration: none;
	font: normal normal 11px/15px "Trebuchet MS", Verdana;

	border-radius-topright: 10px;
	-o-border-radius-topright: 10px;
	-icab-border-radius-topright: 10px;
	-khtml-border-radius-topright: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-radius-topright: 10px;
	border-top-right-radius: 10px;
	-o-border-top-right-radius: 10px;
	-icab-border-top-right-radius: 10px;
	-khtml-border-top-right-radius: 10px;
	-moz-border-top-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	
	border-radius-topleft: 10px;
	-o-border-radius-topleft: 10px;
	-icab-border-radius-topleft: 10px;
	-khtml-border-radius-topleft: 10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	-o-border-top-left-radius: 10px;
	-icab-border-top-left-radius: 10px;
	-khtml-border-top-left-radius: 10px;
	-moz-border-top-left-radius: 10px;
	-webkit-border-top-left-radius: 10px;

}

#accordion h2 {
		color: #ff7200;
	font-size: 12px;
	line-height: 17px;
	font-family: "Trebuchet MS", Verdana;
	font-style: normal;
	text-decoration: none;
	font-weight: bold;
	padding: 5px 5px 2px;
}

#accordion h3 {
	font-size: 12px;
	line-height: 17px;
	font-family: "Trebuchet MS", Verdana;
	text-decoration: none;
	background-color: #fff;
	padding: 5px 5px 2px;
}

#accordion div.current {
	border-bottom-style: none;
}
/* currently active header */
/* accordion pane */

#accordion div.pane {
	display: none;
	padding: 15px;
	color: #fff;
	font-size: 12px;
	background-color: #fff;
	border-bottom: 1px solid #f3e5a8;
	border-left: 1px solid #f3e5a8;
	border-right: 1px solid #f3e5a8;
	margin-left: 20px;
}

/* a title inside pane */

#accordion div.pane h3 {
	font-weight: normal;
	margin: 0 0 -5px 0;
	font-size: 16px;
	color: #999;
}

.schliess {
	cursor: pointer;
}

.current .more {
	display: none;
}
#gallery div.info {
	visibility: hidden;
}