/* 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;
}

#test {
	background-image: url(img/icons/transparent.png);
	color: #efefef;
	height: 150px;
	text-align: center;
	font-weight: bold;
}

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

#overlayer {
	background-image: url(img/icons/transparent.png);
	color: #efefef;
	height: 600px;
	overflow: auto;
	width: 600px;
	text-align: left;
}

/* 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: 380px;
}

#accordion h1 {
	background-color: #fe9900;
	color: white;
	padding-left: 10px;
	padding-top: 1px;
}
#accordion div.toppi {
	margin: 0 0 0 0px;
	cursor: pointer;
	border: 1px solid #d2d2d2;
	background-color: #f3f3f3;
	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: #007857;
	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;
}

.toppi h3 p {
	font-weight: bold;
}

#accordion a {
		color: #007857;
}

#accordion a.gr {
		color: #40403f;
	font-size: 11px;
}

#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 #d2d2d2;
	border-left: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2;
}

/* 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;
}

#commentlist p {
	color: white;
}

#commentlist li {
	padding-bottom: 20px;
}

#comments, .comments {
	color: white;
	font-weight: bold;
}
#commentlist cite {
	color: #9b9b9b;
	margin-top: 10px;
	margin-left: 10px;
}

#overlayer label {
		color: #9b9b9b;

}
