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

/* general */

body {
font-size: 100%;
line-height: 1.5em;
font-size: medium;
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, textarea {
font-size: 0.8em;
line-height: 1em;
font-family: sans-serif;
}

form {
margin: 0;
padding: 0;
}

a:link {
color: #003366;
}

a:visited {
color: #336666;
}

.invisible {
display: none;
}

table {
border-top: 1px solid #336666;
background-color: white;
}

table table {
border: none;
background-color: white;
}

.menuheader {
height: 0;
line-height: 0;
margin: 0;
padding: 0;
font-size: 0;
background-color: #6699CC;
}

/* header */

#header {
font-size: 0.8em;
line-height: 1.2em;
height: 1.2em;
padding-left: 1em;
vertical-align: middle;
background-color: #6699CC;
color: white;
margin: 0;
padding: 0;
}

#headerpath {
text-align: left;
padding-left: 0.5em;
border-bottom: 1px solid #336666;
}

#headermenu {
text-align: right;
padding-right: 0.5em;
border-bottom: 1px solid #336666;
}

#header a:link, #header a:visited {
color: white;
font-weight: bold;
}

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

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

#location i {
color: #036;
font-style: normal;
font-size: 0.8em;
}

#location form {
margin: 0;
}

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

/* content */

#contentcolumn {
border-bottom: 1px solid #6699CC;
}

#contentheader {
line-height: 2em;
font-size: 1em;
padding-left: 1em;
vertical-align: middle;
background-color: #6699CC;
color: white;
margin-top: 0;
}

#content {
background-color: white;
text-align: justify;
padding: 1.5em 1.5em 2em 1.5em;
border: 0.2em solid #f7f7f7;
border-right: 0.2em solid #f0f0f0;
border-bottom: 0.2em solid #f0f0f0;
margin: 0;
}

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

#content h1 {
color: #99CCFF;
text-align: left;
margin: 0.5em 0 1em 0;
padding: 0;
}

#content h2 {
color: #99CCFF;
text-align: left;
margin: 1em 0 0.5em 0;
padding: 0;
border-bottom: 2px solid #99ccff;
}

#content h3 {
color: #99CCFF;
text-align: left;
margin: 0.5em 0 0.5em 0;
padding: 0;
}

#quicklinks {
background-color: #f7f7f7;
color: #003366;
font-size: 0.8em;
text-align: center;
padding: 0.5em;
margin: 0.5em;
margin-top: 1em;
}

/* leftmenu, rightmenu */

#leftmenu, #rightmenu {
width: 20%;
background-color: #e6eeff;
color: #003366;
border-right: 1px solid #6699CC;
border-left: 1px solid #6699CC;
border-bottom: 1px solid #6699CC;
}

#leftmenu h2, #rightmenu h2 {
line-height: 2em;
font-size: 1em;
vertical-align: middle;
text-align: left;
background-color: #6699CC;
color: white;
padding-left: 1em;
margin: 0;
}

#rightmenu h3 {
line-height: 1.2em;
font-size: 0.8em;
vertical-align: middle;
text-align: left;
background-color: #6699CC;
color: white;
padding-left: 0.5em;
margin: 0.8em 0.8em 0 0.8em;
}

#rightmenu ul {
margin: 0;
padding: 0.5em 0 1em 1.5em;
border-bottom: 1px solid #6699CC;
}

#leftmenu ul {
margin: 0;
padding: 0.5em 0 1em 1.5em;
border-bottom: 1px solid #336666;
}

#leftmenu ul ul {
margin: 0.5em 0 0 0;
border: none;
}

#rightmenu li {
line-height: 1.5em;
font-size: 0.8em;
padding: 0 0 0.2em 0;
}

#leftmenu li {
line-height: 1.5em;
font-size: 0.8em;
padding: 0 0 0.5em 0;
}

#leftmenu li li {
line-height: 1.2em;
}

#search {
font-size: 0.8em;
line-height: 1em;
text-align: center;
margin: 0;
padding: 0.5em 0 0.8em 0;
border-bottom: 1px solid #336666;
}

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

#hotspot {
font-size: 0.8em;
line-height: 1em;
text-align: center;
margin: 0;
padding: 0.5em 0 0.8em 0;
border-bottom: 1px solid #336666;
}
/* footer */

#footer {
width: 100%;
line-height: 2em;
font-size: 1em;
padding-left: 1em;
vertical-align: middle;
text-align: center;
background-color: #6699CC;
color: white;
border-top: 1px solid #336666;
border-bottom: 1px solid #336666;
padding: 0;
margin: 0;
}
         
#footer a:link, #footer a:visited {
color: white;
font-weight: bold;
}

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

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