* {margin:0; padding:0;}

html {
	background: #FEFFA9;
	text-align: center;
}

#container {
width: 750px;
margin: 10px auto;
text-align: left;
}

#header {
	background: #4A5F10 url(/img/karikatur_logo.gif) no-repeat 7px 50%;
height: 85px;
}
#header img {
position: relative;
top: -26px;
left: 685px;
}

#navigation {
height: 180px;
list-style: none; 
display: inline;
border: 0;
}
#navigation li {list-style: none; display: inline;}

#navigation a {
float: left;
padding: 158px 0 0 0;
overflow: hidden;
height: 20px !important;
text-align:center;
height /**/:180px; /* For IE5/Win only */
color:#FFFF99;
}

#navigation a:hover, #navigation a.selected {
background-position: 0px 0px;
color:#18F78C;
}

#home a, #register a, #order a, #caricature a, #contact a {width: 150px;}
#home a {background: url(/img/hjem.gif) 0 -180px no-repeat;}
#register a {background: url(/img/registrer.gif) 0 -180px no-repeat;}
#order a {background: url(/img/bestille.gif) 0 -180px no-repeat;}
#caricature a {background: url(/img/karikatur.gif) 0 -180px no-repeat;}
#contact a {background: url(/img/kontakt.gif) 0 -180px no-repeat;}


#content {
clear: left;
background: #C1C45D;
border-left: solid 2px #4A5F10;
border-right: solid 2px #4A5F10;
padding: 10px;
vertical-align:top;
}

#content a, #content a:visited{
color:#18345A;
text-decoration:underline;
}
#content a:hover{
color:#FFFF00;
}

table {border-style:none;border-collapse:collapse;}
th {margin:0.5em;padding:0.5em;}
.l1 {background-color:#CCCF74;width:50%;}
.l2 {background-color:#DCDF8B;width:50%;}

img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top:1em;
  margin-bottom:1em;
}

.clear {clear:both;}

#footer {
background: #4A5F10;
height: 20px;
text-align: right;
color:#FFFFAD;
padding-right:5px;
}