/*** Global White Space Reset *************************************************/
/******************************************************************************/
* {margin:0;padding:0;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ol, dl, fieldset, address, legend {margin:1em 0;}
ul, li {margin:0;padding:0;}
form {margin:0;}
img {border:0;}

/*** Generelles ***************************************************************/
/******************************************************************************/
body {font-family:Arial, Helvetica, sans-serif;background:url('/static/img/background.gif') repeat-x #fff;font-size:100%;color:#333;}
a {text-decoration:none;color:#a10300;outline:none;}
a:hover, a:focus {text-decoration:underline;}
h1, h2, h3, h4, h5, h6, legend {font-family:Gnuolane, Arial, Helvetica, sans-serif;text-transform:uppercase;font-weight:normal;}

/* Font-Face *************************/
@font-face {font-family:'Gnuolane';src:url('/static/fonts/gnuolane_rg-webfont.ttf') format('truetype');}

/* Formulare *************************/
input, select, textarea, .textarea {margin:5px 0;padding:8px;font-family:Arial, Helvetica, sans-serif;font-size:1em;-moz-border-radius:2px;-webkit-border-radius:2px;}
input:hover, select:hover, textarea:hover {}
input:focus, select:focus, textarea:focus {}

/* Misc **************/
.fl {float:left;}
.fr {float:right;}
.cl {clear:left;}
.cr {clear:right;}
.cb {clear:both;}

.trenner-klein {height:5px;}
.trenner-mittel {height:10px;}
.trenner-gross {height:20px;}
.trenner-groesser {height:30px;}
.trenner-riesig {height:50px;}
.trenner-monster {height:100px;}

.mini7 {font-size:.7em;}
.mini75 {font-size:.75em;}
.mini85 {font-size:.85em;}
.mini95 {font-size:.95em;}
.maxi12 {font-size:1.2em;}
.maxi13 {font-size:1.3em;}
.vers {text-transform:uppercase;}

/* Wrapper **************/
.wrapper {width:100%;font-size:.75em;line-height:1.65em;}
.wrapper940 {width:940px;margin:0 auto;}
.wrapper960 {width:960px;margin:0 auto;}

.greyarea {background-color:#ececec;padding:40px 0 0 0;}
#home .greyarea .wrapper940 {background:url('/static/img/bg-greyarea.jpg') no-repeat bottom right #ececec;}

/* Container **************/
.c160 {width:160px;margin:0 0 0 20px;}
.c210 {width:210px;margin:0 20px 0 0;}
.c220 {width:220px;margin:0 20px 0 0;}
.c270 {width:270px;margin:0 20px 0 0;}
.c280 {width:280px;margin:0 0 0 20px;}
.c300 {width:300px;margin:0 20px 0 0;}
.c460 {width:460px;margin:0 20px 0 0;}
.c540 {width:540px;margin:0 20px 0 0;}
.c620 {width:620px;margin:0 20px 0 0;}

/*** Header *******************************************************************/
/******************************************************************************/
.header {height:127px;margin:0 auto;background:url('/static/img/bg-header.jpg') no-repeat center bottom;}
.header a {color:#b5b5b5;}
.header a:hover, .header a:focus {color:#fff!important;text-decoration:none;}
.header img.logo {float:left;position:absolute;margin:0 6px 0 0;}

.header p.login {margin:0 24px 0 0;padding:7px 0 25px 18px;float:right;color:#999;font-size:.8em;text-transform:uppercase;background:url('/static/img/icon-ubernaut.gif') no-repeat 0 8px;}
/* no fade-in login box */
//.header p.login a {padding:3px 16px 5px 6px;background:url('/static/img/icon-arrowdown.gif') no-repeat center right;}
//.header p.login a.aktiv {background:url('/static/img/icon-arrowup.gif') no-repeat center right #181818;}
.header p.login a {padding:3px 16px 5px 6px;}

.header .loginbox {display:none;position:absolute;z-index:10;margin:28px 0 0 686px;width:220px;background:#181818;padding:8px 15px 4px 15px;color:#999;font-size:.9em;}
.header .loginbox input {width:205px;margin:0 0 5px 0;padding:5px 7px;font-family:Arial, Helvetica, sans-serif;font-size:1em;color:#ccc;background:#666;border:none;border-bottom:1px solid #888;}
.header .loginbox input:focus {background:#777;}
.header .loginbox input.submit {width:72px;height:22px;float:right;background:none;border:none;cursor:pointer;}
.header .loginbox p {margin:0;}
.header .loginbox p.lostpw {margin:10px 0 0 0;font-size:.9em;}
.header .loginbox p.lostpw a {color:#808080;}

.header ul.nav {margin:0 0 0 300px;list-style:none;font-family:'Gnuolane', Arial, Helvetica, sans-serif;text-transform:uppercase;font-size:1.70em;}
.header ul.nav li {display:block;float:left;padding:0 11px 0 0;background:url('/static/img/icon-navdot.gif') no-repeat center right;}
.header ul.nav li a {display:block;padding:5px 13px;color:#b5b5b5;}
.header ul.nav li.aktiv a {color:#fff;}
.header ul.nav li.last-child {padding-right:0;background:none;}
.header ul.nav li.last-child a.speech {padding-bottom:25px;background:url('/static/img/speech-steig-ein.gif') no-repeat 70px 29px;}

/*** Content ******************************************************************/
/******************************************************************************/
h2, legend {margin:40px 0 25px 0;font-size:2.2em;line-height:1em;}
h3 {margin:40px 0 5px 0;padding:26px 0;font-size:3.75em;text-align:center;background:url('/static/img/line-stars.gif') no-repeat top center;}

.intro {margin:0 40px 25px 0;font-size:1.25em;line-height:1.6em;}
.intro h1 {width:300px;height:61px;margin:40px 0 2px 0;padding-top:40px;background:url('/static/img/line-stars-h1.gif') no-repeat top center;font-size:3em;text-align:center;}
.intro p {margin-top:40px;}
.intro .anker {margin:0 0 30px 0;text-align:center;font-size:.8em;}
.intro .anker a {padding:3px 0;display:block;border-bottom:1px solid #ccc;}
#home .intro h1 {width:auto;height:auto;margin:35px 0 0 0;padding:0;text-indent:-999em;background:none;}
#home .intro h1 span {display:block;width:300px;height:276px;background:url('/static/img/h-hallo.gif') no-repeat;}
.intro .otheraccount {text-align:center;font-size:.8em;border-bottom:0px solid #ccc;}

.intro .otheraccount table {
  margin-left: auto;
  margin-right: auto;
}
.intro .otheraccount table th, .intro .otheraccount table td {
  padding-left: 0.5em;
  padding-right: 0.5em;
}

.content {position:relative;margin:30px 0 80px 0;}
.content ul {list-style:none;}
.content ul li {margin:4px 0;padding:0 0 0 15px;background:url('/static/img/li.gif') no-repeat 0 5px;}

.more {width:100%;position:relative;top:31px;border-bottom:1px solid #ccc;line-height:1.8em;}
.more a {position:absolute;width:200px;height:21px;margin-top:-10px;display:block;padding:0 0 0 24px;background:url('/static/img/bg-more.gif') no-repeat top left;color:#fff;font-size:.9em;font-weight:bold;text-transform:uppercase;letter-spacing:.1em;}
.more a:hover {text-decoration:none;background-position:bottom left;}
.kontaktbox {position:relative;margin:0 30px;text-align:center;}
#home .kontaktbox {top:-140px;}
.kontaktbox p {margin:0;padding:10px 0;border-bottom:1px solid #ccc;line-height:1.5em;}
.quote {width:160px;background:url('/static/img/icon-quote.gif') no-repeat 0 5px;border-bottom:1px solid #ccc;text-indent:17px;}
.quote span {display:block;margin:10px 0;text-align:center;text-indent:0;font-size:.9em;line-height:1.5em;}

#home h4.banner {margin:-60px 0 40px 20px;}
h4.banner {font-size:4.3em;}
/* h4.banner a {width:595px;height:51px;padding:20px 0 20px 85px;display:block;background:url('/static/img/speech-ubernaut-werden.gif') no-repeat;color:#333;white-space:nowrap;} */
h4.banner a {width:595px;height:61px;line-height:61px;padding:0 0 30px 85px;display:block;background:url('/static/img/speech-ubernaut-werden.gif') no-repeat;color:#333;white-space:nowrap;}
h4.banner a:hover {text-decoration:none;color:#a10300;}

/* damit die visuellen Repraesentationen der SSH-Keys huebsch aussehen */
pre {line-height: 1em;}

/*** Footer *******************************************************************/
/******************************************************************************/
.footer {clear:both;height:640px;background:url('/static/img/footer-space.jpg') no-repeat center bottom #292929;font-size:.95em;line-height:1.4em;color:#999;}
.footer h5 {margin:55px 0 20px 0;color:#ccc;font-size:2em;}
.footer a {color:#999;}
.footer a:hover, .footer a:focus {color:#ccc;text-decoration:none;}
.footer input, .footer textarea {width:200px;margin:3px 0;padding:5px 7px;font-family:Arial, Helvetica, sans-serif;font-size:1em;color:#666;background:#141414;border:none;border-bottom:1px solid #393939;}
.footer input:focus, .footer textarea:focus {color:#ccc;background:#0e0e0e;}
.footer textarea {height:90px;}
.footer input.submit {width:54px;height:22px;float:right;margin:0 15px 0 0;background:none;border:none;cursor:pointer;}
.footer .footbox {height:25em;margin:0;padding:0 15px 30px 15px;text-align:center;border-right:1px solid #545454;}
.footer .footbox a {padding:0 5px;}
.footer .footline {clear:both;height:56px;background:url('/static/img/background-footer.gif') repeat-x;font-family:Gnuolane, Arial, Helvetica, sans-serif;text-transform:uppercase;font-size:1.4em;}
.footer .footline a {padding:0 6px;}
.footer .footline p {margin:21px 0;}
.footer .scotty {float:right;position:relative;margin:-35px 102px 0 0;text-indent:-999em;}
.footer .scotty a {display:block;width:244px;height:176px;background:url('/static/img/scotty-trans-2012.png') no-repeat top center;}
.footer .scotty a:hover, .footer .scotty a:focus {background-position:bottom center;}

.content fieldset {
  border: none;
}
.content label {
  display: block;
  margin: 0;
}

.error {
  color: #a10300;
  font-weight: bold;
}

.footer .failedfield {
  border: solid 1px #a10300;
}

.content .deletebutton {
  background: none;
  color: #a10300;
  padding: 0;
  border: none;
  cursor: pointer;
}

.content .deletebutton:hover {
  text-decoration: underline;
}

#flash {
  position: fixed;
  width: 100%;
  background-color: #a10300;
  z-index: 1;
  text-align: center;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  border-bottom: solid 1px darkgray;
  color: white;
  cursor: pointer;
  display: none;
}

#flash a {
  color: white;
  font-weight: bold;
}

.opacity60 {
  filter:alpha(opacity=60);
  -moz-opacity:0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
}

.opacity70 {
  filter:alpha(opacity=70);
  -moz-opacity:0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
}

.opacity80 {
  filter:alpha(opacity=80);
  -moz-opacity:0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
}

.opacity90 {
  filter:alpha(opacity=90);
  -moz-opacity:0.9;
  -khtml-opacity: 0.9;
  opacity: 0.9;
}

.opacity100 {
  filter:alpha(opacity=100);
  -moz-opacity:1;
  -khtml-opacity: 1;
  opacity: 1;
}

table#datasheet th {
  text-align: left;
  vertical-align: top;
  padding-right: 1em;
  white-space: nowrap;
}

table#datasheet th.section {
  font-family:Gnuolane, Arial, Helvetica, sans-serif;
  text-transform:uppercase;
  font-weight:normal;
  font-size:1.6em;
  line-height:3em;
}

code {
  font-size: 130%;
}

table#dotqmailtable {
  border: none;
  border-collapse: collapse;
  width: 100%;
}

table#dotqmailtable th, table#dotqmailtable td {
  text-align: left;
  vertical-align: top;
  padding-right: 0.5em;
  border-bottom: solid 1px #ccc;
}

table#dotqmailtable .link {
  text-align: right;
  padding-left: 0.5em;
  padding-right: 0;
}

table#vmailmgrtable {
  border: none;
  border-collapse: collapse;
  width: 100%;
}

table#vmailmgrtable th, table#vmailmgrtable td {
  text-align: left;
  vertical-align: top;
  padding-right: 0.5em;
  border-bottom: solid 1px #ccc;
}

table#vmailmgrtable .link {
  text-align: right;
  padding-left: 0.5em;
  padding-right: 0;
}

acronym {
  cursor: help;
  //border-bottom: dotted 1px #ccc;
}
acronym:after {
  content: " ?";
  color: #ccc;
}

#primarymail-help {
  display: none;
  border: solid 1px #a10300;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  padding-left: 1em;
  padding-right: 1em;
}

table#transactions, table#proforma_invoices, table#open_transfers {
  border-collapse: collapse;
  width: 100%;
}

table#transactions th, table#proforma_invoices th, table#open_transfers th {
  vertical-align: top;
  text-align: left;
  border-bottom: solid 1px #a10300;
}

table#transactions td, table#proforma_invoices td, table#open_transfers td {
  vertical-align: top;
  padding-right: 1em;
}

table#transactions td#total, table#proforma_invoices td#total {
  border-top: solid 1px #a10300;
  border-bottom: double #a10300;
  text-align: right;
  font-weight: bold;
}

table#transactions .last, table#proforma_invoices .last {
  text-align: right;
  padding-left: 1em;
  padding-right: 0;
  white-space: nowrap;
}

/* ---------- tabs ---------- */

.tabs {
  height: 3.20em;
}
.tabs ul {
  list-style: none;
  font-family: 'Gnuolane', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 1.70em;
}
.tabs ul li {
  display: block;
  float: left;
  padding: 10px 20px 10px 20px;
}
.tabs ul li.active {
  background-color: white;
}
.tabs ul li a {
  display: block;
}
.tabs ul li.active a {
  color: #333333;
}

.important-question {
  text-align: right;
}

.important-question:before {
  content: "… ";
}

dl.numbers dt {
  font-family: monospace;
  font-size: 120%;
}

dl.numbers dd {
  font-family: monospace;
  font-weight: bold;
  font-size: 120%;
}