html
{
background: url(../img/page_back.png) repeat-y 50% 0;
background-color: #e3e4e0;
overflow-y: scroll;
cursor: default;
}
html,
input,
select,
textarea
{
font: 12px/17px Segoe UI, Segoe WP, Droid Sans, Tahoma, Lucida Grande, sans-serif;
}
tt,
code,
pre
{
font: 12px/17px Consolas, Droid Sans Mono, monospace;
}
body
{
width: 950px;
max-width: 95%;
margin: 0 auto;
padding: 0;
}
div#mobile-notice
{
background: #ffffc0;
color: #000000;
padding: 0.3em 0.6em;
border-bottom: solid 1px #cccccc;
}
div#mobile-notice a
{
font-size: 2em;
line-height: 140%;
}
div#mobile-notice2
{
margin-top: 1.5em;
border-top: solid 1px #74bc00;
padding-top: 1.5em;
}
div#head
{
}
div#logo
{
background: url(../img/logo2.png) no-repeat;
height: 120px;
margin-bottom: -25px;
}
div#logo a#logo-link
{
display: inline-block;
width: 460px;
height: 70px;
margin-top: 20px;
margin-left: 205px;
}
div#logo img
{
width: 100%;
max-width: 448px;
}
div#status
{
float: right;
margin-right: 20px;
margin-top: 20px;
opacity: 0.75;
}
div#status img
{
width: 22px;
height: 22px;
}
div#status:hover
{
opacity: 1;
}
div#head p.warningbox
{
margin-left: 20px;
margin-right: 20px;
}
div#navigation
{
text-align: center;
border-bottom: solid 1px #74bc00;
background-color: #f5f5f5;
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.08));
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.08)));
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.08));
}
div#navigation a.item
{
display: inline-block;
text-align: right;
font-size: 1.2em;
line-height: 130%;
color: #0b3dff;
padding: 5px 7px 3px;
border-bottom: solid 2px transparent;
}
div#navigation a.item.language-link
{
font-weight: 500;
}
div#navigation a.item:hover
{
border-bottom-color: #c0c0c0;
text-decoration: none;
}
div#navigation a.item.selected,
div#navigation a.item.selected:hover
{
border-bottom-color: #74bc00;
background: -ms-linear-gradient(top, rgba(131, 194, 33, 0), rgba(131, 194, 33, 0.25));
background: -webkit-gradient(linear, left top, left bottom, from(rgba(131, 194, 33, 0)), to(rgba(131, 194, 33, 0.25)));
background: -moz-linear-gradient(top, rgba(131, 194, 33, 0), rgba(131, 194, 33, 0.25));
}
div#kunden-session
{
padding: 5px 20px 0;
}
div#kunden-session a.logoutLink
{
color: #d00000;
}
div#kunden-navigation
{
background-color: #f8fbf2;
background: -ms-linear-gradient(top, rgba(131, 194, 33, 0.2), rgba(131, 194, 33, 0.07));
background: -webkit-gradient(linear, left top, left bottom, from(rgba(131, 194, 33, 0.2)), to(rgba(131, 194, 33, 0.07)));
background: -moz-linear-gradient(top, rgba(131, 194, 33, 0.2), rgba(131, 194, 33, 0.07));
border-bottom: solid 1px #dceebf;
padding: 0.5em;
}
div#kunden-navigation table
{
margin: 0 auto;
}
div#kunden-navigation table td div.header
{
padding-bottom: 0.3em;
border-bottom: solid 1px #abd666;
margin-bottom: 0.3em;
text-align: center;
font-size: 1.2em;
line-height: 130%;
}
div#kunden-navigation table td ul
{
margin: 0;
list-style-type: none;
padding-left: 0;
text-align: center;
}
div#kunden-navigation table td li.selected
{
background: #c7e499;
}
div#kunden-navigation table td li a
{
display: block;
padding: 0 4px;
}
div#footer
{
margin-top: 1.5em;
border-top: solid 1px #74bc00;
padding-top: 0.7em;
padding-bottom: 12px;
padding-left: 20px;
padding-right: 20px;
font-size: 0.9em;
line-height: 1.3em;
color: #606060;
}
div.use-firefox
{
margin-top: 12px;
border: solid 1px #dc7100;
padding: 0.2em 0.4em 0.3em 26px;
background: url(../img/browser/firefox.png) no-repeat 0.4em 50%;
color: #dc7100;
}
div#content
{
margin-top: 20px;
padding: 1px 20px 0;
}
div#content :last-child
{
margin-bottom: 0;
}
h1
{
font-family: Cambria, serif;
font-size: 1.4em;
font-weight: normal;
line-height: 120%;
color: black;
padding: 0;
margin: 1.3em 0 0.6em;
background: url(../img/header_line.png) no-repeat bottom left;
}
h1:first-child
{
margin-top: 0;
}
h2
{
font-family: Cambria, serif;
font-size: 1.3em;
font-weight: normal;
font-style: italic;
line-height: 120%;
color: black;
padding: 0;
margin: 1em 0 0.5em;
}
p,
div.p
{
margin-top: 1em;
margin-bottom: 1em;
}
p:first-child
{
margin-top: 0;
}
p.intro
{
font-size: 133%;
line-height: 140%;
text-align: justify;
}
p.intro.center
{
text-align: center;
}
p.intro strong
{
font-family: Segoe UI Semibold, Segoe WP Semibold, Segoe UI, Segoe WP, Droid Sans, Tahoma, Lucida Grande, sans-serif;
font-style: normal;
color: #e22a00;
}
p.intro em
{
font-style: normal;
color: #e22a00;
}
p.text
{
text-align: justify;
}
p.foot
{
margin-top: 1.5em;
border-top: solid 1px silver;
padding-top: 1em;
font-size: 0.9em;
line-height: 1.3em;
color: #606060;
}
p.status-ok
{
margin: 2em 0 4em;
border: solid 1px #74bc00;
padding: 0.5em 0.6em;
}
p.status-warning
{
margin: 2em 0 4em;
border: solid 1px #ffba01;
padding: 0.5em 0.6em;
}
p.status-error
{
margin: 2em 0 4em;
border: solid 1px #f21c00;
padding: 0.5em 0.6em;
}
p.tour-nav
{
clear: both;
margin-top: 0;
padding-top: 20px;
text-align: center;
font-size: 133%;
line-height: 140%;
}
p.tour-nav a img
{
margin-left: 2px;
}
p.errorbox
{
background: #ca2812 url(../img/error_light.png) no-repeat 3px 3px;
padding: 0.2em 0.5em 0.2em 25px;
color: white;
}
p.warningbox
{
background: #ffe99f url(../img/warning_dark.png) no-repeat 3px 3px;
padding: 0.2em 0.5em 0.2em 25px;
color: black;
}
p.successbox
{
background: #32a01c url(../img/success_light.png) no-repeat 4px 2px;
padding: 0.2em 0.5em 0.2em 25px;
color: white;
}
p.informationbox
{
background: #4680f0 url(../img/information_light.png) no-repeat 3px 3px;
padding: 0.2em 0.5em 0.2em 25px;
color: white;
}
.indent
{
margin-left: 20px;
}
ul
{
padding-left: 18px;
margin: 0.3em 0 0.3em;
}
.imageshape
{
}
a[href]
{
text-decoration: none;
color: #0b3dff;
}
a[href]:hover
{
text-decoration: underline;
color: #0b3dff;
}
a[href] img
{
border: 0;
}
a[href^="http:"],
a[href^="https:"],
a[href^="ftp:"]
{
background-image: url(../img/out.png);
background-position: 100% 20%;
background-repeat: no-repeat;
padding-right: 6px;
}
a[href*="antworten#"],
body#antworten div.antwort a[href^="#"]
{
background-image: url(../img/q_7.png);
background-position: 100% 20%;
background-repeat: no-repeat;
padding-right: 5px;
}
a[href*=".wikipedia.org/"]
{
background-image: url(../img/wikipedia_6.png);
background-position: 100% 20%;
background-repeat: no-repeat;
padding-right: 9px;
}
a[href].nodeco
{
background-image: none;
padding-right: 0;
}
p.errorbox a,
p.errorbox a:hover,
p.successbox a,
p.successbox a:hover,
p.informationbox a,
p.informationbox a:hover
{
text-decoration: underline;
color: white;
}
p.warningbox a,
p.warningbox a:hover
{
text-decoration: underline;
color: black;
}
strong.hl
{
color: #e22a00;
}
abbr
{
white-space: nowrap;
word-spacing: -0.1em;
}
sup
{
line-height: 0;
}
eog
{
display: inline;
letter-spacing: 0.2em;
}
table
{
border-spacing: 0;
}
table td,
table th
{
vertical-align: top;
padding: 0;
}
table th
{
font-weight: normal;
text-align: left;
}
table.middle td
{
vertical-align: middle;
}
table.grid,
table.hgrid
{
border-collapse: collapse;
}
table.grid th,
table.grid td
{
border: solid 1px #74bc00;
padding: 0.1em 0.4em;
}
table.grid.tight th,
table.grid.tight td
{
border: solid 1px #74bc00;
padding: 0 0.2em;
}
table.hgrid th,
table.hgrid td
{
border-top: solid 1px #74bc00;
border-bottom: solid 1px #74bc00;
padding: 0.1em 1em 0.1em 0;
}
table.hgrid th:first-child,
table.hgrid td:first-child
{
border-left: solid 1px #74bc00;
padding-left: 0.4em;
}
table.hgrid th:last-child,
table.hgrid td:last-child
{
border-right: solid 1px #74bc00;
padding-right: 0.4em;
}
table.hgrid.tight th,
table.hgrid.tight td
{
border-top: solid 1px #74bc00;
border-bottom: solid 1px #74bc00;
padding-top: 0;
padding-bottom: 0;
}
table.head-borderless th
{
border: none !important;
}
table.pad td,
table.pad th
{
padding: 0 1em 0.2em 0;
}
table.pad td:last-child,
table.pad th:last-child
{
padding-right: 0;
}
table.highlight-row tr:hover td
{
background-color: #f1f8e5;
}
table td.center,
table th.center
{
text-align: center;
}
table td.right,
table th.right
{
text-align: right;
}
table tr.border td,
table tr.border th
{
border-bottom: solid 1px #74bc00;
padding-bottom: 0.2em;
}
table tr.border + tr td,
table tr.border + tr th
{
padding-top: 0.2em;
}
table td.form-description
{
color: #808080;
background: url(../img/i.png) no-repeat 15px 4px;
padding-left: 32px;
}
form
{
display: inline;
}
label,
select
{
cursor: pointer;
}
input[type="text"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="email"],
input[type="password"],
input[type="number"],
textarea,
select
{
border-top: solid 1px #808080;
border-left: solid 1px #B0B0B0;
border-right: solid 1px #D0D0D0;
border-bottom: solid 1px #E0E0E0;
-moz-border-radius: 2px;
border-radius: 2px;
}
input[type="text"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="email"],
input[type="password"],
input[type="number"],
textarea
{
font-size: 1em;
padding-left: 2px;
}
input[type="text"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="url"][disabled],
input[type="email"][disabled],
input[type="password"][disabled],
input[type="number"][disabled],
textarea[disabled],
select[disabled]
{
background: #f0f0f0;
color: #606060;
}
input[type="button"],
input[type="submit"]
{
cursor: pointer;
border: solid 1px #909090;
border-bottom-color: #565656;
-moz-border-radius: 2px;
border-radius: 2px;
padding-top: 1px;
padding-bottom: 1px;
background: #efefef;
}
input[type="button"]:hover,
input[type="submit"]:hover
{
border-color: #629eca;
border-bottom-color: #3a5e79;
background-color: #e0f3fc;
}
input[type="button"]:active,
input[type="button"]:active:hover,
input[type="submit"]:active,
input[type="submit"]:active:hover
{
border-color: #3b85bb;
border-top-color: #234f70;
background-color: #c4e5f6;
}
input[type="button"].default,
input[type="submit"].default
{
border-color: #2b2b2b;
border-bottom-color: #0e0e0e;
font-family: Segoe UI Semibold, Segoe WP Semibold, Segoe UI, Segoe WP, Droid Sans, Tahoma, Lucida Grande, sans-serif;
}
input[type="button"].default:active,
input[type="submit"].default:active
{
border-color: #112738;
border-bottom-color: #050d12;
}
input[type="button"].red,
input[type="submit"].red
{
color: #d00000;
}
input[type="button"][disabled],
input[type="button"][disabled]:hover,
input[type="button"][disabled]:active,
input[type="button"][disabled]:active:hover,
input[type="submit"][disabled],
input[type="submit"][disabled]:hover,
input[type="submit"][disabled]:active,
input[type="submit"][disabled]:active:hover
{
color: #707070 !important;
border: solid 1px #909090 !important;
border-bottom-color: #565656 !important;
background: #efefef !important;
}
input[type="button"],
input[type="submit"]
{
overflow: visible;
width: auto;
}
input[type="checkbox"],
input[type="radio"]
{
margin: -4px 4px 0 0;
vertical-align: middle;
cursor: pointer;
}
input[type="text"].inputerror,
input[type="search"].inputerror,
input[type="tel"].inputerror,
input[type="url"].inputerror,
input[type="email"].inputerror,
input[type="password"].inputerror,
input[type="number"].inputerror,
select.inputerror,
textarea.inputerror
{
background: #ffe7e5;
}
.form-trap
{
display: none;
}
.coati-popup
{
border: solid 1px #c0c0c0;
background: white;
padding: 0.1em 0.2em;
color: black;
}
.popup-error
{
border: none;
background: #ca2812;
color: white;
}
div.toc
{
clear: right;
float: right;
margin: 0.2em 0 1.5em 30px;
}
div.toc ul
{
padding-left: 16px;
margin-top: 0.1em;
}
div.toc li
{
list-style-image: url(../img/green_down_7.png);
}
div.toc li li
{
font-style: italic;
}
.image-preview
{
float: left;
margin-left: 12px;
margin-top: 0.7em;
margin-bottom: 0.7em;
}
.image-preview.first-in-row
{
margin-left: 0;
}
.image-preview .img-container
{
width: 115px;
height: 100px;
font-size: 1px;
line-height: 100px;
text-align: center;
}
.image-preview .img-container img
{
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.image-preview .desc
{
margin-top: 0.5em;
width: 115px;
text-align: center;
}
img.shadowed
{
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
table.index-tarif
{
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
table.index-tarif td
{
background: #f5f5f5;
padding: 0.5em 0.8em;
vertical-align: bottom;
}
table.index-tarif td:last-child
{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee", endColorstr="#f5f5f5", gradientType=1);
background: -ms-linear-gradient(left, #eeeeee, #f5f5f5);
background: -webkit-gradient(linear, left top, right top, from(#eeeeee), to(#f5f5f5));
background: -moz-linear-gradient(left, #eeeeee, #f5f5f5);
}
span.price
{
font-family: Segoe UI Semibold, Segoe WP Semibold, Segoe UI, Segoe WP, Droid Sans, Tahoma, Lucida Grande, sans-serif;
font-size: 1.5em;
color: #e22a00;
padding: 0 0.1em;
}
table.webhosting-info
{
width: 100%;
}
table.webhosting-info td
{
width: 34%;
padding-right: 2em;
text-align: center;
}
table.webhosting-info td:last-child
{
width: 32%;
padding-right: 0;
}
.webhosting-icon
{
text-align: center;
vertical-align: middle;
padding-top: 1.5em;
padding-bottom: 0.5em;
}
table.tarife
{
border-spacing: 5px;
}
table.tarife td.h
{
padding-right: 0.5em;
text-align: right;
vertical-align: middle;
}
table.tarife td.h.tn
{
vertical-align: bottom;
padding-bottom: 3px;
}
table.tarife td.v
{
text-align: center;
vertical-align: middle;
}
table.tarife td.c1t,
table.tarife td.c2t,
table.tarife td.c3t,
table.tarife td.c4t
{
font-size: 133%;
line-height: 140%;
color: #FFFFFF;
padding: 6px 6px 3px 6px;
}
table.tarife td.pd
{
text-align: center;
font-style: italic;
vertical-align: top;
padding-bottom: 1px;
}
table.tarife td.vdots
{
background: url(../img/vdots.png) repeat-y center;
font-size: 2px;
}
table.tarife td.hgray,
table.tarife div.hgray
{
line-height: 1px;
background: url(../img/gray.png) repeat-x;
margin: 15px 0px;
}
table.tarife td.c1b,
table.tarife td.c2b,
table.tarife td.c3b,
table.tarife td.c4b
{
padding: 0.5em 0;
text-align: center;
}
table.tarife td.c1t,
table.tarife td.c1b
{
background: #68a900;
}
table.tarife td.c2t,
table.tarife td.c2b
{
background: #578d00;
}
table.tarife td.c3t,
table.tarife td.c3b
{
background: #457000;
}
table.tarife td.c4t,
table.tarife td.c4b
{
background: #345400;
}
table.tarife td.leg
{
color: #707070;
text-align: left;
}
table.tarife a.tarif_order
{
font-weight: bold;
display: block;
margin-top: 0.5em;
border: solid 1px #DFDCBD;
background: #FFFCDD;
padding: 0.2em 0.4em;
}
.kwk-info
{
margin: 2em 0 3em;
border: solid 1px #74bc00;
background: #f1f8e5;
padding: 0.7em 0.9em;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
div.frage
{
margin: 0.5em 0 0.5em;
font-size: 133%;
line-height: 140%;
background: url(../img/tree_expanded.png) no-repeat 0 9px;
padding-left: 12px;
}
div.frage a
{
color: #3a8e00;
}
div.frage:target a
{
}
div.frage.selected a
{
color: #e22a00;
}
div.frage.collapsed
{
background-image: url(../img/tree_collapsed.png);
}
div.antwort
{
margin: 0.5em 0 2em;
padding-left: 12px;
}
img.plot
{
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
div.order-form-pages
{
margin: 1em 0;
background: #eeeeee;
border: solid 1px #eeeeee;
}
div.order-form-pages span
{
display: inline-block;
padding: 0.1em 17px 0.1em 10px;
background: url(../img/next-page-arrow.png) no-repeat 100% 50%;
color: #808080;
}
div.order-form-pages span.active
{
background-color: #f8f8f8;
color: black;
text-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
div.order-form-pages span.next-active
{
background-image: url(../img/next-page-arrow-light.png);
}
tr.pending td
{
background: #fff8cc;
}
textarea.cert-textbox
{
font: 10px Consolas, Droid Sans Mono, monospace;
}
textarea.code-textbox
{
font: 12px Consolas, Droid Sans Mono, monospace;
}
table.grid.doc-header th
{
background: #f1f8e5;
}
table span.dbsize-bar
{
display: inline-block;
height: 10px;
background: #74bc00;
}