@media all {

/* Nicht angezeigte Elemente der mobil-Fassung */
#mob {
display: none;
}	
#logomob {
display: none;
}

body {
background-color: rgb(255,255,255);
font-family: arial, helvetica, sans serif;

font-size: 1em;
text-align: center;
margin-left: 0px; 
margin-right: 0px; 
margin-top: 0px; 
margin-bottom: 0px;
background-image: url('handy_back.png');
background-repeat:no-repeat;
}	

#main {
width: 800px;
margin-left: auto;
margin-right: auto;
/*background-color: rgb(255,0,0)*/;
}


#logo {
margin-top: 10px;
margin-left: auto;
margin-right: auto;
/*width: 354px;
height: 67px;
background-image: url('logo_w.png');*/
}	

#spacerweb {
width: 100%;
height: 2px;
background-color: rgb(242,148,0);
/*border-top: 1px solid rgb(220,220,220);
border-bottom: 1px solid rgb(200,200,200);*/
}

#city {
margin-top: 25px;
margin-bottom: 25px;
padding-top: 5px;
padding-bottom: 5px;
width: 100%;
/*background-color: rgb(255,240,217);*/
background-image: url('back_trans.png');
font-size: 1.7em;
color: rgb(242,148,0);
font-weight: 200;
letter-spacing:0.2em;
}

#maintext {
text-align: left;
margin-left: 15px;
margin-right: 15px;

}

h1 {
color: rgb(60,60,60);
font-weight: 600;
font-size: 1.2em;
margin-bottom: -15px;
}

.headerweb {
font-size: 1.5em;
line-height: 1.7em;
color: rgb(242,148,0);
font-weight: 200;
letter-spacing:0.2em;
} 
.subweb {
line-height: 1.1em;
color: rgb(100,100,100);
font-size: 0.9em;
text-decoration: none;
} 

.prodmain {
width: 100%;
margin-top: 20px;
border: 1px solid rgb(242,148,0);
text-align: left;
}

.prodheader {
width: 100%;
height: 40px;
/*background-color: rgb(255,240,217);*/
background-image: url('back_trans.png');
}
.prodheader .headerweb {
margin-left: 15px;
margin-top: 15px;
} 

.prodinfo {
margin: 20px;
}
.prodinfo p, .prodinfo ul, .prodinfo li  {
color: rgb(100,100,100);
font-size: 0.9em;
}
.prodinfo li {
margin-bottom: 10px;
}

.prodinfo a {
text-align: center;
color: rgb(242,148,0);
font-size: 1.3em;
text-decoration: none;
}

#impressum a {
line-height: 4em;
margin-top: 180px;
color: rgb(157,157,157);
text-decoration: none;
font-size: 0.9em;
}
	
}
 
/* ############################################################################
  extra mobile
#############################################################################*/ 
 
@media only screen and (min-device-width: 128px) and (max-device-width: 480px) {
	/* Hier der CSS Code für Smartphones wie z.B. iPhone, Android, WebOS, Windows Phone 7 Geräte o.Ä. */

/* Nicht angezeigte Elemente der mobil-Fassung */
#spacerweb, #prodmain{
display: none;
}	

#web {
display: none;
}

#logo {
display: none;
}


/* Aktivierung mobilteil */
#mob {
display: block;
}	
#logomob {
display: block;
}	
	
	
body {
background-color: rgb(255,255,255);
font-family: arial;
font-size: 1em;
text-align: center;
margin-left: 0px; 
margin-right: 0px; 
margin-top: 0px; 
margin-bottom: 0px;
background-image: none;
}	

a {

}
#main {
width: 100%;
}
	
#logomob {
margin-top: 10px;
margin-left: auto;
margin-right: auto;
/*width: 230px;
height: 40px;
background-image: url('logo_s.png');*/
}	

#city {
margin-top: 25px;
margin-bottom: 25px;
padding-top: 5px;
padding-bottom: 5px;
width: 100%;
background-color: rgb(255,240,217);
font-size: 1.2em;
color: rgb(242,148,0);
font-weight: bold;
letter-spacing:0.2em;
}

#maintextmob {
text-align: left;
margin-left: 15px;
margin-right: 15px;

}

.mainheader {
line-height: 1.2em;
color: rgb(60,60,60);
font-weight: bold;
font-size: 0.9em;
}

.mainsub {
line-height: 1.1em;
color: rgb(150,150,150);
font-size: 0.7em;
text-decoration: none;
} 

#linkmob {
margin-top: 15px;
margin-bottom: 30px;
}

.linklistmob {
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
border-top: 1px solid rgb(220,220,220);
border-bottom: 1px solid rgb(220,220,220);
background-color: rgb(255,245,229);
}



.linklistmob a {
color: rgb(242,148,0);
text-decoration: none;

}

.linklistmob a:hover {
color: rgb(157,157,157);
text-decoration: underline;
}

#impressum a {
margin-top: 60px;
color: rgb(157,157,157);
text-decoration: none;
font-size: 0.7em;
}
	
	
}