/**** BASICS ****/

* { margin: 0; padding: 0; border: 0; }
html { overflow-y: scroll; }
body { color: #000; font-family: arial, helvetica, sans-serif; text-align: center; }
a { color: #de1f00; text-decoration: none; }
a:hover, a:active, a:focus { color: #000; outline: none; }
a img { border: none; }
.clr, .clear, #clear { clear: both; } 
.ie7 img { -ms-interpolation-mode: bicubic; }
.invisible{ width: 0; height: 0; left: -1000px; top: -1000px; position: absolute; overflow: hidden; display: inline; }
hr { border: 0; color: #d2d4b2; background-color: #d2d4b2; height: 1px; margin: 10px 0; padding: 0; display: block; }

#wrapper { margin: 0 auto; padding: 0 0 40px; width: 960px; text-align: left; }
body { background: url("pics/body_bg.jpg") repeat-x 0 108px; }
body.start { background: url("pics/bodystart_bg.jpg") repeat-x 0 108px; }


/**** HEADER ****/

#header  { height: 327px; position: relative; overflow: hidden; background: url("../../tl_files/images/coaching.jpg") no-repeat 0 108px; }
body.start #header  { height: 567px; background: none; }
body.angebot #header  { background: url("../../tl_files/images/angebot.jpg") no-repeat 0 108px; }
body.person #header  { background: url("../../tl_files/images/person.jpg") no-repeat 0 108px; }
body.philosophie #header  { background: url("../../tl_files/images/philosophie.jpg") no-repeat 0 108px; }
body.kontakt #header  { background: url("../../tl_files/images/kontakt.jpg") no-repeat 0 108px; }

#header a.hyperlink_img { display: block; }
#header a.hyperlink_img img { float: left; }
#startslider { clear: both; height: 370px; position: relative; }
#startslider p { position: absolute; top: 111px; left: 47px; }

/* Menue */
#header .mod_navigation { clear: both; display: block; width: 960px; height: 43px; background: url("pics/navi_bg.png") repeat-x left top; font-size: 15px; text-transform: uppercase; font-weight: bold; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; position: absolute; left: 0; }
#header .mod_navigation { top: 239px; }
body.start #header .mod_navigation { top: 479px; }

#header .mod_navigation ul, #header .mod_navigation li { margin: 0; list-style: none; list-style-image: none; }
#header .mod_navigation ul li { list-style: none; display: inline-block; text-align: center; float: left; }
#header .mod_navigation ul li a, #header .mod_navigation ul li span { display: block; line-height: 45px; background: url("pics/navi_trenner.png") no-repeat right top; }

#header .mod_navigation ul li.first a, #header .mod_navigation ul li.first span { -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; }
#header .mod_navigation ul li.last a, #header .mod_navigation ul li.last span { background: none; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; }

#header .mod_navigation ul li a { color: #6a7200; height: 43px; }
#header .mod_navigation ul li a:hover, #header .mod_navigation ul li a:active { color: #6a7200; border-bottom: 4px solid #6a7200; height: 40px; }
#header .mod_navigation ul li span, #header .mod_navigation ul li.trail a { border-bottom: 4px solid #de1f00; height: 40px; color: #de1f00; }
#header .mod_navigation ul li.start a, #header .mod_navigation ul li.start span { width: 132px; }
#header .mod_navigation ul li.coaching a, #header .mod_navigation ul li.coaching span { width: 156px; }
#header .mod_navigation ul li.angebot a, #header .mod_navigation ul li.angebot span { width: 150px; }
#header .mod_navigation ul li.philosophie a, #header .mod_navigation ul li.philosophie span { width: 176px; }
#header .mod_navigation ul li.person a, #header .mod_navigation ul li.person span { width: 187px; }
#header .mod_navigation ul li.kontakt a, #header .mod_navigation ul li.kontakt span { width: 158px; }


/**** MAIN ****/

#main { float: left; width: 600px; padding: 0 0 30px 43px; font-size: 16px; line-height: 21px; }

/* Headlines */
#main a { background: url("pics/linkbullet.png") no-repeat 3px 4px; padding: 0 0 0 13px;  }
#main a.einfach { background: none; padding: 0;  }
#main .goback a , #main .back a { background: url("pics/linkbullet-rev.png") no-repeat 2px 4px; padding: 0 0 0 13px; text-transform: lowercase; }
#main h1 { color: #6a7200; font-size: 20px; line-height: 26px; margin: 0 0 23px; font-weight: normal; }
body.start #main h1 { margin: 0 0 18px; }
#main h2 { font-size: 16px; line-height: 21px; font-weight: bold; color: #6a7200; }
#main h3, #main h4 , #main h5, #main h6 { font-size: 16px; line-height: 21px; font-weight: bold; color: #000; }

#main p { font-size: 16px; line-height: 21px; margin: 0 0 19px; }
#main ul { list-style: none; list-style-image: none; padding: 0; margin: 0 0 20px; }
#main ul li { list-style: none; background: url("pics/bullet.png") no-repeat 0 9px; margin: 8px 0; padding: 0 0 0 13px; line-height: 21px; }
body.start #main ul li { background-position: 0 10px; margin: 0; }
#main ol { padding: 0; margin: 0 0 10px 20px; }
#main ol li { padding: 0; line-height: 20px; }

/* News */
#main .mod_newslist h2 { margin: 0 0 5px; }
#main .mod_newslist p.info { margin: 0; color: #6a7200; }

/* Preise-Tabelle */
#main table.preise {}
#main table.preise td { padding: 0 0 18px; line-height: 20px; }
#main table.preise td:first-child { width: 350px; }
#main table.preise tr:first-child td { padding: 1px 0 0; }
#main table.preise tr:last-child td { padding: 2px 0 19px; }

/* Person Foto */
#main #meine-person  { overflow: auto; padding-bottom: 33px; }
#main .mod_article .image_container { float: left; padding: 4px 30px 0 0; }

/* Kontakt */
#main #kontakt h1, #main #kontaktdanke h1  { margin: 0 0 26px; }
#main #kontakt, #main #kontaktdanke { position: relative; display: block; height: 500px; }
#main #kontaktdanke { height: 350px; }
#main .ce_form { position: absolute; top: 30px; right: 0; width: 346px; font-size: 15px; line-height: 20px; padding-top: 11px; }
#main .dankemess { position: absolute; top: 30px; right: 0; width: 346px; font-size: 16px; line-height: 21px; padding-top: 19px; }

.ce_form label { display: block; margin: 12px 0 4px; }
.ce_form input.text, .ce_form textarea, .ce_form input.captcha  { font-family: Arial, Helvetica, sans-serif; font-size: 15px; border: 2px solid #e3e3e3; background: #e3e3e3; width: 346px; }
.ce_form input.text, .ce_form input.captcha  { height: 22px; }
.ce_form textarea { height: 133px; }
.ce_form input.captcha { width: 50px; }
.ce_form .captcha_text { padding-left: 5px; }
.ce_form .colleft { float: left; }
.ce_form .colright { float: right; width: 164px; }
.ce_form .colleft input, .ce_form .colright input { width: 164px; }
.ce_form .submit_container { display: block; margin: 20px 0; }
.ce_form input.submit { font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; height: 30px; width: 132px; overflow: visible; color: white; text-align: center; background: url("pics/submit_bg.png") no-repeat left top; cursor: pointer; }
.ce_form input.submit:hover { }
.ce_form p.error { display: none; }
.ce_form label.error { color: #6a7200; }


/**** RIGHT ****/

#right { float: right; width: 250px; overflow: hidden; padding-top: 6px; color: #6a7200; }
#right .mod_article { padding: 0 16px 16px; background: #e1e3cc url("pics/boxbot_bg.png") no-repeat left bottom; margin: 0 0 25px; } 
#right .spblase { padding: 0 16px 35px; background: #e1e3cc url("pics/boxsb_bg.png") no-repeat left bottom; } 
#right h1, #right h2, #right h3, #right h4 { font-size: 15px; line-height: 20px; text-transform: uppercase; background: url("pics/boxtop_bg.png") no-repeat left top; margin: 0 -16px; padding: 12px 16px 8px; }
#right p { font-size: 15px; line-height: 18px; margin: 0 0 7px; }
#right p.buttonlink, #right p.more { background: url("pics/aboxleft_bg.png") no-repeat left top; padding-left: 8px; line-height: 24px; margin: 15px 0 5px; }
#right a { display: inline-block; height: 25px; font-size: 14px; line-height: 25px; color: #de1f00; padding: 0 23px 0 5px; background: #fff url("pics/aboxright_bg.png") no-repeat right top; }
#right a:hover, #right a:active { color: #6a7200; }


/**** FOOTER ****/

#footer { padding: 44px 0 0 45px; font-size: 12px; color: #6a7200; font-weight: bold; background: url("pics/treecompany_marke.png") no-repeat 845px 0; position: relative; }
#footer p { border-top: 1px solid #d2d4b2; padding-top: 7px; }
#footer a { color: #6a7200; }
#footer a:hover, #footer a:active { color: #de1f00; }
#footer .googleplus1 { position: absolute; right: 0; top: 50px; }