*{
         margin: 0px;

}

body{
         background-color: transparent;
         color: #333333;
         font-size: 0.8em;
         font-family:  arial, verdana, sans serif;
         width: 100%;
         height: 100%;
}

#wrapper{
         background-color: transparent;
         width: 100%;
        }

/* nav */
.navGross{
         position: absolute;
         top: 20px;
         margin: 5px 0;
         display: none;
         }

.navGrossRecht{
         display: none;
         }


.nav{    position: absolute;
         top: 20px;
         margin: 5px 0;
         display: inline-block;
         z-index: 10000; }

/* nav ende*/

#logoGross{
         top: 9%;
         display: none;
         }

#linie3Klein {
         margin-top: 10px;
         text-align: center;
         font-size: 0.8em;
         display:none;
         }

a:link    {background: transparent none; font-size: 1.0em; color:#ffffff; font-weight: bold;  text-decoration: none;}
a:visited {background: transparent none; font-size: 1.0em; color:#ffffff; font-weight: bold;  text-decoration: none;}
a:hover   {background: transparent none; font-size: 1.0em; color:#C5D1E9; font-weight: bold;  text-decoration: none;}
a:active  {background: transparent none; font-size: 1.0em; color:#C5D1E9; font-weight: bold;  text-decoration: none;}

a.recht:link    {background: transparent none; font-size: 0.8em; color:#ffffff; font-weight: bold;  text-decoration: none;}
a.recht:visited {background: transparent none; font-size: 0.8em; color:#ffffff; font-weight: bold;  text-decoration: none;}
a.recht:hover   {background: transparent none; font-size: 0.8em; color:#000000; font-weight: bold;  text-decoration: none;}
a.recht:active  {background: transparent none; font-size: 0.8em; color:#000000; font-weight: bold;  text-decoration: none;}

a.on:link    {background: transparent none; font-size: 1.0em; color:#000000; font-weight: bold;  text-decoration: none;}
a.on:visited {background: transparent none; font-size: 1.0em; color:#000000; font-weight: bold;  text-decoration: none;}
a.on:hover   {background: transparent none; font-size: 1.0em; color:#000000; font-weight: bold;  text-decoration: none;}
a.on:active  {background: transparent none; font-size: 1.0em; color:#000000; font-weight: bold;  text-decoration: none;}

a.onRecht:link    {background: transparent none; font-size: 0.8em; color:#000000; font-weight: bold;  text-decoration: none;}
a.onRecht:visited {background: transparent none; font-size: 0.8em; color:#000000; font-weight: bold;  text-decoration: none;}
a.onRecht:hover   {background: transparent none; font-size: 0.8em; color:#000000; font-weight: bold;  text-decoration: none;}
a.onRecht:active  {background: transparent none; font-size: 0.8em; color:#000000; font-weight: bold;  text-decoration: none;}

a.adress:link    {background: transparent none; font-size: 1.0em; color:#E511BB; font-weight: bold;  text-decoration: none;}
a.adress:visited {background: transparent none; font-size: 1.0em; color:#000000; font-weight: bold;  text-decoration: none;}
a.adress:hover   {background: transparent none; font-size: 1.0em; color:#000000; font-weight: bold;  text-decoration: none;}
a.adress:active  {background: transparent none; font-size: 1.0em; color:#000000; font-weight: bold;  text-decoration: none;}

a.small:link    {background: transparent none; font-size: 1.0em; color:#C5D1E9; font-weight: bold;  text-decoration: none;}
a.small:visited {background: transparent none; font-size: 1.0em; color:#C5D1E9; font-weight: bold;  text-decoration: none;}
a.small:hover   {background: transparent none; font-size: 1.0em; color:#C5D1E9; font-weight: bold;  text-decoration: none;}
a.small:active  {background: transparent none; font-size: 1.0em; color:#C5D1E9; font-weight: bold;  text-decoration: none;}

h1{      font-size: 18px;
         padding-bottom: 3%;
         color: #596DA0;
         }

h2{      font-size: 5em;
         padding-bottom: 3%;
         color: #ffffff;
         }

h3{      font-size: 1.0em;
         padding-bottom: 3%;
         color: #aaaaaa;
         }

img{
        max-width: 100%;
        max-height: 100%;
        }


.nav ul li {
padding-bottom: 15px;
}

.schriftLeistungen{
         color: #B5C5E7;
         font-size: 19px;
         }

ul{
         list-style-type: square;
         }

ul li{
         margin: 5px;
         }







@media all and (min-width: 1024px) and (max-width: 3000px) {


#wrapper{
         background-image: url("../bilder/background3000.jpg");
         position: absolute;
         background-repeat: no-repeat;
         width: 100%;
}
#linie1 {
         position: relative;
         margin-top: 347px;
         }

.space{ padding-right: 150px;}

.navGross{
         margin-top: 353px;
         float: left;
         margin-left: 150px;
         display: block;
         width: 40%
         }

.navGross a{
         padding-right: 20px;
         }

.navGrossRecht{
         margin-top: 12px;
         float: right;
         margin-left: 10px;
         display: block;
         width: 40%
         }

.navGrossRecht a{
         padding-right: 10px;
         padding-left: 10px;
         }

.nav{
         position: relative;
         display: none;
         }

#linie2 {position: relative;
         margin-top: 40px;
         }

#wrapperContent{
         position: absolute;
         width: 100%;
         }

#content1{
         position: absolute;
         width: 30%;
         margin-top:50px;
         margin-left: 10%;
         }

#content2{
         position: absolute;
         width: 35%;
         margin-top:50px;
         margin-right: 5%;
         margin-left: 43%;
         }

#content3{
         position: absolute;
         float: right;
         width: 25%;
         margin-top:50px;
         margin-right: 5%;
         margin-left: 70%;
         }

#linie3 {clear: both;
         margin-top: 500px;
         text-align: center;
         }

.spacing{ padding-right: 40px;
padding-bottom: 40px;
}
         }









@media all and (min-width: 720px) and (max-width: 1023px) {

#wrapper{
         background-image: url("../bilder/background1024.jpg");
         position: absolute;
         background-repeat: no-repeat;
}
#linie1 {
         position: relative;
         margin-top: 180px;
         }

.space{ padding-right: 120px;}

.navGross{
         margin-top: 185px;
         float: left;
         margin-left: 70px;
         display: block;
         }

.navGross a{
         padding-right: 12px;
         }

.navGrossRecht{
         position: absolute;
         left: 57%;
         margin-top: 12px;
         display: block;
         }

.navGrossRecht a{
         padding-right: 3px;
         padding-left: 5px;
         }

.nav{
         position: relative;
         display: none;
         }

#linie2 {position: relative;
         margin-top: 40px;
         }

#wrapperContent{
         position: absolute;
         width: 100%;
         }

#content1{
         position: relative;
         float: left;
         width: 30%;
         margin-top:50px;
         margin-left: 5%;
         }

#content2{
         position: relative;
         float: right;
         width: 48%;
         margin-top:50px;
         margin-right: 5%;
         }

#content3{
         clear: both;
         position: relative;
         width: 90%;
         margin-top:50px;
         margin-left: 5%;
         margin-right: 5%;
         }

#linie3 {
         margin-top: 700px;
         text-align: center;
         font-size: 0.8em;
         }

.spacing{ padding-right: 20px;
padding-bottom: 20px;
}

}









@media all and (min-width: 180px) and (max-width: 719px) {

#wrapper{
         background-image: url("../bilder/background600.jpg");
         position: absolute;
         background-repeat: no-repeat;
         }


#linie1 {
         position: relative;
         margin-top: 320px;
         display: none;
         }

.space{ padding-right: 120px;}

.nav ul{
         width: 190px;
         padding: 10px;
         margin-top: 120px;
         margin-left: 10px;
         margin-bottom: 10px;
         }

#nav{
         display:block;
         float: left;
         z-index: 10000;   }

.nav li{
         display: none; /* hide all <li> items */
         margin: 0;
         }

.nav .current{
         display: block; /* show only current <li> item */
         }

.nav a{
         display: block;
         }

.nav .current a{
         background: none;
         display: block;
         }

.nav ul:hover{
         width: 160px;
         background-color: #ffffff;
         border: solid;
         border-width: 1px;
         border-color: #C4D2A6;
         }

.nav ul:hover li{
         display: block;
         margin: 5 5 5%;
         }

#linie2 {position: relative;
         margin-top: 40px;
         display: none;
         }

#content1{
         position: relative;
         width: 90%;
         margin-top:200px;
         margin-left: 5%;
         }

#content2{
         position: relative;
         margin-top:20px;
         margin-left: 5%;
         margin-right: 10%;
         width: 90%;
         }

#content3{
         position: relative;
         margin-top:20px;
         margin-left: 5%;
         margin-right: 10%;
         width: 90%;
         }

#linie3Klein {
         position: relative;
         margin-top: 10px;
         text-align: center;
         font-size: 0.8em;
         display: block;
         }

#linie3 {
         margin-top: 10px;
         text-align: center;
         font-size: 0.8em;
         display:none;
         }
.spacing{ padding-right: 80px;
padding-bottom: 20px;
}
}