Syntaxhervorhebung / Syntax-Highlighting

/* *****************************************************************************
//  Title ............. :  Stylesheet
//  Module Name ....... :  default.css
//  Type .............. :  Cascading Stylesheet
//  Author ............ :  Udo Schmal
//  Development Status  :  08.11.2016
// *****************************************************************************/
/* @import url("/styles/classic.css"); */
@font-face {
  font-family:'FontAwesome';
  src:url('../fonts/fontawesome-webfont.eot');
  src:url('../fonts/fontawesome-webfont.eot#iefix') format('embedded-opentype'),
      url('../fonts/fontawesome-webfont.woff2') format('woff2'),
      url('../fonts/fontawesome-webfont.woff') format('woff'),
      url('../fonts/fontawesome-webfont.ttf') format('truetype'),
      url('../fonts/fontawesome-webfont.svg#fontawesomeregular') format('svg');
  font-weight:normal;
  font-style:normal;
  font-display: swap;
}

div, header, footer, form {padding:0; margin:0;}
div, header, footer {box-sizing:border-box}
object, a {outline:none;}
strong {font-weight:bold;}
img {border:none;}
td, th {vertical-align:top;}

body {-webkit-font-smoothing:antialiased;font-size:85%;}
h1, h2, h3, h4, h5, h6, p, li, dl, dt, dd, label, legend, td, th, input, button, div, header, footer, form, figure, details, summary {font-family:Arial,Helvetica,sans-serif;}
tt, pre, code {font-family:"Courier New",Courier,mono-space; font-size:110%;}
h1, h2, h3, h4, h5, h6, p.description, label, legend, dt, summary, span.label {font-weight:bold;}
h4:first-child, h5:first-child, h6:first-child, p:first-child {margin-top:0;}
h1, h2, h3, h4, h5, a:link, a:visited, a:active, a:before, p.description, legend, span.found {color:#832025;}
sub, sup {font-size:75%; position:relative; vertical-align:baseline;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
p {margin-bottom:0;}
table {border-collapse:collapse; border-spacing:0;}
ul, ol {margin-top:0; margin-left:1em; padding-left:1em;}
ul {list-style:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAMCAYAAACwXJejAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABHSURBVChTYxjy4P//8/87sqP+Nyuo/l+Tlfv/+P///6FSEPD///P/KzsgCmAYpPAJssL/L7eABdEVoZhGlEkgQNBNVAAMDAB8HlJP8OaFyQAAAABJRU5ErkJggg==");}
li, dd, blockquote {padding-top:0.25em; padding-bottom:0.25em;}
hr {border-bottom:none; border-left:none; border-right:none; border-top:1px solid #832025; height:1px; clear:both; text-align:center;}
fieldset {border:1px solid #832025; margin-top:5px; padding:3px;}

.break {page-break-after:always;}
.nowrap {white-space:nowrap;}
.clear {clear:both;}
.clearfix {content:""; display:table; clear:both;}
.source {font-style:italic;}
.alert {color:red; font-weight:bold;}
/* div.clear {height:1px; margin:-1px 0 0; overflow:hidden;} */
.hyphenate {-ms-word-wrap:break-word; word-wrap:break-word; -webkit-hyphens:auto; -moz-hyphens:auto; -ms-hyphens:auto; hyphens:auto;}
p.info {clear:both; text-align:right; font-variant:small-caps; margin-right:20px;}
p.spam {color:red;}
ul.float {margin-left:0; padding-left:1.5em; overflow:hidden; height:auto; display:table;}
span.marker {background-color:yellow;}
.hidden, span.accessibility {display:none !important;}
input[type="button"], input[type="submit"], select {cursor:pointer;}

/*REGION ' - boxes - '*/
details {margin-top:5px;}
div.boxLeft, div.boxRight, div.boxFull, div.boxCenter/*, div.boxRelated*/ {padding:5px; border:1px solid #832025;}
div.boxLeft {float:left; margin:5px 5px 0 0; width:49%;}
div.boxRight {float:right; margin:0 0 5px 5px; width:49%;}
div.boxFull h3, div.boxLeft h3 {margin:0; padding:2px 0;}
div.box {border:1px solid #832025;}

/*REGION ' - images - '*/
img.right {float:right; margin-left:15px; padding:5px;}
img.left {float:left; margin-right:15px; padding:5px;}
div.imageLeft {clear:both; float:left; margin:-3px 11px 4px 0;}
div.imageRight {clear:both; float:right; margin:-3px 0 4px 11px;}
div.boxFull, div.imageFull {clear:both; margin:0 0 4px 0;}
div.boxCenter, div.imageCenter {clear:both; text-align:center; margin:0 auto 4px auto;}
div.imageLeft p, div.imageRight p, div.imageFull p, div.imageCenter p {font-size:90%; margin:4px 0 0 0;}

/*REGION ' - tables - '*/
table.grid {border:1px solid #386b5a; padding:0; margin:5px 0; empty-cells:show;}
table.grid th, table.grid td {border:1px solid #000; padding:3px;}
table.grid th {background-color:#832025; color:#fff;}
table.grid td {background-color:#fffbf5;}
table.grid th a {color:#fff;}

table.noBorder {border-style:none; border-width:0; margin-bottom:0.8em; border:medium none; margin:0; padding:0;}
table.noBorder td, table.noBorder th {border-style:none; border-width:0; padding:3px;}

/*REGION ' - symbols - '*/
a.filePDF:before, a.fileDOC:before, a.fileXLS:before, a.filePPT:before, a.fileZIP:before, a.fileELSE:before, a.code:before,
a.email::before, a.web::before, a.phone::before, span.fax::before, a.mobile::before, a.sms::before, a.whatsapp::before,
a.googleplus::before, a.instagram::before, a.vcard::before {
  font:normal normal normal 14px/1 FontAwesome; width:18px; display:inline-block; text-decoration:none;}
span.fontawesome {font:normal normal normal 14px/1 FontAwesome;}
a.filePDF:before {content:"\f1c1";}
a.fileDOC:before {content:"\f1c2";}
a.fileXLS:before {content:"\f1c3";}
a.filePPT:before {content:"\f1c4";}
a.fileZIP:before {content:"\f1c6";}
a.fileELSE:before {content:"\f016";}
a.code:before {content:"\f1c9";}
a.email::before {content:"\f003";}
a.web::before {content:"\f0ac";}
a.phone::before {content:"\f095";}
span.fax::before {content:"\f02f";}
a.mobile::before {content:"\f10b";}
a.googleplus::before {content:"\f0d5";}
a.instagram::before {content:"\f16d";}
a.sms::before {content:"\f0e5";}
a.whatsapp::before {content:"\f232";}
a.vcard::before {content:"\f2bc";}

/*REGION ' - content form - '*/
label.inlinecheck {display:inline-block; width:180px;}
button, input, select, textarea {margin:0; vertical-align:baseline; box-sizing: border-box; max-width: 100%;}
#content-form {clear:both; margin:0 auto; width:100%;}
#content-form form {min-width:310px; max-width:380px; margin:0 auto;}
#content-form label {width:100px; margin:3px 5px 0 0; text-align:right; float:left;}
#content-form input {width:300px;}
#content-form select {float:left;}
#content-form textarea {width:300px;}
#content-form .boxes {width:auto;}
#content-form .required {font-weight:bold;}
#content-form #buttons {text-align:center; margin-top:10px;}
#content-form #buttons input {width:auto;}
#content-form #edit img {border:0 !important;}
#content-form br {clear:both;}
#content-form h6 {margin:5px 0 0 0;}
#content-form img {border:0;}
#content-form p select {float:none;}
#content-form p input {width:auto;}

/*REGION ' - Gallery - '*/
.gallery {clear:both;}
.gallery:after {content:""; display:block; clear:both;}
.galleryImage {position:relative; width:104px; height:104px; float:left; margin:0 1px 1px 0; overflow:hidden;}
.galleryImage a {display:block; border:1px solid #832025; width:100px; height:100px; background-color:#000; text-align:center; line-height:98px; overflow:hidden;}
.galleryImage img {vertical-align:middle; border:none; max-height:100px; max-width:100px;}

/*REGION ' - Blog - '*/
div.blogItem {margin-top:10px; clear:both; border-bottom:1px solid #c89c9e;}

/*REGION ' - TabSheets - '*/
.tabs, .tabsheets {position:relative; list-style:none; list-style-image:none; margin:0; width:100%;}
.tabs {clear:both; z-index:10; padding-left:0;}
.tab, .tab-current {position:relative; float:left; display:block; cursor:pointer; color:#666; font-weight:bold; border:1px solid #ccc; border-bottom:none;
  -moz-border-radius:4px 4px 0px 0px; -webkit-border-radius:4px 4px 0px 0px; -o-border-radius:4px 4px 0px 0px; border-radius:4px 4px 0px 0px;}
.tab {padding:3px 5px 2px; top:2px; z-index:1; background-color:#eee;}
.tab:hover {background-color:#fff;}
.tab-current {padding:4px 5px 3px; top:1px; z-index:10; background-color:#fff;}
.tabsheets {padding:0 0 10px 0; z-index:2; clear:both;}
.tabsheets .sheet {display:none;}
.tabsheets .sheet:after, .tabsheets .sheet-current:after {content:"."; clear:both; display:block; visibility:hidden; height:0;}
.tabsheets .sheet-current {display:block;}
.tabsheets .sheet, .tabsheets .sheet-current {padding:10px 10px 10px 10px; z-index:3; border:1px solid #ccc;
  -moz-border-radius:0 5px 5px 5px; -webkit-border-radius:0 5px 5px 5px; -o-border-radius:0 5px 5px 5px; -ms-border-radius:0 5px 5px 5px; border-radius:0 5px 5px 5px;}
.tabsheets .sheet .sheet-header, .tabsheets .sheet-current .sheet-header {padding:3px 25px 3px 25px;
  -moz-border-radius:0 5px 5px 5px; -webkit-border-radius:0 5px 5px 5px; -o-border-radius:0 5px 5px 5px; -ms-border-radius:0 5px 5px 5px; border-radius:0 5px 5px 5px;}

/*REGION ' - Accordion - '*/
ul.accordion {position:relative; margin:0; padding:5px; list-style:none; list-style-image:none;}
ul.accordion .sheet, ul.accordion .sheet-current {position:relative; margin:0 0 1px 0; padding:7px 10px 1px 10px; border:1px solid #C8CED0;
  list-style:none; list-style-image:none; background-color:#fff;
  -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px; border-radius:4px;}
ul.accordion .sheet {height:20px;}
ul.accordion .sheet .sheet-header, ul.accordion .sheet-current .sheet-header {
  margin:0 0 5px 0; padding:0; color:#666; font-weight:bold; cursor:pointer;}
ul.accordion .sheet:hover {background:#eee;}
ul.accordion .current, ul.accordion .sheet-current {height:auto; padding-bottom:7px;}

/*REGION ' - Tree - '*/
ul.tree, ul.tree ul {list-style:none; list-style-image:none; margin:0; padding:0; line-height:1.5em;}
ul.tree li {padding:0; margin:0;}
ul.tree ul {display:none;}
ul.tree ul.visible {display:block;}
ul.tree a {text-decoration:none; color:#000;}
ul.tree a.focus {background-color:navy; color:#fff;}
ul.tree a.nextPlus, ul.tree a.lastPlus, ul.tree a.nextMinus, ul.tree a.lastMinus,
ul.tree span.cont, ul.tree span.next, ul.tree span.blank, ul.tree span.last {float:left; display:block; width:18px; height:18px; background:transparent url(images/branch.png) no-repeat 0 0; margin:0 2px 0 0; padding:0}
ul.tree span.blank {background-position:0 0;}
ul.tree span.cont {background-position:-18px 0;}
ul.tree span.next {background-position:-36px 0;}
ul.tree span.last {background-position:-54px 0;}
ul.tree a.nextPlus {background-position:-72px 0;}
ul.tree a.lastPlus {background-position:-90px 0;}
ul.tree a.nextMinus {background-position:-108px 0;}
ul.tree a.lastMinus {background-position:-126px 0;}

/*REGION ' - Code - '*/
figure.code {border:1px solid #C5DBF7; width:100%; margin:0;}
figure.code figcaption {padding:5px; border-bottom:1px solid #C5DBF7; margin:0;}
pre {color:black; padding:5px; margin:0;
  position:relative;
  white-space:pre-wrap; /* CSS3 browsers  */
  white-space:-moz-pre-wrap !important; /* 1999+ Mozilla  */
  white-space:-pre-wrap; /* Opera 4 thru 6 */
  white-space:-o-pre-wrap; /* Opera 7 and up */
  word-wrap:break-word; /* IE 5.5+ and up */
}
/* SYN HTML, JS, CSS */
code {font-family:monospace; overflow:scroll;}
code span.comment, code span.commentvalue {color:#077; font-style:italic;}
code span.directive, code span.conditionalcomment, code span.conditionvalue {color:#077; font-weight:bold;}
code span.important {color:#f00; font-weight:bold;}
code span.symbol, code span.operator, code span.literal {color:#000;}
code span.object, code span.class {color:#b4c; font-weight:bold;}
code span.method, code span.identifier {color:#d4a;}
code span.pi, code span.doctype, code span.tag, code span.tagname, code span.keyword {color:#008;}
code span.pi, code span.doctype, code span.tagname, code span.keyword {font-weight:bold;}
code span.attrname, code span.name {color:#00f;}
code span.attrvalue, code span.value, code span.string, code span.number {color:#800;}
code span.rule {color:#f0d;}
code span.section {color:#f0d;}
code span.definition {color:#f0d;}
code span.id {color:#fd0;}
code span.pseudo {color:#09f;}
code span.function {color:#b0f;}
code span.param {color:#b0f;}
code span.asm, code span.cdata {color:f0f;}
iframe {width:100%; border:1px solid #FFFF50; background-color:#FFFFC0;}

/*REGION ' - search - '*/
div.rankbg {background:transparent url(images/rankbg.gif) no-repeat scroll 0px; height:15px; width:63px;
  -moz-background-clip:-moz-initial; -moz-background-origin:-moz-initial; -moz-background-inline-policy:-moz-initial;}
div.rank {overflow:hidden; height:15px;}
span.found {font-weight:bold;}
table#searchResults tr.row1 td {padding-top:10px}
table#searchResults tr.row2 td {padding-top:0}
table#searchResults tr.row2 td {padding-bottom:10px;}

#footer-container {position:relative; width:100%;}
#copyright p {text-align:right;}

@media screen {
  #functions #toolsfullscreen, #ui-toolbar #uifullscreen {display:none;}
  #content-nav {clear:both;}
  html, body {height:100%; margin:0; padding:0;}
  body {overflow-y:auto; position:absolute; top:0; bottom:0; left:0; right:0;}
  #header a {text-decoration:none; color:#fff;}
  .message {margin-bottom:5px; padding:1px; border:1px solid #832025; background-color:#ffeccb;}
  .message h5 {margin:0; padding:5px;}
  .message p {padding:5px;}
  .sessionValues {margin-bottom:5px; height:150px; overflow:auto;}
  #siteimage {width:100%; position:absolute; left:0; bottom:0; right:0; background-image:url(/media/gocher_head.jpg); background-repeat:no-repeat; background-position:center center; background-size:auto 100%;}
  #body-container:after, #page-container:after, #content-container:after, #content:after, #nav-container:after, #boxes-container:after, #footer:after, footer:after {position:relative; content:""; display:table; clear:both;}

  /*REGION ' - toolbar - '*/
  #top-toolbar {position:absolute; top:0; left:0; width:100%; height:24px; white-space:nowrap; overflow:hidden;}
  #toolbar {position:absolute; top:0; right:0; padding-top:3px;}
  #top-nav, #functions {position:relative; float:right;}
  #top-nav ul, #functions ul {margin:0 0 0 10px; padding:0; list-style:none; list-style-image:none;}
  #top-nav ul li, #functions ul li {display:inline; float:left; margin:0; padding:0;}
  #top-nav ul li, #functions ul li:first-child{border-left:1px solid #fff;}
  #top-nav ul li a, #functions ul li a {display:block; white-space:nowrap; margin:0 2px;}
  #top-nav a {padding:0 8px}
  #functions a {padding:0 3px; font:normal normal normal 16px/1 FontAwesome;}

  /*REGION ' - content-nav - '*/
  #content-nav {width:100%; clear:both;}
  #content-nav ul {border-width:3px 1px 1px; border-color:#832025; border-style:solid; background:#ffeccb; margin:5px 0; padding:5px 5px 5px 25px;}
  #content-nav ul ul {border:none; margin:5px 0; padding:5px 5px 5px 25px;}
  #content-nav h5, #content-nav h6 {margin:0; padding:0; color:#832025;}
  #content-nav ul li {padding-bottom:5px; clear:both;}
  #content-nav ul li li {padding-bottom:0;}
/*  #content-nav ul li a, #content-nav ul li span.navi {display:block;}*/

  /*REGION ' - breadcrumbs - '*/
  #breadcrumbs {position:relative; margin:0 0 13px;}
  ul.breadcrumbs, #breadcrumbs ul {list-style:none outside none; margin:0; padding:0; width:100%; color:#832025; white-space:nowrap; content:""; display:table; clear:both;}
  ul.breadcrumbs li , #breadcrumbs ul li {float:left; display:inline; padding:0 0 0 5px;}
  ul.breadcrumbs a, #breadcrumbs ul a {text-decoration:none; white-space:nowrap; margin:0 6px; line-height: 24px;}
  ul.breadcrumbs li:before, #breadcrumbs li:before {content:"»";}
  #breadcrumbs ul li:first-child:before {content:"";}
  #breadcrumbs ul li a#breadcrumbs-home:before {margin:0; padding:0; width:18px; height:18px;
    font:normal normal normal 18px/1 FontAwesome; text-align:center;
    -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; content:"\f015";
  }
  #breadcrumbs ul a:hover {text-decoration:underline;}

  /*REGION ' - gallery - '*/
  #overlay {position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; background-color:#222;}
  #imagebox {height:100%; position:absolute; top:0;}
  #image, #temp {position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; max-width:100%; max-height:100%; width:auto; height:auto;}
  #caption {position:absolute; left:36px; right:36px; bottom:0; margin:0;}
  #caption p {position:relative; margin:0 auto; padding:0; text-align:center; opacity:0.5; background-color:#222; color:#999;}
  #prevLink, #nextLink, #requestfullscreenLink, #cancelfullscreenLink, #closeLink, #slideshowLink, #slidestopLink, #downloadLink {
    position:absolute; display:block; text-decoration:none; color:#999; text-align:center; font:normal normal normal 35px/1 FontAwesome;}
  #prevLink {left:10px; top:50%;}
  #nextLink {right:10px; top:50%;}
  #requestfullscreenLink, #cancelfullscreenLink {left:10px; top:10px;}
  #closeLink {right:10px; top:10px;}
  #slideshowLink, #slidestopLink {left:10px; bottom:10px;}
  #hdLink {position:absolute; display:block; font-family:Arial,Helvetica,sans-serif; text-decoration:none; background-color:#999999; text-align:center; font-weight:bold;
    right:10px; bottom:55px; padding:7px; color:#222222; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px;}
  #hdActive:before {position:absolute; content:""; left:3px; top:50%; right:3px; border-top:2px solid; border-color:inherit;
  -webkit-transform:rotate(-15deg); -moz-transform:rotate(-15deg); -ms-transform:rotate(-15deg); -o-transform:rotate(-15deg); transform:rotate(-15deg);}
  #downloadLink {right:10px; bottom:10px;}

  /* article downloads */
  .articleButtons {margin:0; padding:0 0 0 10px; float:right;}
  .articleButtons a {float:left; padding:0 2px; text-decoration:none; color:#832025; margin:2px 3px; text-align:center;
    display:block; height:16px; font:normal normal normal 16px/1 FontAwesome; margin-right:5px;}

  /* HiRes Image Zoom */
  a.hires {position:relative; display:block;}
  a.hires img {position:relative;}
  span.zoom {display:block; float:left; margin:0; border:0; padding:0; width:22px; height:22px;
    font:normal normal normal 16px/1 FontAwesome; background:#80827F; color:#fff; line-height:21px;
    -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
    text-decoration:none; text-align:center; opacity:0.7;
    -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:2px;
    position:absolute; top:4px; left:3px;}
  a.hires:hover span.zoom {background:#832025;}

  /*REGION ' - social bookmarks - '*/
  #socialbookmarks {position:relative; width:100%; padding:10px 0; clear:both;}
  #socialbookmarks span.label {float:left; color:#832025; margin-right:10px;}
  #socialbookmarks span.splitter {float:left; margin:0 2px; width:0; height:32px; display:inline-block; border-right:1px dashed silver;}
  #socialbookmarks a.socialbookmark {color:#832025; font:normal normal normal 32px/1 FontAwesome; text-decoration:none; text-align:center;
  float:left; margin:0 4px 2px 0; padding:0; width:32px; height:32px; display:block;}

  /*REGION ' - boxes - '*/
  #boxes-container {position:relative; float:left;}
  .box-area {position:relative; margin:0 0 8px;}
  .box, .box-head {position:relative;}
  .box-head h4 {margin:0; padding:2px 5px 2px 12px; color:white; font-weight:bold;}
  .box-content {padding:8px; background-color:#ffeccb; position:relative;}
  .box-content table, .box-content tr, .box-content td {margin:0; padding:0;}
  .box-content ul {list-style-type:disc; list-style-image:none; font-weight:bold;}
  .box-content li {font-weight:normal; margin-bottom:0; margin-top:0;}
  .box-content ol, .box-content ul {padding-bottom:0; padding-top:0;}
  .box-content form label {display:none;}
  .box-content a:link, .box-content a:visited, .box-content a:active {color:#832025;}
  .box-content ul.accordion {padding:0; margin:0;}
  .box-content span.value {display:inline-block; padding-left:10px;}

  /*REGION ' - CMS - '*/
  .cmsButtons {clear:both; margin:0 0 2px 0; padding:0; display:inline-block;}
  a.cmsButton, span.cmsButton {
    display:block; float:left; margin:0 2px 0 0; border:0; padding:2px 0; width:18px;
    font:normal normal normal 14px/1 FontAwesome; color:#832025; background-color:#fff;
    -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
    text-decoration:none; text-align:center;
    border:1px solid #832025; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:2px;
  }
  .undefined, .undefined a {color:silver !important;}
  .prepared, .prepared a {color:blue !important;}
  .future, .future a {color:green !important;}
  .active {}
  .hidden, .hidden a {color:orange !important;}
  .past, .past a {color:red !important;}
  .deleted, .deleted a {color:magenta !important;}

  .cms {height:100%; width:100%; background:#eee;}
  .cms #content {width:100%;}
  .cms #header h1 {font-size:120%}
  .cms #header, .cms #footer {display:block; padding:4px 10px 4px 10px; background-color:#fff;}
  .cms #header *, .cms #footer * {margin:0; padding:0; color:#444;}
  .cms #header button, .cms #footer button {display:inline-block; margin-right:5px; padding:4px 7px; text-decoration:none; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
  .cms #header {margin:0 0 10px 0; height:auto; border-bottom:1px solid #888;}
  .cms #footer {margin:10px 0 0; border-top:1px solid #888; clear:both; padding:5px; text-align:right;}
  .cms button {cursor:pointer;}
  .cms #tree {position:relative; width:350px; height:400px; overflow:auto; border:1px solid #b0aaa5; background-color:white; margin:3px; white-space:nowrap;}
  .cms label {font-weight:bold; padding:4px 3px 0; clear:left; float:left; width:9em; text-align:right; color:#000;}
  .cms label.inline {clear:none; width:auto; margin-left:15px;}
  .cms input, .cms select, .cms textarea {float:left; border:1px solid #888; background-color:white; margin: 0 0 0.1em;}
  .cms input[type='checkbox'] {margin-top:4px;}
  .cms .line, .cms fieldset{clear:both; padding:1px 0;}
  .cms textarea, .cms table.htmlarea {clear:both;}
  .cms fieldset{border:1px solid #888; padding:3px; margin:3px;}
  .cms fieldset label {width:8.4em}
  .cms legend {color:#888;}
  .cms .line div.left, .cms .line select, .cms .line button {float:left;}
  .cms .line button {line-height:1em;}
  .cms .formInputFocus {background-color:#EBF5FF;}

  table .label {text-align:right; width:8em; font-weight:bold;}
  div.list {width:880px; max-height:470px; overflow:auto; background-color:#fbfbfa; border:1px solid #b0aaa5;}
  div.checklist {width:350px; max-height:250px; overflow:auto; background-color:#fbfbfa; border:1px solid #b0aaa5;}
  div.list table, div.checklist table {width:100%; background-color:#fbfbfa; padding:0;}
  table.list tbody tr:last-child {height:auto !important;}
  table.list tbody tr:nth-child(odd) td, table.foldlist tbody tr:nth-child(odd) td {background-color:#f0f0f0;}
  table.list tbody tr:nth-child(even) td, table.foldlist tbody tr:nth-child(even) td {background-color:transparent;}
  table.list tbody tr, table.foldlist tbody tr {height:20px;}
  table.list td {padding:2px;}
  table.foldlist th {padding:3px 10px; text-align:center; font-weight:bold; background-color:#000000; color:#ffffff;}
  table.foldlist td {padding:3px 10px; text-align:right;}
  table.foldlist tbody tr.parent td {font-weight:bold; background-color:#e0e0e0;}
  table.foldlist tbody tr.parent, table.foldlist tbody tr.open {display:table-row;}
  table.foldlist tbody tr {display:none;}
  table.checklist {table-layout:fixed;}
  table.checklist td {overflow:hidden;}
  .checklist .listEntryHead {background-color:#ffffcc;}
  .checklist .listEntryDark {background-color:#f0f0f0;}
  .checklist .listEntryLight {background-color:transparent;}
  .list input {width:inherit !important; height:13px;}
}

@media handheld,only screen and (max-width:400px){
  div.imageLeft, div.imageRight, div.imageFull, div.imageCenter{float:none; margin-top:5px;}
}

@media handheld, only screen and (max-width:767px) {
  * {/*cursor:default;*/ -webkit-nbsp-mode:space; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-touch-callout:none; -webkit-transform-style:preserve3d; -webkit-user-select:none;}
  html {min-width:320px; -webkit-text-size-adjust:100%;}
  html, body, #body-container, #page-container, #header, #ui-toolbar, .boxFull, .boxLeft, .boxRight, .boxCenter {width:100%;}
  #header {display:inline-block; position:relative; width:100%;}
  #toolbar-placeholder {margin-bottom:34%; height:41px; position:relative;}
  #ui-toolbar {height:44px;}
  #siteimage {top:45px;}
  body {font-family:Helvetica; background:#fff; color:#000; -webkit-user-select:none; -webkit-text-size-adjust:none;}
  div.imageLeft img, div.imageRight img, div.imageFull img, div.imageCenter img, object, embed, video, div.video-js {max-width:100%; height:auto;}
  div.video-js, div.vjs-poster {background-color:#fff;}
  input, textarea {-webkit-user-select:auto;}
  #body-container, #page-container, #header, #boxes-container {position:relative;}
  #sitelogo, #top-nav, #breadcrumbs, .tickerWrapper, #functions ul li.normal {display:none;}
  #top-toolbar{top:50px;}
  #ui-toolbar {position:fixed; display:block; border-bottom:3px solid #ffffff; background-color:#832025; top:0; z-index:100;}
  #footer-container, .box-head {display:block; border-bottom:1px solid #686868; background-color:#832025;}
  #ui-toolbar a.button:first-child {margin-left:2px;}
  #ui-toolbar a.button {
    display:block; float:left; margin:6px 4px 6px 0; height:30px; width:30px;
    font:normal normal normal 18px/1 FontAwesome;
    -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
    text-align:center; z-index:0; overflow:hidden; line-height:28px; color:#fff; text-decoration:none; padding:0; background-color:#832025;
  }
  #ui-toolbar a.button:hover, #ui-toolbar a.active {background:#a34045;}
  #ui-toolbar input.searchfield {float:left; margin:6px 0; padding:3px; width:160px; font-size:135%; border:none;}
  #ui-toolbar a.button#searchButton {float:left; border-radius:0 5px 5px 0;}
  #searchfrm {float:right;}
  /*#sitelogo span {display:none;}
  #sitelogo {position:absolute; top:10px; right:5px; height:76px; width:272px; background:transparent url(images/logo.png) no-repeat 0 top;}*/
  #searchForm input#search {width:150px;}
  #content div.rank img {max-width:none !important;}
  #content {padding:2px;}
  #content p,#content table {margin-left:0;}
  /*#content ul,#content ol {padding-left:10px; margin-left:10px;}*/
  #content ul.tabs {padding:0; margin:0;}
  #content ul.tabsheets {padding:0; margin:10px 0;}
  /*#content li {padding-top:0.35em; padding-bottom:0.35em;}*/
/*  #content-nav ul li a, #content-nav ul li span.navi {display:block;}*/
  div.boxLeft, div.boxRight {width:95%;}
  #content div.boxLeft, #content div.boxRight, #content div.boxFull, #content div.boxCenter {border-width:1px 0 0 0;}
  #content div.boxLeft:last-child {border-width:1px 0;}
  .cms input[style] {max-width:180px}

  /*REGION ' - nav - '*/
  #nav-container {position:absolute; left:-280px; top:41px; display:none; z-index:99;}
  #nav {display:block; width:230px; background:#fff; border-right:1px solid #C8CED0; border-bottom:1px solid #C8CED0;}
  #nav ul {list-style:none; margin:0; padding:0;}
  #nav ul ul,#nav ul li {margin:0; padding:0;}
  #nav ul li a {color:#000; display:block; font-weight:bold; padding:6px; text-decoration:none;}
  #nav ul ul li a {font-weight:normal; margin-top:0;}

  /*REGION ' - gallery - '*/
  #imagebox {left:0; right:0;}

  /*REGION ' - boxes - '*/
  #boxes-container {width:100%;}
  .box-area {margin:0 2px 8px;}

  /*REGION ' - footer - '*/
  #footer-container {padding:9px 0 0;}
  #footer {clear:both;}
  #footer, #footer a {color:white;}
  #copyright, #footer-content {margin:0 5px 10px 0;}
  #copyright {float:right;}
  #footer-content {float:left; width:50%; }
  #footer-nav ul {margin:0 0 0 5px; padding:0; list-style:none; list-style-image:none;}
  #footer-nav ul li {float:left; margin-right:10px; padding:0;}
  #footer-screen {display:none;}
}
*:-webkit-full-screen {width:100%; height:100%;}

@media screen and (min-width:768px) {
  #body-container {position:relative; width:100%}
  #page-container {position:relative; margin:10px;}
  #main-container {position:relative; padding:15px 0 41px; width:100%; background-color:#fff;}
  #content {float:left; width:100%;}
  #top-toolbar, #nav-container, #nav ul li.selected, #nav ul li ul li.selected, .box-head, #ui-toolbar a#searchButton, #nav ul li ul li:hover, #toolbar {background:#832025;}
  #header {position:relative; height:352px; width:100%;}
  #siteimage {top:27px; max-height:309px;}
  #menuButton, #homeButton, #sitelogo {display:none;}

  /*REGION ' - ticker - '*/
  .tickerWrapper {position:relative; height:18px; margin:2px 10px 0; overflow:hidden;}
  .ticker {display:inline-block; position:absolute; top:0;}
  .ticker a {float:left; white-space:nowrap;}

  /*REGION ' - TabSheets - '*/
  .tab {padding:3px 25px 2px;}
  .tab-current {padding:4px 25px 3px;}

  /*REGION ' - searcharea - '*/
  #ui-toolbar {position:absolute; right:10px; top:40px; width:200px; white-space:nowrap;}
  #ui-toolbar input.searchfield {float:left; padding:3px; width:140px; border:1px solid #ccc;}
  #ui-toolbar a#searchButton {color:#fff; padding:4px; display:inline-block; font:normal normal normal 18px/1 FontAwesome; text-decoration:none;}
  #searcharea input, #searcharea h5, #searcharea a:link, #searcharea a:visited, #searcharea a:active {white-space:nowrap; margin:0;}

  /*REGION ' - nav - '*/
  #nav-container {position:absolute; left:0; top:-27px; width:100%; border-top:3px solid #fff;}
  #nav {position:relative; float:left;}
  #nav * {color:white;}
  #nav ul {margin:0; padding:0; list-style-type:none; list-style-image:none; list-style:none;}
  #nav ul li {margin:0; padding:0; float:left; border-left:1px solid #832025; border-right:1px solid #c89c9e;}
  #nav ul li a {display:block; margin:0; padding:4px 6px; text-decoration:none; white-space:nowrap; font-size:120%}
  #nav ul li:hover {background-color:#63636f;}
  #nav ul ul {display:none; position:absolute; border-color:#4f4f59; border-style:solid; border-width:1px 1px 0 1px; background-color:#63636f; z-index:500;}
  #nav ul li ul li {float:none; border-bottom:1px solid #4f4f59; border-width:0 0 1px 0;}
  #nav ul li:hover ul {display:block;}
  #nav ul li ul li a {padding:3px 8px;}
  #nav ul li div.cmsButtons {margin:0 0 0 5px;}
  #nav ul li div.cmsButtons a {display:inline; margin:0 1px; padding:0;}

  /*REGION ' - gallery - '*/
  #imagebox {left:50px; right:50px;}

  /*REGION ' - footer - '*/
  #footer {margin:15px; padding:0 0 10px;}
  #copyright {clear:both; float:right; width:auto; margin-top:10px;}
  #footer-nav {display:none;}

  #boxes-container{width:100%}
  .box-area {width:50%; padding:2px; float:left;}
  .box {width:100%;}
}

@media screen and (min-width:1001px) {
  #body-container {margin:0 auto; width:989px;}
  #content {float:left; width:725px;}
  #boxes-container {margin:0 0 0 10px; width:234px;}
  .box-area {width:100%; float:left;}
}

@media print {
  #header, #boxes-container, #breadcrumbs, #content-nav, #contentForm, #socialbookmarks, #nav-container,
  .cmsButtons, .articleButtons, #content div.zoom, span.zoom, #footer-content, span.accessibility, .tabs {display:none;}
  ul.tabsheets li.sheet {display:block;}
  .boxFull {width:99%;}
  #footer {margin:15px; padding:0 0 10px;}
  #copyright {clear:both; float:right; width:auto; margin-top:10px;}
  div.imageRight a[href]:after, div.imageLeft a[href]:after, div.imageCenter a[href]:after, div.imageFull a[href]:after {content:"\a("attr(href)") "; white-space:pre; font-size:90%;}
  a[href]:after {content:" ("attr(href)") ";}
  a[name]:after {content:" ("attr(name)":) ";}
}