@media only screen 
and (min-device-width : 200px)
/*and (max-device-width : 600px)  */
and (max-width : 650px) 
 {
body { 
	background : #fff none; 
	-webkit-text-size-adjust: none;
	}
#page { width : 100%; }
#header, #footer {
	background-image:-moz-linear-gradient(#333, #666);
	background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(#333),to(#666));
	filter: progid:DXImageTransform.Microsoft.gradient( enabled='true', startColorstr=#333, endColorstr=#666, GradientType=0); 
	background-color : #000;
	border-bottom : 1px solid #000;
}
#header .navbar,
#footer .navbar { 
	padding : 5px; 
	background-color : transparent;  
	background : transparent none;  
	}

.headnav a { height : 44px; }
#logo { background-image : url(../img/logo_pressio_m.png); }
#content { padding: 5px; background : #EEECEA none; }

label.blank { display : none; }
#prices, fieldset div.order  { width : 100%; }

#prabatt, 
#pstueck, 
#psumme { font-size : 2.0em; }
.pinfo { font-size : 0.85em;  line-height : 1.5em;  }

 a#comparison span { 
 	/* display : none; */
	padding-top : 5px;
	padding-bottom : 5px;
	} 

img { max-width : 100%;height : auto; }
img.right,
img.left {
	height : auto;
	margin-top : 5px;
	max-width : 35%;
}
#blog img
{
	margin-left : 10px;
	margin-bottom : 5px;
	height : auto;
	max-width : 120px;
}
h1 { font-size : 1.6em;  margin-top : 1em;   }

/*Feedback*/
.feed_l {  width : 100%; }
.feed_r {  width : 93%;  padding-left : 7%;  }

fieldset input,
fieldset textarea, 
fieldset select { 
margin-top : -1px; 
background-image : none;  
border-bottom : 1px solid #666;
}
fieldset input[type=checkbox] {
width : 2em;
height : 2em;
background-color : #423620;
float : left;
margin-right : 5px;
padding-right : 5px;
}
form h1 { font-size : 0.9em; }
form h1 span, form h1 a {   padding-top : 13px;  padding-bottom : 13px;    }

.navbar .i18 {
float : none;
margin-left : auto;
margin-right : auto;
margin : 0 auto 5px auto;
}
.navbar ul li a { 
	height : auto;  
	font-weight : normal;  
	font-size : 0.95em;
	padding : 0.5em;
}

#slides, #examples { margin : -5px;  margin-bottom : 10px;  width : auto; 	}
#slides .slides_container, 
#slides .slides_container div, 
#slides .slides_container img {  height : 136px;  width : auto;   }

#examples .slides_container div{ /* wird per Java-Script zugewiesen */}

ul.list li { font-size : 0.9em; }
ul.list li span  {
	position : static;
	padding : 3px;
	margin-top : 3px;
	float : left;
	}
ul.list li a:hover i { display : none; }
ul.list li a:hover p, 
ul.list li a:hover span
{ display : inherit; }

/* NEUER Footer 2012 mit 6 Menüpunkten */
#footer .navbar { padding : 0px; }
#footer .navbar ul li a { 
	font-size : 0.7em; 
	padding : 0.3em; 
background: rgb(186,186,186); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(186,186,186) 1%, rgb(181,181,181) 49%, rgb(170,170,170) 51%, rgb(194,194,194) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgb(186,186,186)), color-stop(49%,rgb(181,181,181)), color-stop(51%,rgb(170,170,170)), color-stop(100%,rgb(194,194,194))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgb(186,186,186) 1%,rgb(181,181,181) 49%,rgb(170,170,170) 51%,rgb(194,194,194) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgb(186,186,186) 1%,rgb(181,181,181) 49%,rgb(170,170,170) 51%,rgb(194,194,194) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgb(186,186,186) 1%,rgb(181,181,181) 49%,rgb(170,170,170) 51%,rgb(194,194,194) 100%); /* IE10+ */
background: linear-gradient(top,  rgb(186,186,186) 1%,rgb(181,181,181) 49%,rgb(170,170,170) 51%,rgb(194,194,194) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bababa', endColorstr='#c2c2c2',GradientType=0 ); /* IE6-9 */
}


}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 430px) 
and (max-height : 475px) 
and (max-width : 650px) {

/* body { font-size : 90%; } */
.navbar .i18 {
float : left;
margin-top : -2px;
margin-left : 5px;
margin-right : -5px;	
}
#slides .slides_container div, 
#slides .slides_container img {  height : 170px;  }
#slides { display : none; } 
a#comparison span { display : inline; }

}

@media only screen 
and (min-device-width : 200px)
and (max-width : 300px) 
 {
body { font-size : 60%; }
#slides .slides_container, 
#slides .slides_container div, 
#slides .slides_container img {  height : 103px;  }
 }