/* RESET CSS */ body {margin: 0;padding: 0;} h1, h2, h3, h4, h5, h6, form, p, ol, ul, li , dl, dt, dd, blockquote, fieldset,legend,input {margin: 0px;padding: 0px;} ol, ul {list-style: none;} a,a:hover {text-decoration:none;cursor: pointer;} table {border-collapse: collapse;} a img {border:0px;} a:focus {outline:none;} .wai {width:0px !important;overflow:hidden;height:0px !important;text-indent:-5000px;margin:0px !important;padding:0px !important;} .cb {clear:both !important;} .cl {clear:left !important;} .fr {float:right !important;} .fl {float:left !important;} /* site's CSS */ body {font-family:arial,verdana, sans-serif;font-size:0.625em;text-align:left;} #page {margin: 0 auto 0 auto;width:982px;overflow:hidden;} /* the header */ #header {height:146px;_height:auto;} #logo {width:285px;height:69px;background: url("../img/logo-privatpraxis-psychotherapie.gif") no-repeat top left;float:left;margin:22px 0 15px 0px;display:inline;} #logo a {text-indent:-5000px;overflow: hidden;display:block;width:285px;height:69px;} /* main menu */ ul#topnav {font-size:115%;float:right;margin:80px 0px 0 0;} ul#topnav li {display:inline;} ul#topnav li a {color:#e87817;padding:0px 20px;} ul#topnav li a:hover {color:#000;} ul#topnav li a.clicked {color:#000;} /* main menu */ ul#mainnav {clear:both;font-size:130%;background: url("../img/menu-bg.jpg") no-repeat top left;overflow:hidden;height:100%;} ul#mainnav li {display:inline;position:relative;float:left;height:21px;} ul#mainnav li a {color:#ffffcc;padding:0px 25px 0px 35px;float:left;height:40px;line-height:40px;display:block;} ul#mainnav li a:hover {color:#fff;} ul#mainnav li a.clicked {color:#fff;} ul#mainnav a.clicked {font-weight:bold;} /* second-level lists */ ul#mainnav li ul {position: absolute;z-index:9999;display: none;top:40px;left:30px;background:#fafafa;opacity:0.95;filter:alpha(opacity=95);padding-bottom:5px;} ul#mainnav li ul a:hover {display:block !important;} ul#mainnav li:hover ul {display: block !important;} ul#mainnav li ul li {clear:both;padding:0px;width:100%;z-index:9999;} ul#mainnav ul li a {white-space:nowrap;padding:5px 15px 5px 5px;z-index:9999;color:#880000;line-height:14px;height:auto;} ul#mainnav ul li a:hover {color:#000;text-decoration:underline;} ul#mainnav ul li a.clicked {color:#000;font-weight:bold;} /* stage */ #stage {width:100%;clear:both;font-size:135%;background: url("../img/stage-bg.jpg") no-repeat top left;height:236px;} #stage h1 {color:#ffffcc;padding:65px 30px 0px 45px;font-size:240%;font-weight:normal;letter-spacing:0.5px;} #stage img {float:right;} #stage h1 small {font-size:45%;padding-top:2px;display:block;} #stage a.read-more {color:#fff !important;padding-left:45px;} .therapy-stage h1 {text-align:left !important;width:500px;} .left-text h1 {width:320px;float:left;} .left-text h1.therapist-name {width:390px !important;padding:70px 10px 5px 25px !important;} /* left right sidebars */ .left-sidebar1 {float:left;width:398px;overflow:hidden;} .right-sidebar1 {float:right;width:560px;overflow:hidden;} .left-sidebar2 {float:left;width:690px;padding-left:10px;overflow:hidden;} .right-sidebar2 {float:right;width:250px;padding-right:5px;overflow:hidden;} .half-sidebar {width:450px;overflow:hidden;} #content .left-sidebar1 h2.underlined, .city-gallery h2{background: url("../img/line-big.gif") repeat-x bottom left;font-weight:bold;font-size:130%;padding-bottom:5px;} #content .left-sidebar1 h3 {font-size:120%;} .coloured {background:#fafafa;color:#7F0014;padding:0 20px 20px 20px;} .left-sidebar1 address {margin:10px 0;} .left-sidebar1 address strong {font-size:120%;padding-bottom:3px;display:block;} .left-sidebar1 address a {padding-top:10px;display:block;} .underlined {background: url("../img/line-big.gif") repeat-x bottom left;font-weight:bold;padding-bottom:5px;} /* index style */ .rose-box {background: url("../assets/images/rose-shaw-index1.jpg") no-repeat right 37px;height:395px;width:398px;overflow:hidden;} .rose-box a.read-more {margin:333px 10px 0 40px;display:inline;float:left;} .index-testimonials a.read-more {margin:0px 10px;display:inline;float:right;} .index-testimonials {padding:18px 0px;margin-bottom:30px;} blockquote {font-style:italic;color:#ea700d;background: url("../img/quote-left.gif") no-repeat top left;margin:20px 10px;} blockquote div {background: url("../img/quote-right.gif") no-repeat bottom right;padding:5px 25px 5px 35px;font-size:100%;} .half-box-left {float:left;width:274px;margin-top:15px;margin-bottom:30px;} .half-box-right {float:right;width:268px;margin-top:15px;margin-bottom:30px;} #content .half-box-left h2,#content .half-box-right h2,#content .inner-testimonials h2{font-size:125%;margin-bottom:1px;padding-bottom:8px;} .half-box-left h2 {background: url("../img/line-small-left.gif") no-repeat bottom left;} .half-box-right h2 {background: url("../img/line-small-right.gif") no-repeat bottom left;} .index-gallery {background: url("../img/grey-small-gradient.gif") repeat-x top left;} .index-gallery ul li {display:inline;float:left;} .highslide-gallery {margin:0px 0 10px 0;overflow:hidden;} #content .index-gallery h3 {font-size:110%; } .text-index {height:385px;overflow:hidden;padding-top:10px;} .half-box-right .tag-cloud {background: url("../img/grey-small-gradient.gif") repeat-x top left;padding:5px 10px;overflow:hidden;height:100%;} .half-box-right .tag-cloud li a {text-decoration:none !important;float:left;padding:5px;} .half-box-right .tag-cloud li.bigger a {font-size:120%;} .half-box-right .tag-cloud li {float:left;} /* main content area */ #content {overflow:hidden;height:auto;padding:10px 0 40px 0;width:100%;color:#7F0014;font-size:130%;line-height:140%;} #content p {padding:10px 0;} #content h1 {color:#87001f;padding:20px 30px 5px 0px;font-size:200%;font-weight:normal;letter-spacing:0.5px;} #content h2 {font-size:160%;padding:15px 0 5px 0;line-height:130%;color:#c2001c;} #content h3 {font-size:130%;padding:5px 0;letter-spacing:0.5px;color:#c2001c;} #content h4 {font-size:100%;padding:5px 0;letter-spacing:0.5px;} #content a {color:#7F0014;font-weight:bold;text-decoration:underline;} #content a:hover {color:#000;text-decoration:none;} address {font-style:normal;} blockquote strong {display:block;padding:10px 0;} a.read-more {display:block;background: url("../img/read-more.png") no-repeat right center;color:#ff3c00 !important;text-align:right;padding:3px 25px 3px 0;margin:0px 0 10px 0;text-decoration:none !important;font-size:105%;font-weight:bold;} #gmap {float:right;width:550px;height:330px;} p.index-first-paragraph {padding-top:15px !important;} p.cb {overflow:hidden;height:100%;} .bigger {font-size:120%;} .testimonials {float:left;width:46%;overflow:hidden;color:#ea700d;} .testimonials strong.date {padding-left:35px;font-weight:normal;} .testimonials blockquote,blockquote.therapist-quote{background: url("../img/quote-left-small.gif") no-repeat top left;margin:20px 10px 0 10px;} .testimonials blockquote div,blockquote.therapist-quote div{background: url("../img/quote-right-small.gif") no-repeat bottom right;padding:5px 20px 5px 25px;} blockquote.therapist-quote {width:330px;} address.third {width:31.3%;margin:10px 0 5px 0;border-left:2px solid #ccc;padding-left:7px;_width:29%;} .city-gallery {background: url("../img/grey-small-gradient.gif") repeat-x top left;padding:5px 10px;} .city-gallery li {margin:6px !important;_margin:4px !important;} /* lista */ .simple-list,.bullet-list {list-style-type:disc;margin:10px 15px 10px 30px;} .simple-list li,.bullet-list li {padding:3px 0;} .left-sidebar1 .simple-list a,.left-sidebar1 .simple-list,bullet-list li a{color:#ff3c00 !important;} .bottom-links {margin-top:20px;} .bottom-links li {} .bottom-links li a {display:block;background: url("../img/read-more.png") no-repeat left center;color:#ff3c00 !important;padding:3px 0px 3px 25px;margin:0px 0 10px 0;text-decoration:none !important;font-size:105%;font-weight:bold;} /* therapy pages */ .therapy-list {} .therapy-list li {border-bottom:1px solid #e9e9ea;} .therapy-list li a {padding:8px 10px;color:#7F0014 !important;font-weight:normal !important;text-decoration:none !important;display:block;} .therapy-list li a:hover,.therapy-list li a.clicked{color:#ff3c00 !important;background:#fafafa;} .img_right {float:right;margin:5px 0 5px 20px;} .img_left {float:left;margin:5px 20px 5px 0px;} .inner-testimonials {padding:18px 0px;margin-bottom:50px;} .inner-testimonials blockquote {background: url("../img/quote-left-small.gif") no-repeat top left;margin:20px 0px 10px 0px;} .inner-testimonials blockquote div {background: url("../img/quote-right-small.gif") no-repeat bottom right;padding:5px 15px 5px 20px;} .third-box {width:31%;float:left;margin-right:2%;_width:30%;} .third-box h2 {font-size:130% !important;} .half-box {width:47%;float:left;} .right-sidebar2 .half-box-right {width:250px;margin:0px !important;float:none;} .right-sidebar2 .half-box-right li {margin:2px 1px !important;_margin:2px 0px 2px 1px !important;} .right-sidebar2 .half-box-right .highslide-gallery{padding:0px !important;} .right-sidebar2 .half-box-right .index-gallery{padding:5px !important;} .right-sidebar2 .half-box-right h2,.right-sidebar2 .half-box-left h2{} .right-sidebar2 .half-box-left {width:250px;margin-top:0px !important;float:none;} /* team pages */ .team-list {} .team-list a {text-decoration:none !important;} .team-list li {width:470px;margin-bottom:15px;height:290px;overflow:hidden;} .team-list h2 a {text-indent:10px;background: url("../img/line-big.gif") repeat-x bottom left;font-weight:bold;font-size:75%;padding-bottom:8px;display:block;letter-spacing:0.5px;} .team-list img {float:left;margin-right:25px;} .team-list a span {font-weight:normal !important;color:#ea700d !important;padding:20px 0 0 0;float:left;display:block;width:200px;} .team-list li.even {background:#fafafa;} /* therapist page */ .resume {margin:30px 0 20px 0;clear:both;overflow:hidden;height:100%;} .resume dt {padding:7px 0;float:left;width:120px;color:#E87817;clear:left;} .resume dd {float:left;width:440px;padding:7px 0;} .resume dd ul {list-style-type:circle;margin:5px 0 0px 25px;} .resume dd ul li {margin:8px 0 0 0;} .therapist-mainpic {} .therapist-gallery {margin:40px 0;width:330px;height:379px;position:relative;} .therapist-gallery img {position:absolute;top:0px;left:0px;display:none;} .therapist-gallery img.visible {display:block;} /* online therapy page */ .online-therapy-list {border-bottom:1px solid #800000;margin-bottom:20px;height:100%;} .online-therapy-list img {float:left;margin-top:20px;margin-right:20px;} .online-therapy-list li {padding:10px 0;border-top:1px solid #800000;overflow:hidden;} .online-therapy-list div {float:left;width:540px;} .online-therapy-list li ul {} .online-therapy-list li ul li {border:none;padding:3px 0 3px 15px !important;background: url("../img/bull.gif") no-repeat 0px 11px;margin-left:20px;} .showhide {overflow:hidden;height:25px;display:block;} .testimonials .showhide p {padding:0px !important;} .testimonials .showhide p a {color:#ea700d !important;} /*footer style */ /* contact form */ #contactform {margin:0px 0 40px 0;} #contactform h2 {margin-bottom:10px;padding-top:13px !important;} #contactform li {width:45%;float:left;overflow:hidden;padding:0px 2% 15px 5px;height:100%;padding:} #contactform ul {overflow:hidden;height:100%;} #contactform label {} #contactform input,#contactform textarea{width:95%;border:1px solid #dfdfdf;padding:2px;background:#fafafa;} .faulty_field {background:#fff4f4 !important;color:#ff0000;border:1px solid #ff0000 !important;} p.red {background:#fff4f4 !important;color:#800000;} #content button {background:#800000;border:none !important;color:#fff !important;padding:3px 10px;cursor:pointer;clear:both;} #contactform fieldset {border:0px;margin-top:5px;} #contactform legend {padding:10px 0 5px 0;border-bottom:1px solid #eee;width:90%;margin-bottom:5px;} #contactform fieldset label {float:left;} #contactform fieldset input {width:15px;float:left;margin:3px 5px 0 0;clear:left;background:none;border:0px;}