body {
	margin: 0px; 
	padding: 0px; 
	color: #000000; 
	background: white;
	font-family: tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

#header { background: #06a url(/bits/img/header_bg.gif) top left repeat-x; font-size: 0; }
#header #inner { padding: 20px 0px 15px 10px; margin-right: 10px; background: url(/bits/img/logo_watermark.gif) top right no-repeat; }


/* ### NAVIGATION ### */
#nav { background: url(/bits/img/nav_bg.gif) top left repeat-x; padding: 2px 10px; height: 30px; margin-bottom: 50px; }
#nav li { padding: 0; margin: 0; float: left; }
#nav ul {
	/*width: 11em;*/
	margin:0; padding:0; list-style:none;
}
#nav ul li { position: relative; margin: 0 5px; }
#nav li ul {
	background: #efefef;
	border: 1px solid #06a;
	top: 27px;
	/* visual hide */
	position: absolute;
	left: -9999px;
	/* real hide */
	display: none; /* if you use LimitLinks:0 you should remove this line. */
	padding: 2px;
	z-index: 100;
}
#nav ul li a { display:block; text-decoration:none; color:#000; padding: 2px 5px; margin: 1px; white-space: nowrap; /*min-width: 9em;*/ }
/*#nav li.parent>a { background: url(/bits/img/nav_down.gif) left no-repeat; padding-left: 8px; }*/
/* Hover/Focus Style */
#nav ul li a:hover, #nav ul li a:focus, #nav ul li a:active,
/* Opera Focus Style */
#nav ul li a.ofocus, #nav li ul li a.ofocus { color: #038; margin: 0; border: 1px solid #aaa; }
/* Submenus */
#nav li li { margin: 0; float: none; }
#nav li li a { /*min-width: 9em;*/ margin: 0; border: none; background: url(/bits/img/bullet.gif) 2px 50% no-repeat; padding: 4px 5px 4px 10px; }
#nav li li a:hover, #nav li li a:focus, #nav li li a:active,
/* Opera Focus Style */
#nav li li a.ofocus, #nav li li li a.ofocus { margin: 0; border: none; background: #06a; color: white; }

/* disable normal hover and focus style , if javascript is available */
#nav .navfxenabled li:hover ul { left: -9999px; }
/* normal hover Style wtihout javascript */		
#nav li:hover ul,
/* hover and focus style if javascript is available */
#nav .navfxenabled li.over ul { display: block; left: auto; }
/* The magic */
/* active category / sub category (?) */
#nav li.active a, #nav li.activepath a, #nav li.active a:hover, #nav li.activepath a:hover,
#nav li.active a:active, #nav li.activepath a:active, #nav li.active a:focus, #nav li.activepath a:focus,
#nav li.active strong { color: #E2144A; background: #f9f9f9; }
/* oben gemachte Einfärbung wieder zurücknehmen */
#nav li.active ul a, #nav li.activepath ul a { color: #000; background: #fff; }
/* accesible for keyboard- and screenreader- users */
#nav li.active ul, 
#nav li.activepath ul { display: block; }
/* Tastaturnutzung / Keyboardusage for good browsers */
#nav a:focus+ul { left: auto; /* Abstand Untermenu */ }
/* 	keyboard support without javascript */
#nav li ul li a:focus, #nav li ul li a:active {
position: absolute;
left: 997px; /* Viewportverschiebung ausschalten */
margin-left: auto; /* Abstand Untermenu */
}
/* overwrite the keyboard support, if mouse is in use */
#nav li ul li a:hover, #nav li ul li a:hover, /* kleinster gemeinsamer Nenner */
#nav li:hover ul li a:focus, #nav li:hover ul li a:active,
/* overwrite the keyboard support, if javascript is available */
#nav .navfxenabled li ul li a:focus, #nav .navfxenabled li ul li a:active { position: static; }

#nav .extra { float: right; line-height: 1.8em; }


/* GENERAL STUFF */
#content { margin: 0px 25px 0px 25px; line-height: 1.7em; }
#content p { padding: 0px; margin: 0px 0px 10px 0px; }
#content li { list-style: url(/bits/img/bullet.gif); }

/* LEFT HAND SIDE SIDEBAR */
#lhs { width: 228px; }
#page_content_with_lhs { padding-left: 25px; }
td#lhs, td#page_content_with_lhs, td#page_content { vertical-align: top; }

a.external { background: url(../img/external.png) right no-repeat; padding-right: 14px; }
a          { color: #00c; text-decoration: none; }
a:hover    { color: #36f; text-decoration: underline; }

.none { padding: 0px 0px 10px 10px; }
table { font-size: 1em; width: 100%; }


.message { margin: 10px 0; color: black; background: url(../img/info.gif) 10px no-repeat #eee; padding: 7px 7px 7px 43px; border: 1px solid #888; }
.error { font-weight: normal; margin: 10px 0; color: black; background: url(../img/error.gif) 10px no-repeat #eee; padding: 7px 7px 7px 43px; border: 2px solid red; }
.code { font-size: 1em; border: 1px solid #ccc; padding: 5px; font-family: "Courier New", Courier, mono; margin: 10px 30px; } 
.quote { text-align: left; padding: 30px 20px; margin: 5px 10px; background: url(../img/quote.gif) left no-repeat; font-style: italic; font-size: 1.1em; font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.3em; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; }
.citation { text-align: right; margin: 0px 10px; font-style: italic; }

#page_title { font-style: italic; font-size: 2.5em; line-height: normal; border: none; letter-spacing: -1px; }
.mini #page_title { font-size: 1em; line-height: normal; font-style: normal; padding: 3px 0 0 0; display: block; font-weight: bold; }
#page_title small { display: block; font-size: 13px; line-height: 2em; font-weight: normal; letter-spacing: 0; }

h1, h2, h3 { clear: both; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #06a; border-bottom: 3px solid #06a; margin: 0 0 10px 0; }
h1 { font-size: 1.8em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.3em; border-bottom-width: 1px; font-weight: normal; }

ul { margin-top: 0; margin-bottom: 5px }

tr.even { background-color: #f1f1f1; }
tr.odd { background-color: #fcfcfc; }
tr.highlight { background-color: #DEE7EB; }
table.list { border-width: 0px; font-size: 0.95em; border-collapse:collapse; }
.list th { background: #06b url(/bits/img/box_bits.png) repeat-x; border-bottom: 1px solid black; color: white; padding: 5px 3px; text-align: left; }
.list td, .list th { padding: 4px 5px; }

/* BUTTONS */
.buttons { font-weight: normal; padding: 0px; text-align: right; line-height: 2.5em; }
.buttons .button { padding: 4px 6px; margin: 3px; border: 1px solid black; background: #eee url(/bits/img/blue.jpg) 0 -20px repeat-x; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.85em; color: white; cursor: pointer; margin-left: -1px; }
.buttons .hover { background-position: 0 0; color: white; }
.buttons .active { font-weight: bold; }

#footer { color:#ccc; padding:40px 20px 20px 20px; font-size: 0.85em; clear: both; }
#footer .right { text-align: right; }
#footer a, #footer a:visited { color:#bbb; }
#footer a:hover, #footer a:visited:hover { color:#06a; }
#footer .buttons { position: absolute; top: 2px; right: 2px; left: 0; text-align: right; font-size: 0.9em; margin: 0px; padding: 0px; background: none; border: none; }
#footer .buttons a { color: black; }

/* BLOCK STUFF... */
div.block { margin-bottom: 30px; }
.block table { width: 100%; font-size: 1em; }
.block .title { color: white; border-bottom: 0px; padding: 0px; height: 30px; background: #06b url(/bits/img/box_bits.png) top repeat-x; }
.block .title .text { padding: 4px 15px 0px 0px; font-size: 1.2em; font-weight: bold; overflow: hidden; }
.block .title .buttons { display: inline; height: 25px; }
.block .title .buttons .button { background: #eee url(/bits/img/gray.jpg) 0 -10px repeat-x; color: black; font-size: 0.9em }
.block .title .buttons .hover { background-position: 0 -20px; }
.block .title .extra .view_toggle { margin: 0px 1px; }
.block .extra { padding-top: 2px; font-size: 11px; float: right; color: #ccc; }

.block .title .l { float: left; background: url(/bits/img/box_bits.png) 0 -50px no-repeat; height: 9px; width: 9px; font-size:0; }
.block .title .r { float: right; background: url(/bits/img/box_bits.png) -11px -50px no-repeat; height: 9px; width: 9px; font-size:0; }

.block .stuff { background: #f5f5f5; padding: 10px; border-left: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; }
#wiki.block .stuff { padding: 10px 30px; }
.block .subtitle { background: url(/bits/img/core/bg.png) top right; padding: 20px 0 1px 0; clear: both; }
.block .subtitle .inner { background: url(/bits/img/core/tbg.png) right repeat-x; padding: 5px 10px; font-weight: bold; color: white; }

.block .block_table { padding: 0px; }
.block .block_table .table { width: 100%; }
.block .label { text-align: right; color: #888; width: 20%; }
.block td { padding: 3px; vertical-align: top; }
.heading { border-bottom: 2px solid #366; color: #366; margin: 20px 0px 5px 0px; font-weight: bold; font-size: 1.1em; }

.block .block_table .text { line-height: 1.5em; padding: 5px; }

.block .bottom { color: black; padding: 0px; height: 10px; background: #f5f5f5 url(/bits/img/box_bits.png) 0 -69px repeat-x; }
.block .bottom .l { float: left; background: url(/bits/img/box_bits.png) 0 -59px no-repeat; height: 10px; width: 10px; font-size:0; }
.block .bottom .r { float: right; background: url(/bits/img/box_bits.png) -10px -59px no-repeat; height: 10px; width: 10px; font-size:0; }
.block .bottom .text { text-align: right; padding: 5px 0px 4px 0px; line-height: 10px; }

.mini #header, a#print, .mini #footer { display: none; }	
.mini #nav { margin-bottom: 5px; }
.mini #content { margin: 20px; }

/* CRUMBS */
.crumbs { background: url(/bits/img/blue.jpg) 0 -10px repeat-x; text-align: center; font-size: 12px; margin: 0 0 20px 0; color: #ccc; }
.crumbs .tl { background: url(/bits/img/crumbs_tl.gif) top left no-repeat; }
.crumbs .tr { background: url(/bits/img/crumbs_tr.gif) top right no-repeat; }
.crumbs .bl { background: url(/bits/img/crumbs_bl.gif) bottom left no-repeat; }
.crumbs .br { background: url(/bits/img/crumbs_br.gif) bottom right no-repeat; }
.crumbs .text { padding: 5px 0; }
.crumbs img { z-index: 0; }
.crumbs b { color: white; }
div.crumbs a, div.crumbs a:visited { color: white; }
div.crumbs a:hover, div.crumbs a:visited:hover {  }

.box { text-align: center; background: #ededed; }
.box .c { padding: 0.3em; border-left: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; }
.box .l { float: left; width: 10px; }
.box .r { float: right; width: 10px; }
.box .t { background: url(/bits/img/box_bits.gif) top repeat-x; height: 10px; }
.box .b { background: url(/bits/img/box_bits.gif) bottom repeat-x; height: 10px; }
.box .t div { height: 10px; }
.box .b div { height: 10px; }
.box .t .l { background: url(/bits/img/box_bits.gif) 0 -10px no-repeat; }
.box .t .r { background: url(/bits/img/box_bits.gif) -10px -10px no-repeat; }
.box .b .l { background: url(/bits/img/box_bits.gif) 0 -20px no-repeat; }
.box .b .r { background: url(/bits/img/box_bits.gif) -10px -20px no-repeat; }
.box ul { text-align: left; }

/* LHS BOX */
#lhs .box { text-align: left; background: #f5f5f5 url(/bits/img/LHS/lhs_box_mid.png) repeat-y; border: none; width: 202px; }
#lhs .box .t { height: 30px; background: #79c url(/bits/img/LHS/lhs_box_top.png) no-repeat; }
#lhs .box .t .title { text-align: center; color: white; font-weight: bold; padding: 5px; }
#lhs .box .c { background: none; padding: 5px 10px; font-size: 0.9em; line-height: 1.7em; }
#lhs .box ul { padding-left: 20px; margin-bottom: 0; padding-bottom: 10px; }
#lhs .box .b { height: 10px; background: #f5f5f5 url(/bits/img/LHS/lhs_box_bottom.png) no-repeat; }

#lhs .block { margin-bottom: 0; }
#lhs .block .title .text { text-align: center; color: white; font-weight: bold; padding: 5px; font-size: 1em; }
#lhs .block ul { padding-left: 20px; margin-left: 0; margin-bottom: 0; padding-bottom: 10px; }
#lhs .block .stuff { font-size: 0.9em; line-height: 1.7em; width: 206px; }
#lhs .block .stuff p { padding: 0 3px; }

/* IMAGE STYLES */
.right { float: right; margin-left: 20px; clear: right; }
.left { float: left; margin-right: 20px; clear: left; }
.border { margin: 5px; }
.border img { border: 1px solid black; }
.border .caption { display: block; text-align: center; font-size: 0.85em; }

.shadow {
  border: 1px solid black;
  border-width: 1px 2px 2px 1px;
  padding: 5px;
  background: #eee;
	text-align: center;
}
.shadow img { border: 1px solid black; }
.shadow .caption { display: block; text-align: center; font-size: 0.9em; }

.none .caption { display: none; }

/* MODELS */
table#models { width: 100%; }
#models tr {  }
#content #models td { vertical-align: top; padding-bottom: 10px; }
#models .photo { width: 170px; text-align: left; }
#models .point { color: #666; }
#models .buttons { display: block; text-align: right; }

.key { text-align: center; border: 1px solid #ccc; padding: 5px; margin: 10px; font-size:0.9em; color:#666;  }
.key img { padding-left: 20px; }
#model_details .label { width: 50%; }

#publish { }
#publish .loading, #publish .done, #publish .bold { padding: 5px 5px 5px 25px; }
#publish .done { background: #ffc; }
#publish .bold { background: url(/bits/img/nav_bg.gif) repeat-x top; font-weight: bold; }

.bigger { font-size: 1.5em; }

#page_content_with_lhs .prod_details { border: 1px solid white; background: white; padding: 2px 5px 5px 5px; }
.prod_details .name { color: #06a; font-weight: bold; border-bottom: 2px solid #06a; margin-bottom: 3px; }
.prod_details img { float: left; border: 1px solid black; }
.prod_details .text { margin-left: 150px; }
.prod_details span.buttons { display: block; clear: left; text-align: right; }
.prod_details .point { color: #666; }
#page_content_with_lhs .prod_highlight { border: 1px solid #ccf; cursor: pointer; background: #fafafa; }

table.comparison { border: none; border-spacing: 0; border-collapse: collapse; }
.comparison .label { text-align: right; color: #22c; }
.comparison td { padding: 5px; border: 1px solid #ddd; }


.colours { border-spacing: 5px; border-collapse: separate; margin-bottom: 2em; }
.colours td { color: white; border: 1px solid #444; text-align: center; padding: 5px; width: 25% }
.colours td.empty { border: none; }
.colours b { display: block; font-size: 1em; padding-bottom: 2px; }
.colours i { display: block; font-size: 0.8em; font-style: normal; }
.colours .light { color: black; }

.fader { margin: 0 auto 10px auto; }
.fader div { background-color: white; background-repeat: no-repeat; background-position: 50% 50%; }