body {
    font-family:Cambria, Georgia, serif;
    font-size:1em;
    margin:0.75em 0 0 0;
    color:#404040}

#hideit img {
    margin-left:-0.5em;}

a {
     color:#1E6E4B;
     text-decoration:none}

a:hover {
     color:#007fc6;}

div#head {
     height:12.4375em;
    background:url('http://manzin.de/img/kopf.jpg') no-repeat left top;
}
@media only screen and (max-width: 768px) {
div#head {
     height:322px;
    background:url('http://manzin.de/img/kopfmobile.jpg') no-repeat 0.75em top !important;
}}

div#head h1 {
    display:none;
    visibility:hidden;}

div#logo {
    float:left;
    margin-left:2.8em}

img#m{
    width:12.5em}

div#name {
    float:left;}

#vorname{
    width:24.0625em;
    margin-top:1em;
    margin-right:3.25em;
    float:left;}

#nachname{
    width:25.875em;
    margin-top:1em;}

div#beschreibung {
     height:7.3125em;
     position:relative;
    }

#italienisch{
     position:absolute;
     bottom:0px;
     right:0px;
    }

#italienisch{
    width:41.7em;}

div#wrap{
    width:99%}

div#mainnav {
    margin-top:1em;
    padding-left:2.8em;
    width:980px;
    border-top:1px solid #a7c7d9;
    border-bottom:1px solid #a7c7d9;}

@media only screen and (max-width: 768px) {
div#mainnav {
    padding-left:1.5em;
}}

#mainnav ul {
    display:inline-block;
    width:100%;
    padding:0;
    margin:0;
    list-style:none}

#mainnav ul li {
    float: left;
    height: 2em;
    padding-left: 6.25em;
    padding-top: 0.5em;
    background:url('http://manzin.de/img/dot.png') no-repeat 3em 1.25em;
}

@media only screen and (max-width: 768px) {
    #mainnav ul li {
    float: none;
    height: 2em;
    padding-left:0;
    padding-top: 0.5em;
    background:none !important;
}}

#mainnav ul li.active {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding-left: 0;
    }

#mainnav ul li.sprache {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin-top: 0.45em;
    padding-left: 0;
    padding-right: 5em;
}

#mainnav ul li.last {
    padding-right:0}

#mainnav ul li a{
    font-size:1.5em;}


#mainnav ul li span{
    font-size:1.5em;
    color:#007fc6;}

 #mainnav .lang {
    font-family:Helvetica, Arial, sans-serif;
    font-size:0.85em;
    text-transform:uppercase}

#getit {
    float:left;}

#hideit {
    float:left;}

@media only screen and (max-width: 768px) {
#hideit {
    float:none;}}

@media only screen and (max-width: 768px) {
#getit {
    float:none;}}

#navi01 {
    float:left;
    padding-top:2.25em;
    width:17em !important;
    background:#fff;}

@media only screen and (max-width: 768px) {
#navi01 {
    float:none;
    padding-top:2.25em;
    width:100% !important;
    background:#fff;}}

#navi01 ul {
    display:inline-block;
    padding:0;
    margin:0;
    list-style:none}

#navi01 ul li {
    padding:0.75em 0 0.75em 2.8em;
    width:14.25em;
    border-bottom:1px dotted #007fc6}

#navi01 ul li.first {
    padding-top:0.25em;
    }

#navi01 ul li.last {
    border-bottom:2px solid #007fc6;
    }

#navi01 ul li.mitsub {
    border-bottom:none 0;
    }

#navi01 ul li.sub {
    border-bottom:none 0;
    }

#navi01 ul li.sublast {
    border-bottom:1px dotted #007fc6;
    }

#navi01 ul li.sub a {
    font-size:1.2em;
    }

#navi01 ul li.sublast a {
    font-size:1.2em;
    }

#navi01 ul li.pos {
    background:url('http://manzin.de/img/pos.png') no-repeat left bottom;}

#navi01 ul li.pos a {
    color:#007fc6;}


#navi01 ul li a{
    font-size:1.5em;}


#navi02 {
    padding-top:2.25em;
    background:#fff;}

#navi02 ul {
    display:inline-block;
    padding:0;
    margin:0;
    list-style:none}

#navi02 ul li {
    padding:0.75em 0 0.75em 3.25em;
    width:14.75em;
    border-bottom:1px dotted #007fc6}

#navi02 ul li.first {
    padding-top:0.25em;
    }

#navi02 ul li.last {
    border-bottom:2px solid #007fc6;
    }

#navi02 ul li a{
    font-size:1.5em;}

#main {
    width:100%;
    max-width:1030px;}

#content {
    background: -moz-linear-gradient(top,  #fff 0%, #e5f2fa 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#e5f2fa));
    background: -webkit-linear-gradient(top,  #fff 0%,#e5f2fa 100%);
    background: -o-linear-gradient(top,  #fff 0%,#e5f2fa 100%);
    background: -ms-linear-gradient(top,  #fff 0%,#e5f2fa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#e5f2fa',GradientType=0 );
    background-repeat: no-repeat;
    padding-top:2.25em;
    padding-left:2.8em;
    overflow:hidden;
    min-height:37.5em;}

@media only screen and (max-width: 768px) {
#content {
    padding-left:1.5em;
}}

#content h2 {
    margin:0;
    margin-left:2em;
    font-size:1.75em;}

#content .home h2 {
    margin:0;
    margin-left:0;
    padding-top:3em;
    font-size:1.75em;}

@media only screen and (max-width: 768px) {
    #content .home h2 {
    padding-top:0;}}

#content p {
    padding-left:3.5em;
    padding-right:8em;
    font-size:1.05em;
    line-height:1.6}

@media only screen and (max-width: 768px) {
    #content p {
    padding-right:5%;
    padding-left:5%;}}

#content .home  {
    float:left;
    width:25%}

@media only screen and (max-width: 768px) {
#content .home  {
    width:100%}}

@media only screen and (max-width: 768px) {
#content .home  {
    float:none;}}

#content .home p {
    padding-left:0;
    padding-right:2em;
    font-size:1.25em;
    line-height:1.6}

#content .start  {
    float:left}

@media only screen and (max-width: 768px) {
#content .start  {
    float:none}}

.start img {
    margin-right:2em;
    margin-bottom:2em;
    -moz-border-radius: 17px;
    -webkit-border-radius: 17px;
    border-radius: 17px;}

@media only screen and (max-width: 768px) {
.start img {
    width:300px}}

@media only screen and (max-width: 1032px) {
.start img {
    width:402px}}

#content p a{
    color:#3939a9}

#content p img {
    width:37em;
    margin: 1em 0 1em 0;
    text-align:center;
    -moz-border-radius: 17px;
    -webkit-border-radius: 17px;
    border-radius: 17px;
    }

@media only screen and (max-width: 768px) {
#content p img  {
    width:300px}}

#content p img.four  {
    width:447px;
    }

@media only screen and (max-width: 768px) {
#content p img.four  {
    width:300px}}

div#foot {
    width:100%;
    padding-top:0.75em;
    padding-bottom:0.75em;
    margin-bottom:1em;
    max-width:1030px;
    border-top:1px solid #a7c7da;
    border-bottom:1px solid #a7c7da;}

div#foot, div#foot div  {
    float:left;}

#adress {
  font-size: 1.15em;
  color: #007fc6;
  text-transform: uppercase;
    padding-left:2.8em;}

@media only screen and (max-width: 768px) {
    #adress {
    padding-left:1.5em;}}

#phone {
    font-size: 1.15em;
    color: #007fc6;
    padding-left:1.5em;}

#social{
    padding-left:1.5em;}

@media only screen and (max-width: 768px) {
div#foot div {
    padding-bottom: 0.65em;
    float:none;}}

ul#socialbookmarks {
    display:inline-block;list-style:none;margin:0; padding:0}

ul#socialbookmarks li{
    padding-right:1.33em;
    float:left}

.facebook {
    width:13px;height:24px; background:url("http://manzin.de/img/socialicons.png") 0 0 no-repeat}

.facebook a {
    width:13px;height:24px; display:block}

.twitter {
    width:29px;height:24px; background:url("http://manzin.de/img/socialicons.png") -34px 0 no-repeat}

.twitter a {
    width:29px;height:24px; display:block}

.linkedin {
    width:26px;height:24px; background:url("http://manzin.de/img/socialicons.png") -84px 0 no-repeat}

.linkedin a {
    width:26px;height:24px; display:block}

.xing {
    width:22px;height:24px; background:url("http://manzin.de/img/socialicons.png") -132px 0 no-repeat}

.xing a {
    width:22px;height:24px; display:block}

.google {
    width:28px;height:24px; background:url("http://manzin.de/img/socialicons.png") -175px 0 no-repeat}

.google a {
    width:28px;height:24px; display:block}

ul#footnavigation {
    display:inline-block;list-style:none;margin:0; padding:0}

ul#footnavigation li{
    float:left;
    padding-right:1em;}

ul#footnavigation li a{
    font-size:1.15em;}

ul#footnavigation li a.mail{
    font-weight:bold;}

#social, #navifoot {
padding-top:2px;}

div#foot #navifoot {
  padding-left: 32px;
  font-size: 0.8em;
  padding-top: 0.55em;
}

@media (min-width: 767px) and (max-width: 950px) {
  div#foot #navifoot {
padding-left:56px;}
}