/* -------------------------------------------- */
/* EKAIAS Stylesheet: DEFAULT */
/* -------------------------------------------- */
/* Created by two tribes GmbH, Stuttgart */
/* -------------------------------------------- */
/* StyleSheet Scope: INSIDE PAGES */
/* !-------------------------------------------- */
/* !Reset-styles */
/* !-------------------------------------------- */

html {
color: #000;
font-size: small;
font-family: "Helvetica", "Arial", sans-serif;
text-decoration: none;
background: #fff;
}

body {
padding: 0;
margin: 0;
}

ul {
margin: 0;
padding: 0;
list-style: none;
}

a {
color: #00377d;
text-decoration: none;
}

a:hover {
color: #00377d;
text-decoration: underline;
}

/* !-------------------------------------------- */
/* !General Page Layout */
/* !-------------------------------------------- */

html {
background: #dbd4b3 url("../img/back_inside.png") repeat-x left top;
}

ul#navigation {
background: transparent url("../img/navi_end_right.png") no-repeat 670px top;
height: 161px;
margin: 13px auto 0 auto;
width: 870px;
}

#content {
clear: both;
font-family: "Georgia", "Times", serif;
margin: 0 auto 0 auto;
position: relative;
width: 870px;
}

#main {
background-color: #fff;
float: left;
left: 171px;
min-height: 550px;
padding: 14px 7px 14px 7px;
position: absolute;
top: -13px;
width: 403px;
}

#main2 {
background-color: #fff;
float: left;
left: 171px;
min-height: 550px;
padding: 14px 7px 14px 7px;
position: absolute;
top: -13px;
width: 508px;
}

#sidebar {
background: none;
float: left;
left: 596px;
position: absolute;
top: -13px;
width: 251px;
}

#vignette {
background-color: #fff;
background-position: center center;
background-repeat: no-repeat;
position: absolute;
height: 145px;
right: 0;
top: -47px;
width: 145px;
}

table.partner {
background: #F2F0E3;
}

a.link {
color: #000000;
text-decoration: none;
}

a:hover.link {
color: #00377d;
text-decoration: underline;
}

/* !-------------------------------------------- */
/* !Navigation Block */
/* !-------------------------------------------- */

ul#navigation li {
background: #c6d0f4;
float: left;
margin: 31px 7px 0 0;
overflow: hidden;
}

ul#navigation a {
display: block;
color: #00377d;
}

ul#navigation ul.active {
background: #00377d;
}

ul#navigation .active a {
color: #fff;
}

ul#navigation ul.active li.active a {
font-weight: bold;
}

ul#navigation ul {
height: 100%;
}

ul#navigation ul li {
background: transparent url("../img/navi_l2_sections.png") no-repeat 0 0;
float: none;
height: 18px; /* --- needs IE7 fix */
margin: 0;
text-indent: -1000px;
}

ul#navigation ul li.intro {
height: 24px; /* --- needs IE7 fix */
}

ul.section li.intro, li.section.short {
letter-spacing: 1px;
text-transform: uppercase;
}

li#philosophie, li#profil, li#begleitung {
height: 99px;
width: 99px;
}

li#leistungen {
height: 99px;
width: 205px;
}

/* !--- Home Button / Logo */
ul#navigation li#home {
background: transparent url("../img/logo.png") no-repeat 0 0;
height: 129px;
margin-right: 19px;
text-indent: -1000px;
width: 153px;
}

ul#navigation li#home a, ul#navigation li#begleitung a {
height: 100%;
width: 100%;
}

/* Thank you Firefox for this unnecessary CSS orgy. Please finally support background-position-x/y!!! */
/* !--- Section Philosophie */
li#philosophie li.intro {background-position: 0 0;}
li#philosophie li#ph2 {background-position: 0 -24px;}
li#philosophie li#ph3 {background-position: 0 -42px;}

li#philosophie ul.active li.intro {background-position: -252px 0;}
li#philosophie ul.active li#ph2 {background-position: -252px -24px;}
li#philosophie ul.active li#ph3 {background-position: -252px -42px;}

li#philosophie ul.active li#ph2.active {background-position: -504px -24px;}
li#philosophie ul.active li#ph3.active {background-position: -504px -42px;}

/* !--- Section Leistungen */
li#leistungen li.intro {background-position: 0 -100px;}
li#leistungen li#le2 {background-position: 0 -124px;}
li#leistungen li#le3 {background-position: 0 -142px;}
li#leistungen li#le4 {background-position: 0 -160px;}
li#leistungen li#le5 {background-position: 0 -178px;}

li#leistungen ul.active li.intro {background-position: -252px -100px;}
li#leistungen ul.active li#le2 {background-position: -252px -124px;}
li#leistungen ul.active li#le3 {background-position: -252px -142px;}
li#leistungen ul.active li#le4 {background-position: -252px -160px;}
li#leistungen ul.active li#le5 {background-position: -252px -178px;}

li#leistungen ul.active li#le2.active {background-position: -504px -124px;}
li#leistungen ul.active li#le3.active {background-position: -504px -142px;}
li#leistungen ul.active li#le4.active {background-position: -504px -160px;}
li#leistungen ul.active li#le5.active {background-position: -504px -178px;}

/* !--- Section Profil */
li#profil li.intro {background-position: 0 -200px;}
li#profil li#pr2 {background-position: 0 -224px;}
li#profil li#pr3 {background-position: 0 -242px;}
li#profil li#pr4 {background-position: 0 -260px;}
li#profil li#pr5 {background-position: 0 -278px;}

li#profil ul.active li.intro {background-position: -252px -200px;}
li#profil ul.active li#pr2 {background-position: -252px -224px;}
li#profil ul.active li#pr3 {background-position: -252px -242px;}
li#profil ul.active li#pr4 {background-position: -252px -260px;}
li#profil ul.active li#pr5 {background-position: -252px -278px;}

li#profil ul.active li#pr2.active {background-position: -504px -224px;}
li#profil ul.active li#pr3.active {background-position: -504px -242px;}
li#profil ul.active li#pr4.active {background-position: -504px -260px;}
li#profil ul.active li#pr5.active {background-position: -504px -278px;}

/* !--- Singular sections */
ul li#begleitung {
background: none;
}

ul#navigation li#begleitung li {
background: transparent url("../img/navi_l2_begleitung.png") no-repeat 0 0;
height: 29px;
margin-top: 6px;
text-indent: -1000px;
}

ul#navigation li li#aktuelles {margin-top: 0;}
ul#navigation li li#partner {background-position: 0 -36px;}
ul#navigation li li#kontakt {background-position: 0 -70px;}
ul#navigation li li.active#aktuelles {background-position: -172px 0px;}
ul#navigation li li.active#partner {background-position: -172px -36px;}
ul#navigation li li.active#kontakt {background-position: -172px -70px;}

/* !-------------------------------------------- */
/* !Section 3D images */
/* !-------------------------------------------- */

#cover {
position: absolute;
top: 50px;
background-repeat: no-repeat;
background-position: 0 0;
}

body#page-philosophie #cover {
background-image: url("../img/section_steine.png");
height: 277px;
left: -240px;
width: 246px;
}

body#page-leistungen #cover {
background-image: url("../img/section_flipchart.png");
height: 443px;
left: -190px;
width: 188px;
}

body#page-profil #cover {
background-image: url("../img/section_mann.png");
height: 499px;
left: -157px;
width: 165px;
}

body#page-aktuelles #cover {
background-image: url("../img/section_zeitung.png");
height: 402px;
left: -182px;
width: 182px;
}

body#page-partner #cover {
background-image: url("../img/section_bambus.png");
height: 248px;
left: -207px;
width: 207px;
}

body#page-kontakt #cover {
background-image: url("../img/section_mikro.png");
height: 304px;
left: -165px;
width: 166px;
}

/* !-------------------------------------------- */
/* !Vignette images */
/* !-------------------------------------------- */

body#page-philosophie.intro #vignette {
background-image: url("../img/demo_vignette.jpg");
}

body#page-philosophie.ph2 #vignette {
background-image: url("../img/vig_phil2.jpg");
}

body#page-philosophie.ph3 #vignette {
background-image: url("../img/vig_phil3.jpg");
}

body#page-leistungen.intro #vignette {
background-image: url("../img/vig_leist1.jpg");
}

body#page-leistungen.le2 #vignette {
background-image: url("../img/vig_leist2.jpg");
}

body#page-leistungen.le3 #vignette {
background-image: url("../img/vig_leist3.jpg");
}

body#page-leistungen.le4 #vignette {
background-image: url("../img/vig_leist4.jpg");
}

body#page-leistungen.le5 #vignette {
background-image: url("../img/vig_leist5.jpg");
}

body#page-kontakt.intro #vignette {
background-image: url("../img/vig_kon.jpg");
}

body#page-profil.intro #vignette {
background-image: url("../img/vig_pro1.jpg");
}

body#page-profil.pr2 #vignette {
background-image: url("../img/vig_pro4.jpg");
}

body#page-profil.pr3 #vignette {
background-image: url("../img/vig_pro2.jpg");
}

body#page-profil.pr4 #vignette {
background-image: url("../img/vig_pro3.jpg");
}

body#page-profil.pr5 #vignette {
background-image: url("../img/vig_pro5.jpg");
}

body#page-aktuelles.intro #vignette {
background-image: url("../img/vig_akt.jpg");
}

body#page-partner.intro #vignette {
background-image: url("../img/vig_par.jpg");
}

/* !-------------------------------------------- */
/* !Main content */
/* !-------------------------------------------- */

h1 {
text-transform: uppercase;
color: #00377d;
font-family: "Helvetica", "Arial", sans-serif;
font-size: 12pt;
font-weight: bold;
line-height: 1.35em;
margin: 0;
padding: 0 0 1em 0;
}

h2 {
border-top: 1px solid #797b77;
color: #797b77;
font-size: 12pt;
font-weight: bold;
line-height: 1.35em;
margin: 0.5em 0 0 0;
padding: 0.5em 0 0.3em 0;
}

em {
font-style: italic;
}

#main h3 {
font-size: 12pt;
color: #00377d;
font-weight: bold;
line-height: 1.35em;
margin: 0.5em 0 0 0;
padding: 0.5em 0 0.3em 0;
}

#main2 h3 {
font-size: 12pt;
color: #00377d;
font-weight: bold;
line-height: 1.35em;
margin: 0.5em 0 0 0;
padding: 0.5em 0 0.3em 0;
}

p {
line-height: 1.55em;
margin: 0;
padding: 0 0 0.3em 0;
}

p.ref {
line-height: 1.40em;
margin: 0;
padding: 0 0 0.3em 0;
}

p.blue {
font-size: 10pt;
color: #00377d;
line-height: 1.35em;
margin: 0;
padding: 12px 0 0 0;
}

p.parag {
line-height: 1.35em;
margin: 0,5 em 0 0 0;
padding: 0 0 0.3em 21px;
}

p.hl1_tab {
font-size: 10pt;
color: #00377d;
font-weight: bold;
line-height: 1.35em;
margin: 0,5 em 0 0 0;
padding: 0 0 0.3em 0;
}

p.txt_tab {
line-height: 1.4em;
margin: 0;
padding: 0 0 0.3em 0;
}

#main ul {
padding: 0.3em 0 0 0;
}

#main li {
background: transparent url("../img/pixb.png") no-repeat 0 6px;
line-height: 1.45em;
padding: 0 0 0.3em 21px;
}

#main2 ul {
padding: 0.3em 0 0 0;
}

#main2 li {
background: transparent url("../img/pixb.png") no-repeat 0 7px;
line-height: 1.45em;
padding: 0 0 0.3em 21px;
}

#main img {
}

/* !-------------------------------------------- */
/* !Sidebar content */
/* !-------------------------------------------- */

#sidebar {
font-size: 90%;
}

/* !--- Illustrations */
#sidebar div#firstSide {
margin-top: 0;
}

#sidebar #firstSide h3 {
height: 93px;
overflow: hidden;
width: 93px;
}

#sidebar .illustration {
margin-top: 14px;
}

#sidebar .illustration h3 {
background: #fff;
color: #00377d;
font-size: 9pt;
font-weight: bold;
line-height: 1.35em;
margin: 0 0 7px 0;
padding: 3px;
}

#sidebar .illustration .imgContainer {
background: #fff;
}

#sidebar .illustration img {
margin: 0 auto 0 auto;
max-width: 251px;
text-align: center;
}

#sidebar .illustration p.caption {
background: #fff;
padding: 3px;
}

#sidebar .illustration p.paragr1 {
background: #fff;
font-style: italic;
line-height: 1.35em;
margin: 0,5 em 0 0 0;
padding: 10px 0 0.3em 21px;
}

#sidebar .illustration p.paragr2 {
background: #fff;
line-height: 1.35em;
margin: 0,5 em 0 0 0;
padding: 10px 0 0.3em 18px;
}


#sidebar ul {
padding: 3px;
}

#sidebar li {
background: transparent url("../img/pixb.png") no-repeat 0 5px;
line-height: 1.35em;
padding: 0 0 0.3em 21px;
}

#main img {
}


/* !--- Download Boxes */
#sidebar .download {
background: #fff;
margin-top: 14px;
padding: 7px 3px 7px 3px;
}

#sidebar .download a {
background-position: 0 center;
background-repeat: no-repeat;
display: block;
padding-left: 70px;
}

#sidebar .download a.filePDF {
background: transparent url("../img/back_pdf.png") no-repeat 0 0;
}

#sidebar .download h3 {
color: #00377d;
font-size: 9pt;
font-weight: bold;
line-height: 1.35em;
margin: 0;
padding: 0 0 0.3em 0;
}

#sidebar .download p.caption {
color: #797b77;
}