/*******************************/
/**       CSS DOCUMENT        **/
/**   OWNED BY DROOMSLICING   **/
/**   COPYRIGHT 2009 - 1010   **/
/**       www.idroom.nl       **/
/*******************************/


/*******************************/
/* REGULAR COMMANDS */
/*******************************/

html{ height: 100%;}
body{ height: 100%; min-height: 100%; margin:0px; padding:0px; color:#1b1b1b; font-size:12px; font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;text-decoration:none;background:url(../images/bg2.jpg) repeat top;}
body a{ text-decoration:none;color:#048e97;font-weight:normal;}
body a:hover{text-decoration:none;color:#048e97;font-weight:normal;}

.clear{clear:both; overflow:hidden; height:0px;} img{border:0px; display:block;} ul, li{list-style:none; margin:0px; padding:0px; } form, fieldset {margin:0px;padding:0px;border:0;} h1, h2, h3, h4, h5 {margin:0px; padding:0px;}

/*******************************/
/* FORMS */
/*******************************/
input {font-size:13px;font-family: Georgia, Verdana, Arial, Helvetica;height:20px;margin-bottom:5px;padding:1px;}
textarea {font-size:13px;font-family: Georgia, Verdana, Arial, Helvetica;margin-bottom:5px;padding:1px;}
hr {color:#048E97;}
.formtag {width:500px;font-weight:bold;display:block}

/*******************************/
/* CONTAINER DIVISION */
/*******************************/
#containershadow { position:relative; width:1032px; margin:0 auto; height:auto !important; height:100%; min-height:100%; }
#container { position:relative; width:1000px; margin:0 auto; margin-left:16px; height:auto !important; height:100%; min-height:100%; }


/*******************************/
/* TOP DIVISION */
/*******************************/
#container #top{position:relative; width:945px; padding:0px 21px 0px 34px; height:107px; background:url(../images/header3.jpg) no-repeat;border-bottom:3px solid #76ADB8;}
#container #top #logo{ float:left; text-align:center; font-family: Georgia, Verdana, Arial, Helvetica; font-size:1.25em; width:294px; height:60px;}
#container #top #logo h1{ font-size:1.0em; font-weight:normal; margin:0px; padding:0px; }
#container #top #logo h1 a{ display:block; cursor:pointer; width:294px; height:30px; padding:54px 0px 0px 0px; color:#00f0ff; }
#container #top #images{ float:right; padding:9px 0px 11px 0px; }
#container #top #images em{ float:left; margin:0px 0px 0px 11px; width:155px; height:80px; }
#container #top #images em img{width:155px; height:80px; }
#container #top ul{ clear:both; display:block; height:38px; position:absolute;top:85px;width:350px; left:630px;}
#container #top ul li{ display:block; float:left; height:38px;}
#container #top ul li span{ font-size:10px;font-weight:bold;}
#container #top ul li a{ color:#37312F; font-size:0.95em; line-height:47px; padding:0px 10px 0px 12px; display:block; float:left; background:url(../images/shopcartbg2.png) no-repeat; height:38px;}
#container #top ul li a:hover{ color:#13949c;}
#container #topmenu {position:absolute;top:110px;width:600px; height:20px;color:#63483B;}
#container #topmenu a {color:#63483B;}
#container #topmenu a:hover{ color:#13949c;}

/*******************************/
/* MIDLE DIVISION */
/*******************************/
#container #midle {width:950px; padding:18px 30px 80px 20px;background:#FEFEFE;}

#container #midle #left {width:193px; float:left; }
#menu {margin-top:15px;}
#menu ul {width:193px; font-size:0.95em; background:#FFDDD1;}
#menu ul li{ line-height:19px; display:block; width:193px; }
#menu ul li a{ color:#00f0ff; text-indent:13px; line-height:19px; height:21px; display:block; width:193px;}
#menu ul li a:hover{ color:#fff;}
#menu ul li.item a{ font-size:1.15em; text-align:center; text-indent:0px; margin:0px 0px 8px 0px;}
#menu ul li.special a{ color:#fff;}
#menu ul li.special a:hover{ color:#00f0ff;}
#menu ul li.last a{ margin:0px 0px 0px 0px;}

#container #midle #left div#menu ul ul {width:193px; padding:9px 0px 17px 0px; }
#container #midle #left div#menu ul ul li{ }
#container #midle #left div#menu ul ul li a{ color:#63483B; margin:0px; text-indent:35px; height:21px; background:url(../images/bgmenunew.jpg) no-repeat; text-align:left; }
#container #midle #left div#menu ul ul li a:hover{ color:#13949c;  }


#container #midle #right {width:720px; float:right;}
#container #midle #right #bread{width:720px; height:21px; margin:15px 0px 13px 0px; border-bottom:1px solid #9a9a9a;color:#5c5c5c;}
#container #midle #right #bread ul{height:21px; display:block; font-size:0.95em;}
#container #midle #right #bread ul li{height:21px; float:left; display:block;}
#container #midle #right #bread ul li a{color:#5c5c5c; height:21px; line-height:17px; padding:0px 15px 0px 0px; float:left; display:block; background:url(../images/bg_bread.jpg) no-repeat right;}
#container #midle #right #bread ul li.last a{background:none;}
#container #midle #right #bread ul li a:hover{color:#048e97;}


#container #midle #right img.header{float:left; border:2px solid #dddddd; margin:0px 0px 0px 0px;}
#container #midle #right .menuproducten{float:right; width:320px;padding-top:3px;}
#container #midle #right h1{font-size:1.3em; text-indent:27px; font-weight:normal; background:url(../images/topmenuicon.png) no-repeat; display:block; height:25px; width:100%; border-bottom:1px solid #9A9A9A; margin-bottom:10px;}
#container #midle #right h1 a{ color:#333333; }
#container #midle #right h1 a:hover{ color:#048e97; }
#container #midle #right .menuproducten ul{width:150px; padding:0;margin-right:10px;float:left;}
#container #midle #right .menuproducten ul li{width:145px; line-height:26px;}
#container #midle #right .menuproducten ul li a{color:#1b1b1b; font-size:1.2em; width:145px; line-height:26px; display:block; border-bottom:1px solid #c5c5c5;}
#container #midle #right .menuproducten ul li a:hover{color:#048e97; }

#container #midle #right .producten{ width:100%;}
#container #midle #right .producten h2{font-size:1.5em; text-indent:27px; font-weight:normal; background:url(../images/bg_h1.gif) no-repeat; display:block; height:25px; margin:34px 0px 7px 0px; width:100%; border-bottom:1px solid #048e97;}
#container #midle #right .producten .product{ position:relative; height:310px; min-height:310px; margin:10px 0px 0px -2px; padding:0px 11px 35px 11px; width:123px;float:left;color:#63483B;}
#container #midle #right .producten .first{ position:relative; width:146px; padding:0px 0px 35px 0px; margin:10px 0px 0px 0px; background:none; }
#container #midle #right .producten .last{  background:none; }
#container #midle #right .producten .product h3{ width:122px; color:#43828E; display:block; height:50px; margin:0px; padding:0px 0px 10px 0px; font-size:13px; font-weight:bold;}
#container #midle #right .producten .product h3 a{ color:#43828E;font-weight:bold;}
#container #midle #right .producten .product h3 a:hover{ color:#43828E; text-decoration:underline;}
#container #midle #right .producten .product em{ display:block; text-align:center; width:120px; padding:0px 0px 10px 0px;}
#container #midle #right .producten .product em img{ display:inline;}
#container #midle #right .producten .product strong{ color:#058e97; display:block; text-align:right; font-size:1.4em;  font-weight:normal;}
#container #midle #right .producten .product h4 {font-weight:bold;font-size:11px;display:block;margin-right:6px;color:#604335;}
#container #midle #right .producten .product p{ width:120px;font-size:0.95em; margin:0px; padding:0px 0px 16px 0px; text-align:justify;}
#container #midle #right .producten .product span{ line-height:22px; text-align:center; z-index:100; position:absolute; left:0px; bottom:0px; display:block; width:144px; height:1px; background:#AAAAAA;}
#container #midle #right .producten .product span a{ color:#fff;}
#container #midle #right .producten .product span a:hover{ color:#00f0ff;}

#sort {color:#5c5c5c;margin-bottom:5px;text-align:right;margin-right:5px;font-weight:bold;float:left;width:450px;}
#sort span {font-weight:normal;}
#sort a {color:#43828E;}

#container #midle #right #numproducts {color:#5c5c5c;width:260px;float:left;}
#container #midle #right #numproducts h1 {border:0;background:none;font-size:12px;text-indent:0;height:15px;}

#freetransport {position:absolute;top:140px;left:630px;}

#container #midle #right img.product{float:left; width:246px; border:2px solid #dddddd; margin:0px 0px 0px 0px;}
#container #midle #right #specificaties{float:right; width:452px; font-size:1.2em;}
#container #midle #right #specificaties h1 {color:#43828E;}
#container #midle #right #specificaties ul{display:block; padding:10px 0px 17px 0px;}
#container #midle #right #specificaties ul li{line-height:25px; display:block; border-bottom:1px solid #c5c5c5;}
#container #midle #right #specificaties ul li strong{font-weight:normal; float:left; width:182px;}
#container #midle #right #specificaties ul li span{font-weight:normal; float:left; width:265px;}
#container #midle #right #specificaties ul li em{color:#048e97; font-style:normal;}

#container #midle #right .bestel{ width:450px;height:90px; text-align:center;}
#container #midle #right .bestel em a{ padding:2px 15px 3px 15px; line-height:20px; color:#fff; display:inline;font-style:normal; cursor:pointer; background:#048e97;}
#container #midle #right .bestel em a:hover{ background:#005c62;}
#container #midle #right .bestelcart{ width:450px; text-align:right; padding-top:2px; font-size:12px;}
#container #midle #right .button{background:#e0fdff; width:150px; border:1px solid #048e97; height:30px; text-align:center;font-weight:bold;cursor:pointer;}

#container #midle #right .omschrijving h1{color:#048e97;margin:30px 0px 0px 0px;width:720px; font-size:1.3em; font-weight:normal; background:none; text-indent:0px; display:block; height:30px; border-bottom:0px solid #048e97;}
#container #midle #right .omschrijving h1 span{color:#333333; padding:0px 0px 0px 6px;}
#container #midle #right .omschrijving p{font-size:1.1em; margin:0px; padding:0px 0px 18px 0px; color:#63483B;text-align:justify;}

#container #midle .text {padding-top:10px;}

/*******************************/
/* FOOTER DIVISION */
/*******************************/

#container #footer{ z-index:1000; font-size:0.85em; position:absolute; bottom: 0; width:1000px; padding:0 0px 0px 0px; height:40px;background:#85BCC7;margin:0;}
#container #footer img{ display:inline; float:left;}
#container #footer p{ float:left; margin:0px; margin-left:15px;margin-top:5px;  padding:0px; line-height:32px; color:#fff; font-style:italic; font-size:1.05em;}
#container #footer ul { float:right; margin-top:14px;margin-right:10px;}
#container #footer ul li{ float:left; margin:0px; padding:0px; list-style-image:url(../images/bulletfooter.jpg);list-style-position:inside;}
#container #footer ul li a{ float:left; margin:0px; padding:0px 9px 0px 6px; color:#43838F; }
#container #footer ul li a:hover{ color:white; }
#container #footer ul li.last { list-style-image:none;}
#container #footer ul li.last a{ padding:0px 0px 0px 6px; background:none;list-style-image:none;}

.picenlarge {
	color: black;
	font-size: 10px;
}

.picenlarge a {
	color: black;
}

.tooltip {}

a.tooltip{
    position:relative; /*this is the key*/
    z-index:24; background-color: #ccc;
    color: #000;
    text-decoration:none;
	border: 0;
	padding: 0;
	margin: 0;
	background: none;
	cursor: pointer;
	font-family: Arial; font-size: 12px; color: #048e97;
	display:inline;
}

.tooltip a:hover{
	z-index:25; 
	background-color: white;
	text-decoration: none;
}

a.tooltip span{
    display:none;
    position:absolute;
    top:2em; left:2em; width:250px;
    border:1px solid #777c82;
    background-color: white; 
	font-weight: normal;
	padding: 5px;
	font-family: Arial; font-size: 12px; color: #048e97;
}