#header {

background-repeat:no-repeat;
float: left;
background-position: left;
width: 320px;
}
#wrapperStellen{
margin:auto;
width:100%}


#wrapper
{
margin: auto;
margin-top: 1%;
}


#logo
{
width: 100%;
margin-top: 3%;
}

#facebookdesktop{
display:none;} 

#facebookmobile{
display:block;}

#anzeigentext{
width:95%;}

.eingerueckt{
margin-left:0%;}

#direkt{
margin-left:-18px; 
text-transform: uppercase; 
letter-spacing: 1px;
font-size:16px; 
color:black;}  

#bluebox{
width:100%;  
font-size:14px;}

#navi
{
width: 100%;
display:none;
margin-bottom:2%;
/*würde hier padding-right:5%; stehen, dann würde der blaue
navi-Kasten um 5% rechts abstehen*/
}
#navi:target
{
width: 98.1%;
display:block; /*damit wird die Navigation wieder einggeblendet*/
margin-bottom:2%;
margin-left: 0%; 
/*würde hier padding-right:5%; stehen, dann würde der blaue
navi-Kasten um 5% rechts abstehen*/
}


#navi li ul li{
width: 98%;
float:left;
margin: left;
}
#navi li:hover > ul{

float:left;
width: 98%;
display:inline-block;  /*damit wird die Unterliste beim Drüberfahren weider sichtbar*/
/*box-shadow: 6px 6px 1px 2px rgba(20,20,20,50);/* li o u re (rot...)*/
position: inherit;
background-color:#005097;/*bezieht sich nur auf den linken Balken der
Unternavigation vor der ganzen ul*/
z-index:27;
margin-left: 0%;  /* !!!!! Ganz wichtig, muss explizit mit "0" ausgewießen sein,
sonst rutscht das U2 niemals wieder nach links in der mobilversion*/
}


#navi li ul > li {
clear: both;
float: none;
    position: relative; /*dadurch werden alle Elemente untereinander angeordnet von li und ul*/    
} 

.menu {
width: 96%;
display:block;
padding-left:4%;
background-color:#dddddd;
margin-top:-0.4%;
padding-top:2.5%;
padding-bottom:2.2%;
position: relative;}

.backtotop {
display:block;}

#aufbau {width: 100%;}

#rechtsbox
{
clear:both;
width: 92%; /*100% Breite minus 4% padding geben 96% Breite,
damit rechts der Rand auch 4% beträgt setze ich die Breite
auf 92%*/
float: left;
padding-left:4%;
}


#onsite
{margin-top:-14px;}
#downsize
{margin-top:0px;}

#content, #maincontent, #content38
{
width: 92%;
float: left;
padding-left:4%;
}

#mittig
{width: 100%;
float: left;
font-stretch: semi-expanded;
}
#mittig2
{width: 100%;
float: left;
}
#mittigPV, #aussenPV
{width: 100%;
float: left;
}

#aussen
{width: 100%;
float: left;
font-stretch: semi-expanded;
}

#facebookbutton
{height: 50%;
width: 50%;
z-index: 100;}



#article
{
width: 100%;
float: left;

}

#footer {

width: 100%;
clear:both;
margin-top: 12%;
bottom: 0px;
text-align:center;
word-spacing:1em;
}

#licence{margin-top: 30%;}

body {
background-image:url(Hintergruende/mobilebackground.png);
	background-repeat:no-repeat;
	background: contain;
	background-position: center top;
	color: black;
	background-color: white;
	font-family: Arial,sans-serif;
  max-width: 360px;
  margin:auto;
  
  }
	
p {font-size: 15px;
  line-height: 1.4em;
  color: black;
  }
  
.eingerueckt{
margin-left:0%;}

#keinefreieStelle{
border:none;}
#keinefreieStelle h2{
margin-left:2%;
width:90%;
font-size:14px;
line-height: 140%;
font-style:bold;}
#keinefreieStelle p{
font-size:14px;
line-height: 140%;
width:90%;
margin-left:2%;}

  
#soziales{margin-right:0%;}
   
.Stil5 {color: black; font-size: 14px; line-height:1.4em; font-variant:normal;}
.Stil6 {color: black; font-size: 120% ; line-height:1.4em; font-variant:normal;}
.Stil1 {color: black; font-size:22px; }
.Stil8 {color: #005097;}

a:visited {text-decoration: none;
	         text-decoration: bold;
            color: black; 
}
a:hover {
	text-decoration: none; 
	color: #005097;
	font-weight: bold;
}
a:active {text-decoration: none;
	text-decoration: none; color: black; 
}
img { border: 0; }
#sozial{width:100%;
margin:auto;}


#one{
width: 100%;
float: left;
}
#two{

width: 100%;
float: left;
}
#three{

width: 100%;
float: left;
}
#four{
width: 100%;
float: left;
}
ul li{list-style-type: disc;
}
ul{text-decoration:none;
font-weight:leighter;
list-style: none;
line-height:1.4;}
ul a{color: black;}
ul a:link {
	text-decoration: none;
  font-variant: thin;
	color: black;
}
ul a:visited {text-decoration: none; color: #cccc; 
}
ul a:hover {
	text-decoration: none; 
	color: #336699;
  font-weight:bold;
}
ul a:active {text-decoration: none;
	text-decoration: none; color: black; 
}


embed{width:100%;
height:auto;}





<!--[if lte IE 8]>

<![endif]-->

</style>