/**
 * based on code by Sebastian Faubel
 * modified by Christoph Cullmann
 */

/* common (X)HTML formats */

body {
background-color: white;
color: black;
padding: 0;
margin: 0;
}

td, th {
padding: 0;
margin: 0;
text-align: left;
}

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

form {
margin-top: 1em;
margin-bottom: 1em;
}

#location form {
margin: 0;
}

optgroup {
font-style: normal;
}

a:link {
color: #036;
}

a:visited {
color: #555AAA;
}

/* main color definitions */

.invisible {
display: none;
}

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

#r2menu, #r4mirror {
background-color: #8FC1FF;
/*#f9f8f9;*/
}

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

#content {
background-color: #F4F9FF;
text-align: justify;
}

#leftmenu, #content, #rightmenu {
line-height: 1.5em;
}

#leftmenu h2, #rightmenu h2 {
font-size: 1em;
padding-left: 0.5em;
vertical-align: middle;
background-color: #FFFBE6;
border: 2px solid #DDE5F0;
color: black;
margin-top: 0;
margin-bottom: 0;
}

#leftmenu, #rightmenu {
width: 20%;
}

#contentheader {
line-height: 1.5em;
font-size: 1em;
font-weight: bold;
padding-left: 1em;
vertical-align: middle;
background-color: #FFCD19;
border-top: 2px solid #539dec;
border-bottom: 0em solid #539dec;
color: white;
margin-top: 0;
}

#footer {
line-height: 1.5em;
font-size: 1em;
/* font-weight: bold; */
padding-left: 1em;
vertical-align: middle;
background-color: white;
border-top: 2px solid #DDE5F0;
border-bottom: 0em solid #539dec;
/* color: white; */
margin-top: 0;
}

#header {
font-size: 0.8em;
line-height: 1.2em;
height: 1.2em;
padding-left: 0.5em;
vertical-align: middle;
background-color: #FFFBE6;
/* color: white; */
margin-top: 0;
}

#headerpath {
text-align: left;
/* font-weight: bold; */
padding-left: 0.5em;
}

#headermenu {
text-align: right;
/* font-weight: bold; */
padding-right: 0.5em;
}

/* #header a, #footer a {
color: white;
font-weight: bold;
} */

#leftmenu ul, #rightmenu ul {
font-size: 0.8em;
list-style-type:none;
margin-top:1em;
margin-bottom:1em;
padding-left:0.5em;
padding-top:0em;
padding-bottom:0em;
padding-right:0em;
border: 2px solid #DDE5F0;
}

#leftmenu li, #rightmenu li {
font-size: 0.8em;
list-style-type:none;
padding:0em;
}

#rightmenu h3 {
padding-left: 0.5em;
padding-top: 0.3em;
font-size: 1em;
border: 2px solid #DDE5F0;
}

/* classes */

/* static IDs, ordered top to bottom */

#location {
padding-right: 1em;
vertical-align: middle;
text-align: right;
}

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

#location input, #location select {
margin: 2px;
}

#content {
background-color: white;
padding: 0.5em 1.5em 2em 1.5em;
border-left: 0px solid #539dec;
border-right: 0px solid #539dec;
}

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

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

#inpagemenu {
background-color: #f4f9ff;
font-size: 1em;
padding: 1em;
text-align: center;
margin-top: 1em;
border-top: 1px solid #FFCD19;
border-bottom: 1px solid #FFCD19;
}

#leftmenu, #rightmenu {
background-color:#F8FAFD;
/*#F4F9FF;*/
color: #036;
border: 10px solid white;
}

#search {
text-align: center;
padding: 0.5em;
padding-bottom: 0;
border: 2px solid #DDE5F0;
}

#search label {
display: none;
}

#search input, #search select {
width: 95%;
margin-bottom: 2px;
}

#hotspot {
font-size: 0.8em;
line-height: 1em;
text-align: center;
margin-top: 1em;
margin-bottom: 1em;
padding-left: 0.5em;
padding-top: 0em;
padding-bottom: 0em;
padding-right: 0em;
border: 2px solid #DDE5F0;
}

#rightmenu h3 {
margin-bottom: 0;
}

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

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

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