/* F */
body, code, input, textarea { font-family:Helvetica,Arial,sans-serif }
kbd, samp, tt, .cdat { font-family:'Lucida Console',Courier,monospace }
.ctabhis, .ctabcoin { font-family:'Gill Sans',Helvetica,Arial,sans-serif }

/* S */
h1 { font-size:2em; font-weight:normal }
h2, .cmtl0 { font-size:1.2em }
h3, h4, h5, h6, code, kbd, samp, tt, input, select, textarea { font-size:1em }
.ccode, .ckbd, .csamp, .cdir, .cexp { font-size:.9em }
.ctab, .ctabctl, .ctabhis, .ctabcoin, .ctabres, .cdat, .cmt, .canno, .cfootnote, #csfoot small { font-size:.75em }

/* L */
p { line-height:1.45em }
#csart ul, #csart ol { line-height:1.3em }

/* M */
html, body { margin:0; padding:0; border:0 }
nav, header, footer, section, article, figure, figcaption { display:block }
h1, h2, h3, h4, h5, h6, .ctab th { page-break-after:avoid }
h1 { margin-top:1em; margin-bottom:1em }
h2, h3 { margin-top:1.5em; margin-bottom:1em; clear:both }
h2 { padding:.3em .5em; font-weight:700; border-radius:3px }
#cheader { margin-top:0; text-align:center; border-radius:5px; background-repeat:no-repeat; background-position:center; background-color:#779 }
#ctitle { margin-top:0; padding-bottom:.3em; border-bottom:1px solid #779 }
p { margin-top:.5em; margin-bottom:.5em }
ul, ol { padding-left:1.8em }
ul { list-style-type:square }
dt { margin-top:1.5em; border-bottom:1px solid #888}
dd { margin-left:1em }
#csnav a, #cnavtop a, #csfoot a, .ctabctl a { text-decoration:none }
.ctab, .ctabctl, .ctabhis, .ctabcoin, .ctabres, .cdir, .ccode, .ckbd, .csamp, .cdat, .cdiv, .cfmp { margin-top:1.2em; margin-bottom:1.2em }
.ccode, .ckbd, .csamp, .cdat { padding:.75em; border:1px solid #888 }
.ctab { border-collapse:collapse }
.ctab th, .ctab td { padding:.4em; border:1px solid #888 }
.ctab th { font-weight:normal; text-align:left }
.ctabctl { border-collapse:collapse }
.ctabctl th, .ctabctl td { padding:.3em; border:1px solid #888 }
.ctabres { border-collapse:collapse }
.ctabres td, .ctabres th { padding:.3em; border:1px solid #888 }
.ctabres td { vertical-align:top }
.ctabhis { border-spacing:0; padding:.5em; border:1px solid #888 }
.ctabhis th { width:5em; vertical-align:top; font-weight:normal; padding-top:.5em }
.ctabhis td { text-align:center; vertical-align:bottom; border-bottom:1px solid #888 }
.ctabhis td div { width:4em; margin:auto; border-bottom:solid; padding-bottom:.5em }
.ctabcoin { border-collapse:collapse }
.ctabcoin th, .ctabcoin td { text-align:center; width:5em; padding:.2em; border:1px solid #888 }
.ctabcoin th { font-weight:normal }
.ctabcoin .ctop3 { font-weight:bold }
.cmt { padding:.5em; border:1px solid #888 }
.cmtl0 { font-weight:bold }
.cfmp table { background-color:#ccb; padding:.5em; display:inline-block; vertical-align:middle; border-radius:5px  }
.cfmp td { display:block; text-align:left }
.cfmp input[type=text], .cfmp textarea { width:15em }
.cfmp input[type=image] { padding:1em; vertical-align:middle }
#csfoot { padding-top:.5em; text-transform:uppercase; letter-spacing:.2em; border-top:1px solid #888 }
#csfoot, #csfoot a { color:#888 }
#csfoot hr, #csnav hr { display:none }
.cfootnote { margin-left:0; margin-top:3em; padding-left:2.5em; padding-top:.5em; border-top:1px solid #888; color:#666 }
.ccoln { text-align:right }
.cexp { margin:1em 0 1em 0; padding:1em; border:1px solid #888 }
.cbutton { background:#ccc; color:#333; border:1px solid #444; padding:0 2px 0 2px } /* Buttons and Selects */
.cselect { background:#fff; color:#333; border:1px solid #444; padding:0 2px 0 2px } /* inside text */
.canno { color:#666 }
.cblk { display:none; visibility:hidden }
.cdir a, .ctabctl a, .ctabres a, .ctabhis a, .ctabcoin a { cursor:pointer }
.cu { text-decoration:underline }
#creceipt { border-style:none; overflow:hidden }

/* Base and Pocket */
@media screen, handheld {
img { max-width:100% }
pre { white-space:pre-wrap }
#csart abbr, #csart .cdetails { border-bottom:1px dotted #888 }
.cillul, .cillur { margin-top:.3em; border-radius:5px; border:1px solid #bbc }
.cillul { float:left; margin-right:1em }
.cillur { float:right; margin-left:1em }
/* table, tbody, tr, td, th { display:block } Not readable */
.csas { display:none }
#csnav, #cshead, #csart, #csfoot { max-width:42em; margin:3% } /* Hier kein padding, da width = innerwidth! */
#csnav, #cnavtop { border-radius:5px; color:#668 } /* NAVBGCOL + NAVBULLCOL; OP12.14 no BGSVG mit border-radius>0 */
#csnav { background-color:#334; margin-bottom:1.5em }
#csnav div.clogo { border-radius:5px; background:url(/infra/symlogo.png) no-repeat .3em center; background-color:#ccb; text-align:right; font-size:2.5em; color:#ffe; padding:.1em .3em }
#csnav #cnavswitch { overflow:hidden; max-height:0; transition:1s max-height }  /* Transform max-height from 0 ... */
#csnav:hover #cnavswitch { max-height:28em }  /* ... to 27em (none, 100% or inherit don't work) */
#csnav #cnavswitch #cnavpad { padding:.75em } /* Sep. div needed for padding */
#csnav #cdis, #csnav #clng { color:#fff }
#csnav a:link { color:#bbf }
#csnav a:visited { color:#c99 }
#csnav a:hover { background-color:#ffe }
#csnav #cfms input#q { vertical-align:middle; background-color:#ddc; color:#222; border:none; padding:.3em .4em; transition-duration:400ms; transition-property:background,width; width:5em } /* Optionally transforming ... */
#csnav #cfms input#q:focus { vertical-align:middle; background-color:#ffd; width:7em } /* ... color and width */
#csnav #cfms input[type=submit] { background-color:transparent; text-indent:2em; border:none; cursor:pointer; padding:0; vertical-align:middle; width:2em; height:2em }  /* Verschiebe ansonst sichtbaren Text von input submit value; alternativ: color:transparent */
#csnav #cfms input[type=submit] { background:url(/infra/symsearch.svg) no-repeat center }
#cheader { background-image:url(/infra/header-s.gif); min-height:60px }
#cheader img { display:none }
#cnavtop { background:url(/infra/symnavtop.png) no-repeat .5em center; background-color:#ccb; height:3em }
#cnavtop a { display:block; color:transparent; height:inherit; line-height:3em; text-indent:1em } /* Hide text and make whole block clickable; line-height zur vert. Zentrierung */
#cnavtop a:hover { background-color:#334; color:#bbf } /* Show text */
#csfoot { clear:both }
}

/* PC: ALL CHANGES HERE TO BE DUPED IN IE.CSS! */
@media only screen and (min-width:700px) and (min-height:600px) {
body { font-size:11pt }
/* img { max-width:inherit } Keep 100%? */
nav { font-size:.9em }
#cshead, #csart, #csfoot { margin-left:25% }
#csnav { position:fixed; width:15%; left:0; top:0; min-width:128px; height:100%; margin:0; padding:3%; background-color:#334; background-image:linear-gradient(200deg,#223,#557,#223,#223,#223,#223,#112); border-radius:0 }
/* This line left blank intentionally */
#csnav div.clogo { text-align:inherit; font-size:inherit; padding:inherit; height:128px; margin-bottom:20%; border:1px solid #bbc; border-radius:5px; background-color:#557; background-repeat:no-repeat; background-position:center; color:transparent }
#csnav div.clogo#citop { background-image:url(/infra/logo.png) }
#csnav div.clogo#cimev { background-image:url(/meva/logo.png) }
#csnav div.clogo#cibot { background-image:url(/models/logo.png) }
#csnav div.clogo#cicyp { background-image:url(/cypper/logo.png) }
#csnav #cnavswitch { max-height:inherit; transition:none } /* Switch NAV ... */
#csnav:hover #cnavswitch { max-height:inherit } /* ... always on */
#csnav #cnavswitch #cnavpad { padding:0 0 0 .5em }
#csnav .cnavsep { border-top:1px solid #668; padding-top:8%; margin-top:8% }
#csnav ul { padding-left:0; margin:0; list-style-type:none } /* Exdent first ul */
#csnav ul ul { padding-left:1.5em; margin:.5em 0; list-style-type:square }
#csnav #cfms { margin-top:1em; display:inline-block; background-color:#334 }
#cheader { background-image:none; min-height:0 } /* Change header */
#cheader img { display:inline }
.cfmp td { display:table-cell; text-align:right }
div.ccol1 { float:left; width:48% }
div.ccol2 { margin-left:51% }
div.ccol1 p, div.ccol2 p { margin-top:0 }
* html div.ccol2 { margin-left:auto; width:49% }
#cnavtop { display:none }
}

@media only screen and (min-width:1250px) and (min-height:600px) {
#csart { position:relative } /* "relative" nur noetig fuer csas left */
.csas { display:block; position:absolute; left:118% }
.csas aside p { padding:1em; border-radius:5px; min-width:15em; font-size:smaller; line-height:1.2em; background-color:#eed; color:#444 }
.csas aside p dfn { font-weight:bold }
#cshead, #csfoot { max-width:65em }
}

@media print {
body { color:#000; background-color:#fff; font-family:Georgia }
#csnav { display:none }
#cheader img { width:100% } /* In case BGPRINT is off; Oder für OP: content:attr(alt) */
h1, h2, h3, h4, h5, h6, #csfoot, #csfoot a { color:#888 }
h2 { padding:0; background-color:inherit }
.ctabres th, .ctabcoin th, .cexp { background-color:#ddd }
.ctabcoin .ctop1 { background-color:#eee }
.ctabcoin .ctop2 { background-color:#ccc }
.ctabcoin .ctop3 { background-color:#aaa }
.ctabhis td div { border-bottom-color:#888 } /* Balkenfarbe */
#cnavtop { display:none }
#csfoot { margin-top:2em }
a { text-decoration:none }
}