* {margin: 0;padding: 0;}
img {border:0;}
.pagemargins {max-width: 1921px;}

a{color:#012ABC;text-decoration:none;}
a:hover{color:#0138FD;text-decoration:underline;}

body{
    background-image: url("../images/bgfull.jpg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    font-family: 'Roboto', sans-serif;
    font-size: 100.01%;
    line-height: 1.2em;
    text-align: left;
    min-width:320px;
    }

div#bodywrapper {
    width:100%;
    margin:0 auto;
    } 

div#kopftext{
    margin: 0 auto 0;
    padding:0;
    }

div#nav{position:relative;top:0; margin: 0 auto 0;padding:1% 0 0.3% 0;text-align:center;}
div#nav li a{padding: 0.5% 1.5% 0.1% 1.5%;background-color:#fff;border:1px solid #e2e2e2;box-shadow: 3px 3px 2px #DDD;}
div#nav li a:hover{background-color:#F2F2F2;border:1px solid #e2e2e2;box-shadow: 3px 3px 2px #DDD;}

.navigation{font-size:1.1em;font-weight:bold;text-align:center;list-style:none;color:#177ADC;display:inline;}

li.navigation2 a{padding: 0 2% 0 2%;}
li.navigation2 a:hover {padding: 0.1% 2% 0.1% 2%;background-color:#FFF;}
.navigation2{font-size:1.1em;text-align:center;list-style:none;color:#177ADC;display:inline;}

div#textteil li{
    text-align: left;
    margin: 0 0 0.25em 3em;
}
img.halbbild {width:46%;margin:1%;}
img.drittelbild{width:30%;margin:1%;}
img.vollbild{width:85%;margin:5%;}
img.fuenftelbild{width:18%;margin:1%;float:left;}

#imagelightbox
{
    position: fixed;
    z-index: 9999;
}

table td {padding: 10px;}
table td img {border: solid 1px #bbb;}

div#content{
    text-align: left;
    line-height: 1.5em;
    margin:0;
}

*#content:after {
content:'';
display:block;
clear:both;
}

.clear{clear:both;}

.rot{color:#FF0000;}

h2{line-height:1.2em;color:#666;padding:0;}

div#textteil{
    text-align: left;
    float:left;
    width:46%;
    margin: 1em 1% 1em 1% ;
    padding: 1em 1% 2em 1%;
    }
div.sitecont{width: 30%;height:250px;float:left;}
div.sitelink{width: 90%;text-align:center;padding:0.1em 0 0.1em 0;}
div.siteimg{width: 90%;text-align:center;}
.siteimg img{width: 100%;}

  

div#adresdata{
    display: block;
    text-align: left;
    width:20%;
    padding:1em 1% 2em 1%;
    margin:1em 1% 1em 1%;
    float:left;
    border:1px solid #e2e2e2;
    box-shadow: 3px 3px 2px #DDD;
}
    
div#adresdata2{
    display: none;
    text-align: left;
    width:20%;
    padding:1em 1% 2em 1%;
    margin:1em 1% 1em 1%;
    float:left;
    border:1px solid #e2e2e2;
    box-shadow: 3px 3px 2px #DDD;
}

img.adresdata{width:98%;}

div#news{
    width:21%;
    padding:1em 1% 2em 1%;
    margin:1em 1% 1em 1%;
    float:left;
    text-align: left;
    border:1px solid #e2e2e2;
    box-shadow: 3px 3px 2px #DDD;
    }
    
div#txtimg{width:100%;float:left;display:block;}
img.txtimg{width:30%;margin:0 2% 0 0;float:left;}

div#footback{
    background-color:#f4f4f4;
    width:96%;
    margin: 0 auto;
    padding: 1em 2% 1em 2%;
    }
    
div#footer{background-color:#f4f4f4;color:#333;font-size:80%;font-weight:bold;text-align:center;}

input {background-color:#f8f8f8;border:1px solid #ccc;}
textarea {background-color:#f8f8f8;border:1px solid #ccc;}

@media screen and (min-width: 1680px) and (max-width: 1920px) 
{
div#bodywrapper{width:100%;}
div#textteil{float:left;width:46%;margin:1em 1% 1em 1%;padding: 1em 1% 2em 1%;}

.mapsize{width:720px;height:600px;}
}

@media screen and (min-width: 1280px) and (max-width: 1679px) 
{
body{font-size: 90.01%;line-height: 1.3em;}
div#bodywrapper{width:100%;}
div#textteil{float:left;width:46%;margin:1em 1% 1em 1%;padding: 1em 1% 2em 1%;}

.mapsize{width:520px;height:600px;}
}

@media screen and (min-width: 960px) and (max-width: 1279px)
{
body{font-size: 90.01%;line-height: 1.3em;}
div#bodywrapper{width:100%;}
div#textteil{float:left;width:45%;margin:1em 1% 1em 1%;padding: 1em 1% 2em 1%;}
div.sitecont{width: 30%;height:200px;float:left;}

.mapsize{width:420px;height:600px;}
}

@media screen and (min-width: 600px) and (max-width: 959px) 
{
body{font-size: 90.01%;line-height: 1.3em;}
div#bodywrapper{width:98%;}
div#textteil{float:left; width:92%;margin:1em 1% 1em 2%;padding: 1em 2% 2em 2%;}
div#adresdata{display:none}
div#adresdata2{display:block;width:42%;padding:1em 2% 2em 2%;margin:1em 1% 1em 0.5%;float:right;}
div#news{width:41%;padding:1em 2% 2em 2%;margin:1em 0.5% 1em 2%;float:left;}
div.sitecont{width: 30%;height:220px;float:left;}


.navigation{font-size:1.0em;}
.mapsize{width:500px;height:600px;}
}

@media screen and (min-width: 320px) and (max-width: 599px) 
{
body{font-size: 80.01%;line-height: 1.3em;min-width: 320px; }
div#bodywrapper{width:98%;}
div#textteil{float:left; width:92%;margin:1em 1% 1em 2%;padding: 1em 2% 2em 2%;}
div#rightblock{float:left;width:99%;margin:0;padding:0;}
div#adresdata{display:none}
div#adresdata2{display:block;width:92%;padding:1em 2% 2em 2%;margin:1em 0% 1em 2%;float:left;}
div#news{width:91%;padding:1em 2% 2em 2%;margin:1em 0.5% 1em 2%;float:left;}
div.sitecont{width: 50%;height:230px;float:left;}

.navigation{font-size:1.05em;}
.mapsize{width:320px;height:500px;}
}

@media screen and (min-width: 30px) and (max-width: 320px)
{
body{font-size: 80.01%;line-height: 1.3em;min-width: 320px; }
div#bodywrapper{width:98%;}
div#textteil{float:left; width:92%;margin:1em 1% 1em 2%;padding: 1em 2% 2em 2%;}
div#rightblock{float:left;width:99%;margin:0;padding:0;}
div#adresdata{display:none}
div#adresdata2{display:block;width:92%;padding:1em 2% 2em 2%;margin:1em 1% 1em 0.5%;float:left;}
div#news{width:92%;padding:1em 2% 2em 2%;margin:1em 1% 1em 0.5%;float:left;}
div.sitecont{width: 50%;height:200px;float:left;}

.navigation{font-size:1.1em;}
.mapsize{width:320px;height:500px;}
}