body {
font-family : Times New Roman;
font-size : 17px;
color:#333333;
line-height : 1.166;
margin : 0 auto;
padding : 15px 15px 15px 15px;
background-color:#999999;
}
a:link, a:visited {
color : #000000;
text-decoration : none;
}
a:hover {
color : #999999;
text-decoration : none;
}
h1 {
font : bold 120% Times New Roman;
margin : 0;
padding : 0;
color:#333333;
}
h2 {
font : bold 114% Times New Roman;
color:#333333;
margin : 0;
padding : 0;
}
h3 {
font : bold 100% Times New Roman;
color:#333333;
margin : 0;
padding : 0;
}
h4 {
font : 100% Times New Roman;
color:#333333;
margin : 0;
padding : 0;
}
h5 {
font : 100% Times New Roman;
color:#333333;
margin : 0;
padding : 0;
}
ul {
list-style-type : none;
}
form {
margin : 0 auto;
padding : 0;
}
#pagecell1 {
top : 0;
width : 900px;
margin : 0 auto;
background-color : #ffffff;
padding-top:10px;
}
#pageNav {
float : left;
width : 185px;
padding : 0;
background-color : #ffffff;
border: 2px solid #ffffff;
}
#content {
padding : 0 10px 0 0;
margin : 0 0 0 178px;
}
#siteName {
margin : 0;
padding : 16px 0 8px 0;
color : #000000;
font-weight : normal;
}
#pageName {
padding : 10px 10px 10px 10px;
margin : 50px 10px 10px 10px;
border-bottom : 1px solid #999999;
border-top : 1px solid #999999;
float : right;
}
#pageName img {
position : absolute;
top : 0;
right : 6px;
padding : 0;
margin : 0;
}
#support {
padding : 10px 10px 10px 10px;
margin : 00px 10px 10px 10px;
float : right;
}
#hg {
padding-top:35px;
margin:0 auto;
}
#b {
padding : 0 0 0px 0;
font : small Times New Roman;
background-color : #ffffff;
border : 3px solid #ffffff;
}
#b a {
color : #aaaaaa;
}
#b a:hover {
color : #005fa9;
text-decoration : underline;
}
.feature {
padding : 15px 0 30px 30px;
font-size : 100%;
height : 50px;
}
body .feature {
height : auto;
}
.feature h1 {
font : bold 130% Times New Roman;
color:#333333;
padding : 70px 20px 30px 10px;
}
.feature img {
float : left;
padding : 0 10px 0 0;
}
.story {
padding : 1px 0 0 10px;
font-size : 100%;
background-color:#ffffff;
color:#000000;
}
.story a:active {
color : #000000;
text-decoration : none;
}
.story a:link {
color : #000000;
text-decoration : none;
}
.story a:hover {
text-decoration : none;
color : #999999;
}
.story a:visited {
text-decoration : none;
color : #000000;
}
.story h1 {
font : bold 125% Times New Roman;
color : #000000;
}
.story p {
padding : 0 0 10px 0;
}
.story a.capsule {
font : bold 1em Times New Roman;
color : #000000;
display : block;
padding-bottom : 5px;
}
.story a.capsule:hover {
text-decoration : underline;
}
td.storyLeft {
padding-right : 12px;
}
#siteInfo {
clear : both;
border-top : 1px solid #999999;
font-size : small;
color:#999999;
padding : 10px 10px 10px 10px;
margin-top : 0;
}
#siteInfo img {
padding : 4px 4px 4px 0;
vertical-align : middle;
}
#siteInfo a { 
color:#CCCCCC;
text-decoration:none;
}
.menu {
font-family : Times New Roman;
width : 200px;
height : 150px;
position : relative;
margin : 0;
font-size : 15px;
font-weight:bold;
margin : 15px 0;
}
.menu ul li a, .menu ul li a:visited {
display : block;
text-decoration : none;
color : #000099;
width : 190px;
height : 25px;
text-align : left;
border : 1px solid #cccccc;
border-width : 1px 1px 0 0;
background : #8bb6e3;
line-height : 25px;
font-size : 15px;
font-weight:bold;
}
.menu ul {
padding : 0;
margin : 0;
list-style-type : none;
}
.menu ul li {
float : left;
margin-right : 1px;
position : relative;
}
.menu ul li ul {
display : none;
}
.menu ul li:hover a {
color : #8bb6e3;
background : #000099;
}
.menu ul li:hover ul {
display : block;
position : absolute;
top : 0;
left : 190px;
width : 210px;
}
.menu ul li:hover ul li a.hide {
background : #000099;
color : #8bb6e3;
}
.menu ul li:hover ul li:hover a.hide {
width : 230px;
}
.menu ul li:hover ul li ul {
display : none;
}
.menu ul li:hover ul li a {
display : block;
background : #8bb6e3;
color : #000099;
width : 250px;
}
.menu ul li:hover ul li a:hover {
background : #000099;
color : #8bb6e3;
}
.menu ul li:hover ul li:hover ul {
display : block;
position : absolute;
left : 221px;
top : 0;
color : #000099;
}
.menu ul li:hover ul li:hover ul li a {
display : block;
width : 230px;
background-color : #8bb6e3;
color : #000099;
}
.menu ul li:hover ul li:hover ul li a:hover {
background : #000099;
color : #8bb6e3;
}
.hoverbox {
cursor : default;
list-style : none;
width:500px;
}
.hoverbox a {
cursor : default;
}
.hoverbox a .preview {
display : none;
}
.hoverbox a:hover .preview {
display : block;
position : absolute;
top : -33px;
left : -45px;
z-index : 1;
}
.hoverbox img {
background : #fff;
border-color : #aaa #ccc #ddd #bbb;
border-style : solid;
border-width : 1px;
color : inherit;
padding : 2px;
vertical-align : top;
width : 170px;
height : 120px;
}
.hoverbox li {
border-color : #ddd #bbb #aaa #ccc;
border-style : solid;
border-width : 1px;
color : inherit;
display : inline;
float : left;
margin : 3px;
padding : 5px;
position : relative;
}
.hoverbox .preview {
border-color : #000;
width : 380px;
height : 300px;
}
.rahmen {
border : 5px ridge #cccccc;
color : #000000;
padding : 10px 10px 10px 10px;
width:600px;
}
.Handwerksbetriebe {
border:double 5px  #FFcc00;
color: #FF9900;
padding : 10px 10px 10px 10px;
width:750px;
}
.information {
padding : 1px 0 0 450px;
font-size : 13px;
background-color:#ffffff;
color:#000000;
}
.info {
font-size : 24px;
background-color:#ffffff;
color:#FFCC00;
padding : 1px 0 0 10px;
}