html {
width:100%;
}
body {
border:none;
outline:none;
margin: 0px;
padding: 0px;
font-family: 'Signika', sans-serif;
/* font-family: verdana,geneva,arial,helvetica,sans-serif; */
background-color: #ececec;
}
#logo {
position: absolute;
border: none;
width: 300px;
height: 57px;
top: 20px;
right: 50%;
margin-right: -520px;
z-index: 100;
}
#verkauft {
position: absolute;
border: none;
width: 220px;
height: 220px;
top: 543px;
right: 50%;
margin-right: -220px;
z-index: 100;
opacity: 0.7;
}
#all {
float:center;
left: 50%;
margin-left: -570px;
width: 1140px;
background-image: url(middle-back.jpg); background-repeat: repeat-y;
margin: 0 auto;
}
#head {
z-index: 10;
width: 1080px;
height: 543px;
top: 0px;
background-image: url(head-back.jpg); background-repeat: repeat-x;
float:center;
margin:0 auto;
}
#middle {
z-index: 10;
float:center;
left: 50%;
margin-left: -570px;
width: 1140px;
background-image: url(middle-back.jpg); background-repeat: repeat-y;
margin:0 auto;
}
#content {
text-align: justify;
width: 720px;
padding-left: 50px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 20px;
float:left;
}
#content2 {
width: 280px;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 20px;
margin-right: 30px;
background: #cccccc;
float:right;
}
#content3 {
text-align: justify;
width: 720px;
padding-left: 50px;
padding-right: 0px;
padding-top: 20px;
padding-bottom: 20px;
float:left;
}
#content4 {
width: 340px;
padding-left: 10px;
padding-right: 0px;
padding-top: 20px;
padding-bottom: 5px;
margin-right: 19px;
float:right;
z-index:200;
}
#content5 {
width: 312px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 20px;
margin-right: 30px;
background: #cccccc;
float:right;
z-index:200;
}
#clear {
clear:left;
}
#footer {
z-index: 1;
width: 1060px;
height: 100px;
float:center;
padding-top: 40px;
padding-left: 20px;
margin:0 auto;
font-size: 10px;
color: #ffffff;
background-image: url(footer-back.jpg); background-repeat: repeat-x;
}
/** H A U P T N A V I G A T I O N **/
#MainNav{
border:none;
border:0px;
margin:0px;
left: 50%;
margin-left: -540px;
position: absolute;
width: 1080px;
padding-top:50px;
font-family:verdana,geneva,arial,helvetica,sans-serif;
font-size:14px;
font-weight:bold;
color:#8e8e8e;
}
#MainNav ul{
background:url(menu-back.png) top left repeat-x;
height:63px;
list-style:none;
margin:0;
padding:0;
}
#MainNav li{
float:left;
padding:11px 8px 0px 8px;
}
#MainNav li a{
color:#ffffff;
display:block;
font-weight:bold;
padding:11px 25px;
text-align:center;
text-decoration:none;
line-height:50px;
}
#MainNav li a:hover{
background:url(menu-back-2.png) top left repeat-x;
color:#ffffff;
text-decoration:none;
}
#MainNav li ul{
background:#000000;
display:none;
height:auto;
filter:alpha(opacity=66);
opacity:0.66;
position:absolute;
z-index:200;
/*top:1em;
/*left:0;*/
}
#MainNav li:hover ul{
display:block;
}
#MainNav li li {
display:block;
float:none;
padding:0px;
}
#MainNav li ul a{
display:block;
font-size:12px;
font-style:normal;
padding:0px 10px 0px 15px;
text-align:left;
line-height:26px;
}
#MainNav li ul a:hover{
background:#42c61a;
color:#ffffff;
opacity:1.0;
filter:alpha(opacity=100);
}
#MainNav p{
clear:left;
}
#MainNav .active > a{
background:url(menu-back-a.png) top left repeat-x;
color:#ffffff;
line-height:50px;
}
#MainNav .sub-active > a{
background:url(menu-back-sub-a.png) top left repeat-x;
color:#ffffff;
}
#MainNav .active > a:hover {
background:url(menu-back-a.png) top left repeat-x;
color: #ffffff;
}
/** Ü B E R S C H R I F T E N **/
h1 { font-size: 40px; font-weight: 400; color: #42c61a; line-height: 10px; }
h2 { font-size: 26px; font-weight: 400; color: #7f7f7f; line-height: 40px; }
h3 { font-size: 27px; font-weight: 400; color: #ffffff; line-height: 20px; padding: 10px; padding-bottom: 33px; background-image: url(band.png); margin-top: 0px; margin-bottom: 0px; }
h4 { font-size: 27px; font-weight: 400; color: #ffffff; line-height: 27px; padding: 10px; background-image: url(text1.png); margin-top: 0px; margin-bottom: 0px;}
h5 { font-size: 17px; font-weight: 400; color: #ffffff; line-height: 24px; padding: 10px; background-image: url(text2.png); margin-top: 3px; margin-bottom: 0px;}
h6 { font-size: 18px; font-weight: 400; color: #42c61a; line-height: 10px;}
h7 { font-size: 30px; font-weight: 400; color: #000000; line-height: 40px; }
h8 { font-size: 13px; font-weight: 900; color: #42c61a; line-height: 10px; padding-left: 8px;}
/** L I N K S **/
a.slide {
border:none;
outline:none;
color: #ffffff;
text-decoration: underline;
}
a.slide:hover {
border:none;
outline:none;
color: #158114;
text-decoration: none;
}
a.footer {
border:none;
outline:none;
color: #666666;
text-decoration: none;
}
a.footer:hover {
border:none;
outline:none;
color: #158114;
text-decoration: none;
}
a {
border:none;
outline:none;
color: #42c61a;
text-decoration: underline;
}
a:hover {
border:none;
outline:none;
color: #158114;
text-decoration: underline;
}
.links {
float: left;
margin-right: 40px;
}
.wwwebsite {
z-index:999;
position:absolute;
height:0;
width:0;
border:none;
background:none;
margin:0;
top:0;
left:0;
clear:both;
font-size:0px;
line-height:0px;
}
/** B I L D E R T E X T **/
a.images , a.images img {
margin-right:20px;
width:100px;
height:67px;
display:block;
float:left;
}
a.images:hover img {
position:relative;
top:0px;
left:0px;
width:720px;
height:460px;
z-index:1;
}