html { padding:0; margin:0;}
body{ margin:0; padding:0; background:#2f357c;}
.clear { clear:both;}
.permalink { display:block; float:left; margin-top:15px; font-size:13px; background:#c32026; color:#fff; padding:10px 15px; moz-border-radius:5px;border-radius:5px; }
div.row1 { width:100%; min-width:1000px; border-top:5px #2a3079 solid; background:#f9f8f8;}
div.header { width:960px; margin:0 auto; overflow:hidden;}
div.logo { float:left; padding-top:40px; padding-left:20px;}
div.menu { float:left; margin-top:10px; clear:both; width:100%;}
div.menu ul{ list-style:none;}
div.menu li{ float:left;}
div.menu li a { text-transform:uppercase; color:#333333; display:block; text-decoration:none; padding:20px 25px 15px 25px; font-size:15px;
background:url('../images/menu-bg.png');
background-position:0px 55px;
transition: background-position 0.4s;
-moz-transition: background-position 0.4s; /* Firefox 4 */
-webkit-transition: background-position 0.4s; /* Safari and Chrome */
-o-transition: background-position 0.4s; /* Opera */
border-top-left-radius: 5px 5px; border-top-right-radius: 5px 5px;}
div.menu li a.active,div.menu li a:hover { background-position:0px 0px; color:#fff; border-top-left-radius: 5px 5px; border-top-right-radius: 5px 5px;}
div.row2 { width:100%; min-width:1000px; background:#c32026;}
div.boxHolder { width:960px; margin:0 auto; overflow:hidden; padding:15px 0;}
div.phoneBox { margin-top:3px; float:left;}
.phoneNr { color:#ccc; background:url(../images/phoneIcon.png) no-repeat left center; padding:10px 10px 10px 50px; font-size:18px;}
.mapNr { color:#ccc; background:url(../images/mapIcon.png) no-repeat left center; padding:10px 10px 10px 50px; font-size:18px;}
.phoneNr span,.phoneNr a,.mapNr span,.mapNr a { color:#fff; font-size:18px; text-decoration:none;}
div.shareThis { float:right; background:#a31b20; padding:10px; -moz-border-radius:5px;border-radius:5px; width:228px; height:20px;}
div.facebookShare, div.tweetShare, div.shareShare { float:left;}
div.facebookShare { width:85px;}
div.tweetShare { width:90px;}
div.containerRow { width:100%; min-width:1000px; background:#f9f8f8;}
div.container { width:960px; margin:0 auto; overflow:hidden; padding:40px 0; color:#4a4a4a;}
div.sidebarLeft { width:630px; float:left; padding-top:3px;}
div.largeTxtBox { overflow:hidden; padding-bottom:20px; border-bottom:1px #ccc solid;}
div.txtBoxHolder { overflow:hidden;}
div.txtBox { float:left; margin-left:10px; width:203px;}
div.txtBox:first-child { margin-left:0;}
div.sidebarRight { float:right; width:270px; background:#eaeced; padding:15px; -moz-border-radius:5px;border-radius:5px;}
div.txtBox { margin-top:25px;}
div.row4 { background:#2f357c; padding:35px 0 0 0; margin-top:25px;}
div.footer { width:960px; margin:0 auto; color:#919191;}
div.footer a {color:#919191;}
div.footer h1,div.footer h2,div.footer h3,div.footer h4,div.footer h5 { color:#fff; font-size:23px; margin-bottom:15px;}
div.footerTop { overflow:hidden; background: url(../images/footerTopBg.jpg) no-repeat center bottom; padding-bottom:40px;}
div.footerLargeBox { float:left; width:480px;}
div.footerSmallBox { float:right; width:200px;}
div.footerBottom { background:url(../images/footerBottomBg.jpg) no-repeat center top; height:80px; text-align:center; padding-top:50px;}
div.headTxtBox { overflow:hidden; padding-bottom:20px;}
div.leftTxtBox { float:left; width:460px;}
div.rightTxtBox { float:right; width:460px;}
/*--KONTAKT--*/
form.contactForm fieldset { border:1px #dfdfdf solid; padding:15px; }
form.contactForm fieldset legend { font-size:11px; line-height:17px; padding:0 3px;}
form.contactForm fieldset label { font-size:11px; overflow:hidden; padding-left:5px;}
form.contactForm fieldset .field { padding:5px; margin:3px; border:1px #dfdfdf solid; width:410px; -moz-border-radius:10px; border-radius:10px; background:#e4e4e4;}
form.contactForm fieldset .message { height:120px; padding:5px; margin:3px; border:1px #dfdfdf solid; width:410px; -moz-border-radius:10px; border-radius:10px; background:#e4e4e4;}
form.contactForm fieldset .btn { cursor:pointer; border:none; font-family:verdana; display:block; float:right; margin-top:15px; font-size:13px; background:#2a317a; color:#fff; padding:10px 15px; moz-border-radius:5px;border-radius:5px;}
/* Message handling */
div.error { background:darkred;color:white;font-size:12px;padding:10px;margin:5px 0;}
div.success { background:darkgreen;color:white;font-size:12px;padding:10px;margin:5px 0;}
span.obligatory { color:darkred;}
/* The punch line animation */
@keyframes phonenr
{
0% {margin-top: 0;}
10% { margin-top: -43px;}
60% { margin-top: -43px;}
70% {margin-top: 0;}
}
@-moz-keyframes phonenr /* Firefox */
{
0% {margin-top: 0;}
10% { margin-top: -43px;}
60% { margin-top: -43px;}
70% {margin-top: 0;}
}
@-webkit-keyframes phonenr /* Safari and Chrome */
{
0% {margin-top: 0;}
10% { margin-top: -43px;}
60% { margin-top: -43px;}
70% {margin-top: 0;}
}
@-o-keyframes phonenr /* Opera */
{
0% {margin-top: 0;}
10% { margin-top: -43px;}
60% { margin-top: -43px;}
70% {margin-top: 0;}
}
div.phoneBox { height:40px; overflow:hidden; display:block; position:relative; }
div.phoneBox ul
{
animation: phonenr 10s;
-moz-animation: phonenr 10s; /* Firefox */
-webkit-animation: phonenr 10s; /* Safari and Chrome */
-o-animation: phonenr 10s; /* Opera */
animation-iteration-count:infinite;
-moz-animation-iteration-count:infinite; /* Firefox */
-webkit-animation-iteration-count:infinite; /*Safari and Chrome*/
-o-animation-iteration-count:infinite; /* Opera */
animation-delay:5s;
-moz-animation-delay:5s; /* Firefox */
-webkit-animation-delay:5s; /* Safari and Chrome */
-o-animation-delay:5s; /* Opera */
animation-play-state:running;
-moz-animation-play-state:running; /* Firefox*/
-webkit-animation-play-state:running; /* Safari and Chrome */
-o-animation-play-state:running; /* Opera */
}
div.phoneBox ul:hover
{
animation-play-state:paused;
-moz-animation-play-state:paused; /* Firefox*/
-webkit-animation-play-state:paused; /* Safari and Chrome */
-o-animation-play-state:paused; /* Opera */
}
div.phoneBox ul li { height:40px; display:block; }