html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote {
margin: 0;
padding: 0;
-webkit-text-size-adjust: none;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border:none;
border-radius: 0;
font-size: 1em;
height: 36px;
background-color: #eeeeee;
vertical-align: middle;
}
select:hover {
background-color: #f3f3f3 !important;
}
input, textarea, select {
margin: 3px 0px 3px 0px;
padding: 3px 3px;
}
input[type=submit], input[type=button]{
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2ba3ff), color-stop(1, #0b65ae) );
background: -moz-linear-gradient( center top, #2ba3ff 5%, #0b65ae 100% );
background-color: #2ba3ff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border: 1px solid #0c72ad;
display: inline-block;
color: #ffffff !important;
padding: 0px 16px;
text-decoration: none !important;
text-shadow: 0 1px 0 #333333;
height: 36px;
vertical-align: middle;
white-space: nowrap;
line-height: 36px;
behavior: url(../css/pie/PIE.htc);
-pie-background: linear-gradient(#2ba3ff, #0b65ae);
font-weight: bold;
text-transform: uppercase;
}
input[type=submit]:hover, input[type=button]:hover {
text-decoration: none !important;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2691e3), color-stop(1, #084675) );
background: -moz-linear-gradient( center top, #2691e3 5%, #084675 100% );
background-color: #084675;
behavior: url(../css/pie/PIE.htc);
-pie-background: linear-gradient(#2691e3, #084675);
}
input[type=text], input[type=password], input[type=email] {
text-decoration: none !important;
background-color: #eeeeee;
font-size: 1em;
border: 0px;
height: 30px;
line-height: 30px;
vertical-align: middle;
}
input[type=text]:hover, input[type=password]:hover, input[type=email]:hover {
background-color: #f3f3f3 !important;
}
textarea {
text-decoration: none !important;
background-color: #eeeeee;
font-size: 1em;
border: 0px;
font-family: Arial, helvetica, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 1em;
letter-spacing: normal;
text-decoration: none;
text-align: left;
text-transform: none;
line-height: 1.5;
}
textarea:hover {
background-color: #f3f3f3 !important;
}
.blueButton:hover {
text-decoration: none !important;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2691e3), color-stop(1, #084675) );
background: -moz-linear-gradient( center top, #2691e3 5%, #084675 100% );
background-color: #084675;
behavior: url(../css/pie/PIE.htc);
-pie-background: linear-gradient(#2691e3, #084675);
}
.dis.input[type=text] {
border: 1px solid #CCCCCC;
border-radius: 3px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
color: #555555;
font-size: 1.2em;
line-height: 18px;
height: 18px;
padding: 4px 4px;
vertical-align: middle;
}
*::-moz-selection {
background: none repeat scroll 0 0 #0b65ae;
color: #FFFFFF;
text-shadow: none;
}
body {
font-family: Arial, helvetica, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 13.5px;
letter-spacing: normal;
text-decoration: none;
text-align: left;
text-transform: none;
line-height: 1.5em;
background-color: #ffffff;
color: #222222;
}
html, form, input {
font-style: normal;
font-variant: normal;
font-weight: normal;
}
fieldset {
border: 1px solid #cccccc;
padding: 1em;
}
legend {
font-weight: bold;
font-size: 12px;
color: #0b65ae;
}
sup {
font-size: 0.65em;
line-height: 0;
}
sup.red {
color:#ff0000;
}
s {
color:#494c53;
text-decoration-color: #ff0000;
}
img {
border: 0;
}
table{
border-collapse: collapse;
}
cite::before {
font-size: 1.0em;
color: #0b65ae;
content: "\2013";
margin-right: 6px;
}
q {
display: block;
font-weight: bold;
}
q::before {
font-size: 1.0em;
color: #0b65a4;
content: "\201E";
}
q::after {
font-size: 1.0em;
color: #0b65ae;
content: "\201C";
}
/* interim */
#TableHosting tr,
#TableHosting td {
border: 1px solid #ffffff;
}
p, section {
margin-bottom: 1.5em;
line-height: 1.5em;
}
small {
font-weight: normal;
font-size: 0.9em;
text-decoration: none;
color: #333333;
}
div#loesungen {
display: flex;
flex-wrap: wrap;
}
div#loesungen section {
width: 30%;
margin-right: 18px;
}
.nomargin {
margin: 0 !important;
}
#TableSmall thead {
background-color: #494C53;
}
#TableSmall th {
color: #ffffff;
font-weight: bold;
font-size: 1.1em;
border: 1px solid #E1E1E1;
margin: 0;
padding: 7px 4px;
}
#TableSmall th[scope=col] {
color: #000000;
font-weight: bold;
font-size: 1.1em;
border-color: #E1E1E1 -moz-use-text-color -moz-use-text-color;
border: 1px solid #E1E1E1;
border-left: none;
margin: 0;
padding: 7px 4px;
}
#TableSmall td {
font-size: 0.9em;
color: #000000;
border: 1px solid #E1E1E1;
border-right: none;
padding: 7px 4px;
}
#TableSmall tr.category {
background-color: #EEEEEE;
font-size: 1.1em;
font-weight: bold;
text-align: center;
}
#TableSmall tr.odd {
background-color: #ffffff;
}
#TableSmall tr.even {
background-color: #F4F4F4;
}
#TableSmall tr.promo {
border: 2px solid #0b65ae;
}
pre{
color: #000000;
background-color: #FFFFFF;
}
a.ext {
background: url(../images/icons/external-link.png) no-repeat right center;
padding-right: 12px;
}
a:link,
a:active,
a:visited {
font-weight: normal;
text-decoration: none;
color: #0b65ae;
}
a:hover{
font-weight: normal;
text-decoration: none;
color: #494c53;
}
a span {
text-decoration: none;
vertical-align: middle;
}
img.icon {
text-decoration: none;
width: 30px;
height: 30px;
vertical-align: middle;
text-align: left;
margin-right: 3px;
}
@font-face {
font-family: 'PT Sans Narrow';
font-style: normal;
font-size: 3em;
font-weight: 700;
font-display: optional;
src: url('https://cdn1.netclusive.de/www.netclusive.de/fonts/pt-sans-narrow-v17-latin/pt-sans-narrow-v17-latin-700.eot'); /* IE9 Compat Modes */
src: local(''),
url('https://cdn1.netclusive.de/www.netclusive.de/fonts/pt-sans-narrow-v17-latin/pt-sans-narrow-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('https://cdn1.netclusive.de/www.netclusive.de/fonts/pt-sans-narrow-v17-latin/pt-sans-narrow-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
url('https://cdn1.netclusive.de/www.netclusive.de/fonts/pt-sans-narrow-v17-latin/pt-sans-narrow-v17-latin-700.woff') format('woff'), /* Modern Browsers */
url('https://cdn1.netclusive.de/www.netclusive.de/fonts/pt-sans-narrow-v17-latin/pt-sans-narrow-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
url('https://cdn1.netclusive.de/www.netclusive.de/fonts/pt-sans-narrow-v17-latin/pt-sans-narrow-v17-latin-700.svg#PTSansNarrow') format('svg'); /* Legacy iOS */
}
h1 {
font-size: 3em;
font-style: normal;
font-weight: 700;
margin-bottom: 0.5em;
color: #0b65ae;
line-height: 1.2em;
font-family: 'PT Sans Narrow', sans-serif;
text-rendering: optimizelegibility;
}
h2 {
font-size: 1.8em;
font-weight: 700;
margin-bottom: 0.5em;
color: #494c53;
line-height: 1.2em;
font-family: 'PT Sans Narrow', sans-serif;
text-rendering: optimizelegibility;
}
h3 {
font-size: 1.5em;
font-weight: bold;
margin-bottom: 0.5em;
color: #494c53;
line-height: 1.2em;
font-family: 'PT Sans Narrow', sans-serif;
text-rendering: optimizelegibility;
}
h4 {
font-size: 1.4em;
font-weight: bold;
margin-bottom: 0.5em;
color: #494c53;
line-height: 1.2em;
font-family: 'PT Sans Narrow', sans-serif;
text-rendering: optimizelegibility;
}
h5 {
font-size: 1.2em;
font-weight: bold;
margin-bottom: 0.5em;
color: #494c53;
line-height: 1.2em;
font-family: 'PT Sans Narrow', sans-serif;
text-rendering: optimizelegibility;
}
dl {
line-height: 30px;
}
dl dt {
float: left;
width: 120px;
font-weight: bold;
font-size: 1.3em;
line-height: 30px;
text-align: right;
}
dl dd {
float: left;
width: 120px;
line-height: 30px;
}
ul{
list-style: none;
padding:0;
}
ul li {
/** bei Gelegenheit fertigstellen, um span im li zu sparen (Schriftfarbe) **/
margin-left: 16px;
color: #0b65ae;
list-style-type: square;
line-height: 1.5em;
}
ul li.CybotCookiebotDialogNavItem {
list-style-type: none;
}
ul li span{
color: #000000;
}
ul.cleanlist{
list-style: none;
padding:0;
}
ul.cleanlist li {
margin-left: 0px;
color: #000000;
list-style-type: none;
line-height: 1.8em;
font-size: 1.15em;
color: #494c53;
font-weight: normal;
}
ul.ul_error li {
margin-left: 16px;
color: #ff0000;
list-style-type: square;
line-height: 1.5em;
font-weight: bold;
font-size: 1.25em;
}
hr{
border: 0px;
border-bottom: 1px solid #e8e8e8;
}
hr.faded {
clear: both;
float: none;
width: 100%;
height: 1px;
margin: 1.4em 0;
border: none;
background: #ddd;
background-image: -webkit-gradient(
linear,
left bottom,
right bottom,
color-stop(0, rgb(255,255,255)),
color-stop(0.1, rgb(221,221,221)),
color-stop(0.9, rgb(221,221,221)),
color-stop(1, rgb(255,255,255))
);
background-image: -moz-linear-gradient(
left center,
rgb(255,255,255) 0%,
rgb(221,221,221) 10%,
rgb(221,221,221) 90%,
rgb(255,255,255) 100%
);
}
.shine {
text-shadow: 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 2px #fff, 0px 0px 3px #fff, 0px 0px 4px #fff;
color: #0b65ae !important;
}
.info {
background: url(../images/icons/information_14x14.gif) no-repeat;
background-position: left center;
padding-left: 20px;
margin-right: 3px;
display: block;
border: 0px;
}
#header a:link,
#header a:active,
#header a:visited,
#header a:hover{
font-weight: normal;
font-size: 0.9em;
}
.HeaderLogo {
display: block;
text-indent: -9999px;
width: 270px;
height: 100px;
background-size: 270px 100px;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgYmFzZVByb2ZpbGU9InRpbnkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgOTM2IDI4OCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGcgaWQ9IkhpbGZzbGluaWVuIiBkaXNwbGF5PSJub25lIj48L2c+PGcgaWQ9IkxvZ28iPjxnIGlkPSJTY2hyaWZ0enVnIiBkaXNwbGF5PSJub25lIj48cGF0aCBkaXNwbGF5PSJpbmxpbmUiIGZpbGw9IiM0ODRDNTMiIGQ9Ik0yODAuMDYsMTIwLjEyYzUuMy04LjY1LDEzLjU0LTEzLjY4LDIzLjg3LTEzLjY4YzE5LjEyLDAsMjUuODIsMTIuNDIsMjUuODIsMzEuNjlWMTgwaC0xOC40M3YtMzQuNjJjMC0xMy44Mi0wLjctMjQuMDEtMTIuOTgtMjQuMDFjLTYuMTQsMC0xMS43MywzLjc3LTE0LjY2LDkuMzVjLTIuMDksNC4wNS0zLjA3LDkuNjMtMy4wNywxNi43NVYxODBoLTE4LjQzdi00OS41NWMwLTYuOTgtMC4xNC0xNC42Ni0wLjctMjIuMzNoMTcuNzNjMC4yOCwzLjA3LDAuNTYsOC4yNCwwLjU2LDEySDI4MC4wNnoiLz48cGF0aCBkaXNwbGF5PSJpbmxpbmUiIGZpbGw9IiM0ODRDNTMiIGQ9Ik0zNTguNjUsMTQ5LjI5YzAuMjgsMTEuMDMsOS4yMSwxOC4xNSwyMi4xOSwxOC4xNWM3Ljk2LDAsMTQuOTQtMi4wOSwyMC45NC01Ljg2bDAuMjgsMTUuMzVjLTYuMTQsMi45My0xNC4zOCw0Ljc1LTIzLjQ1LDQuNzVjLTIzLjU5LDAtMzkuMDgtMTMuODItMzkuMDgtMzcuOTdjMC0yMS42NCwxNC4zOC0zNy4yNywzNi4wMS0zNy4yN2MyMC44LDAsMzEuNTUsMTIuNDIsMzEuNTUsMzguMzljMCwxLjEyLTAuMTQsMy40OS0wLjI4LDQuNDdIMzU4LjY1eiBNMzg5LjkyLDEzNi40NWMwLTExLjczLTUuODYtMTYuNzUtMTUuMDgtMTYuNzVjLTguMjQsMC0xNS40OSw1LjU4LTE2LjQ3LDE2Ljc1SDM4OS45MnoiLz48cGF0aCBkaXNwbGF5PSJpbmxpbmUiIGZpbGw9IiM0ODRDNTMiIGQ9Ik00MTEuMjgsMTIxLjkzdi0xMy44MmgxNC4xVjkzLjA0bDE3LjU5LTZ2MjEuMDhoMTcuMTd2MTMuODJoLTE3LjE3djI4LjA2YzAsMTAuODksMi4wOSwxNS43NywxMS4xNywxNS43N2MyLjIzLDAsNC43NS0wLjQyLDYuODQtMS4xMmwwLjQyLDE0LjM4Yy0zLjQ5LDEuMjYtOC4xLDEuODItMTIuODQsMS44MmMtMTYuNDcsMC0yMy40NS04LjEtMjMuNDUtMjcuMDh2LTMxLjgzSDQxMS4yOHoiLz48cGF0aCBkaXNwbGF5PSJpbmxpbmUiIGZpbGw9IiMwRDY1QUUiIGQ9Ik01MTcuNSwxMjMuNDdjLTMuMzUtMS40LTYuNy0yLjIzLTExLjMxLTIuMjNjLTE0LjEsMC0yMS41LDEwLjE5LTIxLjUsMjIuNzVjMCwxMi45OCw2LjcsMjIuNjEsMjEuOTIsMjIuNjFjNC4zMywwLDguMS0wLjcsMTIuMTQtMi41MWwwLjk4LDE0LjY2Yy00Ljc1LDEuNTQtOS4wNywyLjIzLTE1LjIxLDIuMjNjLTIzLjg3LDAtMzkuMzYtMTQuMjQtMzkuMzYtMzYuNTdjMC0yMy4xNywxNy43My0zNy4xMywzOC44LTM3LjEzYzUuODYsMCwxMC40NywwLjU2LDE0Ljk0LDEuOTVMNTE3LjUsMTIzLjQ3eiIvPjxwYXRoIGRpc3BsYXk9ImlubGluZSIgZmlsbD0iIzBENjVBRSIgZD0iTTUzMC42Miw3NC40N2gxOC43MVYxODBoLTE4LjcxVjc0LjQ3eiIvPjxwYXRoIGRpc3BsYXk9ImlubGluZSIgZmlsbD0iIzBENjVBRSIgZD0iTTYxMi40MiwxNjguMTNjLTQuNjEsNy40LTEyLDEzLjU0LTI0LjcxLDEzLjU0Yy0xNS4yMSwwLTI1LjI2LTExLjAzLTI1LjI2LTI3Ljkydi00NS42NWgxOC40MnYzNy4yN2MwLDEyLjU2LDIuNjUsMjAuOTQsMTMuNTQsMjAuOTRjMTAuNzUsMCwxNy4wMy05LjkxLDE3LjAzLTIyLjMzdi0zNS44N2gxOC41NnY1MC41M2MwLDcuNTQsMCwxNS4zNSwwLjcsMjEuMzZoLTE3LjQ1Yy0wLjI4LTIuOTMtMC41Ni03LjEyLTAuNTYtMTEuODdINjEyLjQyeiIvPjxwYXRoIGRpc3BsYXk9ImlubGluZSIgZmlsbD0iIzBENjVBRSIgZD0iTTY0MywxNjMuMTFjNi45OCwzLjM1LDEzLjk2LDQuODgsMjAuMjQsNC44OHMxMS43My0yLjUxLDExLjczLTcuNjhjMC01LjAzLTIuNjUtNi45OC0xNC4xLTExLjAzYy0xMy42OC00Ljc1LTE5LjEyLTEwLjE5LTE5LjEyLTIwLjhjMC0xMy42OCwxMS4zMS0yMi4wNSwyOC40OC0yMi4wNWM3LjU0LDAsMTQuMSwxLjEyLDE5LjU0LDMuMzVsLTEuNTQsMTMuOTZjLTYuMTQtMi43OS0xMS40NS00LjA1LTE3LjE3LTQuMDVjLTYuMjgsMC0xMC44OSwyLjY1LTEwLjg5LDcuNTRjMCw0Ljg5LDIuOTMsNi41NiwxMy4xMiw5LjkxYzEyLjcsNC4xOSwyMC4zOCw5LjM1LDIwLjM4LDIxLjY0YzAsMTQuOC0xMiwyMi44OS0yOS40NSwyMi44OWMtNy44MiwwLTE1LjA4LTEuMTItMjIuMi0zLjc3TDY0MywxNjMuMTF6Ii8+PHBhdGggZGlzcGxheT0iaW5saW5lIiBmaWxsPSIjMEQ2NUFFIiBkPSJNNzA0Ljk3LDk0LjQzVjc2LjU3aDE4LjcxdjE3Ljg3SDcwNC45N3ogTTcwNC45NywxMDguMTFoMTguNzFWMTgwaC0xOC43MVYxMDguMTF6Ii8+PHBhdGggZGlzcGxheT0iaW5saW5lIiBmaWxsPSIjMEQ2NUFFIiBkPSJNNzYzLjQ2LDE0OC4wM2MxLjQsNC40NywzLjc3LDEyLjU2LDQuODksMTcuNDVoMC4yOGMxLjI2LTQuODgsMy42My0xMy4yNiw1LjAzLTE3LjQ1bDEyLjctMzkuOTJoMTguODRMNzc5LjA5LDE4MGgtMjIuMDVsLTI2LjM4LTcxLjg5aDIwLjI0TDc2My40NiwxNDguMDN6Ii8+PHBhdGggZGlzcGxheT0iaW5saW5lIiBmaWxsPSIjMEQ2NUFFIiBkPSJNODI1LjQ0LDE0OS4yOWMwLjI4LDExLjAzLDkuMjEsMTguMTUsMjIuMTksMTguMTVjNy45NiwwLDE0Ljk0LTIuMDksMjAuOTQtNS44NmwwLjI4LDE1LjM1Yy02LjE0LDIuOTMtMTQuMzgsNC43NS0yMy40NSw0Ljc1Yy0yMy41OSwwLTM5LjA4LTEzLjgyLTM5LjA4LTM3Ljk3YzAtMjEuNjQsMTQuMzgtMzcuMjcsMzYuMDEtMzcuMjdjMjAuOCwwLDMxLjU1LDEyLjQyLDMxLjU1LDM4LjM5YzAsMS4xMi0wLjE0LDMuNDktMC4yOCw0LjQ3SDgyNS40NHogTTg1Ni43MSwxMzYuNDVjMC0xMS43My01Ljg2LTE2Ljc1LTE1LjA4LTE2Ljc1Yy04LjI0LDAtMTUuNDksNS41OC0xNi40NywxNi43NUg4NTYuNzF6Ii8+PC9nPjxnIGlkPSJTY2hyaWZ0enVnX194MjhfUGZhZGVfeDI5XyI+PHBhdGggZmlsbD0iIzBDNjZBRSIgZD0iTTI3MC41NywxMjAuMTJjNS4zLTguNjUsMTMuNTQtMTMuNjgsMjMuODctMTMuNjhjMTkuMTIsMCwyNS44MiwxMi40MiwyNS44MiwzMS42OVYxODBoLTE4LjQzdi0zNC42MmMwLTEzLjgyLTAuNy0yNC4wMS0xMi45OC0yNC4wMWMtNi4xNCwwLTExLjczLDMuNzctMTQuNjYsOS4zNWMtMi4wOSw0LjA1LTMuMDcsOS42My0zLjA3LDE2Ljc1VjE4MEgyNTIuN3YtNDkuNTVjMC02Ljk4LTAuMTQtMTQuNjYtMC43LTIyLjMzaDE3LjczYzAuMjgsMy4wNywwLjU2LDguMjQsMC41NiwxMkgyNzAuNTd6Ii8+PHBhdGggZmlsbD0iIzBDNjZBRSIgZD0iTTM0OS4xNiwxNDkuMjljMC4yOCwxMS4wMyw5LjIxLDE4LjE1LDIyLjE5LDE4LjE1YzcuOTYsMCwxNC45NC0yLjA5LDIwLjk0LTUuODZsMC4yOCwxNS4zNWMtNi4xNCwyLjkzLTE0LjM4LDQuNzUtMjMuNDUsNC43NWMtMjMuNTksMC0zOS4wOC0xMy44Mi0zOS4wOC0zNy45N2MwLTIxLjY0LDE0LjM4LTM3LjI3LDM2LjAxLTM3LjI3YzIwLjgsMCwzMS41NSwxMi40MiwzMS41NSwzOC4zOWMwLDEuMTItMC4xNCwzLjQ5LTAuMjgsNC40N0gzNDkuMTZ6IE0zODAuNDIsMTM2LjQ1YzAtMTEuNzMtNS44Ni0xNi43NS0xNS4wOC0xNi43NWMtOC4yNCwwLTE1LjQ5LDUuNTgtMTYuNDcsMTYuNzVIMzgwLjQyeiIvPjxwYXRoIGZpbGw9IiMwQzY2QUUiIGQ9Ik00MDEuNzgsMTIxLjkzdi0xMy44MmgxNC4xVjkzLjA0bDE3LjU5LTZ2MjEuMDhoMTcuMTd2MTMuODJoLTE3LjE3djI4LjA2YzAsMTAuODksMi4wOSwxNS43NywxMS4xNywxNS43N2MyLjIzLDAsNC43NS0wLjQyLDYuODQtMS4xMmwwLjQyLDE0LjM4Yy0zLjQ5LDEuMjYtOC4xLDEuODItMTIuODQsMS44MmMtMTYuNDcsMC0yMy40NS04LjEtMjMuNDUtMjcuMDh2LTMxLjgzSDQwMS43OHoiLz48cGF0aCBmaWxsPSIjMEQ2NUFFIiBkPSJNNTA4LjAxLDEyMy40N2MtMy4zNS0xLjQtNi43LTIuMjMtMTEuMy0yLjIzYy0xNC4xLDAtMjEuNSwxMC4xOS0yMS41LDIyLjc1YzAsMTIuOTgsNi43LDIyLjYxLDIxLjkyLDIyLjYxYzQuMzMsMCw4LjEtMC43LDEyLjE0LTIuNTFsMC45OCwxNC42NmMtNC43NSwxLjU0LTkuMDcsMi4yMy0xNS4yMSwyLjIzYy0yMy44NywwLTM5LjM2LTE0LjI0LTM5LjM2LTM2LjU3YzAtMjMuMTcsMTcuNzMtMzcuMTMsMzguOC0zNy4xM2M1Ljg2LDAsMTAuNDcsMC41NiwxNC45NCwxLjk1TDUwOC4wMSwxMjMuNDd6Ii8+PHBhdGggZmlsbD0iIzBENjVBRSIgZD0iTTUyMS4xMyw3NC40N2gxOC43MVYxODBoLTE4LjcxVjc0LjQ3eiIvPjxwYXRoIGZpbGw9IiMwRDY1QUUiIGQ9Ik02MDIuOTMsMTY4LjEzYy00LjYxLDcuNC0xMiwxMy41NC0yNC43MSwxMy41NGMtMTUuMjEsMC0yNS4yNi0xMS4wMy0yNS4yNi0yNy45MnYtNDUuNjVoMTguNDJ2MzcuMjdjMCwxMi41NiwyLjY1LDIwLjk0LDEzLjU0LDIwLjk0YzEwLjc1LDAsMTcuMDMtOS45MSwxNy4wMy0yMi4zM3YtMzUuODdoMTguNTZ2NTAuNTNjMCw3LjU0LDAsMTUuMzUsMC43LDIxLjM2aC0xNy40NWMtMC4yOC0yLjkzLTAuNTYtNy4xMi0wLjU2LTExLjg3SDYwMi45M3oiLz48cGF0aCBmaWxsPSIjMEQ2NUFFIiBkPSJNNjMzLjUsMTYzLjExYzYuOTgsMy4zNSwxMy45Niw0Ljg4LDIwLjI0LDQuODhjNi4yOCwwLDExLjcyLTIuNTEsMTEuNzItNy42OGMwLTUuMDMtMi42NS02Ljk4LTE0LjEtMTEuMDNjLTEzLjY4LTQuNzUtMTkuMTItMTAuMTktMTkuMTItMjAuOGMwLTEzLjY4LDExLjMxLTIyLjA1LDI4LjQ3LTIyLjA1YzcuNTQsMCwxNC4xLDEuMTIsMTkuNTQsMy4zNWwtMS41NCwxMy45NmMtNi4xNC0yLjc5LTExLjQ1LTQuMDUtMTcuMTctNC4wNWMtNi4yOCwwLTEwLjg5LDIuNjUtMTAuODksNy41NGMwLDQuODksMi45Myw2LjU2LDEzLjEyLDkuOTFjMTIuNyw0LjE5LDIwLjM4LDkuMzUsMjAuMzgsMjEuNjRjMCwxNC44LTEyLDIyLjg5LTI5LjQ1LDIyLjg5Yy03LjgyLDAtMTUuMDgtMS4xMi0yMi4yLTMuNzdMNjMzLjUsMTYzLjExeiIvPjxwYXRoIGZpbGw9IiMwRDY1QUUiIGQ9Ik02OTUuNDgsOTQuNDNWNzYuNTdoMTguN3YxNy44N0g2OTUuNDh6IE02OTUuNDgsMTA4LjExaDE4LjdWMTgwaC0xOC43VjEwOC4xMXoiLz48cGF0aCBmaWxsPSIjMEQ2NUFFIiBkPSJNNzUzLjk3LDE0OC4wM2MxLjQsNC40NywzLjc3LDEyLjU2LDQuODgsMTcuNDVoMC4yOGMxLjI2LTQuODgsMy42My0xMy4yNiw1LjAzLTE3LjQ1bDEyLjctMzkuOTJoMTguODRMNzY5LjYsMTgwaC0yMi4wNWwtMjYuMzgtNzEuODloMjAuMjRMNzUzLjk3LDE0OC4wM3oiLz48cGF0aCBmaWxsPSIjMEQ2NUFFIiBkPSJNODE1Ljk1LDE0OS4yOWMwLjI4LDExLjAzLDkuMjEsMTguMTUsMjIuMiwxOC4xNWM3Ljk2LDAsMTQuOTQtMi4wOSwyMC45NC01Ljg2bDAuMjgsMTUuMzVjLTYuMTQsMi45My0xNC4zOCw0Ljc1LTIzLjQ1LDQuNzVjLTIzLjU5LDAtMzkuMDgtMTMuODItMzkuMDgtMzcuOTdjMC0yMS42NCwxNC4zOC0zNy4yNywzNi4wMS0zNy4yN2MyMC44LDAsMzEuNTUsMTIuNDIsMzEuNTUsMzguMzljMCwxLjEyLTAuMTQsMy40OS0wLjI4LDQuNDdIODE1Ljk1eiBNODQ3LjIyLDEzNi40NWMwLTExLjczLTUuODYtMTYuNzUtMTUuMDctMTYuNzVjLTguMjQsMC0xNS40OSw1LjU4LTE2LjQ3LDE2Ljc1SDg0Ny4yMnoiLz48L2c+PGcgaWQ9IkJpbGRtYXJrZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjIuMDcwNzY4LDE1LjA1MzE2MikiPjxwYXRoIGlkPSJWb2xsdG9uIiBmaWxsPSIjMEQ2NUFFIiBkPSJNNjUuMSw1Ny4xN2gxMTMuNDVjOC4zOCwwLDE1LjE2LDYuNzksMTUuMTYsMTUuMTd2MTEzLjQ0YzAsOC4zOC02Ljc5LDE1LjE3LTE1LjE2LDE1LjE3SDY1LjFjLTguMzcsMC0xNS4xNy02Ljc5LTE1LjE3LTE1LjE3VjcyLjM0QzQ5LjkzLDYzLjk2LDU2LjcyLDU3LjE3LDY1LjEsNTcuMTd6Ii8+PHBhdGggaWQ9Im5jIiBmaWxsPSIjRkZGRkZGIiBkPSJNMTA0LjY3LDkzYy0yMC44NCwwLTMyLjQ2LDEzLjg4LTMyLjQ2LDMyLjY5djM4Ljk1aDE4LjMxdi0zNS41OGMwLTguMjUsMi4xMS0xOC40MywxMy45MS0xOC40M2M5LDAsMTMuMyw0Ljg0LDE0LjI2LDE0LjAzYzAsMC4wNCwwLDAuMDcsMCwwLjEyYy0wLjExLDEuMzUtMC4xMiwyLjc0LTAuMTIsNC4xN2MwLjEyLDExLjMxLDMuMzQsMjAuMTcsOS43NCwyNi41NWM2LjQsNi4zNywxNS4zLDkuNTEsMjYuNTQsOS42MmMyLjYxLDAuMDQsNS4wOS0wLjA4LDcuNTQtMC40NmMyLjQ0LTAuMzksNS41MS0xLjE1LDkuMDQtMi4ybC0xLjA0LTE1LjNjLTIuNSwxLjEyLTQuNjIsMS44LTYuNDksMi4yYy0xLjg3LDAuNDEtMy44OSwwLjYtNi4wMywwLjU4Yy02LjE1LTAuMDktMTEuMDktMS45Ny0xNC43Mi01LjY4Yy0zLjYzLTMuNzEtNS45NC04Ljc3LTYuMDMtMTUuMDd2LTMuNDhDMTM3LjEyLDEwNy4wNCwxMjUuNSw5MywxMDQuNjcsOTNMMTA0LjY3LDkzeiBNMTU0LjYyLDkzLjM1Yy01LjI2LTAuMTQtMTAuMzEsMC44Ni0xNC45NSwyLjY3Yy0yLjI2LDAuODgtNC40MiwyLjAxLTYuMzgsMy4yNWM0LjEsNC40Nyw2Ljk3LDEwLjEyLDguMzUsMTYuNDZjMC40Ni0wLjYyLDAuODUtMS4yOCwxLjM5LTEuODZjMy41OC0zLjc3LDguNDEtNS43NywxNC40OS01Ljc5YzQuMzYsMCw4LjY2LDEuMzksMTIuODcsMi40M2wxLjA0LTE0LjM3QzE2NS45Miw5NC41MiwxNjAuMzIsOTMuNTEsMTU0LjYyLDkzLjM1eiIvPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48L2c+PC9zdmc+);
background-repeat: no-repeat;
background-position-x: 6px;
}
.sponsorlogo{
position: absolute;
left: 4px;
border: 0px solid #000000;
}
.topMenuButton {
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2ba3ff), color-stop(1, #0b65ae) );
background: -moz-linear-gradient( center top, #2ba3ff 5%, #0b65ae 100% );
background-color: #2ba3ff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border: 1px solid #0c72ad;
display: inline-block;
color: #ffffff !important;
padding: 0px 16px;
text-decoration: none !important;
text-shadow: 0 1px 0 #333333;
margin: 0 0 0 0;
white-space: nowrap;
line-height: 2em;
behavior: url(../css/pie/PIE.htc);
-pie-background: linear-gradient(#2ba3ff, #0b65ae);
font-size: 0.9em !important;
font-weight: bold !important;
}
.topMenuButton:hover {
text-decoration: none !important;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2691e3), color-stop(1, #084675) );
background: -moz-linear-gradient( center top, #2691e3 5%, #084675 100% );
background-color: #084675;
behavior: url(../css/pie/PIE.htc);
-pie-background: linear-gradient(#2691e3, #084675);
}
.topMenuButton:link, .topMenuButton:active, .topMenuButton:visited {
text-decoration: none !important;
position: relative;
}
/* Tabellenheader Produkte, etc. UMBAUEN!*/
.headbox{
font-size: 1em;
text-decoration: none;
font-weight: bold;
color: #111111;
}
.error{
font-size: 1.2em;
font-weight: bold;
color: #FF0000;
}
.warning{
font-size: 1.2em;
font-weight: bold;
color: #993d00;
}
/* Social Media Icons */
#social {
width: 180px;
height: 64px;
line-height: 64px;
padding: 0;
/* border: 1px solid #E5E5E5;*/
/* background-color: #eeeeee;*/
vertical-align: middle;
text-align: center;
position: relative;
bottom: 0;
overflow: hidden;
clear: both;
}
#social ul {
text-align: left;
vertical-align: middle;
list-style: none;
display: block;
}
#social ul:after {
content: ".";
display: block;
line-height: 1px;
font-size: 1px;
clear: both;
}
#social ul li {
background: none;
list-style: none;
display: inline-block;
height: 100%;
float: left;
}
#social ul li img{
vertical-align: middle;
margin-left: 0px;
margin-right: 6px;
margin-top: 20px;
}
/* Footer */
#footer {
width: 999px;
height: 64px;
line-height: 64px;
padding: 0;
border: 1px solid #E5E5E5;
background-color: #eeeeee;
background-image: url('../images/rauschen.png');
vertical-align: middle;
text-align: center;
position: relative;
bottom: 0;
overflow: hidden;
clear: both;
}
#footer ul {
text-align: left;
vertical-align: middle;
list-style: none;
display: block;
}
#footer ul:after {
content: ".";
display: block;
line-height: 1px;
font-size: 1px;
clear: both;
}
#footer ul li {
background: none;
list-style: none;
display: inline-block;
height: 100%;
}
#footer ul li a {
font-weight: bold;
}
#footer ul li a:hover {
color: #494c53;
}
#footer ul li img{
vertical-align: middle;
margin-left: 0px;
}
.menu,
.menu:link,
.menu:active,
.menu:visited{
position: relative;
left: 2px;
font-weight: bold;
font-size: 0.95em;
text-decoration: none;
color: #0b65ae;
line-height: 18px;
}
.menu:hover{
position: relative;
left: 2px;
font-weight: bold;
font-size: 0.95em;
text-decoration: underline;
color: #519eeb;
line-height: 18px;
}
.menu1,
.menu1:link,
.menu1:active,
.menu1:visited{
position: relative;
left: 5px;
font-weight: bold;
font-size: 12px;
text-decoration: none;
text-transform: uppercase;
color: #444444;
}
.menu1:hover{
position: relative;
left: 5px;
font-weight: bold;
font-size: 12px;
text-decoration: none;
text-transform: uppercase;
color: #444444;
}
.menua:link,
.menua:active,
.menua:visited{
font-weight: bold;
text-decoration: none;
color: #ffffff;
position: relative;
padding-left: 10px;
padding-right: 10px;
}
.menua:hover{
font-weight: bold;
text-decoration: none;
color: #000000;
position: relative;
padding-left: 10px;
padding-right: 10px;
}
.menuspace{
position: relative;
left: 5px;
font-weight: bold;
font-size: 0px;
height: 3px;
text-decoration: none;
color: #FFFFFF;
width: 130px;
}
.downloadkat{
font-weight: bold;
font-size: 12px;
text-decoration: none;
color: #0b65ae;}
.downloadkat:link,
.downloadkat:active,
.downloadkat:visited,
.downloadkat:hover{
font-weight: bold;
font-size: 8.5pt;
text-decoration: none;
color: #003333;}
.pw:link,
.pw:active,
.pw:visited,
.pw:hover{
font-weight: bold;
font-size: 11px;
text-decoration: underline;
color: #FF0000;}
.mainlink:link,
.mainlink:active,
.mainlink:visited,
.mainlink:hover{
font-weight: bold;
font-size: 11px;
text-decoration: underline;
color: #870008;}
.download:link,
.download:active,
.download:visited{
font-weight: bold;
font-size: 9px;
text-decoration: none;
color: #0b65ae;}
.download:hover{
font-weight: bold;
font-size: 9px;
text-decoration: none;
color: #003333;}
.form {
font-size: 9px;
color: #000000;
font-weight: normal;
border: 1px solid #000000;
background-color: #ffffff;
}
.form_border {
font-size: 9px;
color: #000000;
font-weight: normal;
border: 1px solid #000000;
background-color: #ffffff;
}
.formdis{
font-size: 9px;
color: #000000;
font-weight: normal;
border: 1px solid #FFFFFF;
background-color: #FFFFFF;}
.formknr{
position: relative;
left: 2px;
font-size: 9px;
color: #000000;
font-weight: normal;
border: 1px solid #000000;
background-color: #ffffff;}
.formpwd{
position: relative;
left: 0px;
font-size: 9px;
color: #000000;
font-weight: normal;
border: 1px solid #000000;
background-color: #ffffff;}
.formlogin{
position: relative;
left: 85px;
width: 33px;
font-size: 9px;
color: #FFFFFF;
font-weight: bold;
border: 1px solid #000000;
background-color: #333333;}
.ff_button{
font-size: 9px;
color: #ffffff;
font-weight: bold;
border: 1px solid #000000;
background-color: #315883;}
.checkbox{
font-size: 8px;
color: #000000;
font-weight: normal;
border: 0px solid #000000;
}
.faq{
font-weight: normal;
font-size: 11px;
text-decoration: none;
color: #333333;}
.anmerkung{
font-weight: normal;
font-size: 0.9em;
text-decoration: none;
color: #333333;
}
.anmerkunglink:link,
.anmerkunglink:active,
.anmerkunglink:visited{
font-weight: normal;
font-size: 10px;
text-decoration: underline;
color: #555555;
}
.anmerkunglink:hover{
font-weight: normal;
font-size: 10px;
text-decoration: underline;
color: #550000;
}
.loginStatus{
font-weight: normal;
font-size: 11px;
text-decoration: none;
color: #ffffff;
vertical-align: middle;
text-align: right;
}
.anmerkung2{
font-weight: normal;
font-size: 9px;
text-decoration: none;
color: #333333;}
.mainhead{
font-weight: bold;
font-size: 13px;
text-decoration: none;
color: #0b65ae;}
.werbung{
font-weight: normal;
font-size: 9px;
text-decoration: none;
color: #666666;}
.border_top{
border-right-width: 0px;
border-top-width: 1px;
border-bottom-width: 0px;
border-left-width: 0px;
border-style: solid;
border-color: #E5E5E5;}
.border_bottom{
border-right-width: 0px;
border-top-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
border-style: solid;
border-color: #E5E5E5;}
.border_left{
border-right-width: 0px;
border-top-width: 0px;
border-bottom-width: 0px;
border-left-width: 1px;
border-style: solid;
border-color: #E5E5E5;}
.border_right{
border-right-width: 1px;
border-top-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-style: solid;
border-color: #E5E5E5;}
.border_right_bottom{
border-right-width: 1px;
border-top-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
border-style: solid;
border-color: #E5E5E5;}
.border_right_solid{
border-right-width: 1px;
border-top-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-style: solid;
border-color: #E5E5E5;}
.border_bright{
border-right-width: 1px;
border-top-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-style: solid;
border-color: #E5E5E5;}
.border_box{
border-right-width: 1px;
border-top-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-style: solid;
border-color: #AAAAAA;}
.warenkorb_head{
font-size: 1em;
color: #494c53;
background-color: #F5F5F5;
}
.warenkorb{
font-weight: normal;
font-size: 0.9em;
text-decoration: none;
color: #333333;
}
.defaultTable{
border-collapse: collapse;
border: 1px solid #ffffff;
width: 100%;
}
.StatusBar{
float: left;
width: 82%;
height: 14px;
margin: 2px 6px 0 0;
padding: 0 0 0 3px;
background: url(/images/content_img_statusbar.gif) top left no-repeat;
}
.InnerStatusBar{
width: 100%;
height: 14px;
padding: 2px 3px 2px 0;
background: url(/images/content_img_statusbar_floatin.gif) top right no-repeat;}
.StatusLabel{
float: left;
margin: 3px 0 0 0;}
.PercentageNormal{
height: 12px;
background: url(/images/content_img_percentage_normal.gif) top left repeat-x;}
.PercentageMiddle{
height: 12px;
background: url(/images/content_img_percentage_middle.gif) top left repeat-x;}
.PercentageCritical{
height: 12px;
background: url(/images/content_img_percentage_critical.gif) top left repeat-x;}
.highlight{
background-color:#fe1a00;
-moz-border-radius: 2px;
-webkit-border-radius:2px;
border-radius:2px;
display:inline-block;
color:#ffffff;
font-size:11px;
font-weight:bold;
padding: 1px 2px 1px 2px;
white-space:nowrap;
text-decoration:none;
text-shadow: none !important;
}
.highlight-menu-neww{
background-color:#fe1a00;
display: inline-block;
color: #ffffff;
font-size: 9px;
font-weight:bold;
width: 20px;
height: 20px;
padding: 0px;
white-space:nowrap;
text-decoration:none;
position: absolute;
left: 123px;
letter-spacing: -0.5px;
background: url(/images/neu_20x20.png) no-repeat;
}
.highlight-menu-new{
background-color:#fe1a00;
display: inline-block;
color: #ffffff;
font-size: 9px;
font-weight:bold;
width: 24px;
height: 24px;
padding: 0px;
white-space:nowrap;
text-decoration:none;
position: absolute;
left: 119px;
text-align: center;
}
.highlightDark{
color: #ffffff;
background-color: #494c53;
font-weight: bold;
font-size: 11px;
text-decoration: none;
vertical-align: top;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 2px;
padding: 2px 2px 2px 2px;
}
.statustext{
font-weight: normal;
font-size: 16px;
text-decoration: none;
color: #000000;}
.hosting_headbox{
font-size: 8.5pt;
text-decoration: none;
font-weight: bold;
color: #111111;}
.hosting_category_head{
color: #000000;
background-color: #ffffff;
font-weight: bold;
font-size: 8.5pt;
vertical-align: middle;
padding: 2px;}
.hosting_category_head_sw{
color: #000000;
background-color: #eeeeee;
font-weight: bold;
font-size: 8.5pt;
vertical-align: middle;
padding: 2px;
height: 32px;}
.hosting_category{
color: #000000;
background-color: #efefef;
font-weight: bold;
font-size: 8.5pt;
vertical-align: middle;
padding: 2px;}
.hosting_category_hl{
color: #ffffff;
background-color: #D61D1D;
font-weight: bold;
font-size: 8.5pt;
vertical-align: middle;
text-align: center;
padding: 2px;}
.hosting_content{
color: #000000;
background-color: #D6DFE6;
font-weight: normal;
font-size: 8.5pt;
vertical-align: middle;
padding: 2px;
height: 32px;}
.hosting_content_highlight{
color: #000000;
background-color: #c3d7e6;
font-weight: normal;
font-size: 8.5pt;
vertical-align: middle;
padding: 2px;}
.hosting_firstcol{
color: #000000;
background-color: #dddddd;
font-weight: bold;
font-size: 8.5pt;
vertical-align: middle;
padding: 2px;}
.contractBox{
width: 350px;}
.box_header {
background: url(/images/bg-container-productbox-top-repeat-x-inner.png) top left repeat-x;
background-color: #0b65ae;
border-top: 1px solid #aaaaaa;
border-left: 1px solid #aaaaaa;
border-right: 1px solid #aaaaaa;
border-bottom: 0px solid #aaaaaa;
width: 290px;
height: 22px;
max-width: 288px;
margin: 0px;}
.box_header_text,
.box_header_text:link,
.box_header_text:active,
.box_header_text:hover,
.box_header_text:visited {
font-size: 14px;
font-weight: bold;
color: #ffffff;
padding: 2px 0px 0px 3px;
text-decoration: none;
cursor: pointer;
display: block;
}
.box_content {
border-top: 0px solid #aaaaaa;
border-left: 1px solid #aaaaaa;
border-right: 1px solid #aaaaaa;
border-bottom: 1px solid #aaaaaa;
width: 290px;
height: 92px;
max-width: 288px;
margin: 0px;
background-color: #EDF1F5;
background: url(/images/backgrounds/bg_box.gif) top left repeat-x;}
.box_content_webhosting {
border-top: 0px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
width: 390px;
height: 100%;
max-width: 390px;
margin: 0px;
background-color: #f4f5f5;
}
.box_content_half {
border-top: 1px solid #aaaaaa;
border-left: 1px solid #aaaaaa;
border-right: 1px solid #aaaaaa;
border-bottom: 1px solid #aaaaaa;
width: 138px;
height: 150px;
max-width: 136px;
margin: 0px;
background-color: #EDF1F5;
background: url(/images/backgrounds/bg_box.gif) top left repeat-x;}
div.teaserBox {
float: left;
}
div.teaserBoxHeader {
background: #494C53 url(/images/VServerFeatures_headbg.gif) repeat-x;white-space: nowrap;
background-color: #494C53;
width: 390px;
height: 32px;
line-height: 28px;
max-width: 390px;
margin: 0px;
border: 1px solid #aaaaaa;
text-align: center;
vertical-align: middle;
}
div.teaserBox h2 {
font-size: 1.4em;
text-decoration: none;
font-weight: bold;
color: #333333;
margin: 0;
padding: 0;
color: #333333;
font-size: 1.4em;
font-weight: bold;
line-height: 1.4em;
margin-bottom: 12px;
}
/* ServerFeatures */
#ServerFeatures table {
border-collapse: collapse;
margin: 0px;
}
#ServerFeatures caption {
visibility: hidden;
text-align: right;
}
#ServerFeatures th {
border-top: 1px solid #CCCCCC;
border-right: 0px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
font-size: 0.875em;
font-weight: bold;
color: #000000;
text-align: center;
vertical-align: middle;
padding: 0px 0px 0px 2px;
background: #494C53 url(/images/VServerFeatures_headbg.gif) repeat-x;
height: 36px;
}
#ServerFeatures th.nobg {
border-top: 0px;
border-left: 0px;
background: none;
}
#ServerFeatures th.spec {
border-right: 1px solid #CCCCCC;
border-top: 0;
background: none;
text-align: left;
}
#ServerFeatures th.speccat {
background: #eaeaea;
text-align: left;
font-size: 1.2em;
font-weight: bold;
height: 48px;
border-top: 2px solid #ffffff;
text-transform: uppercase;
letter-spacing: 1px;
}
#ServerFeatures th.specalt {
border-right: 1px solid #CCCCCC;
border-top: 0;
background: #f5f5f5;
text-align: left;
}
#ServerFeatures td {
border-right: 0px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
background: none;
font-size: 0.875em;
font-weight: normal;
padding: 0px 0px 0px 0px;
color: #000000;
height: 32px;
vertical-align: middle;
text-align: center;
}
#ServerFeatures tr.alt td {
background: #f5f5f5;
color: #000000;
}
#ServerFeatures tr.alt td.highlight {
color: #000000;
}
#ServerFeatures td.alt {
background: #f5f5f5;
color: #000000;
}
#ServerFeatures td.highlight,
#ServerFeatures th.highlight {
color: #000000;
border-right: 0px solid #CCCCCC;
background: none;
font-weight: bold;
text-align: center;
}
#ServerFeatures .Image {
border-right: 0px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
padding: 0px 0px 0px 0px;
vertical-align: top;
text-align: left;
}
/* HostingFeatures */
#HostingFeatures table {
border-collapse: collapse;
margin: 0px;
}
#HostingFeatures caption {
visibility: hidden;
text-align: right;
}
#HostingFeatures th {
border-top: 1px solid #CCCCCC;
border-right: 0px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
font-size: 0.875em;
font-weight: bold;
color: #000000;
text-align: center;
vertical-align: middle;
padding: 0px 0px 0px 2px;
background: #494C53 url(/images/VServerFeatures_headbg.gif) repeat-x;
height: 36px;
}
#HostingFeatures th.nobg {
border-top: 0px;
border-left: 0px;
background: none;
}
#HostingFeatures th.spec {
border-right: 1px solid #CCCCCC;
border-top: 0;
background: #ffffff;
text-align: left;
}
#HostingFeatures th.speccat {
background: #eaeaea;
text-align: left;
font-size: 1.2em;
font-weight: bold;
height: 48px;
border-top: 2px solid #ffffff;
text-transform: uppercase;
letter-spacing: 1px;
}
#HostingFeatures th.specalt {
border-right: 1px solid #CCCCCC;
border-top: 0;
background: #f5f5f5;
text-align: left;
}
#HostingFeatures td {
border-right: 0px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
background: #ffffff;
font-size: 0.875em;
font-weight: normal;
padding: 0px 0px 0px 0px;
color: #000000;
height: 32px;
vertical-align: middle;
text-align: center;
}
#HostingFeatures tr.alt td {
background: #f5f5f5;
color: #000000;
}
#HostingFeatures tr.alt td.highlight {
color: #000000;
}
#HostingFeatures td.alt {
background: #f5f5f5;
color: #000000;
}
#HostingFeatures td.highlight,
#HostingFeatures th.highlight {
color: #000000;
border-right: 0px solid #CCCCCC;
background: none;
font-weight: bold;
text-align: center;
}
#HostingFeatures .Image {
border-right: 0px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
padding: 0px 0px 0px 0px;
vertical-align: top;
text-align: left;
}
#HostingFeatures a.crossref {
border-bottom: 1px solid #CCCCCC;
font-size: 1.1em;
font-weight: bold;
}
#HostingFeaturesAll {
list-style: none;
}
#HostingFeaturesAll li {
margin: 10px 0px 10px 10px;
display: block;
width: 230px;
min-height: 110px;
vertical-align: top;
float: left;
padding: 10px 10px 10px 10px;
text-align: left;
font-size: 0.9em;
color: #000000;
border: 1px solid #cccccc;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-bottomright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
background: #eeeeee;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#0b65ae), to(#eeeeee));
background: -webkit-linear-gradient(#ffffff, #eeeeee);
background: -moz-linear-gradient(#ffffff, #eeeeee);
background: -ms-linear-gradient(#ffffff, #eeeeee);
background: -o-linear-gradient(#ffffff, #eeeeee);
background: linear-gradient(#ffffff, #eeeeee);
behavior: url(../css/pie/PIE.htc);
-pie-background: linear-gradient(#ffffff, #eeeeee);
}
#HostingFeaturesAll li b {
padding: 0px 0px 8px 0px;
display: block;
width: 100%;
margin: 0px 0px 3px 0px;
border-bottom: 1px solid #cccccc;
font-weight: bold;
}
/* Webshops Flex */
#WebshopFlexBoxes {
list-style: none;
}
#WebshopFlexBoxes li {
margin: 10px 0px 10px 0px;
display: block;
width: 567px;
vertical-align: top;
float: left;
padding: 10px 10px 10px 10px;
text-align: left;
font-size: 1.1em;
color: #000000;
border: 1px solid #cccccc;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-bottomright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
background: #eeeeee;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#0b65ae), to(#eeeeee));
background: -webkit-linear-gradient(#ffffff, #eeeeee);
background: -moz-linear-gradient(#ffffff, #eeeeee);
background: -ms-linear-gradient(#ffffff, #eeeeee);
background: -o-linear-gradient(#ffffff, #eeeeee);
background: linear-gradient(#ffffff, #eeeeee);
behavior: url(../css/pie/PIE.htc);
-pie-background: linear-gradient(#ffffff, #eeeeee);
}
#WebshopFlexBoxes li strong {
padding: 0px 0px 5px 0px;
display: block;
width: 100%;
margin: 0px 0px 2px 0px;
border-bottom: 1px solid #cccccc;
font-weight: bold;
}
/* OnlineBackup */
#OnlineBackupBoxes {
line-height: 1.5em;
}
#OnlineBackupBoxes li {
font-size: 1.0em;
}
#OnlineBackupBoxes li strong {
font-weight: bold;
}
/* TeamSpeakFeatures */
#TeamSpeakFeatures table {
border-collapse: collapse;
margin: 0px;
}
#TeamSpeakFeatures caption {
visibility: hidden;
text-align: right;
}
#TeamSpeakFeatures th {
border-top: 1px solid #CCCCCC;
border-right: 0px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
font-size: 0.875em;
font-weight: normal;
color: #000000;
text-align: center;
vertical-align: middle;
padding: 0px 0px 0px 2px;
background: #494C53 url(/images/VServerFeatures_headbg.gif) repeat-x;
height: 36px;
}
#TeamSpeakFeatures th.nobg {
border-top: 0px;
border-left: 0px;
background: none;
}
#TeamSpeakFeatures th.spec {
border-right: 1px solid #CCCCCC;
border-top: 0;
background: #ffffff;
text-align: left;
}
#TeamSpeakFeatures th.specalt {
border-right: 1px solid #CCCCCC;
border-top: 0;
background: #f5f5f5;
text-align: left;
}
#TeamSpeakFeatures td {
border-right: 0px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
background: #ffffff;
font-size: 0.875em;
font-weight: normal;
padding: 0px 0px 0px 0px;
color: #000000;
height: 32px;
vertical-align: middle;
text-align: center;
}
#TeamSpeakFeatures tr.alt td {
background: #f5f5f5;
color: #000000;
}
#TeamSpeakFeatures tr.alt td.highlight {
color: #000000;
}
#TeamSpeakFeatures td.alt {
background: #dedede;
color: #000000;
}
#TeamSpeakFeatures td.highlight,
#TeamSpeakFeatures th.highlight {
color: #000000;
border-right: 0px solid #CCCCCC;
background: none;
font-weight: bold;
text-align: center;
}
#TeamSpeakFeatures .Image {
border-right: 0px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
padding: 0px 0px 0px 0px;
vertical-align: top;
text-align: left;
}
#TeamSpeakFeatures a.crossref {
border-bottom: 1px solid #CCCCCC;
font-size: 1.1em;
font-weight: bold;
}
/* ShopFeatures */
#ShopFeatures table {
border-collapse: collapse;
margin: 0px;
}
#ShopFeatures caption {
visibility: hidden;
text-align: right;
}
#ShopFeatures th {
border-top: 1px solid #CCCCCC;
border-right: 0px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
font-size: 0.875em;
font-weight: bold;
color: #000000;
text-align: center;
vertical-align: middle;
padding: 0px 0px 0px 2px;
background: #494C53 url(/images/VServerFeatures_headbg.gif) repeat-x;
height: 36px;
}
#ShopFeatures th.nobg {
border-top: 0px;
border-left: 0px;
background: none;
}
#ShopFeatures th.spec {
border-right: 1px solid #CCCCCC;
border-top: 0;
background: #ffffff;
text-align: left;
}
#ShopFeatures th.specalt {
border-right: 1px solid #CCCCCC;
border-top: 0;
background: #f5f5f5;
text-align: left;
}
#ShopFeatures th.speccat {
background: #eaeaea;
text-align: left;
font-size: 1.2em;
font-weight: bold;
height: 48px;
border-top: 2px solid #ffffff;
text-transform: uppercase;
letter-spacing: 1px;
}
#ShopFeatures td {
border-right: 0px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
background: #ffffff;
font-size: 0.875em;
font-weight: normal;
padding: 0px 0px 0px 0px;
color: #000000;
height: 32px;
vertical-align: middle;
text-align: center;
}
#ShopFeatures tr.alt td {
background: #f5f5f5;
color: #000000;
}
#ShopFeatures tr.head th {
background: #ffffff;
color: #000000;
text-align: center;
font-size: 0.8em;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 1px;
}
#ShopFeatures tr.alt td.highlight {
color: #000000;
}
#ShopFeatures td.alt {
background: #dedede;
color: #000000;
}
#ShopFeatures td.highlight,
#ShopFeatures th.highlight {
color: #000000;
border-right: 0px solid #CCCCCC;
background: none;
font-weight: bold;
text-align: center;
}
#ShopFeatures .Image {
border-right: 0px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
padding: 0px 0px 0px 0px;
vertical-align: top;
text-align: left;
}
/* PriceTableFeatures */
#PriceTableFeatures table {
border-collapse: collapse;
margin: 0px;
}
#PriceTableFeatures caption {
visibility: hidden;
text-align: right;
}
#PriceTableFeatures div.expand-arrow-down {
background:transparent url("../images/icons/expand-arrows.png") no-repeat scroll 0px -16px; width:16px; height:12px; display:inline-block;
float:right;
margin: 8px;
}
#PriceTableFeatures div.expand-arrow-up {
background:transparent url("../images/icons/expand-arrows.png") no-repeat scroll 0px 0px; width:16px; height:12px; display:inline-block;
float:right;
margin: 8px;
}
#PriceTableFeatures th.head {
border-bottom: 1px solid #666666;
border-right: 1px solid #EAEAEA;
font-size: 1em;
font-weight: bold;
text-align: center;
vertical-align: middle;
padding: 0px;
height: 36px;
background-color: #787b81;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #787b81), color-stop(1, #494c53) );
background: -webkit-linear-gradient(#787b81, #494c53);
background: -moz-linear-gradient( center top, #787b81 5%, #494c53 100% );
background: -ms-linear-gradient(#787b81, #494c53);
background: -o-linear-gradient(#787b81, #494c53);
background: linear-gradient(#787b81, #494c53);
color: #ffffff;
text-decoration: none;
text-shadow: 1px 1px 0px #333333;
white-space: nowrap;
behavior: url(../css/pie/PIE.htc);
-pie-background: linear-gradient(#787b81, #494c53);
}
#PriceTableFeatures th.headcat {
border-bottom: 1px solid #666666;
border-right: 1px solid #ffffff;
font-size: 1.1em;
font-weight: bold;
text-align: center;
vertical-align: middle;
padding: 0px;
height: 36px;
background-color: #0b65ae;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #787b81), color-stop(1, #494c53) );
background: -webkit-linear-gradient(#787b81, #494c53);
background: -moz-linear-gradient( center top, #787b81 5%, #494c53 100% );
background: -ms-linear-gradient(#787b81, #494c53);
background: -o-linear-gradient(#787b81, #494c53);
background: linear-gradient(#787b81, #494c53);
color: #494c53;
text-decoration: none;
text-shadow: 0px 0px 3px #ffffff, 0px 0px 2px #ffffff, 0px 0px 1px #ffffff;
white-space: nowrap;
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topleft: 3px;
border-top-left-radius: 3px;
}
#PriceTableFeatures th.headcat:hover {
cursor:pointer;
}
#PriceTableFeatures th.headcat-single {
font-size: 1.2em;
font-weight: bold;
text-align: center;
vertical-align: middle;
padding: 0px;
height: 36px;
background-color: #0b65ae;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #787b81), color-stop(1, #494c53) );
background: -webkit-linear-gradient(#787b81, #494c53);
background: -moz-linear-gradient( center top, #787b81 5%, #494c53 100% );
background: -ms-linear-gradient(#787b81, #494c53);
background: -o-linear-gradient(#787b81, #494c53);
background: linear-gradient(#787b81, #494c53);
color: #494c53;
text-decoration: none;
text-shadow: 1px 1px 0px #ffffff;
white-space: nowrap;
border-bottom: 1px solid #666666;
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topleft: 3px;
border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topright: 3px;
border-top-right-radius: 3px;
}
#PriceTableFeatures th.headcat-single:hover {
cursor:pointer;
}
#PriceTableFeatures th.headcat:last-child {
border-bottom: 1px solid #666666;
border-right: 0px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topright: 3px;
border-top-right-radius: 3px;
-webkit-border-top-left-radius: 0px;
-moz-border-radius-topleft: 0px;
border-top-left-radius: 0px;
}
#PriceTableFeatures .gradient-blue-1 {
background-color: #ccdfee !important;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ccdfee), color-stop(1, #78baee)) !important;
background: -webkit-linear-gradient(#ccdfee, #78baee) !important;
background: -moz-linear-gradient( center top, #ccdfee 5%, #78baee 100%) !important;
background: -ms-linear-gradient(#ccdfee, #78baee) !important;
background: -o-linear-gradient(#ccdfee, #78baee) !important;
background: linear-gradient(#ccdfee, #78baee) !important;
}
#PriceTableFeatures .gradient-blue-2 {
background-color: #94c6ee !important;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #94c6ee), color-stop(1, #41a1ee)) !important;
background: -webkit-linear-gradient(#94c6ee, #41a1ee) !important;
background: -moz-linear-gradient( center top, #94c6ee 5%, #41a1ee 100%) !important;
background: -ms-linear-gradient(#94c6ee, #41a1ee) !important;
background: -o-linear-gradient(#94c6ee, #41a1ee) !important;
background: linear-gradient(#94c6ee, #41a1ee) !important;
}
#PriceTableFeatures th {
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
text-align: left;
}
#PriceTableFeatures th:last-child {
border-right: 0px solid #CCCCCC;
}
#PriceTableFeatures tr.RowPrice td, tr.RowPrice th {
background-color: #F5F5F5;
height: 84px;
border: 0 !important;
}
#PriceTableFeatures tr th {
padding-left: 6px;
font-weight: normal;
}
#PriceTableFeatures.table tbody tr:hover td,
#PriceTableFeatures.table tbody tr:hover th {
background-color: #F7F7F7;
}
#PriceTableFeatures th.cat {
color: #000000;
text-align: left;
font-size: 1.2em;
font-weight: bold;
height: 48px;
line-height: 48px;
border-top: 2px solid #ffffff;
text-transform: uppercase;
padding-left: 3px;
letter-spacing: 1px;
background-color: #eaeaea;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #efefef), color-stop(1, #eaeaea) );
background: -webkit-linear-gradient(#efefef, #eaeaea);
background: -moz-linear-gradient( center top, #efefef 5%, #eaeaea 100% );
background: -ms-linear-gradient(#efefef, #eaeaea);
background: -o-linear-gradient(#efefef, #eaeaea);
background: linear-gradient(#efefef, #eaeaea);
behavior: url(../css/pie/PIE.htc);
-pie-background: linear-gradient(#efefef, #eaeaea);
}
#PriceTableFeatures th.cat:hover {
cursor: pointer;
}
#PriceTableFeatures td {
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
background: #ffffff;
font-size: 0.875em;
font-weight: normal;
padding: 0px 0px 0px 0px;
color: #000000;
height: 42px;
vertical-align: middle;
text-align: center;
}
#PriceTableFeatures td:last-child {
border-right: 0px solid #CCCCCC;
}
ul.filelist {
list-style: none;
margin: 0;
padding: 0;
border: none;
overflow: hidden;
}
ul.filelist li {
border-bottom: 1px solid #e8e8e8;
margin-left: 0;
}
ul.filelist a {
padding-top: 16px;
background-position: 0px 16px;
min-height: 80px;
display: block;
padding-left: 58px;
background-image: url("../images/icons/pdficon_48x48.gif");
background-repeat: no-repeat;
}
ul.filelist span {
text-decoration: none;
color: #000000;
display: block;
font-weight: normal;
}
ul.filelist a {
font-weight: bold;
}
ul.filelist a:hover {
text-decoration: none;
background-color: #eeeeee;
}
#menu-left {
padding: 0px;
padding-top: 24px;
height: 850px;
margin: 0px;
font-size: 0.95em;
}
#menu-left ul {
list-style-image: none;
list-style-position: outside;
list-style-type :none;
padding: 0px;
padding-bottom: 10px;
padding-left: 0px;
padding-top: 0px;
margin: 0px;
width: 143px;
}
#menu-left ul li {
background: none;
padding: 0px;
margin: 0px;
line-height: 24px;
list-style-type: none;
margin-left: 0px;
padding: 0px 0px;
}
/**#menu-left ul li:first-child {
border-top:1px solid #ccc;
padding: 0px 0px 0px 0px;
margin: 0px;
}**/
#menu-left ul li a {
display: block;
padding: 2px 0px 2px 6px;
margin: 0px;
text-decoration: none;
color: #494c53;
border-bottom: 1px solid #ccc;
font-weight: normal;
}
#menu-left ul li a:hover {
background-color: #0b65ae;
color: #ffffff;
}
#menu-left li.selected {
background-color: #d1e1ee;
}
#menu-left ul li.selected a {
font-weight: normal;
color: #003D6F;
}
#menu-left ul li.selected a:hover {
color: #ffffff;
}
#menu-left li.category {
background-color: #d1e1ee;
border-bottom: 1px solid #ccc;
color: #003D6F;
display: block;
margin: 0px;
padding: 2px 0px 2px 6px !important;
text-decoration: none;
}
/* SIDEBAR RIGHT */
#sidebar {
position: fixed;
top: 400px;
right: 0px;
margin: 0px;
z-index: 99999;
}
#sidebar ul {
margin: 0px;
padding: 0px;
}
#sidebar ul li {
padding: 0px;
margin: 0px;
list-style-image: none;
list-style-type :none;
list-style-position: outside;
height: 30px;
text-align: right;
}
#sidebar ul li a{
height: 14px;
line-height: 12px;
display: table-cell;
width: 110px;
text-align: left;
font-size: 1.0em;
font-weight: bold;
color: #ffffff;
padding: 7px;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 0px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-bottomright: 0px;
border-top-left-radius: 3px;
border-top-right-radius: 0px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 0px;
background: #494c53;
text-decoration: none;
color: #ffffff;
font-weight: normal;
text-transform: uppercase;
float:right;
}
#sidebar ul li a:hover {
text-decoration: none;
background: #0b65ae;
color: #ffffff;
width: 120px;
float: right;
}
.StoererBox {
padding: 15px 15px 15px 15px;
margin: 0px 0px 0px 0px;
text-align: center;
font-size: 1.6em;
font-weight: bold;
color: #ffffff;
text-shadow: 0px 0px 0.1em #000000;
border: 1px solid #BC1612;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
background: #F22722;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#C4221A), to(#F22722));
background: -webkit-linear-gradient(#C4221A, #F22722);
background: -moz-linear-gradient(#C4221A, #F22722);
background: -ms-linear-gradient(#C4221A, #F22722);
background: -o-linear-gradient(#C4221A, #F22722);
background: linear-gradient(#C4221A, #F22722);
}
.StoererBoxBlau {
padding: 15px 15px 15px 15px;
margin: 0px 0px 0px 0px;
text-align: center;
font-size: 1.6em;
font-weight: bold;
color: #0b65ae;
text-shadow: 0 1px 0 #FFFFFF;
border: 0px solid #0b65ae;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
background: #F22722;
background-color: #ccdfee !important;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ccdfee), color-stop(1, #78baee)) !important;
background: -webkit-linear-gradient(#ccdfee, #78baee) !important;
background: -moz-linear-gradient( center top, #ccdfee 5%, #78baee 100%) !important;
background: -ms-linear-gradient(#ccdfee, #78baee) !important;
background: -o-linear-gradient(#ccdfee, #78baee) !important;
background: linear-gradient(#ccdfee, #78baee) !important;
}
/*** Text effects ***/
.ShadowDark {
color: #fff;
font-size: 1.2em;
text-shadow: 0px 0px 0.1em #333333;
letter-spacing: 0.0em;
font-weight: bold;
}
.ShadowLight {
color: #000;
font-size: 1.2em;
text-shadow: 0px 0px 0.1em #fff;
letter-spacing: 0.0em;
font-weight: bold;
}
/*** Text effects ***/
/*** Directorynav ***/
#directorynav {
margin: 0px;
opacity: 1;
border-top: 1px solid #E5E5E5;
border-right: 1px solid #E5E5E5;
border-bottom: 1px solid #E5E5E5;
float: left;
position: relative;
font-size: 0.8em;
margin-bottom: 12px;
width: 1000px;
height: 200px;
margin-top: 12px;
}
#directorynav .column {
float: left;
padding: 9px 0 4px 18px;
width: 180px;
min-height: 200px;
height: 200px;
}
#directorynav ul li {
background: none;
padding: 0px;
margin: 0px;
list-style-image: none;
list-style-type :none;
list-style-position: outside;
display: block;
}
#directorynav ul li.directorynavHeader {
color: #494c53;
font-size: 1.1em;
font-weight: bold;
}
#directorynav ul {
margin-bottom: 0;
padding-bottom: 9px;
list-style: none outside none;
}
#directorynav a,
#directorynav a:link,
#directorynav a:visited,
#directorynav a:active {
text-decoration: none;
color: #0b65ae;
}
#directorynav a:hover {
text-decoration: none;
color: #494c53;
}
/*** Directorynav ***/
#go-top {
background: none repeat scroll 0 0 #808080;
border: 1px solid #808080;
border-radius: 3px 3px 3px 3px;
/** box-shadow: 0 0 2px 0.01px #494c53; **/
font-size: 0.8em;
color: #FFFFFF;
margin: 0;
position: relative;
left: 0px;
opacity: 0.85;
padding: 6px;
text-align: center;
white-space: nowrap;
color: #ffffff;
text-decoration: none;
font-weight: bold;
}
#go-top:hover {
cursor: pointer;
background: none repeat scroll 0 0 #0b65ae;
opacity: 1;
color: #FFFFFF !important;
}
div.testimonial {
background-color: #eeeeee;
padding: 12px;
color: #494c53;
width: 784px;
font-size: 1.15em;
margin-top: 24px;
text-shadow: 1px 1px 0 #FFFFFF;
float: left;
border-radius: 0.5em;
}
div.BoxWithRoundCornersMain {
background-color: #e9e9e9;
background: -webkit-gradient(linear, left top, left 35, from(#e9e9e9), color-stop(3%, #f3f3f3), to(#e9e9e9));
background: -moz-linear-gradient(top, #f3f3f3, #f3f3f3 1px, #e9e9e9 35px);
padding: 8px;
color: 333333;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-top: 16px;
margin-bottom: 16px;
text-shadow: rgba(255,255,255,.3) 0 1px 0;
behavior: url(../css/pie/PIE.htc);
-pie-background: linear-gradient(#f3f3f3, #e9e9e9);
}
div.BoxWithRoundCorners {
border: 1px solid #D8D8D8;
border-radius: 3px;
box-shadow: 0 0 3px #DDDDDD;
background-color: #e9e9e9;
background: -webkit-gradient(linear, left top, left 35, from(#e9e9e9), color-stop(3%, #f3f3f3), to(#e9e9e9));
background: -moz-linear-gradient(top, #f3f3f3, #f3f3f3 1px, #e9e9e9 35px);
padding: 24px;
color: #333333;
line-height: 1.5em;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
margin-top: 16px;
margin-bottom: 16px;
text-shadow: rgba(255,255,255,.3) 0 1px 0;
behavior: url(../css/pie/PIE.htc);
-pie-background: linear-gradient(#f3f3f3, #e9e9e9);
}
.blueButton {
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2ba3ff), color-stop(1, #0b65ae) );
background: -moz-linear-gradient( center top, #2ba3ff 5%, #0b65ae 100% );
background-color: #2ba3ff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border: 1px solid #0c72ad;
display: inline-block;
color: #ffffff !important;
font-size: 1.2em !important;
font-weight: bold !important;
padding: 0px 7px 0px 7px;
text-decoration: none !important;
text-shadow: 0 1px 0 #333333;
margin: 0px;
white-space: nowrap;
line-height: 24px;
behavior: url(../css/pie/PIE.htc);
-pie-background: linear-gradient(#2ba3ff, #0b65ae);
}
.blueButton:hover {
text-decoration: none !important;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2691e3), color-stop(1, #084675) );
background: -moz-linear-gradient( center top, #2691e3 5%, #084675 100% );
background-color: #084675;
behavior: url(../css/pie/PIE.htc);
-pie-background: linear-gradient(#2691e3, #084675);
}
.blueButton:link, .blueButton:active, .blueButton:visited {
text-decoration: none !important;
position: relative;
}
.blueButtonSmall {
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2ba3ff), color-stop(1, #0b65ae) );
background: -moz-linear-gradient( center top, #2ba3ff 5%, #0b65ae 100% );
background-color: #2ba3ff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border: 1px solid #0c72ad;
display: inline-block;
color: #ffffff !important;
font-size:0.95em !important;
font-weight: bold !important;
padding:0px 8px;
margin: 3px;
text-decoration: none !important;
text-shadow: 0 1px 0 #333333;
white-space: nowrap;
line-height: 24px;
behavior: url(../css/pie/PIE.htc);
-pie-background: linear-gradient(#2ba3ff, #0b65ae);
}
.blueButtonSmall:hover {
text-decoration: none !important;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2691e3), color-stop(1, #084675) );
background: -moz-linear-gradient( center top, #2691e3 5%, #084675 100% );
background-color: #084675;
behavior: url(../css/pie/PIE.htc);
-pie-background: linear-gradient(#2691e3, #084675);
}
.blueButtonSmall:link, .blueButtonSmall:active, .blueButtonSmall:visited {
text-decoration: none !important;
position: relative;
}
.redButton {
-moz-box-shadow: inset 0px 1px 0px 0px #f29c93;
-webkit-box-shadow: inset 0px 1px 0px 0px #f29c93;
box-shadow: inset 0px 1px 0px 0px #f29c93;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100) );
background: -moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
background-color: #fe1a00;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border: 1px solid #d83526;
display: inline-block;
color: #ffffff;
font-size: 1.1em;
font-weight: bold;
padding: 4px 18px;
margin: 3px;
text-decoration: none;
text-shadow: 1px 1px 0px #b23e35;
white-space :nowrap;
behavior: url(../css/pie/PIE.htc);
-pie-background: linear-gradient(#fe1a00, #ce0100);
}
.redButton:hover {
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00) );
background: -moz-linear-gradient( center top, #ce0100 5%, #fe1a00 100% );
background-color: #ce0100;
color: #ffffff;
behavior: url(../css/pie/PIE.htc);
-pie-background: linear-gradient(#ce0100, #fe1a00);
text-decoration: none;
}
.redButton:link, .redButton:active, .redButton:visited {
position: relative;
top: 1px;
color: #ffffff;
text-decoration: none;
}
.redButtonSmall {
-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
box-shadow:inset 0px 1px 0px 0px #f29c93;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100) );
background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
background-color:#fe1a00;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #d83526;
display:inline-block;
color:#ffffff;
font-size:0.95em;
font-weight: bold;
padding:0px 8px;
margin: 3px;
text-decoration:none;
text-shadow:1px 1px 0px #b23e35;
white-space:nowrap;
behavior: url(../css/pie/PIE.htc);
-pie-background: linear-gradient(#fe1a00, #ce0100);
}
.redButtonSmall:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00) );
background:-moz-linear-gradient( center top, #ce0100 5%, #fe1a00 100% );
background-color:#ce0100;
color:#ffffff;
behavior: url(../css/pie/PIE.htc);
-pie-background: linear-gradient(#ce0100, #fe1a00);
text-decoration: none;
}
.redButtonSmall:link, .redButtonSmall:active, .redButtonSmall:visited {
position:relative;
top:1px;
color:#ffffff;
text-decoration:none;
}
span.TablePrice {
font-size: 1.25em;
font-weight: bold;
color: #000000;
display: block;
line-height: 2.0em;
}
span.TablePriceOld {
font-size: 1.25em;
font-weight: normal;
color: #333333;
display: block;
}
.sidebarRight {
border: 1px solid #e5e5e5;
width: 250px;
}
#KB div {
margin-bottom: 12px;
}
#KB div.senden {
text-align: left;
margin-top: 3px;
margin-bottom: 0px;
}
#KB input[type=text], #KB input[type=password], #KB input[type=submit] {
padding: 6px;
margin: 6px;
border: solid 1px #E5E5E5;
outline: 0;
font: normal 16px/100%;
width: 250px;
background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
border-radius: 3px;
font-weight: normal;
}
#KB input:hover, #KB input:focus {
border: 1px solid #aaaaaa;
box-shadow: rgba(0,0,0, 0.2) 0px 0px 2px;
}
#KB input[type=radio] {
float: left;
padding: 6px;
margin: 6px;
border: solid 1px #E5E5E5;
outline: 0;
background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
}
#KB form label {
display: block;
margin: 0 0 0 6px;
}
#KB .senden input {
width: 80px;
padding: 3px 15px;
background: #0b65ae;
border: 1px solid #0b65ae;
color: #ffffff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-shadow: 0 1px 2px #0b65ae;
background: linear-gradient(top, #0b65ae, #0b75ae 1px, #0b65ae 25px);
background: -moz-linear-gradient(top, #0b65ae, #0b75ae 1px, #0b65ae 25px);
background: -webkit-linear-gradient(top, #0b65ae, #0b75ae 1px, #0b65ae 25px);
background: -ms-linear-gradient(top, #0b65ae, #0b75ae 1px, #0b65ae 25px);
background: -webkit-gradient(linear, left top, left 25, from(#0b65ae), color-stop(4%, #0b75ae), to(#0b65ae));
}
#KB .senden input:hover {
cursor: pointer;
-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px;
background: linear-gradient(top, #0b75ae, #0b65ae 1px, #0b75ae 25px);
background: -moz-linear-gradient(top, #0b75ae, #0b65ae 1px, #0b75ae 25px);
background: -webkit-linear-gradient(top, #0b75ae, #0b65ae 1px, #0b75ae 25px);
background: -ms-linear-gradient(top, #0b75ae, #0b65ae 1px, #0b75ae 25px);
background: -webkit-gradient(linear, left top, left 25, from(#0b75ae), color-stop(4%, #0b65ae), to(#0b75ae));
}
#Milestones tr {
vertical-align: top;
border-top: 1px solid #dedede;
}
#Milestones tr:hover td {
background-color: #F7F7F7;
}
#Milestones tr:first-child {
vertical-align: top;
border-top: none;
}
#Milestones td {
padding: 16px 8px 16px 8px;
text-align: left;
line-height: 1.5;
}
#jTruncate_ProductInformation {
line-height: 1.5em;
margin-top: 2.0em;
}
.icon-check:before {
content: url(../images/check.gif);
}
.clear:after {
clear: both;
content: ".";
display: block;
font-size: 0;
height: 0;
line-height: 0;
visibility: hidden;
}
.clear {
display: block;
}
.space-top-0 {
margin-top: 0px;
}
.space-bottom-0 {
margin-bottom: 0px;
}
.space-top-xs {
margin-top: 0.5em;
}
.space-top-s {
margin-top: 1em;
}
.space-bottom-s {
margin-bottom: 1em;
}
.space-top-m {
margin-top: 1.5em;
}
.space-bottom-m {
margin-bottom: 1.5em;
}
.space-top-l {
margin-top: 2em;
}
.space-bottom-l {
margin-bottom: 2em;
}
.space-top-xl {
margin-top: 2.5em;
}
.space-bottom-xl {
margin-bottom: 2.5em;
}
.space-top-xxl {
margin-top: 3em;
}
.space-bottom-xxl {
margin-bottom: 3em;
}
.important {
display: none;
}
.ProductClassButtonActive {
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2ba3ff), color-stop(1, #0b65ae) );
background: -moz-linear-gradient( center top, #2ba3ff 5%, #0b65ae 100% );
background-color: #2ba3ff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border: 1px solid #0c72ad;
display: inline-block;
color: #ffffff !important;
font-size: 1em;
font-weight: bold !important;
padding: 0px 6px;
text-decoration: none !important;
text-shadow: 0 1px 0 #333333;
margin-right: 2px;
white-space: nowrap;
line-height: 24px;
behavior: url(../css/pie/PIE.htc);
-pie-background: linear-gradient(#2ba3ff, #0b65ae);
}
.ProductClassButtonActive:hover {
}
.ProductClassButtonActive:link, .ProductClassButtonActive:active, .ProductClassButtonActive:visited {
text-decoration: none !important;
position: relative;
}
.ProductClassButtonInactive {
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dddddd), color-stop(1, #dddddd) );
background: -moz-linear-gradient( center top, #dddddd 5%, #dddddd 100% );
background-color: #b7bed0;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border: 1px solid #cccccc;
display: inline-block;
color: #777777 !important;
font-size: 1em;
font-weight: bold !important;
padding: 0px 6px;
text-decoration: none !important;
text-shadow: 0 1px 0 #ffffff;
margin-right: 2px;
white-space: nowrap;
line-height: 24px;
behavior: url(../css/pie/PIE.htc);
-pie-background: linear-gradient(#2ba3ff, #0b65ae);
}
.ProductClassButtonInactive:hover {
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2ba3ff), color-stop(1, #0b65ae) );
background: -moz-linear-gradient( center top, #2ba3ff 5%, #0b65ae 100% );
background-color: #2ba3ff;
border: 1px solid #0c72ad;
color: #ffffff !important;
text-shadow: 0 1px 0 #333333;
behavior: url(../css/pie/PIE.htc);
-pie-background: linear-gradient(#2ba3ff, #0b65ae);
cursor: pointer;
}
.ProductClassButtonInactive:link, .ProductClassButtonInactive:active, .ProductClassButtonInactive:visited {
text-decoration: none !important;
position: relative;
}
div.col-left {
float: left;
width: 48%;
}
div.col-right {
float: right;
width: 48%;
}
label {
font-size: 1.0em;
display: block;
margin-top: 1em;
margin-bottom: 0.5em;
letter-spacing: 0px;
}
label.required {
font-weight: bold;
color: #494c53;
content: "*";
}
label.required:after {
content: "*";
}
label.optional {
font-weight: normal;
color: #494c53;
}
label.optional:after {
content: " (optional)";
}
.uppercase {
text-transform: uppercase;
}
#CloudBackupUSP ul{
list-style: outside none none;
padding: 0;
display: flex;
flex-wrap: wrap
}
#CloudBackupUSP ul li {
color: #494c53;
list-style-type: none;
margin: 0;
padding: 10px;
text-align: left;
vertical-align: top;
width: 30%;
float: left;
display: block;
text-align: center;
}
#CloudBackupUSP ul li h3 {
color: #494c53;
}
#CloudBackupUSP ul li p {
line-height: 1.5em;
font-size: 1.0em;
}
ul.icons {
list-style: none;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
ul.icons li {
list-style: none;
margin-left: 0px;
line-height: 1em;
}
ul.icons li i {
height: 70px;
width: 70px;
display: block;
}
ul.icons li span {
position: relative;
top: -7px;
}
i.icon-ms-outlook {
content: url('/images/partners/microsoft/microsoft-365/Outlook_256x256.png');
}
i.icon-ms-word {
content: url('/images/partners/microsoft/microsoft-365/Word_256x256.png');
}
i.icon-ms-excel {
content: url('/images/partners/microsoft/microsoft-365/Excel_256x256.png');
}
i.icon-ms-powerpoint {
content: url('/images/partners/microsoft/microsoft-365/PowerPoint_256x256.png');
}
i.icon-ms-bookings {
content: url('/images/partners/microsoft/microsoft-365/Bookings_256x256.png');
}
i.icon-ms-access {
content: url('/images/partners/microsoft/microsoft-365/Access_256x256.png');
}
i.icon-ms-publisher {
content: url('/images/partners/microsoft/microsoft-365/Publisher_256x256.png');
}
i.icon-ms-exchange {
content: url('/images/partners/microsoft/microsoft-365/Exchange_256x256.png');
}
i.icon-ms-onedrive {
content: url('/images/partners/microsoft/microsoft-365/OneDrive_256x256.png');
}
i.icon-ms-sharepoint {
content: url('/images/partners/microsoft/microsoft-365/SharePoint_256x256.png');
}
i.icon-ms-teams {
content: url('/images/partners/microsoft/microsoft-365/Microsoft_Teams_256x256.png');
}
i.icon-ms-intune {
content: url('/images/partners/microsoft/microsoft-365/Intune_256x256.png');
}
i.icon-ms-aip {
content: url('/images/partners/microsoft/microsoft-365/AIP_256x256.png');
}
#gallery {
padding: 0px;
text-align: center;
}
#gallery ul {
list-style: none;
margin: 0;
padding: 0;
}
#gallery ul li {
margin: 0px;
padding: 20px;
display: inline;
}
#gallery ul img {
border: 1px solid #494c53;
}
#gallery ul a:hover img {
border: 1px solid #0b65ae;
}
#gallery ul a:hover {
color: #fff;
}
meter {
width: 80%;
margin-left: 6px;
margin-right: 6px;
height: 2.5em;
vertical-align: middle;
}