html,body{
margin:0px;
padding:0px;
}
body {
background:url("imgszm/backgrod.jpg") repeat-x right top;
font-family: Verdana;
}
h2{font-size: 110%;}
h3{font-size:80%;}
a, a:link, a:active, a:visited {
text-decoration:none;
color:#000000;
}
a:hover {
text-decoration:none;
color:#000000;
}
#wrapper {
position:relative;
width:850px;
max-width:80%;
margin:0 auto;
}
#header {
position:relative;
}
#banner {
height:149px;
}
#tel{ text-align:center }
#tel img{
max-width:80%;
}
#mobil55 {
font-size: 37px; font-family: Arial Black, Arial; color: #FF6600; background-color:#016D7F;
position: absolute;
left: 1px;
bottom:10px;
}
#telephonq {
font-size: 37px; font-family: Arial Black, Arial; color: #01EDFE; background-color:#016D7F;
right: 1px;
bottom:10px;
position: absolute;
}
#logomb {
font-size: 50px;
font-family: Verdana;
color: #000000;
background-color:#F6EF3E;
padding:20px 2px 10px;
line-height:80px;
text-align:center;
}
#logomb1 {
font-size: 67px; font-family: Verdana; color: #000000; background-color:#F6EF3E;
position:absolute;
top:12px;
left: 21px;
no-repeat left bottom;
z-index:2;
}
#flagiw {
text-align:center;
}
#header_innerBox {
width:80%;
position:absolute;
bottom:0;
}
#bue {
bottom: 26px;
left: 51%;
position: absolute;
}
#wrapper #main #navigation {
display:inline-block;
width:210px;
}
#main {
position:relative;
margin-top:19px;
}
#navigation {
vertical-align:top;
padding-left:8px;
}
#navigation #pricebox,
#navigation ul {
border: 1px solid #C0C0C0;
border-left-width:2px;
border-top-width:0px;
border-bottom-width:0px;
width:178px;
background-color:#FFFFFF;
clear:both;
list-style:none;
padding:0;
margin:0;
}
#navigation ul li {
background-color:#FFFFFF;
font-size:88%;
margin:0;
padding-left:8px;
line-height:140%;
}
#pricebox {
clear:both;
padding:4px 8px;
width:160px;
font-size:12px;
}
#price {
font-size:33px;
}
#content {
font-size:13px;
display:inline-block;
width:610px;
padding:4px;
}
#content img {
margin:8px 16px;
}
#content table {
display:inline-table;
border-collapse: collapse;
}
#titlelinen {
position: relative; top: 5px;
text-align:center;
}
#infobox {
bottom: 5px;
}
#for {
position:relative;
bottom: 5px;
}
#footer {
position:relative;
bottom: 0px;
border-top:1px dashed #c0c0c0;
}
#footer ul {
margin:0px auto;
list-style:none;
text-align:right;
}
#footer ul li {
display:inline-block;
padding: 4px 8px;
margin:0;
}
.clear {
clear:both;
}
.menuBlock {
}
.menuBlockTitle {
background: url("imgszm/topbg.png") repeat-x scroll left bottom transparent;
float: left;
height: 43px;
width: 160px;
font-size:80%;
}
.menuBlockTitle h4 {
padding:10px 0px 0px 12px;
margin:0px;
display:inline-block;
font-weight:bold;
text-shadow: 2px 2px 1px #FFF;
}
.menuBlockCornerRight {
background: url("imgszm/rig.png") no-repeat scroll left bottom transparent;
float: left;
height: 43px;
width: 13px;
}
.menuBlockCornerLeft {
background: url("imgszm/lef.png") no-repeat scroll left bottom transparent;
float: left;
height: 43px;
width: 11px;
}
.menuBlockBottom {
clear:both;
background: url("imgszm/tombg.gif") no-repeat scroll left bottom transparent;
height: 7px;
width: 180px;
}
@media (max-width:860px) {
#logomb{
font-size:56px;
}
#flagiw{
padding:0px 10px;
}
#content{
width:550px;
}
}
@media (max-width:800px) {
#content{
width:500px;
}
}
@media (max-width:750px) {
#content{
width:450px;
}
#logomb {
font-size:42px;
}
}
@media (max-width:700px) {
#content{
width:400px;
}
}
@media (max-width:680px) {
#logomb {
font-size:40px;
}
}
@media (max-width:650px) {
#content{
width:350px;
}
}
@media (max-width:600px) {
#content{
width:300px;
}
#logomb {
font-size:36px;
}
}
@media (max-width:550px) {
#content{
width:250px;
}
}
@media (max-width:520px) {
#logomb {
font-size:32px;
}
}
@media (max-width:500px) {
#content{ width:97%; }
#navigation{ margin: 0px auto; display:block !important; width:190px !important; }
#pricebox{ margin:0px !important;}
}
@media (max-width:440px) {
#logomb {
font-size:28px;
}
}
@media (max-width:380px) {
#logomb {
font-size:22px;
}
}