html, body {
margin:0;
padding:0;
background-color:#dee;
line-height:1.5em;
font-family:Verdana,sans-serif;
font-size:0.95em;
color:#344;
}

#wrapper {
margin:0 auto;
padding:0;
width:750px;
border:1px solid #9cc;
background-color:#fff;
background-image:url(../images/navi.png);
background-repeat:repeat-y;
}

#header {
margin:0;
padding:20px 60px;
height:100px;
width:630px;
background-color:#cdd;
border-bottom:1px solid #9cc;
font-family:Times,serif;
}

a {
color:#466;
}

h1 {
margin:0;
text-align:center;
line-height:50px;
font-size:21px;
letter-spacing:0.4em;
font-weight:bold;
color:#688;
}

h1 span {
letter-spacing:0.6em;
font-size:27px;
}

h1 a:link, h1 a:visited, h1 a:hover {
text-decoration:none;
color:#688;
}

h2 {
margin:0 0 20px;
letter-spacing:0.8em;
font-size:1.2em;
color:#688;
}

h3 {
margin-top:0;
font-size:1.1em;
color:#466;
}

#content {
float:right;
margin:0;
padding:30px;
width:536px;
}

#message {
margin:20px 0;
border:2px solid #9cc;
padding:10px;
width:270px;
background-color:#eee;
text-align:center;
font-weight:bold;
color:#466;
}

li {
list-style-type:none;
}

#content ul {
padding:0;
margin:0 0 20px;
}

#content li {
margin:0 0 10px;
}

table {
border:1px solid #9cc;
border-collapse:collapse;
}

td, th {
border:1px solid #9cc;
padding:10px;
}

th {
background-color:#dee;
font-size:100%;
color:#466;
}

td.netto, td.tax, td.brutto {
text-align:center;
}

input, textarea {
border:1px solid #9cc;
}

#navi {
margin:0;
padding:0;
width:150px;
font-weight:bold;
color:#688;
}

#navi li {
padding:0;
border:1px solid #f9ffff;
}
#navi span, #navi a {
display:block;
padding:10px 20px;
border-bottom:1px solid #9cc;
}
#navi a {
color:#699;
}
#navi a:link, #navi a:visited, #navi a:hover {
text-decoration:none;
}
#navi a:hover, #navi #here {
background-color:#dee;
}

.clear {
clear:both;
}