html, body {
width:100%;
height:100%;
margin:0;
}
body {
background:url('../gfx/bg.jpg') #3F2B1F repeat-x;
font-family:Arial;
}
*:focus {
outline : none;
}
a:link {
text-decoration : none;
font-weight : bold;
color : #3F2B1F;
}
a:visited {
text-decoration : underline;
color : #3F2B1F;
}
a:active {
text-decoration : underline;
color:#E4D5B8;
}
a:hover {
text-decoration : underline;
color:#E4D5B8;
}
#balken_links {
float:left;
background:url('../gfx/balken_vert.jpg');
width:34px;
height:100%;
}
#balken_rechts {
float:right;
background:url('../gfx/balken_vert.jpg');
width:34px;
height:100%;
}
#top {
background:url('../gfx/bg1.jpg');
width:1024px;
height:256px;
}
#title {
float:left;
width:950px;
height:100%;
background:url('../gfx/loewe.png') bottom right no-repeat;
}
#menue {
background:url('../gfx/balken_hor.jpg');
width:1024px;
height:40px;
color:#E4D5B8;
}
#main {
background:url('../gfx/bg1.jpg');
max-width:1024px;
}
#content {

}
#div1 {
display:block;
}
#div2 {
display:none;
}
@media only screen and (max-width:1040px) {
body {
background:url('../gfx/bg1.jpg') #3F2B1F repeat-y;
}
#div1 {
display:none;
}
#div2 {
display:block;
}
#top {
width:100%;
}
#title {
min-width:470px;
width:100%;
}
#menue {
width:100%;
}
#menue2 {
height:40px;
color:#E4D5B8;
width:100%;
background:#513A2C;
}
#menue2:hover {
background:#75583E;
}
#main {
width:100%;
}

}