/**************** Body and tag styles ****************/

*{margin:0; }
html{ height:100.2%; }

body{
 margin:0px;padding:0;
 font-family:verdana;
 color:#333;
 font-size:90%;
 background:#d2e8ff url(images/bg_hell500.jpg)  repeat-x;
 background-attachment:fixed;
 }
#container, #header, #footer {behavior:url(PIE.htc);}
.rot{
        width: 700px;
        margin:-10px auto;
        background:red;
        color:#fff;
        font-weight:bold;
    }
a{
color:#FF0000;
font-weight:bold;
text-decoration:none;
background-color:inherit;
}
a:hover{
 color:#FF0000;
 text-decoration:none;
 background-color:inherit;
 }
a img{border:none;}

p{padding:0 0 0 0;}
p form{margin-top:0; margin-bottom:20px;}

img.left,img.center,img.right{padding:4px; border:1px solid #a0a0a0;}
img.left{float:left; margin:0 12px 5px 0;}
img.center{display:block; margin:0 auto 5px auto;}
img.right{float:right; margin:0 0 5px 12px;}

.browser{position:absolute;top:0;left:50%;margin-left:-350px;}
/**************** Header and navigation styles ****************/
#container{
 position:relative;
 max-width:990px;
 margin:10px auto;
 text-align:left;
 margin-top:90px;
 background:#fff;
box-shadow:0 0 20px #000;
/*  border-radius:10px;*/
 behavior:url(PIE.htc);
}
#header{
 background: url(images/fassade2.jpg) left top ;

 /*border-radius:10px 10px 0 0; behavior:url(PIE.htc);*/
}

#inhalt{
 clear:left;
 min-height:400px;
 width:100%;
 text-align:left;
 background:#FFFFFF;
 border:0px solid black;
 overflow:auto;
}

#menue{float:left;width:200px;padding:20px;background:#fff;;}
#menue ul {list-style:none;}
#menue ul li a{display:block;color:#333;font-weight:normal;padding-top:10px;margin-top:10px;border-bottom:1px solid #000;}
#menue ul li a:hover{background:#ddd}
#menue ul li ul li a{margin-left:20px;;padding-top:5px;margin-top:0px;}



#menue img {margin-bottom:10px;}

#content{
float:right;width:770px;margin-right:20px;padding-top:20px;background:#fff;
}

#content h1{
display:block;
margin:0 0 16px 0;
font-size:16pt;
font-weight:bold;
color:#333;
background-color:inherit;
}

#content h2{
display:block;
margin:0 0 10px 0;
font-size:13pt;
font-weight:bold;
color:#333;
background-color:inherit;
}

#content h2 a{font-weight:normal;}
#content h3{margin:0 0 5px 0; font-size:1.4em; }
#content a:hover,#subcontent a:hover{text-decoration:underline;}
#content ul{margin-left:20px;padding-left:20px}
#content ul li{margin-bottom:5px;}
#content dl{margin:0 5px 10px 25px;}
#content dt{font-weight:bold; margin-bottom:5px;}
#content dd{margin:0 0 10px 15px;}

#content p{
margin:0 0 16px 0;
}
#content1{float:none;padding:20px 10px 20px 40px;border:0px solid black}

/**************** Content styles ****************/
/**************** subcontent styles ****************/

#subcontent{
float:right;
width:355px;
background:#fff;
padding: 20px 0px 0px 0px;
border:0px solid black;
}
#subcontent1 img{margin:0 5px 5px 0; }

#subcontent h2{
display:block;
margin:0 0 10px 0;
font-size:12pt;
font-weight:normal;
text-align:left;
color:#333;
background-color:inherit;
}
#subcontent p{
margin:0 0 16px 0;
font-size:0.9em;
background:#fff
}


#footer{
clear:both;
height:30px;
background:#ccf ;
color:#000;
margin-top:0px;
/*border-radius:0 0 10px 10px; behavior:url(PIE.htc);*/
}
.impressum{width:200px;float:right;margin-top:5px;}
.impressum p{padding:0; margin:0; text-align:center;}
.impressum a{color:#000;text-decoration: none;font-weight:normal;}
.impressum a:hover{color:#000;  text-decoration: underline;}

#counter{width:150px;float:left;margin-top:5px;}


/**************** Misc classes and styles ****************/

.splitcontentleft{float:left; width:48%;}
.splitcontentright{float:right; width:48%;}
.clear{clear:both;}
.small{font-size:0.8em;}
.hide{display:none;}
.textcenter{text-align:center;}
.textright{text-align:right;}
.important{color:#ff0; background-color:inherit; font-weight:bold;}

.box{
 float:left;width:55%;
 margin:0 0 20px 0;
 border:0px solid #c0c0c0;
 background:#fff;
 color:#333;
 line-height:1.5em;
}
.box1, .box2, .box3{float:left;width:32%;margin-right:10px;}

img{border-color:#BBBBBB}


/* ++++++++++++++++++++++++++++++++++++ Header menu +++++++++++++++++++++++++++++++++++++++++++ */

/* end menu */


.display, .adresse-mobil{display:none;}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

@media only screen and (max-width: 960px) {



.display{display:block !important}

#header{height:auto;}


#content, #subcontent{
float:none;
width:100% !important;
padding:10px !important;
}
#subcontent img{width:49%}

.box1, .box2, .box3{float:none;width:100%  !important;margin-bottom:10px;}

#content1{padding:10px;}

}