@charset "utf-8"; 
/* Reset */
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
b, u, i, center, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, 
time, mark, audio, video{margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section{display:block}
body{line-height:1}
ol, ul{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after, 
q:before, q:after{content:''; content:none}
table{border-collapse:collapse; border-spacing:0}
textarea{overflow: auto}

.clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0}
.clearfix:after{clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}

/* Thoma CSS */
html, body{background-color:#393f48; color:#000; font:12px/1.4 'Arial',Arial,sans-serif}

#wrapper{width:1000px; height:737px; position:relative; margin:0 auto}

a, a:visited{text-decoration:none; color:#bbb; outline: 0}
a:hover{text-decoration:underline}
a.active{font-weight:bold; font-style:italic}

a.btn{display:block}
a.btn span{display:none}

#container{position:absolute; right:0; top:60px; height:570px; width:996px; background:url(../gfx/background.jpg)}
#container_home{position:absolute; right:0; top:60px; height:487px; width:1001px; background:url(../gfx/background2.jpg)}
#container_home #header{position:absolute; right:0px; top:0px;  width:710px; height:91px}
#container_home #header .pagelogo a{background:transparent url(../gfx/logo.jpg) 0px 0px no-repeat; width:207px; height:55px; margin:13px 0 0 35px}

#header{position:absolute; right:0px; top:0px;  width:800px; height:91px}
#header .pagelogo a{background:transparent url(../gfx/logo.jpg) 0px 0px no-repeat; width:207px; height:55px; margin:13px 0 0 35px}
#header .headernav{position:absolute; right:0px; top:45px; }
#header .headernav a{color:#bbb; font-size:14px; width:auto; display:inline-block; text-align:center;}
#header .headernav span.separetor{color:#bbb; font-size:14px; display:inline-block; margin-right:10px; margin-left:10px; }

#footer{position:absolute; right:12px; bottom:45px; color:#bbb; width:100%; text-align:right; font-size:12px}
#footer span{padding:0 5px 0 5px}

#container #activePageTitle{padding-top:37px; width:198px; color:#393f48; font-size:18px; text-align:center; }
#container #pageContent{position:absolute; top:89px; left:168px; padding:20px 0 0 48px; width:779px; height:460px}

#pageContent .innerContentContainer{position:absolute; top:0px; left:0px; z-index:3}
#pageContent .background{background-color:white; position:absolute; top:0px; right:-2px; width:800px; height:481px; background-position:100% 0%; background-repeat:no-repeat; border-radius:0px 12px 12px 0px;}

#pageContent .background.anfahrt{background-image:url(../gfx/pictures/anfahrt.jpg)}
#pageContent .background.anfahrt2{background-image:url(../gfx/pictures/anfahrt2.jpg)}
#pageContent .background.referenzen1{background-image:url(../gfx/pictures/referenzen1.jpg)}
#pageContent .background.referenzen2{background-image:url(../gfx/pictures/referenzen2.jpg)}
#pageContent .background.referenzen3{background-image:url(../gfx/pictures/referenzen3.jpg)}
#pageContent .background.referenzen4{background-image:url(../gfx/pictures/referenzen4.jpg)}
#pageContent .background.referenzen5{background-image:url(../gfx/pictures/referenzen5.jpg)}
#pageContent .background.referenzen6{background-image:url(../gfx/pictures/referenzen6.jpg)}
#pageContent .background.referenzen7{background-image:url(../gfx/pictures/referenzen7.jpg)}
#pageContent .background.referenzen8{background-image:url(../gfx/pictures/referenzen8.jpg)}
#pageContent .background.referenzen9{background-image:url(../gfx/pictures/referenzen9.jpg)}
#pageContent .background.referenzen10{background-image:url(../gfx/pictures/referenzen10.jpg)}
#pageContent .background.referenzen11{background-image:url(../gfx/pictures/referenzen11.jpg)}
#pageContent .background.referenzen12{background-image:url(../gfx/pictures/referenzen12.jpg)}
#pageContent .background.referenzen25a{background-image:url(../gfx/pictures/referenzen25a.jpg)}
#pageContent .background.referenzen25b{background-image:url(../gfx/pictures/referenzen25b.jpg)}
#pageContent .background.referenzen25c{background-image:url(../gfx/pictures/referenzen25c.jpg)}
#pageContent .background.referenzen25d{background-image:url(../gfx/pictures/referenzen25d.jpg)}
#pageContent .background.impressum{background-image:url(../gfx/pictures/impressum.jpg)}
#pageContent .background.datenschutz{background-image:url(../gfx/pictures/datenschutz.jpg); }
#pageContent .background.kontakt{background-image:url(../gfx/pictures/kontakt.jpg)}
#pageContent .background.leistungen{background-image:url(../gfx/pictures/leistungen.jpg)}
#pageContent .background.philosophie{background-image:url(../gfx/pictures/philosophie.jpg); width: 401px; height: 480px; margin-top: 1px;}
#pageContent .background.referenzen{background-image:url(../gfx/pictures/referenzen.jpg); width:801px;}
#pageContent .background.vita{background-image:url(../gfx/pictures/vita.jpg); width:402px;}

#sidebar{position:absolute; top:100px; left:0; width:170px}
#sidebar ul{margin-top:30px; margin-right:20px}
#sidebar ul li a{font-size:17px; display:block; width:100%; padding-top: 16px; height:45px; text-align:right; font-weight: bold;}

.tabs{height:55px; position:absolute; left:60px; top:0px}
.tabs .tab{float:left; display:block; padding-top:25px; height:29px; margin-right:18px; color:black; text-align:center}
.tabs span.tab{color:#fb6809}
.tabs .tab:hover{font-style:normal; font-weight:normal}

.tabs .tab_34{width:43px; background:transparent url(../gfx/btns/navibuttons.jpg) no-repeat 0px -56px}
.tabs .tab_67{width:84px; background:transparent url(../gfx/btns/navibuttons.jpg) no-repeat -44px -56px}
.tabs .tab_168{width:208px; background:transparent url(../gfx/btns/navibuttons.jpg) no-repeat -103px -56px;}
.tabs .tab_49{width:62px; background:transparent url(../gfx/btns/navibuttons.jpg) no-repeat -340px -56px}

.tabs span.tab_34{background-position:0px 0px}
.tabs span.tab_67{background-position:-44px 0px}
.tabs span.tab_168{background-position:-130px 0px}
.tabs span.tab_49{background-position:-339px 0px}

#pageContent .scrollButton{width:24px;  height:15px; cursor:pointer; background-image:url(../gfx/btns/navibuttons.jpg); background-repeat:no-repeat}
#pageContent .scrollUp{background-position:-401px 0px; margin-bottom:15px}
#pageContent .scrollUp:hover{background-position:-401px -15px}
#pageContent .scrollDown{background-position:-402px -31px; margin-top:15px}
#pageContent .scrollDown:hover{background-position:-402px -46px}

#pageContent .scrollContent{width:100%;  height:305px;  overflow:hidden}

.scrollContentInner h2{font-weight:bold;  font-size:13px;  margin-bottom:20px;  margin-top:5px}
.scrollContentInner h3{font-weight:bold;  font-size:12px}
.scrollContentInner p{margin-bottom:20px}

.index_kontakt h2{font-size:13px;  font-weight:bold;  margin-bottom:14px}

#pageContent .content{margin:0 0 0 61px; width:360px; padding-top: 80px;}

#pageContent .index_referenzen{padding-top:60px; width:365px}
#pageContent .index_persoenliches{padding-top:85px; width:365px;}
#pageContent .index_kontakt{width:600px}
#pageContent .index_philosophie{padding-top:127px}
#pageContent .index_leistungen{width: 335px;}

#pageContent .index_impressum{width: 300px; padding-top: 45px}
#pageContent .index_impressum h1{font-size:13px; margin-bottom:8px; font-weight:bold}
#pageContent .index_impressum p{margin-bottom:7px}
#pageContent .index_impressum a{color: black}

#pageContent .index_datenschutz{width: 500px; padding-top: 45px}
#pageContent .index_datenschutz h1{font-size:13px; margin-bottom:8px; font-weight:bold}
#pageContent .index_datenschutz p{margin-bottom:7px}
#pageContent .index_datenschutz a{color: black}
#pageContent .index_datenschutz b{font-weight:bold !important;}

#kontaktFormular td{vertical-align:top;  padding:3px}
#kontaktFormular label.label{display:block;  line-height:25px;  width:100%;  text-align:right;  font-weight:bold}
#kontaktFormular label.error{color:red;  font-size:11px;  height:23px;  line-height:23px;  float:left; padding:0 5px 0 2px; display:block; background-color:#fff; letter-spacing:1px}
#kontaktFormular input{width:246px; padding:0 5px 0 5px; height:25px; line-height:25px; float:left;  background-image:url(../gfx/input_text_bg.jpg); background-repeat:no-repeat; outline:none; border:1px solid #fff;}
#kontaktFormular textarea{width:250px; padding:5px 3px 3px 3px; height:135px;  float:left; background-image:url(../gfx/textarea_bg.jpg); background-repeat:no-repeat; outline:none; border:1px solid #fff;}
#kontaktFormular button{cursor: pointer; margin-top:10px; font-size:12px; color:#fff; border:none; outline:none; width:113px; height:31px; text-align:center; background: white url(../gfx/btns/button.jpg) no-repeat top;}
#kontaktFormular button:hover{text-decoration:underline}

.index_philosophie p.cite{text-align:justify; padding-left:3px; line-height:15px}
.index_philosophie p.author{padding-left:145px; margin-top:12px}

.thoma{padding:0 0 0 4px; color:#000; font-weight:bold; letter-spacing:2px}
.thoma .plus{color:#fb6809; letter-spacing:0px}

.index_persoenliches table td{vertical-align:top; padding:8px 5px 5px 0px}
.index_persoenliches table td.datum{font-weight:bold; text-align:left; width:80px}

#pageContent .index_anfahrt{margin-left:15px; width:180px; padding-top:110px; height:350px}
#pageContent .index_anfahrt h3{font-size:11px; font-weight:bold}
#pageContent .index_anfahrt p{padding-bottom:33px}
#pageContent .index_anfahrt .mapsLink{position:absolute; bottom:0px; left:25px; color:#333; font-weight:bold; display:block}
#zur_detailansicht{position:absolute; top:220px; left:237px; color:#fff; font-size:13px; display:block; width:80px; text-align:center}

#container_home a.navLink{font-size:18px; color:#666; width:160px; text-align:center}
#container_home a.navPos1{position:absolute; left:128px; top:35px}
#container_home a.navPos2{position:absolute; left:66px; top:173px}
#container_home a.navPos3{position:absolute; left:5px; top:315px}

ul.aufzaehlung { margin-bottom: 20px; }


