header,
nav,
footer
{
display: block;
}
html
{
background-color: #ffffff;
background-image: url(../img/wald_background.jpg);
background-position: 50% 50%;
background-attachment: fixed;
background-size: cover;
color: #202020;
overflow-y: scroll;
}
body
{
margin: 0;
}
html,
body
{
height: 100%;
}
#allsections
{
width: 850px;
max-width: 95%;
margin: 0 auto;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.6);
}
html,
input,
select,
textarea
{
font-family: Open Sans, sans-serif;
font-size: 13px;
}
html
{
line-height: 19px;
}
#navigation a.item
{
font-size: 16px;
line-height: 23px;
}
#foot
{
font-size: 11px;
}
html
{
cursor: default;
}
input[type="text"],
input[type="search"],
input[type="password"],
input[type="email"],
input[type="tel"],
textarea
{
cursor: text;
}
input[type="button"],
input[type="submit"],
input[type="image"],
input[type="checkbox"],
input[type="radio"],
select,
label
{
cursor: pointer;
}
input[disabled],
textarea[disabled],
select[disabled],
option[disabled]
{
cursor: default;
}
#head
{
margin-top: 25px;
background-color: black;
background-image: url(../img/flames_header.jpg);
background-position: 50% 50%;
background-size: cover;
min-height: 170px;
}
#content
{
background: white;
padding: 12px;
}
#navigation
{
background: #ececec;
}
#navigation a.item
{
display: inline-block;
padding: 7px 12px;
color: #004dd2;
transition: background-color 0.15s;
}
#navigation a.item:hover
{
background-color: #d4d4d4;
text-decoration: none;
}
#navigation a.item.selected
{
color: #ffe000;
background-color: black;
}
#foot
{
margin-bottom: 25px;
padding: 8px 12px;
background: #ececec;
color: #909090;
}
#foot a
{
color: #467cd9
}
.foot-link-separator
{
margin: 0 7px 0 10px;
border-left: solid 1px #a0a0a0;
}
p
{
margin-top: 1em;
margin-bottom: 1em;
}
p:first-child,
div.source-code:first-child
{
margin-top: 0;
}
p:last-child,
div.source-code:last-child
{
margin-bottom: 0;
}
p.intro
{
font-size: 1.3em;
line-height: 140%;
}
h1
{
margin-top: 15px;
margin-bottom: 25px;
padding: 0;
color: #000000;
}
h2
{
margin-top: 15px;
margin-bottom: 15px;
padding: 0;
color: #000000;
}
p.text,
div.text,
ol.text,
ul.text
{
text-align: justify;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
span.no-hyphens
{
-webkit-hyphens: manual;
-moz-hyphens: manual;
-ms-hyphens: manual;
hyphens: manual;
}
ul.text,
ol.text
{
margin: 1em 0;
}
p.indent
{
margin-left: 24px;
}
p.center
{
text-align: center;
}
ol,
ul
{
padding-left: 24px;
margin: 0.3em 0 0.3em;
}
blockquote
{
margin: 1em 0;
padding: 2px 8px 2px 30px;
background: url(../img/quote-liberty-48l.png) no-repeat 0.2em 0.2em;
background-color: #f8f8f8;
color: #303030;
}
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;
}
a
{
text-decoration: none;
color: #004dd2;
}
a:hover
{
text-decoration: underline;
color: #004dd2;
}
a img
{
border: 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;
}
a.action
{
display: inline-block;
padding: 8px 16px;
background: #ffd000;
color: black;
font-weight: bold;
font-size: 1.3em;
line-height: 1.3em;
}
a.action:hover
{
background: #eec000;
text-decoration: none;
}
table
{
border-spacing: 0;
}
table td,
table th
{
vertical-align: top;
text-align: left;
padding: 0;
}
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.grid,
table.hgrid
{
border-collapse: collapse;
}
table.grid th,
table.grid td
{
border: solid 1px #c0c0c0;
padding: 0.1em 0.4em;
}
table.grid.tight th,
table.grid.tight td
{
border: solid 1px #c0c0c0;
padding: 0 0.2em;
}
table.hgrid th,
table.hgrid td
{
border-top: solid 1px #c0c0c0;
border-bottom: solid 1px #c0c0c0;
padding: 0.1em 1em 0.1em 0;
}
table.hgrid th:first-child,
table.hgrid td:first-child
{
border-left: solid 1px #c0c0c0;
padding-left: 0.4em;
}
table.hgrid th:last-child,
table.hgrid td:last-child
{
border-right: solid 1px #c0c0c0;
padding-right: 0.4em;
}
table.hgrid.tight th,
table.hgrid.tight td
{
border-top: solid 1px #c0c0c0;
border-bottom: solid 1px #c0c0c0;
padding-top: 0;
padding-bottom: 0;
}
table td.right,
table th.right
{
text-align: right;
}
table td.center,
table th.center
{
text-align: center;
}
table td.allcenter,
table th.allcenter
{
text-align: center;
vertical-align: middle;
}
table.hyphens,
tr.hyphens,
th.hyphens,
td.hyphens,
ul.hyphens,
li.hyphens
{
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
tr.nowrap,
th.nowrap,
td.nowrap
{
white-space: nowrap;
}
td.indent
{
padding-left: 24px !important;
}
button,
input[type="button"],
input[type="submit"],
input[type="reset"]
{
overflow: visible;
width: auto;
border: solid 1px #c0c0c0;
background: #f8f8f8;
padding: 1px 4px;
color: black;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.07);
}
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover
{
border-color: #909090;
background: #ffffff;
}
button:active,
input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active
{
border-color: #909090;
background: #f0f0f0;
}
button:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
input[type="reset"]:focus
{
box-shadow: 0 0 3px rgba(105, 160, 255, 0.5);
}
button.call-to-action,
input[type="button"].call-to-action,
input[type="submit"].call-to-action,
input[type="reset"].call-to-action
{
border: none;
padding: 3px 5px;
background: #1358b9;
color: white;
}
button.call-to-action:hover,
input[type="button"].call-to-action:hover,
input[type="submit"].call-to-action:hover,
input[type="reset"].call-to-action:hover
{
background: #114da3;
}
button.call-to-action:active,
input[type="button"].call-to-action:active,
input[type="submit"].call-to-action:active,
input[type="reset"].call-to-action:active
{
background: #0f4591;
text-shadow: 0 0 3px rgba(255, 255, 255, 0.8);
}
input[type="text"],
input[type="search"],
input[type="password"],
input[type="email"],
input[type="tel"],
textarea
{
font-size: 1em;
padding: 2px 3px;
}
input[type="text"],
input[type="search"],
input[type="password"],
input[type="email"],
input[type="tel"],
textarea,
select
{
border: solid 1px #c0c0c0;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
}
input[type="text"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus,
select:focus
{
border-color: #68a0ff;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08), 0 0 3px rgba(105, 160, 255, 0.3);
}
input[type="text"].full-width,
input[type="email"].full-width,
input[type="tel"].full-width,
textarea.full-width,
select.full-width
{
width: 99%;
width: calc(100% - 8px);
}
input[type="checkbox"],
input[type="radio"]
{
margin: -4px 4px 0 0;
vertical-align: middle;
}
input[type="checkbox"]:focus,
input[type="radio"]:focus
{
box-shadow: 0 0 3px rgba(105, 160, 255, 0.5);
}
label
{
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
input[type="checkbox"],
input[type="radio"]
{
margin: -2px 4px 0 0;
vertical-align: middle;
cursor: pointer;
}
.formtrap
{
display: none;
}
input.checkError,
textarea.checkError,
select.checkError
{
box-shadow: 0 0 7px red, 0 0 2px red;
}
input[type="text"].checkError:focus,
input[type="password"].checkError:focus,
input[type="email"].checkError:focus,
input[type="tel"].checkError:focus,
textarea.checkError:focus,
select.checkError:focus
{
border-color: #68a0ff;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08), 0 0 3px rgba(105, 160, 255, 0.3), 0 0 7px red;
}
.popup-error
{
background: #f00000;
color: white;
padding: 2px 8px;
margin-top: 3px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.popup-error:after
{
position: absolute;
top: -6px;
left: 50%;
left: calc(50% - 6px);
content: '';
border: 6px solid transparent;
border-bottom-color: #f00000;
margin-top: -0.5em;
}
p.form-ok
{
background: url(../img/ok_large_green.png) no-repeat 0% 0%;
padding-left: 55px;
padding-top: 3px;
font-weight: bold;
min-height: 42px;
}
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;
}
a.angebot
{
display: inline-block;
float: left;
width: 45%;
margin: 0 20px 10px 0;
padding: 4px;
}
a.angebot:hover
{
background: rgba(0, 0, 0, 0.1);
text-decoration: none;
}
a.angebot .caption
{
font-size: 1.3em;
}