/*Stylesheet for www.schael.de*/
body, html {
margin: 0;
padding: 0;
background: #FFF;
font: normal 11px verdana, arial, helvetica, sans-serif;
color: #696969;
}
body {
min-width: 820px;
}
a {
outline: none;
}
#frame {
margin: 10px auto;
width: 820px;
background: #FFF;
}
/*Start of all header elements, which are the same on all pages*/
#top{
margin: 0px;
padding: 0px 20px;
text-align: right;
color: #696969;
}
#top a {
font: normal small-caps 12px arial, helvetica, sans-serif;
color: #696969;
text-decoration: none;
}
#top a:hover {
font: normal small-caps 12px arial, helvetica, sans-serif;
color: #696969;
text-decoration: underline;
}
/*The logo sits in this div*/
#picture {
height: 80px;
margin: 0;
padding: 0;
background: url('images/logo.gif') no-repeat 0 0;
}
/*The navigation is the same on all pages*/
#navigation{
margin: 5px 20px;
padding: 0;
height: 24px;
}
#navigation ul{
padding: 0;
margin: 0;
float: left;
width: 100%;
background-color: #EEF1EA;
color: #076129;
font: normal small-caps 12px arial, helvetica, sans-serif;
border-bottom: 0px solid #B1B3B4;
}
#navigation ul li {
display: inline;
}
#navigation ul li a {
padding: 0.3em 1.2em;
color: #076129;
text-decoration: none;
float: left;
border-bottom: 4px solid #EEF1EA;
}
#navigation ul li a:hover {
text-decoration: none;
color: #076129;
border-bottom: 4px solid #B1B3B4;
}
#active a, #active a:hover, #active a:visited {
text-decoration: none;
border-bottom: 4px solid #036735;
color: #696969;
}
/*End of all header elements*/


/*Start of all column elements*/

/*Enclose is used on most pages with two columns*/
#enclose {
/*float: left;*/
width: 820px; /*at least main and left column added together*/
margin: 0;
padding: 0;
background-color: #FFF;
border: 0px solid #696969;
}
/*Main part design for homepage*/
#home{
/*float: left;*/
width: 780px; 
min-height: 375px;
height: auto !important;
height: 375px;
margin: 0 20px;
padding: 10px 0;
background-color: #FFF;
border: 0px solid #696969;
}
#ausstellung{
/*float: left;*/
width: 780px; 
min-height: 375px;
height: auto !important;
height: 375px;
margin: 0 20px;
padding: 10px 0;
background-color: #FFF;
border: 0px solid #066128;
}
#home {
background: url('images/home5.jpg') no-repeat 10% 50%;
}
/*#ausstellung {
background: url('images/ausstellung.jpg') no-repeat 10% 50%;
}*/
#hometext {
padding: 0;
margin: 260px 30px 0px 250px;
}
#hometext p {
text-align: right;
margin: 0;
padding: 5px 0;
}
#hometext b {
color: #066128;
}
/*The sidebar uses the same CSS on all pages*/
#sidebar {
float: left;
margin: 15px 0;
padding: 0 20px;
max-width: 140px;
width: auto! important;
width: 140px;
height: 100%;
}
/*Sidebar Menu*/
#sidebar ul {
display: block;
list-style: none;
padding: 0 0 20px 0;
margin: 0;
color: #818181;
font: normal small-caps 12px arial, helvetica, sans-serif;
}
#sidebar ul li {
margin: 0 0 0.25em 0;
}
#sidebar ul li a {
text-decoration: none;
color: #818181;
padding-left: 5px;
border-left: 8px solid #B7B9BB;
}
#sidebar ul li a:hover {
text-decoration: none;
color: #066128;
padding-left: 5px;
border-left: 8px solid #066128;
}
#subactive a, #subactive a:hover, #subactive a:visited {
color: #066128;
padding-left: 5px;
border-left: 8px solid #066128;
}
/*Sidebar Submenu*/
#sidebar ul ul {
display: block;
list-style: none;
padding: 5px 0;
margin: 0;
color: #818181;
font: normal small-caps 12px arial, helvetica, sans-serif;
}
#sidebar ul ul li {
margin: 0 0 0.25em 0;
}
#sidebar ul ul li a {
text-decoration: none;
color: #818181;
padding: 0;
border-left: 0px solid #FFF;
}
#sidebar ul ul li a:hover {
text-decoration: none;
color: #066128;
padding: 0;
border-left: 0px solid #FFF;
}
#subnavactive a, #subnavactive a:hover, #subnavactive a:visited {
color: #066128;
padding: 0;
border-bottom: 1px solid #066128;
border-left: 0px solid #FFF;
}
#subnotactive a, #subnotactive a:hover, #subnotactive a:visited {
color: #818181;
padding: 0;
border-bottom: 0px solid #FFF;
border-left: 0px solid #FFF;
}
#sidebar p {
padding: 0;
}
#sidebar img {
float: left;
padding: 2px;
border: 1px solid #b4b4b4;
margin: 5px 0px;
}

/*The main content is designed different for some pages*/
#mitarbeiter, #main, #sitemap {
float: right;
width: 615px;
min-height: 375px;
height: auto !important;
height: 375px;
margin: 10px 0;
padding: 0 10px;
border-left: 1px dotted #ccc;
background: url('images/baum.gif') no-repeat 0 0;
}
#anfahrt, #referenzen {
float: right;
width: 615px;
min-height: 375px;
height: auto !important;
height: 375px;
margin: 10px 0;
padding: 0 10px;
border-left: 1px dotted #ccc;
background: none;
}
/*The header image design for all pages*/
#headerimage {
display: block;
width: 615px;
margin: 0;
padding: 0;
border: 0px solid #000;
}
#headerimage img {
padding: 0;
margin: 0;
}
/*H3 headers are used under SPONSORING and SORTIMENT*/
#main h3, #sitemap h3 {
margin: 0;
padding: 15px 0 0 0;
font-size: 11px;
line-height: 120%;
font-weight: bold;
color: #066128;
}
/*H4 headers are used under KONTAKT & IMPRESSUM & PRESSE & SITEMAP*/
#mitarbeiter h4, #main h4 {
margin: 0;
padding: 15px 0 10px 0;
font-size: 11px;
line-height: 100%;
font-weight: bold;
color: #066128;
}
#mitarbeiter b, #main b {
padding: 0;
color: #066128;
}
#mitarbeiter p, #main p {
padding: 15px 20px 5px 0px;
line-height: 120%;
margin: 0;
}
#sitemap p {
padding: 0px 20px 5px 0px;
line-height: 120%;
margin: 0;
}
#main ul, #sitemap ul {
clear: both;
list-style: none;
margin: 0;
padding: 0;
}
#main ul li, #sitemap ul li {
margin: 0;
padding: 1px 0;
}
#mitarbeiter a {
text-decoration: none;
color: #066128;
}
#mitarbeiter a:hover {
text-decoration: underline;
color: #066128;
}
#main a, #hometext a, #sitemap a {
text-decoration: none;
color: #066128;
border-bottom: 1px dotted #066128; 
}
#main a:hover, #hometext a:hover, #sitemap a:hover {
text-decoration: none;
color: #066128;
border-bottom: 1px solid #066128; 
}
#main img {
float: left;
clear: left;
margin: 0;
padding: 0px 20px 5px 0;
}
/*Anordnung der Kataloge*/
#kat {
display: block;
clear: both;
padding: 10px 0;
margin: 0;
}
#kat h3 {
margin: 0;
padding: 5px 0;
font-size: 11px;
line-height: 120%;
font-weight: bold;
color: #066128;
}
#kat p {
padding: 5px 20px 0px 0px;
line-height: 120%;
margin: 0;
}
#kat img {
float: left;
margin: 0px 20px 0 0;
padding: 0;
border: 1px solid #066128;
}
#right {
width: 615px;
padding: 0;
margin: 0;
}
#right img {
float: right;
padding: 10px 0;
}
/*The footer is consistent on all pages*/
#footer {
clear: both;
padding: 5px 0 10px 0;
margin: 0 20px;
border-top: 1px solid #B4AC9E;
}
#footer p {
text-align: right;
color: #656567;
margin: 0;
padding: 2px;
font: normal 9px verdana;
}
#footer a {
text-decoration: none;
color: #696969;
}
#footer a:hover {
text-decoration: underline;
color: #696969;
}

/*CSS for online form*/
#form {
display: block;
clear: left;
}
#form table {
table-layout: auto;
width: 80%;
border-spacing: 4px;
}
.submit{
width: 102px;
height: 20px;
margin: 8px 0 0 148px;
font: normal 11px arial;
background: url(images/buttonbg.gif) repeat-x;
border: 1px solid #c8c8c8;
}
.reset {
width: 102px;
height: 20px;
margin: 0;
font: normal 11px arial;
background: url(images/buttonbg.gif) repeat-x;
border: 1px solid #c8c8c8;
}
.input {
width: 200px;
height: 14px;
margin: 0 0 4px 0;
font: normal 11px arial;
border: 1px solid #c8c8c8;
padding: 2px 5px;
}
.comment {
width: 200px;
height: 50px;
margin: 0;
font: normal 11px arial;
border: 1px solid #c8c8c8;
padding: 2px 5px;
}
.box {
padding: 0;
margin: 1px 0;
border: 1px solid #c8c8c8;
}
/*Oeffnungszeiten Layout*/
.one {
display: block;
padding: 5px 0 0 20px;
margin: 0;
}
.two {
display: block;
padding: 0 0 0 103px;
margin: 0;
}