/*
 * design by Olaf Jan Schmidt
 * based on code by Sebastian Faubel and Christoph Cullmann
 */

/* general */

body {
font-size: 100%;
line-height: 1.5em;
font-family: sans-serif;
text-align: justify;
background-color: white;
color: black;
padding: 0;
margin: 0;
}

h1 {
font-size: 1.7em;
}

h2 {
font-size: 1.5em;
}

h3 {
font-size: 1em;
}

p {
padding: 0 0 1em 0;
margin: 0;
}

input, select {
font-size: 0.8em;
line-height: 1em;
}

form {
margin: 0;
}

a:link {
color: #000080;
}

a:visited {
color: #990099;
}

.invisible {
display: none;
}

.menuheader {
height: 0;
line-height: 0;
margin: 0;
padding: 0;
font-size: 0;
}

/* header */

#header {
font-size: 0.8em;
line-height: 1.7em;
height: 1.7em;
padding-left: 1em;
vertical-align: middle;
margin: 0;
padding: 0;
}

#headerpath {
text-align: left;
padding-left: 0.5em;
}

#headermenu {
text-align: right;
padding-right: 0.5em;
}

#logo {
background: url('../images/kde_logo_bg.png') transparent repeat;
}

#location {
font-size: 0.8em;
line-height: 1em;
padding-right: 1em;
vertical-align: middle;
text-align: right;
}

#location input, #location select {
font-size: 0.8em;
line-height: 1em;
margin: 2px;
}

/* content */

#contentheader {
line-height: 0em;
font-size: 1em;
padding-left: 1em;
vertical-align: middle;
}

#content {
text-align: justify;
padding: 0.5em 1.5em 2em 1.5em;
border: 1px solid #cccccc;
}

#content td, #content th {
font-family: sans-serif;
line-height: 1em;
padding: 0.25em;
margin: 0;
text-align: left;
}

#content h3, #content h2, #content h1 {
text-align: left;
}

#quicklinks {
font-size: 0.8em;
text-align: center;
padding: 0.5em;
margin: 0.5em;
margin-bottom: 1em;
}

/* leftmenu */

#leftmenu {
width: 20%;
padding-left: 1em;
line-height: 1.5em;
}

#leftmenu h2 {
font-size: 1em;
vertical-align: middle;
text-align: right;
margin: 2em 1em 0.5em 1em;
}

#leftmenu ul {
padding: 0;
margin: 0 0 2em 0;
list-style-type: none;
}

#leftmenu li {
line-height: 1em;
font-size: 0.8em;
text-align: right;
padding: 0.5em 1em 0 0;
}

#leftmenu ul ul {
margin: 0;
padding: 0 1em 1em 2em;
border: 1px solid #cccccc;
}

#leftmenu li li {
line-height: 1em;
font-size: 0.8em;
text-align: right;
padding: 0.5em 0 0 0;
}

/* rightmenu */

#rightmenu {
width: 20%;
padding-right: 1em;
line-height: 1.5em;
}

#rightmenu h2 {
font-size: 1em;
vertical-align: middle;
text-align: left;
margin: 0 1em 0.5em 1em;
padding-top: 2em;
}

#rightmenu h3 {
font-size: 0.8em;
vertical-align: middle;
text-align: left;
margin: 0em 1em 0.5em 1em;
}

#rightmenu ul {
padding: 0;
margin: 0 0 1.5em 0;
list-style-type: none;
}

#rightmenu li {
line-height: 1em;
font-size: 0.8em;
text-align: left;
padding: 0.5em 0 0 1em;
}

/* search */

search {
font-size: 0.8em;
line-height: 1em;
text-align: center;
}

#search input, #search select {
font-size: 0.8em;
line-height: 1em;
width: 85%;
margin-bottom: 2px;
margin-left: 1em;
}

#hotspot {
font-size: 0.8em;
line-height: 1em;
padding-left: 1em;
}

/* footer */

#footer {
line-height: 2em;
font-size: 0.8em;
text-align: center;
vertical-align: middle;
width: 100%;
padding: 0;
margin: 0;
}

.newsbox1 {
background-color: #eeeeee;
margin-top: 1em;
margin-bottom: 0.5em;
}

.newsbox2 {
background-color: white;
margin-top: 1em;
margin-bottom: 0.5em
}