/* * 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:#888;
font-size:12px;
background:#f5f7f1;
line-height:1.3em;
font-family:"Trebuchet MS", Helvetica Neue, Arial, sans-serif;
background-repeat:no-repeat;
background-position:right bottom;
background-image:url(/images/body.gif);
}

#desk {
left:50%;
color:#888;
width:972px;
min-height:100%;
margin-left:-486px;
background-repeat:repeat-y;
background-position:top left;
background-image:url(/images/desk.png);
}

#header {
float:left;
width:950px;
height:160px;
margin-left:11px;
position:relative;
}

#home {
float:left;
height:83px;
width:105px;
margin-top:40px;
margin-left:40px;
margin-right:40px;
}

#flash {
top:0;
right:0;
width:400px;
height:98px;
position:absolute;
}

#linie {
float:left;
height:1px;
width:881px;
margin-top:15px;
margin-left:36px;
border-bottom:1px solid #ddd;
}

#page {
float:left;
width:950px;
min-height:300px;
margin-left:10px;
}

#left {
float:left;
width:190px;
min-height:100px;
margin-right:10px;
}

div.mood {
float:left;
width:544px;
min-height:400px;
background-repeat:no-repeat;
}

#inhalt {
float:left;
width:542px;
min-height:491px;
border-bottom:none;
border:1px solid #96bf0d;
}

#balken {
float:left;
width:544px;
height:12px;
background:#96bf0d;
position:relative;
}

#blaetter_klein {
top:12px;
right:20px;
width:190px;
height:61px;
position:absolute;
background-position:top;
background-repeat:no-repeat;
background-image:url(/images/blaetter_klein.png);
}

#footer {
float:left;
width:881px;
height:36px;
margin-top:5px;
margin-left:37px;
margin-bottom:30px;
background:#fcfdfb;
border-top:1px solid #eff2e8;
}

/* COLORS */body.lead div.main {
margin-top:282px;
min-height:150px !important;
}

body.lead div.main div.unit {
margin:0 !important;
}

body.lead div.main div.pict,body.lead div.main div.pict img {
margin:0 !important;
}

body.lead div.main div.pure {
border:transparent;
}

body.lead div.main div.pure div.head h2 {
border:transparent;
}

body.lead h5,body.lead h6 {
font-size:1.3em;
}

#root body.standart div.mood,#root body.green div.mood {
background-image:none !important;
}

/* @end *//* @group  N A V I G A T I O N
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#navigation {
float:left;
width:560px;
}

div.navi a.menu:hover {
text-decoration:none;
}

/* LEVEL 1 */div.sub1 {
float:left;
margin-top:9px;
}

div.sub1 div.item {
min-width:30px;
margin-left:6px;
}

div.sub1 div.path {
display:none;
}

#edit div.sub1 div.path {
display:block;
}

div.sub1 a.menu {
color:#96bf0d;
font-size:11px;
}

div.sub1 a.menu:hover {
color:#004494;
}

/* LEVEL 2 */div.sub2 {
float:left;
width:375px;
margin-top:63px;
margin-left:15px;
}

div.sub2 div.item {
float:left;
min-width:30px;
line-height:30px;
margin-right:40px;
}

div.sub2 div.path {
background-repeat:no-repeat;
background-position:0 9px;
background-image:url(/images/sub2_on.gif);
}

div.sub2 a.menu {
color:#004494;
font-size:20px;
margin-left:7px;
white-space:nowrap;
}

div.sub2 a.path {
color:#96bf0d;
}

div.sub2 a.menu:hover {
color:#96bf0d;
}

/* SHOP */div.shop {
float:left;
width:100px;
margin-top:67px;
margin-left:15px;
}

div.shop div.item {
min-width:30px;
line-height:20px;
margin-right:40px;
}

div.shop div.path {
}

div.shop a.menu {
color:#004494;
font-size:20px;
padding-left:7px;
font-family:"Trebuchet MS", Helvetica Neue, Arial, sans-serif;
}

div.shop a.path {
color:#96bf0d;
background-repeat:no-repeat;
background-position:0 6px;
background-image:url(/images/sub2_on.gif);
}

div.shop a.menu:hover {
color:#96bf0d;
text-decoration:none;
}

/* LEVEL 3 */div.sub3 {
float:left;
width:520px;
margin-left:17px;
}

div.sub3 div.item {
float:left;
min-width:30px;
line-height:30px;
margin-right:20px;
}

div.sub3 div.path {
background-repeat:no-repeat;
background-position:0 11px;
background-image:url(/images/sub3_on.gif);
}

div.sub3 a.menu {
color:#004494;
font-size:13px;
margin-left:5px;
}

div.sub3 a.path {
color:#96bf0d;
}

div.sub3 a.menu:hover {
color:#96bf0d;
}

/* LEVEL 4 */div.sub4 {
float:left;
width:140px;
margin-left:37px;
margin-bottom:200px;
border-top:1px solid #ddd;
}

div.sub4 div.item {
min-width:30px;
min-height:14px;
background-repeat:no-repeat;
background-position:0 6px;
border-bottom:1px solid #ddd;
background-image:url(/images/sub4_off.gif);
}

div.sub4 div.path {
background:#fdfdfc;
background-repeat:no-repeat;
background-position:0 7px;
border-left:1px solid #fdfdfc;
border-right:1px solid #fdfdfc;
background-image:url(/images/sub4_on.gif);
}

div.sub4 a.menu {
color:#888;
margin:0 7px;
font-size:12px;
line-height:20px;
}

div.sub4 a.path {
color:#96bf0d;
}

div.sub4 a.menu:hover {
color:#96bf0d;
}

/* @end *//* @group  C O N T E N T
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *//* HEAD */
#head {
color:#333;
width:542px;
height:20px;
}

#head h1 {
margin:0 25px;
font-size:1.1em;
line-height:20px;
}

body.green #head {
background-repeat:no-repeat;
background-position:top left;
background-image:url(/images/headh1.gif);
}

body.green #head h1 {
color:#fff;
}

div.unit h2 {
color:#888;
font-size:14px;
line-height:20px;
}

/* MAIN */div.main {
width:512px;
margin-left:15px;
}

div.main div.unit {
margin:5px;
}

div.main h2,div.main div.foot {
margin:0 5px;
}

div.main div.part,div.main div.grid table {
margin:0.4em 5px;
}

div.main div.wide {
width:500px;
}

div.main div.wide table,div.main div.wide div.tall {
width:490px;
}

div.main div.wide div.tiny {
width:240px;
}

div.main div.slim {
width:244px;
}

div.main div.slim table,div.main div.slim div.tall {
width:234px;
}

div.main div.slim div.tiny {
width:112px;
}

/* EXTRAS */div.main div.form label.sign {
width:52%;
margin-left:10px !important;
}

/* SIDE */div.side {
width:152px;
margin-left:33px;
min-height:10px !important;
}

#edit div.side {
min-height:200px !important;
}

div.side div.unit {
margin:5px;
}

div.side h2,div.side div.foot {
margin:0 5px;
}

div.side div.part,div.side div.grid table {
margin:0.4em 5px;
}

div.side div.wide {
width:140px;
}

div.side div.wide table,div.side div.wide div.tall {
width:130px;
}

div.side div.wide div.tiny {
width:60px;
}

div.side div.slim {
width:64px;
}

div.side div.slim table,div.side div.slim div.tall {
width:54px;
}

div.side div.slim div.tiny {
width:22px;
}

/* base */
div.base {
width:180px;
}

div.base div.unit {
margin:5px;
}

div.base h2,div.base div.foot {
margin:0 5px;
}

div.base div.part,div.base div.grid table {
margin:0 !important;
}

div.base div.wide {
width:168px;
margin-top:0;
}

div.base div.wide table,div.base div.wide div.tall {
width:168px;
}

div.base div.wide div.tiny {
width:74px;
}

div.base div.slim {
width:78px;
}

div.base div.slim table,div.base div.slim div.tall {
width:68px;
}

div.base div.slim div.tiny {
width:29px;
}

/* EXTRAS */#root div.base div.body {
margin:0;
}

#root div.base div.body div.pict {
margin:0 !important;
}

#root div.base div.bodydiv.pict img {
margin:0 !important;
}

div.base p.norm,div.base p.loud,div.base p.pale,div.base p.skew {
margin:2px 5px;
}

div.base div.part h3,div.base div.part h4,div.base div.part h5,div.base div.part h6 {
margin:0 5px;
}

div.base div.link a.open {
margin:2px 10px;
}

div.base div.link {
background-position:4px 8px;
background-image:url(../images/link_base.gif);
}

div.base div.mail {
background-position:2px 3px;
background-image:url(../images/mail.gif);
}

div.base div.file {
background-position:2px 2px;
background-image:url(../images/file.gif);
}

div.base div.unit div.body {
min-height:143px !important;
}

#root div.base div.form div.wide input {
margin-left:5px;
width:158px !important;
}

div.base div.form div.tile label.sign {
margin:0 5px;
}

div.base div.form label.sign {
width:45%;
}

div.base div.form label.name {
margin-left:5px;
}

div.base div.form input.text {
margin-left:5px;
width:156px;
background:#DD28AC;
}

/* @end *//* @group  U N I T S
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *//*  PURE */div.pure {
border:1px solid #fff;
}

div.pure div.head h2 {
/* exeption */border-bottom:1px solid #fff;
}

div.pure h2 {
color:#004494;
}

/*  SEAM */div.seam {
color:#fff;
background:#53951b;
border:1px solid #96bf0d;
}

div.seam div.head {
color:#fff;
background:#53951b;
border-bottom:none;
background-repeat:no-repeat;
background-position:top right;
background-image:url(../images/seam.gif);
}

div.seam h2 {
color:#fff;
}

div.seam div.link a {
color:#fff;
}

/*  FLAT */div.flat {
color:#fff;
background:#3875b1;
border:1px solid #96bf0d;
}

div.flat div.head {
color:#fff;
background:#3875b1;
border-bottom:none;
background-repeat:no-repeat;
background-position:top right;
background-image:url(../images/flat.gif);
}

div.flat h2 {
color:#fff;
}

div.flat div.link a {
color:#fff;
}

/*  EDGE */div.edge {
color:#fff;
background:#dd28ac;
border:1px solid #96bf0d;
}

div.edge div.head {
color:#fff;
border-bottom:none;
background:#dd28ac;
background-repeat:no-repeat;
background-position:top right;
background-image:url(../images/edge.gif);
}

div.edge h2 {
color:#fff;
}

div.edge div.link a {
color:#fff;
}

/* @end *//* @group  P A R T S
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *//* LEAD */h2,h3,h4,h5,h6 {
font-weight:800;
}

h2 {
font-size:1.1em;
}

h3 {
color:#888;
font-size:1.2em;
line-height:1.3;
}

h4 {
color:#004494;
font-weight:400;
}

h5 {
color:#004494;
font-size:1.2em;
line-height:1.3;
}

h6 {
color:#96bf0d;
font-size:1.2em;
line-height:1.3;
}

/* TEXT */div.base div.text,div.base div.link {
margin:3px 0;
}

div.text p.loud {
padding:0;
color:#888;
background:none;
line-height:1.6em;
}

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.open => all links
a.goto, a.load => specific parts (link,file)
a.page, a.site, a.mail, a.zoom, a.next, a.prev => specific type  */a,div.link a.open {
color:#0ab0fc;
text-decoration:none;
background-color:inherit;
}

div.link a.open {
margin-left:10px;
}

div.link a.open:hover {
color:#004494;
text-decoration:underline;
}

div.link {
background-position:2px 6px;
background-image:url(../images/link.gif);
}

div.mail {
background-position:0 3px;
background-image:url(../images/mail.gif);
}

div.mail a.open {
margin-left:14px;
}

div.file {
background-position:0 2px;
background-image:url(../images/file.gif);
}

div.file a.open {
margin-left:14px;
}

/*  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:#333;
}

/* TABLES */div.grid table td {
border-color:#999;
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;
}

#root div.grid table.horz .trim td {
border-color:#999;
border-style:solid;
padding:5px 0;
}

#root div.grid table.horz .trim td.odd {
color:#004494;
}

/* @end *//* @group  S E R V I C E S
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *//* META */p.dock {
margin:9px 10px;
text-align:right;
}

p.dock a.meta {
color:#96bf0d;
padding:0 5px;
font-size:11px;
}

p.dock a.meta:hover {
color:#004494;
text-decoration:none;
}

/* SERVICES */#services {
float:right;
width:529px;
text-align:left;
}

/* BRANDING */#cmsbox {
float:right;
margin-right:22px;
}

#cmsbox a.firm {
font-size:9px;
}

#cmsbox a.firm:hover {
color:#004494;
}

/* 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;
font-family:"Trebuchet MS";
}

/* ZOOM */#lbox div.zoom {
width:740px;
margin-left:-373px;
}

#lbox div.zoom img {
width:720px;
}

#lbox div.head h2 {
height:25px;
margin-top:8px;
}

/* FORM */div.form input.submit {
color:#fff !important;
border:none !important;
background-image:url(../images/button.gif) !important;
}

div.form input.text {
border:#FFDEAD;
background:#f0f3ec !important;
border-top:1px solid #d2dabe;
border-bottom:1px solid #d2dabe;
}

div.form textarea.text {
border:#FFDEAD;
background:#f0f3ec !important;
border-top:1px solid #d2dabe;
border-bottom:1px solid #d2dabe;
}

/* Form SIDE */div.side input.text {
color:#555;
border:1px solid #ecf0e4;
background:#ecf0e4 !important;
}

div.side div.foot {
text-align:center;
}

/* SUCHE */#suchen {
float:right;
width:170px;
height:18px;
margin-top:98px;
margin-right:32px;
}

#suchen input.term {
float:left;
width:130px;
border:none;
padding:2px 5px;
background:#f0f3ec;
border-top:1px solid #d2dabe;
border-bottom:1px solid #d2dabe;
}

#suchen input.text {
color:#aaa;
}

#suchen input.find {
width:26px;
float:right;
height:21px;
}

/* infotext */#infotext {
float:left;
width:720px;
color:#000;
font-size:12px;
margin-top:50px;
text-align:left;
min-height:100px;
margin-left:210px;
font-family:arial;
}

div.infotext {
width:700px;
color:#000;
font-size:12px;
text-align:left;
font-family:arial;
}

.infotext h1 {
font-size:14px;
}

/* @end */