* {
margin:0;
padding:0;
border:0
}
html,body {
font:.9em/1.3em Verdana, Arial, Helvetica, sans-serif;
letter-spacing:1px;
background:#FFF;
color:#000;
text-align:left;
}
div#wrapper {
text-align:left;
margin:0 auto;
background:#FFF;
width:700px;
}
div#header {
width:100%;
height:250px;
text-align:center;
padding-top:15px;
background: url(../img/header.jpg) no-repeat
}
div#left {
height:100%;
width:170px;
float:left
}
div#left ul li {
margin:5px;
line-height:22px;
list-style:none;
margin-bottom:2px;
text-align:center;
}
div#left ul li a {
display:block;
width:100%;
color:#000;
background:url(../img/bg.png) repeat-x;
text-decoration:none
}
div#left ul li a:hover {
color:#FFF;
background:url(../img/bg_hover.png) repeat-x;
}
div#left ul li a:active {
color:#FFF;
background:url(../img/bg_hover.png) repeat-x;
}
div#left ul li a:focus {
color:#FFF;
background:url(../img/bg_hover.png) repeat-x;
}
div#content {
margin:5px;
float:left;
height:100%;
width:500px;
background:#FFF;
padding-left: 10px;
padding-bottom:10px;
}
div#footer {
width:100%;
background: url(../img/footer.jpg) no-repeat;
color:#FFF;
height:30px;
clear:left;
}
div#german {
background:url(../img/ger.gif);
width:72px;
height:36px;
z-index:1;
top:180px;
position:absolute;
margin-right:100px;
left: 821px;
}
div#englisch {
background: url(../img/gbr.gif);
width:72px;
height:36px;
z-index:2;
top:237px;
position:absolute;
margin-right:100px;
left: 821px;
}
div#german_small {
background: url(../img/ger_small.gif);
width:20px;
height:10px;
position:absolute;
}
div#englisch_small {
background: url(../img/gbr_small.gif);
width:20px;
height:10px;
position:absolute;
}
div#dutch {
background: url(../img/ned.gif);
width:72px;
height:36px;
z-index:2;
top:295px;
position:absolute;
margin-right:100px;
left: 821px;
}
div#dutch_small {
background: url(../img/ned_small.gif);
width:20px;
height:10px;
position:absolute;
}