/* CSS Document */


html {background: url(../img/oostappen/html.gif); height: 100%;}

body {
	margin:0px;
	padding:40px 0;
	text-align:center;
	color:#333333;
	background:#64ad5e url(../img/oostappen/body.gif) repeat-x 50% 0;
	font-family: "Lucida Sans Unicode",tahoma, verdana; 
	font-size:12px;
        width: 100%;
	}

h1 {
	color: #003366;
	font-size: 20px;
	font-family: verdana, arial, sans-serif;
	font-weight:normal;
	letter-spacing: -1px;
	margin: 0 ;
	margin-left: 10px;
	position:relative;
	bottom:35px;
	}

h2 {
	font-size: 14px;
	font-weight: bold;
	color: #5A731E;
	font-family: verdana, arial, sans-serf;
	letter-spacing: -1px;
	margin: 0 ;
	margin-left: 10px;
	position:relative;
	}
p {
	margin:10px;
	}
#container {
	width:820px;
	margin:0 auto;
	text-align:left;
	}

#left {
	float:left;
	width:205px;
	background:#fff;
	text-align:center;
        padding-top:5px;
	
        }

#menupadding {
        padding: 5px;
        }


#left ul {
	background-color: #000;
	list-style-type:none;
	text-align:left;
        margin:0px;
        padding:0px;
	}

#left li a {
        text-indent: 10px;
        margin:0px;
	display:block;
	color:#ccc;
	font-family: tahoma, verdana, arial, sans-serif;
	font-size:11px;
        height: 25px;        
        line-height: 25px;
	font-weight: bold;
	text-decoration:none;
	}
	
#left li a:hover {
        color:#fff;
	background-color: #339900;
	}
	
#left img {
	text-align: center;
	}

#wrapper {
	float:right;
	width:605px;
	}

#main {
	padding:5px;
	padding-bottom:30px;
	float:left;
	width:430px;
	background:#fff;
	background-image: url(../img/hildenberg/bg_main.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	}

#right {
	text-align: center;
	padding-top: 5px;
	float:right;
	width:155px;
	background:#fff;
	}
	
#right img {
	margin-bottom: 5px;
}

/* typeinfo panel styles*/
 
.typeInfoPanel 
{
  width: 95%;
  border-bottom: 1px solid #000;
  padding: 12px 4px;
}
 
.typeInfoPanel img
{
  float: left;
  width: 140px;
  height: 119px;
}

.typeInfoPanel h2
{
  font-size: 14px;
  font-weight: bold;
color: #25316D;
}

.typeInfoPanel p, .typeInfoPanel h2
{
  padding-left: 160px;
}

.typeInfoPanel a.button
{
  color: #fff ! important;  
  padding: 2px 6px;
  background: #D63204;
  text-decoration: none ! important;
  margin-right: 10px;
  font-size: 10px;
}

.typeInfoPanel a:hover
{
  color: #fff ! important;  
  padding: 2px 6px;
  background: #ED4D09;
  text-decoration: none ! important;
  margin-right: 10px;
  font-size: 10px;
}


a 
{
	text-decoration: none;
        color: #00000;
}
 
a:hover 
{
	text-decoration: underline;
}

a:visited
{
	
        color: #000000;
}

.RpHildenbergFlags
{
  position: absolute;
  margin-top: 110px;
  margin-left: 75px;
}

.RpHildenbergFlags img
{
  border: 0px;
}





/* productlist panel styles*/

.productList
{
  padding-left: 5px;
  padding-top: 10px;
  border: 1px solid #999999; 
  margin-left: 15px;
  margin-right: 15px;
  background-color: #efefef;
}

.productList .vanaf
{
  float: right;
  font-size: 14px;
  font-weight: bold;
  color: #fd3408;
  margin-right: 5px;
}

.productList .kop
{
  font-size: 14px;
  font-weight: bold;
  color: #000000;
}

.productList .meerlezen
{
  font-weight: bold;
  margin-bottom: 5px;
  width: 97%
}

.productList img
{
  width: 100px;
  height: 100px;
  float: left;
  border: 0px;
  margin-right: 15px;
  border: 1px solid #999999; 
  }

.productList a:link
{
color: #000000;
text-decoration: none;
}
.productList a:visited
{
color: #000000;
text-decoration: none;
}
.productList a:active
{
color: #000000;
text-decoration: none;
}

.productList .vanaf a
{
color: #fd3408;
text-decoration: none;
}




.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 195px; /* Width of Menu Items */
border-bottom: 1px solid #ccc;
z-index: 99;
}
	
.suckerdiv ul li{
position: relative;
z-index: 99;
}
	
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 170px; /*sub menu width*/
top: 0;
visibility: hidden;
z-index: 99;
}

/* Sub level menu links style */
.suckerdiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: black;
text-decoration: none;
background: #000;


padding: 1px 5px;
border: 1px solid #ccc;
border-bottom: 0;
z-index: 99;
}

.suckerdiv ul li a:visited{
color: black;
z-index: 99;
}

.suckerdiv ul li a:hover{
background-color: yellow;
z-index: 99;
}

.suckerdiv .subfolderstyle{
background: url(media/arrow-list.gif) no-repeat center right;
z-index: 99;
}

	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */




/* angebote_last_minute */



.productList

{

  padding: 5px 5px 5px 5px;
  width: 390px;

}



.productList .productImage

{

  width: 90px;

  height: 90px;

  float: left;

  border: 2px solid white;

  position: relative;

}



.productList .productImage2

{

  float: left;

}



.productList .content

{
  width: 388px;

  background: #ffffff;

  position: relative;

  margin-left: 0px;

  margin-bottom: 0px;

  padding: 0px;

  margin-top: 100px;

  border: 1px solid gray;

}



.clearAll

{

  clear: both;

  height: 1px;

}



a.productListButton

{

  font-size: 11px;

  float: right;

  display: block;

  padding: 4px 12px 4px 12px;

  color: #fff;

  background: #B6CB9A;

  text-decoration: none;

  margin: 0px;

  position: relative;

  width: auto;

  margin-top: -160px;

}



a.productListButton:hover

{

  background: #91AF68;

  color: #ECF7DD;

}



a.productListButtonwk

{

  float: right ;

  display: block;

  padding: 4px 12px 4px 12px;

  color: #fff;

  background: #DE6100;

  text-decoration: none;

  margin: 0px;

  position: relative;

  width: auto;

}



a.productListButtonwk:hover

{

  background: #F8AD4D;

}



a.productListButtonLeft

{

  float: left;

  display: block;

  padding: 4px 12px 4px 12px;

  color: #fff;

  background: #552D9D;

  text-decoration: none;

}



a.productListButtonLeft:hover

{

  background: #B3A1D3;

  color: #552d9d;

}



.productList .price

{
  font-size: 14px;

  float: left;

  font-weight: bold;

  color: #ff0000;

  position: relative; 

  text-align: right;

  padding-top: 30px;
}



.productList .tekst

{

  margin-right: 0px;

}





.productsList .details

{

  color: #552d9d;

  font-style: italic;

  padding-top: 5px;

}