﻿/*******************************/
/**       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:#2c2c2c;font-size:0.8em; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration:none; background:url(../images/bg.jpg) repeat-x #fcf9f9;}
body a{ text-decoration:none;color:#dd8803; font-weight:bold;}
body a:hover{text-decoration:underline;color:#000; font-weight:bold;}

.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;}

/*******************************/
/* CONTAINER DIVISION */
/*******************************/
#container{ position:relative; width:1000px; margin:0 auto; height:auto !important; height:100%; min-height:100%; background:url(../images/bg_container.jpg) repeat-y;}

/*******************************/
/* INNER DIVISION */
/*******************************/
#container #inner{position:relative; width:920px; padding:0px 40px 50px 40px;min-height:400px; height:auto !important;height:400px;background:url(../images/bg_inner.jpg) no-repeat top;}

/*******************************/
/* TOP DIVISION */
/*******************************/
#container #inner #top{position:relative; width:919px; padding:153px 0px 0px 1px; }
#container #inner #top #menu{ width:918px; height:45px; background:url(../images/bg_menu.jpg) no-repeat;}
#container #inner #top #menu ul{ height:44px;}
#container #inner #top #menu ul li{ float:left; display:block; height:44px;}
#container #inner #top #menu ul li a{ color:#fff; float:left; display:block; height:44px; line-height:44px; padding:0px 10px 0px 12px; background:url(../images/bg_li.jpg) no-repeat right;}
#container #inner #top #menu ul li.last{ float:right; }
#container #inner #top #menu ul li.last a{ float:right; background:none; padding:0px 26px 0px 20px;}
#container #inner #top #menu ul li a:hover{ color:#ffa73d; text-decoration:none;}

#container #inner #adminmenu{ width:918px; height:45px; margin:-10px 0px 10px -9px; background:url(../images/bg_adminmenu.jpg) repeat-x;}
#container #inner #adminmenu ul{ height:44px;}
#container #inner #adminmenu ul li{ float:left; display:block; height:44px;}
#container #inner #adminmenu ul li a{ color:#fff; float:left; display:block; height:44px; line-height:44px; padding:0px 15px 0px 15px; background:url(../images/bg_liadmin.jpg) no-repeat right;}
#container #inner #adminmenu ul li.last a{ float:right; background:none; padding:0px 15px 0px 10px;}
#container #inner #adminmenu ul li a:hover{ color:#ffa73d; text-decoration:none;}

/*******************************/
/* LEFT DIVISION */
/*******************************/
#container #inner #left{width:690px; float:left; padding:10px 0px 0px 10px;}
#container #inner #left h1{position:relative; width:675px; padding:0px 0px 0px 15px; height:42px; font-size:1.0em; color:#fff; line-height:42px; background:url(../images/bg_h1.jpg) repeat-x; margin:0px; }
#container #inner #left h1 span{float:right; right:15px; top:0px; position:absolute; display:block; font-weight:bold; font-size:0.95em;}
#container #inner #left h1 span a{color:#fff; font-weight:normal;}
#container #inner #left h1 span a:hover{color:#dd8803; text-decoration:none;}
#container #inner #left table.overzicht{position:relative; border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; color:#7a4d00;}
#container #inner #left table.overzicht tr{ line-height:20px;}
#container #inner #left table.overzicht td.thumb{ width:122px; padding:0px 13px 0px 15px;}
#container #inner #left table.overzicht td.thumb img{border:1px solid #5c5c5c; margin:0px 0px 0px 0px;}
#container #inner #left table.overzicht td.titel{ border-bottom:1px solid #ebebeb; font-weight:bold; color:#2c2c2c;}
#container #inner #left table.overzicht td.prijs{ text-align:right;}
#container #inner #left table.overzicht td.prijs span{ font-size:1.8em; color:#2c2c2c; font-weight:normal;}
#container #inner #left table.overzicht td.space{ width:14px; }

#container #inner #left #content{width:688px; padding:18px 0px 18px 0px; border-right:1px solid #d2d2d2; border-left:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;}
#container #inner #left #content #groot{width:490px; position:relative; float:left; padding:0px 0px 0px 16px;}
#container #inner #left #content #groot img.gfoto{width:488px; border:1px solid #5c5c5c;}
#container #inner #left #content #klein{float:right; padding:0px 16px 0px 0px;}
#container #inner #left #content #klein img{border:1px solid #5c5c5c; margin:0px 0px 2px 0px;}
#container #inner #left #content table{ padding:0px 16px 0px 0px; line-height:22px; font-size:0.95em;}
#container #inner #left #content h2{font-size:1.1em; color:#000000; margin:0px; padding:16px 0px 8px 0px;}
#container #inner #left #content table.auto td.prijs{ color:#7a4d00; text-align:right; font-weight:bold;}
#container #inner #left #content table.auto td.prijs span{ font-size:1.8em; color:#2c2c2c; font-weight:normal;}
#container #inner #left #content p{ padding:0px 18px 0px 18px; }

#container #inner #left #content table.form{ line-height:30px; margin:20px 0px 0px 0px; background:url(../images/bg_form.jpg) repeat-x bottom #f7f7f7; }
#container #inner #left #content table.form input{ margin:0px; padding:2px 0px 0px 3px; width:224px; height:21px; border:1px solid #c0c0c0; }
#container #inner #left #content table.form input.check{ margin:0px 10px 0px 0px; padding:0px; width:14px; height:14px; border:0px solid #c0c0c0; }
#container #inner #left #content table.form textarea{ width:100%; display:block; border:1px solid #c0c0c0; }
#container #inner #left #content table.form button{ cursor:pointer; float:right; margin:10px 0px 0px 0px; width:161px; height:29px; border:0px; background:url(../images/btn_verstuur.jpg) no-repeat; }

#container #inner #left #content .pagina { padding:0px 18px 0px 18px;}
#container #inner #left #content .pagina p{ padding:0px 0px 16px 0px; margin:0px;}

/*******************************/
/* LEFT DIVISION */
/*******************************/
#container #inner #right{width:200px; float:right; padding:10px 10px 0px 0px; font-size:0.95em;}
#container #inner #right .blok{width:172px; padding:15px 19px 15px 19px; margin:0px 0px 10px 0px; background:url(../images/bg_right.jpg) no-repeat; color:#fff;}
#container #inner #right .blok h2{font-size:1.1em; color:#fff; padding:0px 0px 15px 0px;}
#container #inner #right .blok img.thumb{border:1px solid #b0b0b0; margin:0px 0px 10px 0px;}
#container #inner #right .blok strong{display:block;}
#container #inner #right .blok p{display:block; margin:0px; padding:0px 0px 14px 0px;}
#container #inner #right .blok p span{ font-weight:bold; color:#fdaf27;}
#container #inner #right .blok em a{ font-style:normal; font-size:0.9em; font-weight:bold; background:url(../images/btn_occ.jpg) no-repeat; display:block; width:161px; height:29px; line-height:29px; cursor:pointer; text-align:center; color:#fff;}
#container #inner #right .blok em a:hover{ color:#000; text-decoration:none;}
#container #inner #right .blok a:hover{ color:#fff; text-decoration:none;}

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

#container #footer{ background:url(../images/bg_bottom.jpg) no-repeat; color:#7e7e7e; width:1000px; font-size:0.95em; left:0px; height:34px; bottom:0; position:absolute;}

