/*** GLOBAL : GENERAL STYLE DEFAULTS ***/
html,
button,
input,
select,
textarea {
color: #222;
}
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
img {
vertical-align: middle;
}
.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
/* ==========================================================================
Author's custom styles
========================================================================== */
*{margin:0;padding:0;}
body{
font-family: 'Asap', sans-serif;
-webkit-font-smoothing: antialiased;
background:#f2f2f2;
}
/* Header */
header{
z-index:1;
width:100%;
min-width:960px;
height:182px;
background:url('../images/hbg.png') repeat-x transparent;
}
#hcontainer{
width:940px;
margin:0 auto;
padding:0 10px;
position:relative;
}
/* Logo */
#logo{
width:230px;
height:163px;
border-radius:0 0 5px 5px;
background:#031230;
color:#fff;
text-align:center;
padding-top:19px;
display:inline-block;
cursor:pointer;
}
#logo img{
margin:0 auto;
display:block;
}
#logo h1{
margin-top:5px;
font-style:italic;
font-weight:400;
font-size:30px;
text-transform:uppercase;
}
#logo h2{
font-size:21px;
font-style:italic;
font-weight:400;
}
/* Navigation Header General */
header nav ul {
list-style:none;
}
header nav ul li{
position:relative;
float:left;
}
header nav ul li a{
text-decoration:none;
}
header nav ul:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Navigation Abteilungen */
.abteilungen{
position:absolute;
top:18px;
left:295px;
}
.abteilungen ul{
height:30px;
}
.abteilungen li{
background:#031230;
margin-right:2px;
}
.abteilungen li:first-child{
border-radius: 5px 0 0 5px;
}
.abteilungen li:last-child{
border-radius: 0 5px 5px 0;
}
.abteilungen a{
line-height:30px;
padding:9px 16px;
color:#535c6d;
font-size:13px;
}
.abteilungen .current-menu-item a, .abteilungen .current-page-ancestor a{
color:#fff;
}
.abteilungen .current-menu-item a:hover, .abteilungen .current-page-ancestor a:hover{
color:#fff;
}
.abteilungen li a:hover{
color:#d91b25;
}
/* Navigation Unterseiten */
.main{
text-transform:uppercase;
}
.main{
position:absolute;
top:75px;
left:300px;
overflow:none;
}
.main ul{
height:30px;
}
.main a{
line-height:30px;
padding:9px 25px 9px 0;
color:#c8c8c8;
font-size:18px;
font-style:italic;
}
.main li a:hover{
color:#fff;
}
.main li:hover{
color:#fff;
}
.main .current-menu-item a, .main .current-menu-parent a{
color:#d91b25;
}
.main .current-menu-item a:hover, .main .current-menu-parent a:hover{
color:#d91b25;
}
.main li:last-child > a{
padding:9px 0;
}
.main .current-menu-parent .sub-menu a, .main .current-menu-parent .sub-manu a{
color:#fff;
}
.main li:hover ul{
display:block;
}
.sub-menu{
position:absolute;
margin-top:2px;
display:none;
width:auto;
left:-9px;
text-transform:none;
/*-webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, .1);
box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, .1);*/
z-index:101;
}
.sub-menu li{
white-space:nowrap;
background:url('../images/subbg.png') bottom left;
border-bottom:1px solid #15284f;
float:none;
width:auto;
-webkit-background-clip: padding-box; /* for Safari */
background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
}
.sub-menu li:hover{
background-position:bottom right;
}
.sub-menu li a{
color:#fff;
padding:3px 9px;
font-size:12px;
font-style:normal;
display:block;
background:transparent;
}
.sub-menu li:last-child{
border-radius:0 0 5px 5px;
border:0;
}
.sub-menu li:last-child a{
padding:3px 9px;
}
/* Suche */
#search{
position:absolute;
top:140px;
right:16px;
background:#031230;
padding:11px;
border-radius:0 0 5px 5px;
z-index:4;
}
#search input{
background:#031230;
color:#535c6d;
border:0;
line-height:20px;
font-size: 12px;
font-family: 'Asap', sans-serif;
-webkit-font-smoothing: antialiased;
letter-spacing: 1px;
}
#search img:hover{
cursor:pointer;
}
#searchsubmit { cursor: pointer; float: right; }
#search-input-field { width: 175px; display:none;}
/* Footer */
footer{
padding-top:60px;
width:100%;
min-width:960px;
height:315px;
background:url('../images/fbg.png') repeat-x #031230;
}
footer #fcontainer{
position:relative;
width:940px;
padding:0 10px;
margin:0 auto;
}
footer nav{
margin-right:20px;
float:left;
}
footer nav.last{
margin:0;
}
footer nav.last li.big{
font-size:15px;
font-style:italic;
}
footer .contact-space{
margin-top:5px;
}
footer h3{
letter-spacing:2px;
width:220px;
color:#d91c23;
font-size:13px;
font-style:italic;
font-weight:400;
padding-bottom:26px;
background:url('../images/footer-spacer.gif') no-repeat 0 26px;
text-transform:uppercase;
}
footer ul li{
list-style:none;
line-height:25px;
color:#fff;
font-size:13px;
font-weight:400;
}
footer ul li a{
text-decoration:none;
color:white;
}
footer ul li a:hover{
border-bottom:1px solid #fff;
}
/* Wappen für Back to top */
footer #wappen{
overflow:hidden;
text-indent:-999px;
width:85px;
height:85px;
background:url('../images/footericon.png');
position:absolute;
z-index:2;
left:442px;
top:-100px;
}
footer #wappen:hover{
background:url('../images/footericon2.png');
}
/* Copyright Bar + Lgoin */
footer #copy{
margin:10px 0 15px 0;
width:100%;
}
#copy p{
line-height:38px;
padding-left:11px;
font-size:9pt;
font-style:italic;
width:851px;
border-radius:5px 0 0 5px;
background:#01091c;
display:inline-block;
color:#545d6e;
}
#copy img {
/*position:relative;
top:14px;*/
padding:13px 30px;
background:#01091c;
border:0;
border-radius:0 5px 5px 0;
}
#copy a{
text-decoration:none;
color:#545d6e;
}
#copy a:hover{
color:#fff;
}
/* Inhalt */
#contentbox{
min-height:400px;
width:940px;
padding:0 10px;
margin:0 auto;
}
.small-block{
width:560px;
}
.big-block{
width:640px;
}
#content{
margin-bottom:100px;
}
#content p{
margin-bottom:20px;
font-size:14px;
font-weight:normal;
line-height:20px;
}
#content h1{
font-weight:400;
font-size:18px;
margin-bottom:15px;
}
#content h2{
font-weight:400;
font-style:italic;
margin-bottom:30px;
font-size:16px;
}
.content-area-separator{
background:url('../images/content-area-sep.png') 0 3px;
width:100%;
margin:20px auto;
text-align:center;
}
.content-area-separator h3{
background:#f2f2f2;
text-align:center;
font-weight:400;
font-size:16px;
display:inline;
padding:0 12px;
}
.topformat{
text-align:center;
font-size:11pt;
margin-bottom:10px;
}
.topformat h1{
font-style:italic;
font-size:21px;
margin:0 auto 10px auto;
text-align:center;
font-weight:400;}
#overview{
background:url('../images/overviewbg.png') 0 3px;
width:100%;
margin:40px auto;
text-align:center;
}
#overview h2{
background:#f2f2f2;
text-align:center;
font-weight:400;
font-size:18px;
text-transform:uppercase;
display:inline;
padding:0 12px;
}
.coin-slider{
margin:25px auto;
}
#mask{
width:942px;
height:384px;
overflow:hidden;
margin:0 auto;
}
#small-side{
width:240px;
}
#big-side{
width:320px;
}
#statistiken{
width:300px;
margin-right:20px;
margin-bottom:50px;
}
#foto{
width:300px;
margin-right:20px;
}
#downloads{
width:300px;
margin-left:0;
}
#kontakte{
width:300px;
margin-left:0;
}
#mitteilungen{
width:320px;
}
#mitteilungen .active{
background:url('../images/activeabg.png'), url('../images/post-arrowbg.png');
background-position:287px 50%, left bottom;
background-repeat: no-repeat;
border:0;
}
#mitteilungen .active:last-child{
width:322px;
background:url('../images/activeabg.png'), url('../images/post-arrowbg.png');
background-position:287px 50%, left bottom;
background-repeat: no-repeat;
border:0;
margin-bottom:5px;
}
#termine{
width:320px;
}
#resultbar{
width:320px;
}
.left{float:left;}
.right{float:right}
.box{
margin-bottom:50px;
position:relative;
-webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, .1);
box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, .1);
border-radius:5px;
}
.box ul{
border-radius:0 0 5px 5px;
border:1px solid #bcb8b9;
border-top:0;
position:relative;
background:#dadada;
}
.box h2{
line-height:43px;
padding-left:8px;
font-size:17px;
font-style:italic;
font-weight:400;
border-radius:5px 5px 0 0;
text-indent:3px;
background:url('../images/hbgi.gif') repeat-x;
color:#fff;
text-transform:uppercase;
}
.box li{
list-style:none;
border-bottom:2px groove rgba(250, 250, 250, .4);
-webkit-background-clip: padding-box; /* for Safari */
background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
position:relative;
}
.box li:hover{
background:url('../images/hover.png') #eee;
cursor:pointer;
}
.box .title{
font-size:12px;
font-style:italic;
margin-bottom:15px;
}
.box .date{
font-size:12px;
font-style:italic;
letter-spacing:1px;
}
.box .thumbnail{
float:left;
margin:0 9px 9px 0;
width:60px;
height:60px;
}
.clear:after,.box .desc:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.box p{
margin-bottom:5px;
font-style:normal;
font-size:14px;
}
.box .desc{
font-size:14px;
line-height:20px;
width: 290px;
}
.box .last, .box ul li:last-child{
border-radius:0 0 5px 5px;
border:0;
}
.box a{
padding:15px 10px 10px 9px;
text-decoration:none;
color:#000;
display:block;
}
.box .toggles{
position:absolute;
right:11px;
top:11px;
}
.box .toggles a{
display:inline;
padding: 0;
}
.box .toggles img {
border:0;
margin-left:7px;
}
.box li.active{
background:url('../images/arrowbg.png') bottom left;
}
.active-arrow{
position:absolute;
top:50%;
right:-11px;
margin-top:-9px;
}
.content-sidebar a{
text-decoration:none;
color:#000;
padding:7px 0 10px 0;
display:block;
line-height:45px;
text-indent:8px;
}
.content-sidebar li{
padding:0;
}
.content-sidebar .current_page_item{
border:0;
height:62px;
width:252px;
background:url('../images/arrowbg.png') left top;
}
.content-sidebar .current_page_item:hover{
width:252px;
background:url('../images/arrowbg.png') left top;
}
.content-sidebar li:last-child{
background-position:left bottom;
}
.content-sidebar li:last-child:hover{
background-position:left bottom;
}
q
/* ==========================================================================
Media Queries
========================================================================== */
@media only screen and (min-width: 35em) {
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
}
/* ==========================================================================
Helper classes
========================================================================== */
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
*text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 100%;
}
.hidden {
display: none !important;
visibility: hidden;
}
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
.invisible {
visibility: hidden;
}
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}
/* ==========================================================================
Print styles
========================================================================== */
@media print {
* {
background: transparent !important;
color: #000 !important; /* Black prints faster: h5bp.com/s */
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
/*
* Don't show links for images, or javascript/internal links
*/
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group; /* h5bp.com/t */
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
/* ==========================================================================
Nr79 Contact Overlay Style
========================================================================== */
#contact-box {
position: absolute;
left: 0;
top: 0;
width: 100%;
background: rgba(255, 255, 255, 0.8);
z-index: 9990;
display:none;
}
.contact-content {
position: fixed;
margin: 0 auto;
width: 660px;
height: 722px;
cursor: default;
background: url('../images/overlay_bg.png') repeat;
-moz-box-shadow: 0px 1px 2px 0px #4A4A4A;
-webkit-box-shadow: 0px 1px 2px 0px #4A4A4A;
box-shadow: 0px 1px 2px 0px #4A4A4A;
-moz-border-radius: 3px;
border-radius: 3px;
z-index: 9995;
}
.overlay-top {
width: 632px;
height: 44px;
background: url('../images/overlay_top_bg.png') repeat;
-moz-border-radius: 3px;
border-top-left-radius: 3px;
float: left;
}
.overlay-top h2 {
color: #D91B25;
font-size: 17px;
font-style: italic;
font-weight: 400;
line-height: 43px;
padding-left: 8px;
text-indent: 3px;
text-transform: uppercase;
}
.overlay-content-left {
font-size: 15px;
width: 352px;
height: 630px;
margin-top: 21px;
float: left;
border-right: 1px solid #FFF;
padding-left: 16px;
}
.overlay-content-left h3 { font-size: 17px; font-style: italic; font-weight: normal; }
.overlay-content-left-address { width: 302px; height: 35px; margin-bottom: 50px; margin-top: 40px; background: url('../images/overlay_bg_address.png') no-repeat; padding-left: 50px; }
.overlay-content-left-phone { width: 302px; height: 35px; margin-bottom: 50px; background: url('../images/overlay_bg_phone.png') no-repeat; padding-left: 50px; }
.overlay-content-left-email { width: 302px; height: 35px; margin-bottom: 50px; background: url('../images/overlay_bg_email.png') no-repeat; padding-left: 50px; }
.overlay-content-left-times { width: 302px; height: 35px; background: url('../images/overlay_bg_times.png') no-repeat; padding-left: 50px; }
.overlay-content-right {
font-size: 13px;
width: 288px;
height: 630px;
margin-top: 21px;
float: left;
border-left: 1px solid #DEDADA;
}
.overlay-content-right h3 { font-size: 17px; font-style: italic; font-weight: normal; padding-bottom: 24px; }
.overlay-content-right-1 { width: 271px; float: right; border-bottom: 1px solid #FFF; margin-left: 17px; padding-bottom: 22px; }
.overlay-content-right-2 { width: 271px; float: right; border-top: 1px solid #DEDADA; border-bottom: 1px solid #FFF; margin-left: 17px; padding: 28px 0 22px 0; }
.overlay-content-right-3 { width: 271px; float: right; border-top: 1px solid #DEDADA; margin-left: 17px; padding-top: 28px; }
.overlay-close {
background: url('../images/overlay_top_bg.png') repeat;
width: 21px;
height: 38px;
float: left;
-moz-border-radius: 3px;
border-top-right-radius: 3px;
cursor: pointer;
padding: 6px 7px 0px 0px;
}
/* ==========================================================================
Nr79 Search Style
========================================================================== */
h3.search-title a { color: #1e2941; font-size: 16px; font-style: italic; text-decoration: none; } h3.search-title a:hover { text-decoration: underline; }
.post-content a { color: #d91b25; text-decoration: none; } .post-content a:hover { text-decoration: underline; }
/* ==========================================================================
Nr79 Search Style
========================================================================== */
.sortMonthAndYear .last-child{
border-radius: 0 0 5px 5px;
}
.sortMonthAndYear{
width:322px;
overflow:hidden;
position:relative;
}
.sortYear .last-child{
border-radius: 0 0 5px 5px;
}
.sortYear{
width:322px;
overflow:hidden;
position:relative;
}
.sortYear ul{
width:318px;
}
.sortMonthAndYear ul{
width:318px;
}
#login{
width:400px;
margin:100px auto;
background: url(../images/abg.png);
position: static;
}
#login form{
padding-top:20px;
border-radius:0 0 5px 5px;
border:1px solid #bcb8b9;
border-top:0;
position:relative;
}
#login input{
width:370px;
margin:0 auto 10px auto;
border-radius:5px;
display:block;
height:40px;
line-height:40px;
background:#f2f2f2;
border:1px solid #bbb;
box-shadow:0 0 0 1px #fff;
text-indent:5px;
font-size:14px;
color:#797979;
}
#login input[type=password]{
width:250px;
margin:10px 0 20px 15px;
display:inline;
}
#login input[type=submit]{
background:#8e8e8e;
width:100px;
margin:10px 0 20px 15px;
cursor:pointer;
text-indent:0;
text-align:center;
color:#fff;
font-size:15px;
border:0;
box-shadow:0 0 0 0;
}
#login a{
color:#797979;
font-size:12px;
display:inline;
}
#user-status{
position:absolute;
right:40px;
top:20px;
}
#user-status p{
line-height:38px;
padding-left:11px;
padding-right:11px;
font-size:13px;
border-radius:5px 0 0 5px;
background:#01091c;
display:inline-block;
color:#545d6e;
}
#user-status span {
position:relative;
left:2px;
padding:8px 20px 12px 20px;
background:#01091c;
border:0;
border-radius:0 5px 5px 0;
}
#user-status a{
font-size:13px;
text-decoration:none;
color:#fff;
}
#user-status a:hover{
color:#fff;
}
#content table {
font-size: 14px;
border:0;
background:none;
text-indent:3px;
width:640px;
padding:0;
border-spacing:0;
border-collapse:collapse;
}
#content table tr{
height:35px;
}
.dl_btn{
color: #fff !important;
text-decoration: none !important;
padding: 10px 10px 10px 50px;
border-radius: 5px;
margin-bottom: 20px;
background: url(../images/down.png) no-repeat 20px #031230;
display:inline-block;
}
.dl_btn:hover{
text-decoration: underline !important;
}
.odd{
background:#fff;
}