/* 
Stylesheet von Hilmar Boehle
Die Geschichte vom kleinen und vom grossen K
*/

html, body {
margin: 0;
padding: 0;
color: #666;
font-family: "Lucida Grande", Verdana, Arial, sans-serif;
background: #666;
font-size: 11px;
}

a:active,a:focus {
outline:none;
}

#container {
margin: 10px auto 10px auto;
padding: 0;
width: 670px;
background-color: #FFF;
}

h1 {
font-family: Courier, "Courier New", monospace;
font-size: 180%;
line-height: 1.5em;
margin: 0;
padding: 35px 30px 0 0;
width: 170px;
text-align: left;
}

h1 a:link, h1 a:visited {
color: #CCC;
text-decoration: none;
border: none;
}

h1 a:hover {
color: #666;
background: #CCC;
}

h1 a.active {
font-size: 170%;
color: #FFF;
background: #999;
}

#header {
float: left;
width: 100%;
line-height: normal;
background-color: #666;
}

#header ul {
margin: 0;
padding: 10px 10px 0 30px;
list-style: none;
font-size: 90%;
}

#header li {
float: left;
margin-left: 1px;
background: url(gif/tab_bg_1.gif) no-repeat left top;
padding: 0 0 0 9px;
white-space: nowrap;
}

#header a, #header strong, #header span {
display: block;
float: left;
background: url(gif/tab_bg_2.gif) no-repeat right top;
padding: 5px 15px 4px 6px;
text-decoration: none;
font-weight: bold;
color: #FFC;
}

html>body #nav a {
width: auto;
}

/* fixes IE6 hack */

/* Commented Backslash Hack hides rule from IE5-Mac \*/

#header a {
float: none;
}

/* End IE5-Mac hack */

#header a:hover, a:visited {
color: #663;
}

#header #current {
background-image: url(gif/tab_vg_1.gif);
}

#header #current a {
background-image: url(gif/tab_vg_2.gif);
padding-bottom: 5px;
color: #996;
}

#side {
float: right;
width: 250px;
margin: 0;
padding: 25px 0 30px 0;
background-color: #FFF;
background-image: url(gif/rcorner.gif);
background-repeat: no-repeat;
background-position: right top;
}

#textside {
float: right;
width: 20px;
margin: 0;
padding: 0;
background-color: #FFF;
background-image: url(gif/rcorner.gif);
background-repeat: no-repeat;
background-position: right top;
}

#main {
float: left;
width: 370px;
margin: 0;
padding: 25px 0 30px 20px;
background-image: url(gif/lcorner.gif);
background-repeat: no-repeat;
background-position: left top;
}

#text {
float: left;
width: 600px;
margin: 0;
padding: 25px 0 30px 20px;
background-image: url(gif/lcorner.gif);
background-repeat: no-repeat;
background-position: left top;
}

#text p{
padding: 0 100px 0 20px;
}

#text h2 {
margin: 0;
padding: 0 100px 15px 20px;
line-height: 140%;
}

.situ {
padding: 0 0 0 20px;
}

p {
font-size: 11px;
line-height: 180%;
color: #666;
padding-left: 20px;
}

#side p {
margin: 0;
padding: 25px 30px 10px 20px;
}

#footer p {
margin: 0;
padding: 8px 2px 0 0;
text-align: right;
font-family: Courier, "Courier New", monospace;
color: #CCC;
background: #666;
clear: both;
font-size: 10px;
}

.bildunterschrift {
font-size: 10px;
line-height: 120%;
}

a:link, a:visited {
color: #390;
text-decoration: underline;
border: none;
}

#thisform {
color: #999;
}

#thisform label {
font-weight: normal;
color: #660000;
margin-left: 2px;
}

#thisform fieldset {
border: 1px solid #ccc;
padding: 20px 20px;
background: #eee;
border: 1px solid #ccc;
border-bottom-color: #999;
border-right-color: #999;
}

#thisform input, #thisform textarea
{
background-color: #FFF;
}

#thisform legend {
font-weight: bold;
color: #666;
padding: 4px 8px;
margin-left: 12px;
}

#thisform p {
margin: 6px 0 ;
}


.butt {
font-size: 11px;
color: #663; 
background: #eed; 
padding: 2px;
}

.small {
font-size: 10px;
}