/* philosopher-regular - latin */
@font-face {
    font-family: 'Philosopher';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/philosopher-v19-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('/fonts/philosopher-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/philosopher-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fonts/philosopher-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('/fonts/philosopher-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/philosopher-v19-latin-regular.svg#Philosopher') format('svg'); /* Legacy iOS */
}
/* philosopher-700 - latin */
@font-face {
    font-family: 'Philosopher';
    font-style: normal;
    font-weight: 700;
    src: url('/fonts/philosopher-v19-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('/fonts/philosopher-v19-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/philosopher-v19-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fonts/philosopher-v19-latin-700.woff') format('woff'), /* Modern Browsers */
    url('/fonts/philosopher-v19-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/philosopher-v19-latin-700.svg#Philosopher') format('svg'); /* Legacy iOS */
}


*{ 
border:0px;
margin:0px;
padding:0px;
text-decoration:none;
outline:none;
}

*::selection {
background:#BC262C;
color:#fff;
}

textarea, input[type="text"] {
-webkit-appearance: none;
}

html, body {
height: 100%;
}

body {
background: #fff;
color:#111;
font-family: 'PT Sans', 'sans-serif';
font-size:15px;
-webkit-text-size-adjust:none;
}

div {
position: relative;
}

img, iframe {
vertical-align:bottom;
}

h1, h2, h3 {
font-family: 'Philosopher', 'sans-serif';
margin: 0 0 10px 0;
}

h1{
font-size:30px;
}

h2{
font-size:24px;
}

h3{
font-size:22px;
}

p {
margin: 0 0 10px 0;
font-size:15px;
line-height:23px;
-webkit-hyphens: auto;
hyphens: auto;
}

p a{
color:#666;
}

p a:hover{
color:#888;
border-bottom:1px dotted #999;
}

hr{
height: 0;
margin: 10px 0;
border-bottom: 1px solid #ccc;
}

.content ul li, .rightcontent ul li{
margin:0 0 5px 30px;
line-height:22px;
}

/* NAVIGATION */

.navigation {
font-size: 17px;
height: 40px;
z-index: 300;
background: #717372;
border-bottom: 1px
}

.navigation ul{
list-style: none;
margin: 0;
}

.navigation ul li{
margin: 0 20px 0 0;
float: left;
position: relative;
height: 40px;
line-height: 40px;
}

.navigation ul li a{
display: block;
color: #fff;
}

.navigation ul li a:hover{
opacity: 0.5;
}

.navigation ul li a.current{
color: #111;
font-weight: bold;
}

.navigation ul ul {
position:absolute; 
left:-15px; 
display:none; 
list-style:none;
z-index: 300;
}
    
.navigation ul li ul li {
float: none;
font-size: 16px;
height:35px;
line-height: 35px;
}
    
.navigation ul ul li a {
display:block;  
margin: 0;
padding:0 20px 0 15px; 
color:#666;
background: #eee;
background: rgba(244,244,244,0.95);
border-top:1px solid #fff;
min-width: 110px;
}
    
.navigation ul ul a:hover {
background: rgba(244,244,244,0.95);
opacity: 1;
color: #aaa;
}

/* LAYOUT */

.bodywrap {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -220px; 
position:relative;
}

.section{
width: 100%;
}

.mainsection{
padding: 10px 0;
}

.mainsection_top{
padding: 10px 0 0 0;
}

.mainsection_bottom{
padding: 0 0 30px 0;
}

.wrap{
width:960px;
margin: 0 auto;
}

.col{
float: left;
margin:0 0 0 0;
}

.col.third{
width:300px;
}

.col.half{
width:465px;
}

.col.two_thirds{
width:630px;
}

.col.full{
width:960px;
}

.col.gap{
background: none;
width:30px;
height: 30px;
}


.header{
background: #fff;
padding: 30px 0;
}

.toprightnav{
position: absolute;
right: 0;
top:10px;
}

.toprightnav a{
display: inline-block;
background: #A89F94;
padding: 3px 5px;
color: #fff;
font-size: 14px;
border-radius: 2px;
}

.toprightnav a:hover{
opacity: 0.5;
}

.topcities{
position: absolute;
right: 0;
top:75px;
color: #868786;
}

.topcities a{
color: #868786;
}

.topcities a:hover{
opacity: 0.7;
}

.red{
color: #BC262C;
}

.lightgrey{
color: #ddd;
}

.grey{
color: #aaa;
}

.white{
color: #fff;
}

.redstripe{
background: #BC262C;
height: 113px;
margin-bottom: 5px;
}

.content{
margin:20px 0;
}

.box{
margin:20px 0 0 0;
background-color: #CACCCB;
min-height: 212px;
}

#box_leistungen{
background-image: url(../img/bg-leistungen.png);
background-repeat: no-repeat;
background-position: bottom;
}

#box_login{
background-image: url(../img/bg-login.png);
background-repeat: no-repeat;
background-position: bottom;
}

.box h2{
padding:5px 15px;
background: #C1222F;
color: #fff;
font-weight: 400;
font-size: 18px; 
margin: 0;
}

.box h3{
padding:15px 15px 0 15px; 
margin: 0;
font-size: 18px; 
font-weight: 500;
}

.box h4{
padding:10px 0 0 15px;
font-size:14px;
}

.box h4 a{
color: #C1222F;
}

.box h4 a:hover{
color: #666666;
text-decoration: none;
}

.box p{
padding:10px 15px 10px 15px; 
margin: 0;
font-size: 14px;
line-height: 19px;
}

.acc{
padding: 10px 0;
}

.acc_btn{
cursor:pointer;
-moz-user-select:none;
-webkit-user-select:none;
font-size: 14px;
padding: 3px 15px 3px 40px;
color: #C1222F;
}

.acc_btn:hover{
opacity:0.7;
}

.acc_btn.on{
font-weight:bold;
color:#C1222F;
border-bottom: 0;
background-image: url(../img/arrow.png);
background-repeat: no-repeat;	
background-position: 13px 3px;
}

.acc_content{
-webkit-transition:opacity .5s, -webkit-transform .5s;
-moz-transition:opacity .5s, -moz-transform .5s;
transition:opacity .5s, transform .5s;
-webkit-transform: scale(.9);
opacity: 0.7;
display: none;
}

.acc_content.on{
-webkit-transform: scale(1);
opacity: 1;
display: block;
}

.acc_content p{
padding:0px 15px 5px 40px; 
}

.mainsection .col.leftcontent{
font-family: 'Philosopher', 'sans-serif';
color: #BC262C;
text-align: right;
width: 250px;
margin: 100px 0 0 0;
}

.leftcontent p{
font-size: 17px;
}

.leftcontent ul li{
font-size: 17px;
direction: rtl;
margin:0 20px 5px 0;
line-height:22px;
}

.mainsection .col.rightcontent{
margin: 40px 0 40px 0;
width: 680px;
}

.contact_right, .map{
position: absolute;
right: 0;
top:50px;
}

.contact{
border-top:1px solid #ccc;
padding: 10px 0;
}

.contact_img{
width: 150px;
float: left;
}

.contact_facts{
width: 280px;
float: left;
}

.contact_job{
width: 250px;
float: left;
}

.partner{
border-bottom: 1px solid #ccc;
padding: 10px 0;
}

.partnerlogo{
width:300px;
float: left;
}

.partnertext{
width:300px;
float: left;
padding: 15px 0 5px 0;
}

.push {
height: 220px;
}

.footer{
height: 180px; 
background: #717372;
padding: 10px 0 30px 0;
font-size: 14px;
line-height: 19px;
}

.section.redlines{
border-top:1px solid #BC262C;
border-bottom: 3px solid #BC262C;
height: 7px;
margin: 0 0 20px 0;
}

.footer .col{
width: 192px;
float: left;
font-family: 'Philosopher', 'sans-serif';
}

.footer a{
color: #fff;
}

.footer a:hover{
opacity: 0.5;
}

/* SLIDES */

.slides_container {
width:300px;
display:none;
}

.slides_container div {
width:300px;
height:113px;
display:block;
}

.slides_container div img{
width:300px;
}

/* FORM */

.form{
padding:10px 0 10px 0;	
}

.form input, .form textarea{
font-family: 'PT Sans', 'sans-serif';
padding:5px;
width:260px;
background:#f6f6f6;
font-size:16px;
color:#777;
margin: 0 0 7px 15px;
}

.form .status{
display:none;
color:#f00;
margin: 0 0 8px 0;
}

.form .submitbutton{
width:270px;
color:#fff;
background:#BC262C;
padding:4px 0;
text-align:center;
display:inline-block;
}

.form .submitbutton:active{
-webkit-transform:scale(0.95);
}

.form_error {
-webkit-animation: shake .1s;
-webkit-animation-iteration-count:3;
-moz-animation: shake .1s;
-moz-animation-iteration-count:3;
animation: shake .1s;
animation-iteration-count:3;
}

@-webkit-keyframes shake
{
0%   {-webkit-transform: translate(0,0)}
33%  {-webkit-transform: translate(-10px,0)}
66%  {-webkit-transform: translate(10px,0)}
100%  {-webkit-transform: translate(0,0)}
}

@-moz-keyframes shake
{
0%   {-moz-transform: translate(0,0)}
33%  {-moz-transform: translate(-10px,0)}
66%  {-moz-transform: translate(10px,0)}
100%  {-moz-transform: translate(0,0)}
}

@keyframes shake
{
0%   {transform: translate(0,0)}
33%  {transform: translate(-10px,0)}
66%  {transform: translate(10px,0)}
100%  {transform: translate(0,0)}
}

.not_selectable{
-moz-user-select:none;
-webkit-user-select:none;
user-select:none;
}

.clearer{
clear:both;
}

.mobile{
display: none;
}