/* * CMSBOX 2.0 * * * * * * * * * * * * Content Management System * * © 2007 Cmsbox GmbH, Bern * * contact (at) cmsbox . com * * * * * * * * * * * * * * * * * * * *//* @group G L O B A L /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *//* LAYOUT */html,body {color:#333;font-size:12px;line-height:1.4em;font-family:"Helvetica Neue", Arial, sans-serif;background:#fff url(/images/body.png) 0 0 repeat-x;}#desk {color:#333;width:800px;min-height:100%;background:#fff;position:relative;margin:0 auto -30px;}div.bottom {height:40px;}/* HEADER */div.mood {width:800px;height:200px;background:#369 url(/images/mood.jpg) 0 0 no-repeat;}#header {height:150px;overflow:hidden;}#header a.logo {height:95px;width:345px;display:block;cursor:pointer;margin:17px 99px;background:transparent url(/images/psyko-.png) 0 0 no-repeat;}#slogan {color:#fff;float:left;width:400px;height:40px;margin:0 20px;overflow:hidden;}a.psych {right:12px;bottom:50px;height:68px;width:180px;background-position:top left;background-repeat:no-repeat;background-image:url(/images/psych.gif);position:absolute;}/* FOOTER */#footer {bottom:0;width:800px;height:30px;margin:0 auto;overflow:hidden;position:relative;background:#369 url(/images/foot.png) 0 0 repeat-x;}/* @end *//* @group N A V I G A T I O N /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *//* GENERAL */div.navi div.item {min-width:40px;}div.navi a.menu {color:#fff;white-space:nowrap;}div.navi a.path {color:#c00;}/* sub1 */div.sub1 {float:right;width:200px;margin:17px 10px 0;}div.sub1 div.item {float:right;margin:0 10px;}div.sub1 a.menu:hover {text-decoration:underline;}/* LEVEL 1 */div.sub2 {float:left;width:800px;min-height:30px;text-align:center;border-top:1px solid #fff;background:#c00 url(/images/navi.png) 0 0 repeat-x;}div.sub2 div.item {float:left;padding:0 20px;}div.sub2 div.path {background:#fff;}div.sub2 a.menu {line-height:30px;}/* LEVEL 2 */div.sub3 {float:left;width:180px;margin:10px;background:#c00 url(/images/navi.png) 0 0 repeat-x;}div.sub3 div.item {padding:0 10px;}div.sub3 div.path {background:#fff;}div.sub3 a.menu {line-height:20px;}div.sub3 a.path {font-weight:800;}/* @end *//* @group C O N T E N T /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *//* HEAD */#head {float:left;width:780px;margin:20px 10px;}#head h1 {color:#369;margin:0 10px;font-size:20px;line-height:30px;letter-spacing:1px;}div.unit h2 {font-size:14px;font-weight:800;line-height:30px;}/* MAIN */div.main {width:600px;}div.main div.unit {margin:10px;}div.main h2,div.main div.foot {margin:0 10px;}div.main div.part,div.main div.grid table {margin:0.4em 10px;}div.main div.wide {width:578px;}div.main div.wide table,div.main div.wide div.tall {width:558px;}div.main div.wide div.tiny {width:269px;}div.main div.slim {width:278px;}div.main div.slim table,div.main div.slim div.tall {width:258px;}div.main div.slim div.tiny {width:119px;}/* SIDE */div.side {width:200px;}div.side div.unit {margin:10px;}div.side h2,div.side div.foot {margin:0 10px;}div.side div.part,div.side div.grid table {margin:0.4em 10px;}div.side div.wide {width:178px;}div.side div.wide table,div.side div.wide div.tall {width:158px;}div.side div.wide div.tiny {width:69px;}div.side div.slim {width:78px;}div.side div.slim table div.side div.slim div.tall {width:58px;}div.side div.slim div.tiny {width:19px;}/* @end *//* @group U N I T S /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *//* PURE */div.pure {border:1px solid #fff;}div.pure div.head h2 {border-bottom:1px solid #fff;}/* SEAM */div.seam {border:1px solid #369;}div.seam div.head {color:#fff;border-bottom:1px solid #fff;background:#369 url(/images/foot.png) 0 0 repeat-x;}/* FLAT */div.flat {color:#fff;background:#369;border:1px solid #fff;}div.flat div.head {color:#fff;background:#369 url(/images/foot.png) 0 0 repeat-x;border-bottom:1px solid #fff;}/* EDGE */div.edge {border-top:1px solid #369;border-right:1px solid #fff;border-bottom:1px solid #369;border-left:1px solid #fff;}div.edge div.head {border-bottom:1px solid #369;}/* @end *//* @group P A R T S /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *//* LEAD */h3,h4,h5,h6 {font-weight:800;}h3 {font-size:1.1em;text-decoration:underline;}h4 {font-size:1.1em;}h5 {font-size:1em;}h6 {font-size:1em;font-style:italic;}/* TEXT */div.text p.loud {color:#fff;padding:0.2em 0.4em;background-color:#333;}div.text p.pale {color:#999;font-size:0.9em;background:inherit;}div.text p.skew {font-style:italic;letter-spacing:1px;}/* LINK / FILE */a,div.link a.open {color:#c00;text-decoration:none;background-color:inherit;}div.link a.open {margin-left:14px;}div.link a.open:hover {text-decoration:underline;}div.link {background-position:0 4px;background-image:url(/images/link.gif);}div.mail {background-position:0 3px;background-image:url(/images/mail.gif);}div.file {background-position:0 2px;background-image:url(/images/file.gif);}/* LIST */div.list p.gist {list-style-image:url(/images/list.gif);}div.list p.dent {list-style-image:url(/images/list.gif);}/* LINE */div.line hr {border-bottom-color:#c00;}/* TABLES */div.grid table td {border-color:#369;border-style:solid;}div.grid table thead td,div.grid table tfoot td {font-weight:800;background:#ccc;}div.grid table.vert tbody.beam td.odd,div.grid table.horz tbody.beam tr.odd td {background:#eee;}/* @end *//* @group S E R V I C E S /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *//* META */p.dock {color:#fff;margin:0 10px;text-align:left;}p.dock a.meta {color:#fff;padding:0 5px;font-size:10px;line-height:30px;text-transform:uppercase;background-color:inherit;}p.dock a.meta:hover {text-decoration:underline;}#services {float:left;width:400px;background-color:transparent;}/* BRANDING */#cmsbox {color:#fff;float:right;width:300px;text-align:right;background-color:transparent;}#cmsbox a.meta {color:#fff;font-size:10px;text-transform:uppercase;background-color:inherit;}/* LIGHTBOX */#disp {border:3px solid #888;}#lbox div.head,#lbox div.head h2,#lbox div.head a.quit {color:#444;height:36px;background:#ddd;line-height:36px;}/* ZOOM */#lbox div.zoom {width:740px;margin-left:-373px;}/* @end */