/*pngfix*/
img, div { behavior: url(iepngfix/iepngfix.htc) }

body {
         margin: 0 auto;
         background-image: url(images/bg.gif);
         background-repeat: repeat;
}

/* hintergrund*/
#bg_all {
	text-align: center;
    margin: 0 auto;
	width: 910px;
	height: 665px;	
}
#bg_content {
        background-image: url(images/bg-gesamt.png);
        background-repeat: no-repeat;
        position: absolute;
		float:left;
		top: 20px;
		_position:relative;
		_top: 0px;
		width: 904px;
        height:619px;
        z-index: 1;
		margin: 90px 0 0 0px;
		_margin: -85px 0 0 0;
		padding: 0px;		
}



#logo {
        position: relative;
		display: inline;
		float: left;
        top: 20px;
        left: 0px;
        z-index: 20;
        margin: 0px;
		padding: 0px;
		width:217px;
		height:200px;
}
/* Navigation*/

#navi ul{	
		position: relative;
		float: left;
        margin: 38px 0 0 200px;
		_margin: 30px 0 0 120px;
        z-index: 15;
}


#navi li{              
		display: inline;
		width: 105px;
		height: 60px;		
}

#navi li a{ 
		color: #622918;
        font-size: 16px;
		font-weight: normal;
        text-decoration: none;
		display: inline;
        float: left;
        width: 105px;
        height: 36px;
        padding: 0px;
}

#navi li a:hover{
        /*text-decoration: underline;*/
        color: #EEAD2E;
		background-image: url(images/niv-hi.gif);
        background-repeat: no-repeat;
        background-position: center 16px;
		display: inline;
        float: left;
        width: 105px;
        height: 36px;
        padding: 0px;
		font-weight: normal;
}

#navi li a.active {
        color: #9CAF1C;
        font-weight: bold;
 		background-image: url(images/niv-hi.gif);
        background-repeat: no-repeat;
        background-position: center 17px;
	
}


#bild-links {
			  clear: both;
              text-align: left;
              float: left;
              position:relative;
              display: inline;
              width: 216px;
              height: 504px;
			  padding: 3px 0 0 0;
			  _margin: 8px 0 0 0;
}

/*textinhalt positionieren*/
#text {	
		width: 400px;
        text-align: left;
        float: left;
        position: relative;
        display: inline;
        height: 300px;
		margin: 0px 0 0 0;
		_margin: 50px 0 0 0;
		padding: 0 10px 0 25px;
}

#text ul {
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	margin: 0;
	padding-left: 20px;
}

#text li{
	list-style-type:circle;
	
	font-family: arial, verdana, sans-serif, helvetica;
    font-size: 12px;
    color: #622918;
	line-height: 150%;	

}

 /*NEWS*/

#right {
	position: relative;
	float: left;
	display: inline;
	width: 182px;
	text-align: left;
	color: #622918;
	height:450px;
	font-size: 11px;
	font-family: arial;
	color: #622918;
	margin: 0px 0 0 20px;
}

#right-bilder {
	position: relative;
	float: left;
	display: inline;
	width: 182px;
	margin: 65px 0 0 0px;
}
#right-box {
	font-size: 10px;
	background-image:url(images/kasten-klein.png);
	background-repeat:no-repeat;
	width: 184px;
	height: 126px;
	text-align: center;
	padding: 5px 0 0 0;
}
#right-box p {
	font-size: 10px;
	_line-height: 130%;
	_padding:0px;
	_margin:0px;
}
#right h1 {
         font-family: arial;
         font-size: 14px;
         font-weight: bold;
         color: #ff8b0f;
		 _padding: 10px 0 10px 0;
		 _margin: 0px;
}
#right h2 {
         font-family: arial;
         font-size: 12px;
         font-weight: bold;
		 _padding: 12px 0 10px 0;;
	     _margin: 0px;		 
}
#right a {
        font-size: 10px;
         font-family: arial;
         color: #ff8b0f;
         text-decoration: none;         
}


#weitere-links {
	background-image:url(images/kasten-klein.png);
	background-repeat:no-repeat;
	width: 184px;
	height: 126px;
	padding: 5px 0px 0 10px;
	_padding: 5px 0px 10px 10px;
	_margin: 5px 0 0 10px;
	
}
#box-unter-bild {	
	text-align: left;
	font-weight: normal;
	position: relative;
	float: right;
	display: inline;
	background-image:url(images/kasten-klein.png);
	background-repeat:no-repeat;
	width: 184px;
	height: 126px;
	padding: 5px 0px 0 10px;
	margin: 5px 25px 0 0;
}

#box-unter-bild a{	
	 line-height: 18px;
     font-size: 10px;
     font-family: arial;
     color: #622918;
     text-decoration: none;
	 font-weight: normal;
}

#box-unter-bild a:hover{
	color: #060; 
 }
 #weitere-links a{
	 line-height: 18px;
     font-size: 10px;
     font-family: arial;
     color: #622918;
     text-decoration: none;
	 font-weight: normal;
}
 #weitere-links a:hover{
	color: #060; 
 }


/*-----------------Textformatierungen--------------*/
h1 {
       font-family: arial, verdana;
       font-size: 18px;
       font-weight: normal;
       color: #A1AF1C;
	 

   }

h2 {
      font-family: arial, verdana;
      font-size: 12px;
      color: #ff8b0f;
      font-weight: bold;
      text-decoration: none;
	 _padding: 10px 0 5px 0;;
	 _margin: 0px;

}
h3 {
	 font-family: arial, verdana, sans-serif, helvetica;
         font-size: 12px;
         color: #622918;
		 font-weight: bold;
		 _padding: 10px 0 5px 0;
		 _margin: 0px;
}

p {
        font-family: arial, verdana, sans-serif, helvetica;
         font-size: 12px;
         color: #622918;
		 line-height: 150%;
		 _line-height: 140%;
		 _padding: 0px 0px 0px 0px;
		 _margin:0px;
}

.copy {
	font-family: arial, verdana, sans-serif, helvetica;
         font-size: 12px;
         color: #622918;
		 line-height: 150%;
		  _line-height: 140%;
}

input, textarea {
	font-family:arial;
	font-size:12px;
	color: #622918;
	background-color: #FFF;
	border: 1px solid #ccc;
	padding: 2px 0 2px 5px;	
	width: 230px;
}


.bild {
         font-family: arial, verdana, sans-serif, helvetica;
         font-size: 10px;
         color: #622918;
		 text-align: left;
}
.text-right {
         font-family: arial, verdana, sans-serif, helvetica;
         font-size: 11px;
         color: #622918;
		 text-align: left;
		 padding-left: 15px;
}

a {
         font-family: arial, verdana, sans-serif, helvetica;
         font-size: 12px;
         color: #622918;
         text-decoration: none;
		 font-weight: bold;
}

a.normal {
	font-weight: normal;
}

a.orange{
	color: #ff8b0f;	
}


a:hover {
         font-family: arial, verdana, sans-serif, helvetica;
         font-size: 12px;
         color: #ff8b0f;
         text-decoration: none;
}

img {                                                /*wichtig,damit Bilder keinen Rahmen bekommen*/
         border: 0px;
}

#popup {
	padding: 10px;	
}

.produktinfo{
		clear:both;
		padding-top: 15px;
		_padding-top: 10px; 
		margin: 0px;"
}