/* 
 * www.orthoclinic-hamburg.com
 * 
 * Author: M. Martens <m.martens@digitage.de>
 * 
 * BODY           = 13px #272328
 * H1             = 26px 
 * H5             = 15px #488478
 * #servicemenu   = 11px #2D4162
 * 
 */

@import "mailform.css";

body {color:#272328;margin: 0;padding: 0;text-align: center;background: #fefefe;font: 13px "Trebuchet MS",Arial,Helvetica,sans-seriv;line-height:18px;}
h1 {color:#272328;font-size:26px;line-height:30px;margin:0 0 28px 0;}
h2 {color:#272328;font-size:22px;line-height:26px;margin:0 0 25px 0;}
h3 {color:#272328;font-size:20px;line-height:24px;margin:0 0 22px 0;}
h4 {color:#272328;font-size:16px;line-height:20px;margin:0 0 18px 0;}
h5 {color:#488478;font-size:16px;line-height:20px;margin:0 0 18px 0;}
h6 {color:#272328;font-size:13px;line-height:18px;margin:0 0 10px 0;}
a {color:#272328;text-decoration:none;}
a:hover {text-decoration:underline;}
p {margin:0 0 38px 0;padding:0;}
li {line-height:15px;}

.clear {clear:both;}

#main {width:967px;margin:0 auto;text-align:left;} /* 960px + 7px shadow */

#headbar {text-align:right;padding:0 7px 0 0;font-size:11px;color:#2D4162;}
#headbar #servicemenu {margin:0;padding:0;}
#headbar #servicemenu li {margin:0;padding:0;display:inline;line-height:inherit;}
#headbar #servicemenu li a {line-height:29px;}

#head {padding:0 7px 0 0;height:198px;background:transparent url(gfx/bg_head.png) no-repeat scroll right top;overflow:hidden;}
#head .logo {float:left;display:inline;}
#head .logo img {border:0;}
#head .banner {margin:0 0 0 230px;padding:0 205px 0 0;background:transparent url(gfx/artwork1.png) no-repeat scroll right top;}
#head .banner img {margin:0 2px 0 0;}

#body {padding:15px 7px 23px 29px;margin: 0 0 0 0;background:transparent url(gfx/bg_body.png) repeat-y scroll right top;}
#body hr {padding:0;height:1px;clear:both;}
#body hr.top {margin:0 0 42px 0;}
#body hr.bottom {margin:42px 0 0 0;}
#body .infobar {float:right;width:197px;margin:0;padding:0;font-size: 12px;line-height:15px;}
#body .infobar h5 {font-size: 13px; margin:0 0 7px 0;}
#body .infobar p {margin:0 0 15px 0;}
#body .infobar a {color:#488478;text-decoration:underline;}
#body .sidebar {float:left;width:180px;margin:0;padding:0 13px 0 0;}
#body .sidebar h5 {font-size:14px;line-height:15px;margin: 12px 0 0 0;}
#body .sidebar p {margin: 0 0 12px 0;}
#body .sidebar .menu {margin:0;padding:0;list-style:none;}
#body .sidebar .menu li {margin:0 0 20px 0;}
#body .sidebar .menu li.first {}
#body .sidebar .menu li.current a {text-decoration:underline;font-weight:bold;}
#body .sidebar .menu li.current ul li a {text-decoration:none;font-weight:normal;}
#body .sidebar .menu li ul {list-style:none;padding:0 0 0 18px;margin:0;}
#body .sidebar .menu li ul li {margin: 4px 0 0 0;padding:0;list-style:url(gfx/dot.png) outside;}
#body .sidebar #mainmenu {}
#body .content {margin: 0 197px 0 203px;padding:0 39px 0 0;min-height:450px;}
#body .content a {color:#488478;}

#foot {margin:0 0 24px 0;padding:8px 0 0 0;clear:both;color:#808080;background:transparent url(gfx/bg_foot.png) no-repeat scroll top center;}
#foot table.logos {text-align:center;margin:0 0 15px 0;width:100%;}
#foot table.logos td.left {text-align:left;}
#foot table.logos td.right {text-align:right;}

/* specials */
div.csc-textpic {}
div.csc-textpic div.csc-textpic-text {}
div.csc-textpic div.csc-textpic-text p.csc-frame-frame2 {border-style:dashed;border-color:#488478;border-width:1px 0;padding:5px 0;}

/* typo3 */
body.htmlarea-content-body {text-align:left;}
div.content div.csc-textpic div.csc-textpic-imagewrap {clear:none;margin-top:4px;} /* bug? */
div.content div.csc-textpic div.csc-textpic-text {padding-left:10px;}
