html,body{ 
            margin: 0 auto; 
            padding: 0; 
            background-color: #33ac1f;
            background-image:url(../img/background.jpg); background-position: bottom left; background-repeat: repeat-x; background-attachment: fixed;            
            font-size: small;
            font-family: Arial;
            line-height: 1.5em;
            
            color: #2d2d2d;
                        
       min-height:100%; height: 10%;
       } 

       
h1 {
    font-size: 20px;
    color: #3c3c3c;
    line-height: 1.2em;
    }
    
h2 {
    font-size: 18px;
    color: #373737;
    line-height: 2em;
    }    
       
.tabellecss {
padding-left: 0px;
border-spacing: 3px;
background-color: #fff;
width: 720px;
color: #000;
font-size: 12px;
}

.tabellecss tr {
background-color: #e4e4e4;
height: 40px;
}

.tabellecss td {
padding-left: 5px; 
padding-right: 5px;
vertical-align: middle;

height: 40px;
}

.fototabelle {
padding-left: 0px;
border-spacing: 3px;
}
    
.fototabelle img {
border: 4px solid white;
}
    
#kaiserwrapper
{width: 100%; height: 100%; z-index: 2; background-image:url(../img/winnie.gif); background-repeat: no-repeat;   }


#bgwrapper
{width: 100%; height: 650px; background-image:url(../img/bg.png); background-repeat: repeat-x;}
       
#wrapper
{width: 930px; margin: 0 auto;}
       
#head 
{width: 930px; height: 90px; background-repeat: no-repeat; margin: 0 auto;}

#navi 
{width:930px; height:53px; background-image:url(../img/menu.jpg); background-repeat: no-repeat;}

#content_top 
{width: 930px; height: 30px; background-image:url(../img/content-top.png); background-repeat: no-repeat;}


#content 
{width: 930px; float: left; background-image:url(../img/content_bg_voll.png); background-repeat: repeat-y;}

#maincontent 
{width: 700px; float:left; padding-left: 30px;}

#sidebar 
{width: 200px; height: 100%; float: right; padding-top: 5px;}    

#footer 
{clear: both; width: 880px; height: 63px; background-image:url(../img/footer.png); background-repeat: no-repeat; padding-left: 25px; padding-right:25px; padding-top:15px; text-align: right;}

A:link {font-family:Arial; font-size:100%; font-weight:light; color: #339900; text-decoration: underline; line-height: 1.1em;}
A:visited {font-family:Arial; font-size:100%; font-weight:light; color: #339900; text-decoration: underline; line-height: 1.1em;}
A:hover {font-family:Arial; font-size:100%; font-weight:light; color: #000; text-decoration: none; line-height: 1.1em;}
A:active {font-family:Arial; font-size:100%; font-weight:light; color: #339900; text-decoration: underline; line-height: 1.1em;}

A.navi1:link {font-family:Arial; font-size:90%; font-weight:bold; color: #000000; text-decoration: underline; line-height: 1.1em;}
A.navi1:visited {font-family:Arial; font-size:90%; font-weight:bold; color: #000000; text-decoration: underline; line-height: 1.1em;}
A.navi1:hover {font-family:Arial; font-size:90%; font-weight:bold; color: #3399ff; text-decoration: none; line-height: 1.1em;}
A.navi1:active {font-family:Arial; font-size:90%; font-weight:bold; color: #000000; text-decoration: underline; line-height: 1.1em;}

/* Boxen */

    .boxes {width:200px; background: url(../img/boxbottom.png) no-repeat  0 5 bottom left;  padding-bottom:5px; margin-top: 0px;}

  .boxes h2{

  font-size:120%;

  height:30px;

  color:#000000;

  margin: 0;

  padding: 10px 8px 0px 14px;

  text-indent: -0px;

  background: url(../img/boxtop.png) no-repeat top left;

  }

  
		div#feature_list {
			width: 700px;
			height: 240px;
			overflow: hidden;
			position: relative;
      background-color: #ebebeb;
		}

		div#feature_list ul {
			position: absolute;
			top: 0;
			list-style: none;	
			padding: 0;
			margin: 0;
		}

		ul#tabs {
			left: 0;
			z-index: 2;
			width: 320px;
		}

		ul#tabs li {
			font-size: 12px;
			font-family: Arial;
		}
		
		ul#tabs li img {
			padding: 5px;
			border: none;
			float: left;
			margin: 10px 10px 0 0;
		}

		ul#tabs li a {
			color: #222;
			text-decoration: none;	
			display: block;
			padding: 10px;
			height: 60px;
			outline: none;
		}

		ul#tabs li a:hover {
			text-decoration: underline;
		}

		ul#tabs li a.current {
			background:  url('../img/feature-tab-current.png');
			color: #FFF;
		}

		ul#tabs li a.current:hover {
			text-decoration: none;
			cursor: default;
		}

		ul#output {
			right: 0;
			width: 463px;
			height: 240px;
			position: relative;
		}

		ul#output li {
			position: absolute;
			width: 463px;
			height: 240px;
		}

		ul#output li a {
			position: absolute;
			bottom: 10px;
			right: 10px;
			padding: 8px 12px;
			text-decoration: none;
			font-size: 11px;
			color: #FFF;
			background: #000;
      opacity: 0.7;
			-moz-border-radius: 5px;
		}
		
		ul#output li a:hover {
			background: #D33431;
		}
    
    
    
    
    
    //Navigation
    
        #tabs6 {
      float:left;
      height: 53px;
      width:100%;
      font-size:16px;
      line-height:normal;
      border-bottom:1px solid #666;
      }
    #tabs6 ul {
          margin:0;
          padding:10px 10px 0 20px;
          list-style:none;
      }
    #tabs6 li {
      display:inline;
      height: 53px;
      margin:0;
      padding:0;
      }
    #tabs6 a {
      float:left;
      background:url("../img/navleft.png") no-repeat left top;
      margin:0;
      padding:0 0 0 15px;
      text-decoration:none;
      }
    #tabs6 a span {
      float:left;
      display:block;
      background:url("../img/navright.png") no-repeat right top;
      padding:20px 15px 15px 0px;
      color:#FFF;
      font-size:14px;
      font-weight: bold;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs6 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs6 a:hover span {
      color:#ffcc00;
      }
    #tabs6 a:hover {
      color:#fff;
      }
    #tabs6 a:hover span {
      color:#ffcc00;
            }

      #tabs6 #current a {
      color:#ffcc00;
      }
      #tabs6 #current a span {
      color:#ffcc00;
      }
      
      
/*      TABS SHOP  */
      
      .shopcontainer {width: 750px; margin: 10px auto;}
ul.shoptabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.shoptabs li {
	float: left;
	margin: 0;
	padding: 0;
  vertical-align: middle;
	height: 31px;
	line-height: 31px;
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px;
	background: #BBBBBB;
	overflow: hidden;
	position: relative;
  font-size:12px;
  font-weight: bold;
}
ul.shoptabs li a {

height: 61px;
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 5px 20px;
	border: 1px solid #fff;
	outline: none;
}
ul.shoptabs li a:hover {
	background: #ccc;
}	
html ul.shoptabs li.active, html ul.shoptabs li.active a:hover  {
	background: #FFD862;
	border-bottom: 1px solid #FFD862;
}
.shoptab_container {
	border: 1px solid #999;
	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
	background: #FFD862;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.shoptab_content {
	padding-left: 15px;
	font-size: 1.2em;
}
.shoptab_content h2 {
	font-weight: bold;
  color: #000;
	font-size: 16px;
}
.shoptab_content h3 a{
	color: #254588;
}
.shoptab_content img {
text-align: center;
}