/* CSS Document

www.es-change.de
letzte Änderung: 03.06.2010
*/


/* SEITENAUFBAU
----------------------------------------------------------------------------------------------------------------------------- */
html{
overflow: -moz-scrollbars-vertical;
}


body {
margin: 0;
padding: 0;
text-align: center;
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-size: 13px;
color: #515151;
}

#page {
position: relative;
margin: 0 auto 0 auto;
padding: 0;
width: 960px;
background-color: #FFFFFF;
}
#header{
position: relative;
width: 960px;
height: 218px;
display: block;
margin: 0 0 7px 0;
}

#content {
position: relative;
padding: 0;
width: 960px;

height: auto !important;
min-height: 380px;
height: 380px;
text-align: left;
background: url('images/hg.gif') repeat-y;
margin: 0 0 7px 0;
}

#sidebar_links_verlauf {
position: absolute;
top: 0;
left: 0;
width: 170px;
height: 156px;
background: url('images/verlauf_links.gif');
}

#sidebar_links_pics {
position: absolute;
top: 0;
left: 180px;
width: 170px;
height: 380px;
}

#content .content_text {
margin: 0;
padding: 14px 0 20px 370px;
width: 880px;
w\idth: 490px;
}

#sidebar_rechts_verlauf {
position: absolute;
top: 0;
left: 906px;
width: 54px;
height: 156px;
background: url('images/verlauf_rechts.gif');
}

#footer {
position: relative;
margin: 0;
padding: 0;
width: 960px;
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-size: 11px;
color: #8F8F8F;
border-top: #890c0f solid 1px;
}

#footer p {
margin: 5px 0 0 0;
padding: 0;
}



/* HAUPTNAVIGATION ---------------------------------------------------------------------------------------------------------------------------*/
#mainnavi {
position: absolute;
top: 142px;
left: 352px;
}

#mainnavi ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#mainnavi ul li {
display: block;
float: left;
margin: 0;
padding: 0;
}
#mainnavi ul li a {
height: 41px;
width: 85px;
display: block;
text-decoration: none;
}
.naviend-left {
width: 118px;
height: 41px;
background: url('images/naviend-left.gif') no-repeat bottom left;
}
.bt1 a{
background: url('images/bt-coaching.gif') no-repeat bottom left;
}
.bt1 a:active, .bt1 a:hover, .bt1 a.btactive{
background: url('images/bt-coaching_active.gif') no-repeat bottom left;
}
.bt2 a{
background: url('images/bt-leistungen.gif') no-repeat bottom left;
}
.bt2 a:active, .bt2 a:hover, .bt2 a.btactive{
background: url('images/bt-leistungen_active.gif') no-repeat bottom left;
}
.bt3 a{
background: url('images/bt-modalitaeten.gif') no-repeat bottom left;
}
.bt3 a:active, .bt3 a:hover, .bt3 a.btactive{
background: url('images/bt-modalitaeten_active.gif') no-repeat bottom left;
}
.bt4 a{
background: url('images/bt-profil.gif') no-repeat bottom left;
}
.bt4 a:active, .bt4 a:hover, .bt4 a.btactive{
background: url('images/bt-profil_active.gif') no-repeat bottom left;
}
.bt5 a{
background: url('images/bt-kontakt.gif') no-repeat bottom left;
}
.bt5 a:active, .bt5 a:hover, .bt5 a.btactive{
background: url('images/bt-kontakt_active.gif') no-repeat bottom left;
}
.naviend-right {
width: 49px;
height: 41px;
background: url('images/naviend-right.gif') no-repeat bottom left;
}

/* UNTERMENUES -------------------------------------------------------------------------------------------------------------------------------*/
.submenue {
text-align: right;
font-size: 13px;
color: #EF7F24;
}

ul.submenue {
margin: 18px 0 0 0;
padding: 0;
list-style-type: none;
}

ul.submenue li{
margin: 5px 0 5px 0;
padding: 1px 10px 1px 0;
background-color: #FFFFFF;
}

ul.submenue li.active{
margin: 5px 0 5px 0;
padding: 1px 10px 1px 0;
font-weight: bold;
background-color: #FFFFFF;
border-left: 15px solid #FAD8BD;
}

ul.submenue li a{
color: #EF7F24;
text-decoration: none;
}

ul.submenue li a:hover, ul.submenue li a:active{
color: #EF7F24;
font-weight: bold;
text-decoration: none;
}
/* -------------------------------------------------------------------------------------------------------------------------------------------*/

/* FONT-FORMATING ----------------------------------------------------------------------------------------------------------------------------*/
a {
color: #8F8F8F;
outline: none;
}

a:active, a:hover {
color: #EF7F24;
}

a.layerlink, a:active.layerlink, a:hover.layerlink {
color: #EF7F24;
text-decoration: none;
}

h1 {
margin: 0 0 20px 0;
padding: 0;
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-size: 23px;
color: #EF7F24;
font-weight: normal;
}

h2 {
margin: 0 0 2px 0;
padding: 0;
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-size: 15px;
color: #EF7F24;
font-weight: normal;
}

h2.detail {
margin: 0 0 2px 0;
padding: 0;
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-size: 15px;
color: #808080;
font-weight: normal;
}

.zitat{
margin: 0;
font-weight: bold;
text-align: center;
}
.autor{
margin: 0;
padding: 0 0 0 290px;
font-style: italic;
font-size: 12px;
}

.content_text p {
padding: 0;
margin: 0 0 12px 0;
}

ul.contentlist{
margin: 0 0 12px 10px;
padding: 0;
list-style-type: none;
}

ul.contentlist li {
padding: 0 0 0 11px;
background: url(images/list-style-type.gif) top left no-repeat;
}

	/* -- */
	ul.list {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
	
	ul.list li {
	padding: 0 0 5px 12px;
	background: url(images/list-style-type.gif) top left no-repeat;
	}
	
	/* -- */

.klapplayer {
margin: 10px 0 20px 10px;
padding: 0 0 0 10px;
font-size: 12px;
color: #8F8F8F;
border-left: 1px solid #EF7F24;
}

.white {
color: #ffffff;
}