body { 
  font-family:Verdana;
  font-size:12px;
  background-repeat: no-repeat;
  background: #75bb37; 
  text-align:center;
  page-break-after:avoid;
  } 
  * {
  margin:0;
  padding:0 auto ;
}
#seite {
  width: 760px;
  margin: 0 auto ;
  height:77.0em;
background-repeat: no-repeat;
page-break-after:avoid;
}
  #mainblock{
  	width: 760px;
  	margin: 0 ;
  	padding: 0 auto;
  }
#logo{
 width: 750px;
 height:180px;
 background-image: url(http://www.heimwerkermarkt-tretter.de/logo_18.jpg);
 background-repeat: no-repeat;
 background-position: center top;
margin:8px 0px 2px 2px;
}
#conmain{
	width: 750px;
	height: 660px;
	margin: 0 auto;
}
#sidebar {float: left;
 height: 650px;	width: 140px; 
        bottom: 10px; background:#75bb37; }
#main {float: left;
      width: 600px; height:670px; top: 15%;
  bottom: 10px;
  background-repeat: no-repeat;
background: #75bb37; /* Old browsers */
background: -moz-linear-gradient(top, #75bb37 0%, #ffffff 90%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#75bb37), color-stop(90%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #75bb37 0%,#ffffff 90%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #75bb37 0%,#ffffff 90%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #75bb37 0%,#ffffff 90%); /* IE10+ */
background: linear-gradient(to bottom, #75bb37 0%,#ffffff 90%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75bb37', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
#info {
	clear: both;
 width: 750px;
 height:65px;
 background-image: url(http://www.heimwerkermarkt-tretter.de/info.jpg);
 background-repeat: no-repeat;
 background-position: center bottom;
 margin:10px 0px 2px 2px;
 }
h1 {font-family: Arial,Helvetica Neue,Helvetica,sans-serif;font-size:15px;color:#000000;margin:0px;font-style:bold;}
h2 {font-family: Arial,Helvetica Neue,Helvetica,sans-serif;font-size:18px;color:#0000ff;}
h3 {font-family: Arial,Helvetica Neue,Helvetica,sans-serif;font-size:22px;color:#000000;}
h4 {font-family: Arial,Helvetica Neue,Helvetica,sans-serif;clear:left;font-size:30px;color:#000000;}
h5 {font-family: Arial,Helvetica Neue,Helvetica,sans-serif;font-size:30px;color:#75bb37;text-shadow: -2px -2px black , 0 1px black, 1px 0 black, 0 -1px black;}
p {margin-top:0px;}

/* Für Quellcode-Beispiele im Text */
code
{
 font-size:14px;
 color:#ccffff;
}
#neu{
 font-size:18px;
 color:#FF0000;
font-weight:bold;
margin-top:5px;
margin-bottom:5px;
text-align:center;
text-shadow: -1px -1px black;
}



/* Der Kasten mit dem Quellcode */
pre
{
 font-size:14px;
 color:#669999;
}


/* Die Titelzeile */
#title {
padding-top:15px;
height:24px;
}
/* hlinie */
#lioben{
background: #ffffff; /* Old browsers */
width: 755px;
height:12px;
}
hr {
border: none;
border-top: 3px solid #ffffff;
width: 99%; 
height: 8px; 
margin: -5px auto;
color: red;
background-color: red;
}
/* Das Menü */
.menu,
.menu ul,
.menu li,
.menu a {
    margin: 1px;
    padding: 0;
    border: none;
    outline: none;
	z-index:80;
}
 
.menu {
margin-top: 20px;
}
 
.menu li {
	background: #5b4d4b;
	    background: -webkit-linear-gradient(top, #5b4d4b 0%,#2c2d33 100%);
    background: -moz-linear-gradient(top, #5b4d4b 0%,#2c2d33 100%);
    background: -o-linear-gradient(top, #5b4d4b 0%,#2c2d33 100%);
    background: -ms-linear-gradient(top, #5b4d4b 0%,#2c2d33 100%);
    background: linear-gradient(top, #5b4d4b 0%,#2c2d33 100%);
 
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 135px;
    list-style: none;
    float: left;
    display: block;
    z-index:90;
    height: 30px;
    margin-top: 6px;
    
}

.menu li a {
    display: block;
	z-index:100;
    padding: 0 10px;
    margin: -1px 0;
    line-height: 28px;
    text-decoration: none;

 
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 12px;
 
    color: #ffffff;
    text-shadow: 2px 3px 1px rgba(0,0,0,.8);
 
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}
 
.menu li:first-child a { border-left: none; }
.menu li:last-child a{ border-right: none; }
.menu li:hover > a { color: #8fde62; }
.menu ul li a {
    width: 125px;
    padding: 4px 0 4px 10px;
    margin: 0;
 
    border: none;
    border-bottom: 1px solid #353539;
}
.menu ul li:last-child a { border: none; }
.menu ul {
    position: absolute;
    top: 30px;
    left: 0;
    opacity: 0;
text-align:left;
    background: #1f2522;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -webkit-transition: opacity .25s ease .1s;
    -moz-transition: opacity .25s ease .1s;
    -o-transition: opacity .25s ease .1s;
    -ms-transition: opacity .25s ease .1s;
    transition: opacity .25s ease .1s;
}
 
.menu li:hover > ul { opacity: 1; }
 
.menu ul li {
    height: 0;
    overflow: hidden;
    padding: 0;
 
    -webkit-transition: height .25s ease .1s;
    -moz-transition: height .25s ease .1s;
    -o-transition: height .25s ease .1s;
    -ms-transition: height .25s ease .1s;
    transition: height .25s ease .1s;
}
 
.menu li:hover > ul li {
    height: 36px;
    overflow: visible;
    padding: 0;
}

.menu ul li a {
    width: 130px;
    padding: 4px 0 4px 40px;
    margin: 0;
 
    border: none;
    border-bottom: 1px solid #353539;
}
 
.menu ul li:last-child a { border: none; }
.menu a.werk { background: url(images/ic_werk.png) no-repeat 2px center; }
.menu a.maler { background: url(http://www.heimwerkermarkt-tretter.de/images/ic_maler.png) no-repeat 2px center; }
.menu a.garten { background: url(http://www.heimwerkermarkt-tretter.de/images/ic_garten.png) no-repeat 2px center; }
.menu a.bau { background: url(http://www.heimwerkermarkt-tretter.de/images/ic_bau.png) no-repeat 2px center; }
.menu a.tier { background: url(http://www.heimwerkermarkt-tretter.de/images/ic_neu.png) no-repeat 2px center; }
.menu a.face { background: url(http://www.heimwerkermarkt-tretter.de/images/face.png) no-repeat 2px center; }
/* Der Inhalt */
#content {

background-repeat: no-repeat;
background: #75bb37; /* Old browsers */
background: -moz-linear-gradient(top, #75bb37 0%, #ffffff 90%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#75bb37), color-stop(90%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #75bb37 0%,#ffffff 90%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #75bb37 0%,#ffffff 90%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #75bb37 0%,#ffffff 90%); /* IE10+ */
background: linear-gradient(to bottom, #75bb37 0%,#ffffff 90%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75bb37', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

color:#000000;
height:50.0em;

}
#map{color:#000000;}
.map p{
color:#000000;
font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
font-size: 12px;
}
.googft-info-window p{color:#000000;}

#stanim {
	position: relative;
    height: 400px;
    width: 550px;
    margin: 5px auto;
    border: 5px solid #eee;
    box-shadow: 1px 1px 5px 3px #886;
}

#stanim img {
    position:absolute;
    left: 0;
    height: 400px;
    width: 550px;
    opacity: 0;
}

#stanim img:nth-of-type(1) {
    animation: fade 30s ease-in-out infinite;
}

#stanim img:nth-of-type(2) {
    animation: fade 30s 6s ease-in-out infinite;
}

#stanim img:nth-of-type(3) {
    animation: fade 30s 12s ease-in-out infinite;
}

#stanim img:nth-of-type(4) {
    animation: fade 30s 18s ease-in-out infinite;
}

#stanim img:nth-of-type(5) {
    animation: fade 30s 24s ease-in-out infinite;
}

@keyframes fade {
    6.66%, 20%          {opacity:1;}
       0%, 26.66%, 100% {opacity:0;}
}

#schrnormal p{
font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
font-size:26px;
text-align:left;
text-decoration: none;
text-shadow: none;
color:#000000;
margin-left:10px;
}
#schrnormal h1{
font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
font-size:20x;
text-align:left;
text-decoration: none;
text-shadow: none;
color:#000000;
margin-left:10px;
}
table{margin-left:40px;}
#schrnormal h2{
font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
font-size:14px;
text-align:left;
text-decoration: none;
text-shadow: none;
color:#000000;
margin-left:10px;
}
table tr.separator { height: 20px; }

.kattable img {
	float: left;
	margin-left: 20px;
	margin-right: 8px;
	}
.artikel{
overflow-y: scroll;
height: 450px;
}
.artikel table{
	width: 500px;
	margin: 0 auto;
	border-collapse: collapse;
}
.artikel tr{
	border-bottom: 2px solid black; 
}
.artikel td{
	text-align: left;
	margin-top: 5px;
}
#tableA table,th,td{
   border: 2px solid black;
}