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

* {
	font-family: Verdana, Arial;
	font-size: 11px;	
}

body {
	margin: 0;
	width: 100%;
	height: 100%
}

img {
	border: none;
}

strong {
	font-weight: normal
}

#menu ul,
#menu li {
	padding: 0;
	margin: 0;
	list-style-type: none;
	display: list-item;
	line-height: 15px
}

#menu li {
	padding-bottom: 8px;
}

body#basis { background: no-repeat top center url(../img/basis.jpg) }
body#ich_bin { background: no-repeat top center url(../img/ich_bin.jpg) }
body#coaching { background: no-repeat top center url(../img/coaching.jpg) }
body#sie_sind { background: no-repeat top center url(../img/sie_sind.jpg) }
body#galerie { background: no-repeat top center url(../img/einblicke.jpg) }
body#kontakt { background: no-repeat top center url(../img/kontakt.jpg) }
body#lehrpfad { background: no-repeat top center url(../img/lebenspfad.jpg) }
body#impressum { background: no-repeat top center url(../img/impressum.jpg) }
body#angebot { background: no-repeat top center url(../img/angebot.jpg) }


#wrapper {
	position: absolute;
	height: 620px;
	width: 1090px;
	left: 50%;
	margin-left: -570px;
	z-index: 1;
}

#flash_wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	z-index: 2;
}

#flash_back {
	position: absolute;
	width: 100%;
	height: 100%;
	background: no-repeat top center url(../img/flash_back.jpg);
	z-index: 3;
	display: none;
}

#flash {
	width: 500px;
	height: 550px;
	position: absolute;
	left:50%;
	margin-left: -250px;
	z-index: 4;
}

#menu {
	position: absolute;
	left: 0;
	top: 190px;
	width: 190px;
	text-align:right;
	padding-top: 6px;
}

#content {
	position: absolute;
	width: 785px;
	height: 429px;
	top: 161px;
	right: 2px;
	overflow: auto;
	padding: 12px 20px 0 30px
}

body#galerie #content {
	padding-right: 49px
}


#wallpaper0, #wallpaper1 {
	width:100%;
	height: 100%;
	display:none;
	position: absolute;
	background: no-repeat top center;
}

#accordion {
	width: 350px
}

.dropdown {
	height: auto;
	overflow: hidden;
	padding-bottom: 1px;
}

#angebot .dropdown
{
	margin-top:20px;
}

#basis .dropdown .details {
	margin: 0 0 0 15px;
}

#basis .dropdown .expandable img {
	vertical-align: top;
}

#angebot .dropdown .details {
	max-height: 270px;
	overflow: auto;
	width: 510px
}

#angebot .dropdown .details img
{
	margin-left: 5px;
	position: absolute
}

#angebot .dropdown .details::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 11px;
    height: 11px;
}

#angebot .dropdown .details::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white; /* should match background, can't be transparent */
    background-color: rgba(0, 0, 0, .5);
}

/*Textformatierung*/
h1 {
	color: #841d86;
	padding: 0;
	margin: 0 0 7px 0;
	font-size: 12px;
	font-weight: bold;
}

h2 {
	color: #000000;
	padding: 0;
	margin: 0 0 14px 0;
	font-size: 11px;
	font-weight: bold;
}

sup {
	font-size: 8px
}

p {
	margin: 0;
	padding: 0 0 14px;
	line-height: 15px 
}

#basis p {
	padding: 0 0 8px;
}

#angebot p {
	padding: 0 0 10px;
}

a:link, a:visited, a {
	text-decoration: none;
	color: #888;
}

#angebot .dropdown .details a,
#angebot .dropdown .details a:link,
#angebot .dropdown .details a:visited
{
	color: #000;
	/*font-size: 12px;*/
}

#menu {
	font-size: 12px;
}

#sie_sind #content td {
	padding-bottom: 15px;
	width: 283px
}

.hinweis {
	font-size: 8px
}

.lila, a:hover, #menu .current,
#angebot .dropdown .details a:hover {
	color: #841d86;
}

.rot {
	color: #a40d20;
}

.current {
	font-weight: bold;
	cursor:default
}

#basis .expandable {
	float: left;
	margin-top: 8px
}

.buttonmode {
	cursor: pointer
}

.details {
	clear: both
}

#basis .details p {
	padding-bottom: 0 !important
}

#angebot .details ul
{
	padding-left: 0;
	margin: 0
}

#angebot .details li
{
	font-size: 12px; 
	line-height: 130%;
	margin-bottom: 5px;
	list-style-type: none;
}

#angebot .details li span
{
	margin-right: 5px
}

#angebot #privat .details,
#angebot #gewerblich .details,
#angebot #termine .details
{
	padding-left: 15px
}

#angebot p.smaller
{
	color: #666;
	line-height: 11px;
	font-size: 80%
}

img.foto {
	padding-right: 10px;
}

.smaller {
	font-size: 80%
}

img.root {
	padding-right: 3px;
}

img.sub {
	padding-left: 34px;
	padding-right: 4px;
}

.less {
	padding-bottom: 9px;
	line-height: 12px
}

embed, .hidefocus { 
	outline:0;
	-moz-outline:0;
}