/*  
Theme Name: TIME MANAGER
Theme URI: http://www.anieto2k.com
Description: Adaptación para Wordpress de <a href="http://www.templateworld.com/zero/click.php?id=10">TIME MANAGER</a>
Version: 1.0
Author: Andrés Nieto
Author URI:  http://www.anieto2k.com
*/

/* CSS Document */
body {
	background:url(images/main-bg.gif) 0 0 repeat-x #A8A39D;
	color:#1A1917;
	margin:24px 0 0;
	padding:0;
	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
div, p, h1, h2, h3, ul{padding:0px; margin:0px;}
ul{list-style-type:none;}
a img {
	border:none;
}
a {
	color:#fff;
	text-decoration:none;
}
/*--TOP PANEL--*/
#topPan{width:464px; position:relative; margin:0 auto;}
#topPan ul {width:464px;}
#topPan ul li{float:left; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase;}
#topPan ul li a{width:92px; height:30px; display:block; background:url(images/menubg-normal.gif) 0 0 no-repeat #66605B; color:#FDFDFD;  text-decoration:none; text-align:center;}
#topPan ul li a:hover{background:url(images/menubg-hover.gif) 0 0 no-repeat #66605B; color:#1A1917;}
#topPan ul li.menupadding{margin:0 0 0 1px;}
#topPan ul li.home{width:92px; height:30px; display:block; background:url(images/menubg-hover.gif) 0 0 no-repeat #FDFDFD; color:#1A1917; text-align:center;}

#topPan h1{display:block; width:464px; height:198px; background:url(images/header.png) 0 0 no-repeat; text-indent:-2000px; margin:0; clear:both;}

#toplinkPan{width:464px; height:158px; margin:0 auto;clear:both;}

#tussen {width:10px;display:block;float:left}

#toplinkfastPan {
	width:148px;
	height:140px;
	float:left;
	margin:8px 0 0 0;
	color:#fff;
	background-color:#868686;
	/*background:url(images/button.png);*/
}
#toplinkfastPan span.product  {
	font-weight:bold;
}

#toplinkfastPan span.prijzen  {
	display: block;
	float: left;
	width: 50px;
	height: 35px;
	margin:10px 0 0 0px;
	overflow:hidden;
}

#toplinkfastPan h2 {
	float:left;
	color:#fff;
	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#toplinkfastPan a.product {
	text-decoration:none;
	color:#fff;
	display:block;
	width:124px;
	height:52px;
	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:10px 0 0 12px;
	overflow:hidden;
}

#toplinkfastPan a.product:hover {
	color:#666;
}

#toplinkfastPan img {
	display:block;
	width:50px;
	height:50px;
	margin:0;
	border: 1px solid #444;
}

#toplinkfastPan span.onder {
	clear:both;
	display:block;
	width:106px;
	height:52px;
	margin:10px 0 0 30px;
	overflow:hidden;
}

/*--/TOP PANEL--*/
/*--BODY PANEL--*/
#bodyPan{clear:both;width:352px; background:url(images/bodytopbg.jpg) 0 0 no-repeat #fff; color:#1A1917; position:relative; top:20px; margin:0 auto; padding:0 56px;}
#bodyPan h1{width:352px; height:32px; display:block; background:url(images/welcomebg.gif) 0 100% repeat-x; font:24px Georgia, "Times New Roman", Times, serif; padding:42px 0 0;}
#bodyPan h1 span{color:#9A0000; font-size:26px;}
#bodyPan h2{width:350px; height:32px; display:block; background:url(images/dotline.gif) 0 100% repeat-x #fff; font:28px Georgia, "Times New Roman", Times, serif; padding:42px 0 0; color:#9A0000;}

#bodyPan p{padding:18px 0 0 0;}
#bodyPan p.bigtext{background:#fff; font-size:18px; color:#B3A7A0; font-weight:bold; padding:18px 0 0;}
#bodyPan p.more{width:89px; height:39px;}
#bodyPan p.more a{display:block; width:89px; height:39px; background:url(images/more1.jpg) 0 0 no-repeat #FBFBFB; color:#fff;  font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; text-decoration:none; margin:0 0 0 262px; text-align:center;}
#bodyPan p.more a:hover{text-decoration:none; background:url(images/more2.jpg) 0 0 no-repeat;}
#bodyPan p.morenext{width:89px; height:60px; right:0px; top:0px; clear:both;}
#bodyPan p.morenext a{display:block; width:89px; height:39px; background:url(images/more2.jpg) 0 0 no-repeat #FBFBFB; color:#fff;  font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; text-decoration:none; margin:0 0 0 262px; text-align:center;}
#bodyPan p.morenext a:hover{text-decoration:none; background:url(images/more1.jpg) 0 0 no-repeat;}

#bodybottomPan{width:464px; height:42px; background:url(images/bodybottombg.jpg) 0 0 no-repeat; position:relative; margin:0 auto; clear:both; }

#bodyPan ul{width:352px; margin:20px 0 0;}
#bodyPan ul li{background:url(images/arrow.jpg) 0 4px no-repeat; padding:0 0 0 20px;}
#bodyPan ul li a{background:#fff; color:#9A0000; text-decoration:none;}
#bodyPan ul li a:hover{text-decoration:underline;}

.text {display:block; margin-bottom:10px;}

#bodyPan form input.button{width:54px; height:25px; display:block; background:url(images/button.gif) 0 0 no-repeat; border:none; color:#fff;  font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; margin:0 0 0 262px; text-align:center;}
#bodyPan form input[type="submit"]{width:90%; margin:0 5%;}

/*--/BODY PANEL--*/
/*--FOOTER PANEL--*/
#footermainPan{height:155px; background: url(images/footerbg.gif) 0 0 repeat-x #000; color:#fff; margin:43px 0 0; padding:51px 0 0;}
#footerPan{width:330px; height:90px; display:block; position:relative; margin:0 auto;}
#footerPan p{padding:51px 0 0;}
#footerPan p span{background:#1C1B19; color:#AC2626; font-size:10px;}
#footerPan p.copyright{ background:#1F1D1B; margin:0; display:block; position:absolute; bottom:0px; color:#fff; font:11px Tahoma,Arial, Helvetica, sans-serif; padding:0;}

#footerPan ul{width:330px; display:block; position:absolute; left:0px; top:0; padding:0; }
#footerPan li{border-right:1px #ccc solid;float:left; font:12px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;padding-right:5px;}
#footerPan ul li a{padding:0 0 0 12px; color:#fff; background:#181716; text-decoration:none;}
#footerPan ul li a:hover{text-decoration:underline;}

#footerPan ul.info{width:330px; height:45px; display:block; position:absolute; left:0px; top:29px; padding:0;}
#footerPan ul.info li{display:block; width:109px;}
#footerPan ul.info li.address{width:97px; color:#7B746B; font-size:10px; font-weight:bold; padding:0 0 0 12px;}
#footerPan ul.info li.phone{width:94px; color:#7B746B; font-size:10px; padding:0 0 0 15px; font-weight:bold;}
#footerPan ul.info li.fax{width:94px; background:#1C1B19; color:#7B746B; font-size:10px; padding:0 0 0 15px; font-weight:bold;}
#footerPan ul li span{background:#1C1B19; color:#AC2626; font-size:10px; font-weight:bold; line-height:14px;}