/* Import font from Google fonts */
/*@import url(http://fonts.googleapis.com/css?family=Open+Sans);*/
/*@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700);*/
/*@import url(http://fonts.googleapis.com/css?family=PT+Sans|PT+Sans+Narrow);*/
/*  @import url(http://fonts.googleapis.com/css?family=Ubuntu);*/
/*  @import url(http://fonts.googleapis.com/css?family=Ubuntu+Condensed);*/

@import url(https://fonts.googleapis.com/css?family=Quicksand);
@import url(https://fonts.googleapis.com/css?family=Martel);


html, body {
        background:#FFFFFF;
        }
body img {max-width:100%;height:auto;}

body {
        margin:0;
        padding:0px;
        font-family: 'Quicksand', 'Arial', sans-serif;
        color:#2d2d2d;


}

.hyphens
{
/* hyphens */
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
}


#wrap {
        max-width:950px;
        margin:0 auto;
        padding:5px;
       }

#wrap2 {
        max-width:950px;
        margin:0 auto;
       }

#cleaner {
                clear:both;
                height:0px;
                border:none;
                margin:0; padding:0;
                background:transparent;
           }

.header-bild-box{
        position: relative;
        width: 50%;                /* desired width */
}
.header-bild-box:before{
        content: "";
        display: block;
        padding-top: 45%;         /* initial ratio */
}


#top_container {
background:#FFFFFF;
background-image:url(../bground/header-versorgungsmanagement.jpg);
background-repeat:no-repeat;
background-size: cover;
background-position:right bottom;
border-bottom: 3px solid #093f5d;
                }

#top_container2 {
text-align:center;
background-image:url(../bground/transparent_20.png);
border-bottom:1px solid #093e5d;
                }

#main-nav {margin-top:30px;}

#bild-oben
{
height:300px;
background:#d0dde6;
background-image:url(../bild_oben/dresdner-versorgungsmanagement.jpg);
background-repeat:no-repeat;
background-position:top center;
background-size: cover;
}

.text-oben
{
display:block;
margin-top:20px;
margin-bottom:-190px;
}

.hidden_768 {display:none;}


#grey_container {background:#98989b;padding-top:1px;color:#FFFFFF;}


#dreiecke_container {

background:#FFFFFF;
background-image:url(../bground/bg_dreiecke.png);
background-repeat:no-repeat;
background-position:bottom left;

}



#box_kreis {
    display:box;
    background-color: #093f5d;
    width: 100px;
    height: 100px;
    text-align: center;
    border-radius: 50px;
    border: 1px solid #093f5d;
    margin:auto;

}

.in-kreis

{
    display:box;
    color:#FFFFFF;
    font-size:110px;
    margin-top:-20px;


}



#footer {

background:#333333;
background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #444343), color-stop(100%, #2d2d2d));
background-image: -webkit-linear-gradient(to bottom, #444343, #2d2d2d);
background-image: -moz-linear-gradient(to bottom, #444343, #2d2d2d);
background-image: -o-linear-gradient(to bottom, #444343, #2d2d2d);
background-image: linear-gradient(to bottom, #444343, #2d2d2d); color:#FFFFFF;

         }


#footer_impress {padding:10px;font-size:93%;}

#footer_container {width:100%;font-size:90%;}

#footer_container a

{
color:#FFFFFF;
}

.center {text-align:center;}
.right {text-align:right;}

.width_100 {width:100%;}
.height_100 {height:100%;}

.vertical-center {vertical-align:middle;}

.table {display:table;}
.table-cell {display:table-cell;}


.logo_menu {display:box; float:left;margin-top:-60px;margin-bottom:10px;}

.logo_top {margin:15px; margin-top:30px;}

.blauer_balken {
margin-left:-110px;
background-color:#173f5d;
padding:20px;
font-weight:bold;
font-size:120%;
}


.btn {
  background: #284a94;
  background-image: -webkit-linear-gradient(top, #284a94, #1e356b);
  background-image: -moz-linear-gradient(top, #284a94, #1e356b);
  background-image: -ms-linear-gradient(top, #284a94, #1e356b);
  background-image: -o-linear-gradient(top, #284a94, #1e356b);
  background-image: linear-gradient(to bottom, #284a94, #1e356b);
  -webkit-border-radius: 13;
  -moz-border-radius: 13;
  border-radius: 13px;
  text-shadow: 1px 1px 2px #666666;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #434242;
  background-image: -webkit-linear-gradient(top, #434242, #2d2d2d);
  background-image: -moz-linear-gradient(top, #434242, #2d2d2d);
  background-image: -ms-linear-gradient(top, #434242, #2d2d2d);
  background-image: -o-linear-gradient(top, #434242, #2d2d2d);
  background-image: linear-gradient(to bottom, #434242, #2d2d2d);
  text-decoration: none;
}



@media (max-width: 768px)

{
.logo_menu {display: none;}

.show_768   {display:none;}
.hidden_768 {display:block;}

.header-bild-box{
        position: relative;
        width: 50%;                /* desired width */
}
.header-bild-box:before{
        content: "";
        display: block;
        padding-top: 95%;         /* initial ratio */
}

.text-oben
{
display:block;
margin-top:20px;
margin-bottom: 20px;
}

#top_container {
background:#FFFFFF;
background-image:url(../bground/header-versorgungsmanagement.jpg);
background-repeat:no-repeat;
background-size: 170%;
background-position:-200px bottom;
border-bottom: 3px solid #093f5d;
                }

#top_container h2
{
text-shadow:
0 1px 0  #fff,
0 -1px 0 #fff,
1px 0 0  #fff,
-1px 0 0 #fff;
}


.blauer_balken {
margin-left:0px;
padding:10px;
font-weight:bold;
font-size:120%;
}

}



@media (min-width: 768px)

{
.logo_top {display: none;}
}