@charset "UTF-8";
/* CSS Document */



body {margin: 0; padding: 0; font-family: Verdana, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%; color: #000; background-color: #c1c2db; text-align:center;}

#sitecontainer{position:relative; display:block; width: 930px; margin: 0px auto; text-align: center; background-color:#FFFFFF; background-image:url(site_bg.png);}
	


		
/*basis css*/
a {text-decoration: none; font-weight: bold; color: #003366; outline:none;}
a:link {}
a:visited {}
a:active {	}
a:hover {text-decoration: underline; color: #3182c0; }
h1 {font-size: 1.8em; font-weight: bold; margin-top: 0em; margin-bottom: 0.2em; color: #003366;}
h2 {font-size: 1.1em; margin: 0.2em 0em 0em 0em; font-weight: bold; color: #003366; line-height: 1.5em}
h3 {font-size: 1.0em; margin: 1.2em 0em 1.2em 0em; font-weight: bold;}
h4 {font-size: 1.0em; margin: 1.2em 0em 1.2em 0em; font-weight: bold;}
h5 {font-size: 1.0em; margin: 1.2em 0em 1.2em 0em; font-weight: bold;}
h6 {font-size: 0.8em; margin: 1.2em 0em 1.2em 0em; font-weight: bold;}
img {border: 0;}
leftcontent ol, leftcontent ul, leftcontent li {/font-size: 1.0em; line-height: 1.8em;	margin-top: 0.2em; margin-bottom: 0.1em; }
p {font-size: 1.0em; line-height: 1.4em; margin: 0em 0em 1.2em 0em;}
li > p {margin-top: 0.2em;}
pre {font-family: monospace; font-size: 1.0em;}
strong, b {font-weight: bold;}

.lijst li{background-color: #dde8f5; display:block; border-bottom: solid 6px #fff; padding: 4px;}
.lijst { margin: 0px; padding: 0px; margin-bottom: 10px; margin-top: 4px; }
.aanbieding a{ font-size: 1.2em;}

.lijst-a li{background-color: #dde8f5; border-bottom: solid 6px #fff; padding: 4px; font-weight:bold; color: #003366;}
.lijst-a { margin: 0px; padding: 0px; margin-bottom: 10px; margin-top: 4px; background-color: #f0f7ff; display:block; list-style:none;}
.lijst-a p{ margin: 0px; padding: 0px;}

table {width:100%;	 margin:0px auto; border-collapse:collapse;}
caption { color: #9ba9b4; font-size:.74em; letter-spacing:.1em; margin:1em 0 0 0; padding:0; caption-side:top; text-align: right;}	
tr.odd td	{background: #dde8f5;}
tr.odd .column1	{background: #dde8f5;}	

td {color: #3182c0; border:1px solid #e5eff8; border:1px solid #e5eff8; padding: 4px; text-align:center;}				
th {font-weight:normal; color: #003366; text-align:left; border:1px solid #e5eff8; border:1px solid #e5eff8; padding: 4px;}							
thead th { background: #dde8f5; text-align:center; font:bold 1.2em/2em;	color:#003366}	




#hoofdmenu{margin: 0px auto;  background-color: #ffffff; width: 914px; margin-top: 40px; padding-bottom: 15px; text-align:center; display: inline-block;}

#hoofdmenu ul{margin: 0px; padding: 0px; list-style:none; text-transform:uppercase; margin: 0px auto;}
#hoofdmenu ul li {margin: 0px; padding: 0px; text-align:center; display:inline-block; float:left;  background-repeat:no-repeat; background-position:center;  height:110px; background-color:#ffffff; margin: 0px auto;}

#hoofdmenu li a{margin: 0px; padding: 0px; display:inline-block; width: 168px; padding-top: 80px; line-height: 30px; background-image:url(hoofdmenu_bg.png); background-repeat:repeat-x; background-position: 0px 80px; }

#offerteButton{
	padding-top: 0px;
	height: 30px;
	line-height: 30px;
	background-image: url(offerte_bg.gif);
}
#offerteButton a{
	background-image: url(offerte_bg.gif);
}
#offerteButton a:hover{
	background-image: url(offerte_bg.gif);
}

#link_cards{ background-image:url(tm_bg_cards.png);  width: 184px;}
#link_personalisatie{ background-image:url(tm_bg_personalisatie.png); width: 182px;}
#link_cardprinters{ background-image:url(tm_bg_cardprinters.png); width: 182px;}
#link_cadeaucards{ background-image:url(tm_bg_cadeaucards.png); width: 182px; }
#link_overige{ background-image:url(tm_bg_overige.png); width: 184px; }
#hoofdmenu a{font-size: 1.1em; color:#FFFFFF; }

#hoofdmenu a:hover{ text-decoration:none; background-position: -168px 80px;}
#hoofdmenu a:active{background-position: -336px 80px;}



#header{ background-image:url(header_bg.png); height: 160px; display:block; margin-left: 15px; margin-right: 15px;}
#header img{ margin: 0px; padding: 0px; float:left;}
#leftcontent{width: 615px; display:block; float:left; text-align:left;}
#content{margin: 0px 40px; /* background-image:url(cards-voorbeelden.jpg); background-position:bottom center; background-repeat:no-repeat; padding-bottom: 177px; */ padding-bottom: 20px;}
#breadcrumbs{margin: 0px; padding: 0px; margin-left: -25px; margin-bottom: 15px;}


#rightcontent{ display:block; width: 300px;float:left; text-align:left; background-color: #dde8f5;}
.rightcontent_titel{font-size: 1.1em; color:#FFFFFF; background-image:url(menu_bg.png); display:block; height: 30px; line-height: 30px; margin: 0px; padding: 0px; text-transform: uppercase;}
.rightcontent_titel span{ padding-left: 15px;}

.submenu{line-height: 2.0em; list-style:none; margin: 0px; padding: 0px; padding-bottom: 15px;}
.submenu li { border-bottom:solid 2px #ffffff; margin: 0px;  padding-left: 15px; padding-right: 15px;}
.submenu a{ display:block; margin: 0px; margin-left: -15px; padding-left: 15px; margin-right: -15px; padding-right: 15px;}
.submenu a:hover{ background-color:#ffffff; text-decoration:none ;}
.submenu a:active{color: #003366;}

#topmenu{ position:absolute; top: 0px; left: 0px; width: 930px; text-align:right; background-color:#ffffff; height: 40px; }
#topmenu ul li{ display:inline; line-height: 30px; padding: 0px; margin: 0px;}
#topmenu ul { padding: 0px; margin: 0px;  padding-right: 24px;}
#topmenu a { font-size: 0.90em; padding-left: 8px;}


 
#footer { clear:both; margin: 0px; padding: 0px; text-align:center; background-color: #c1c2db; background-image:url(footer_bg.png); background-repeat:no-repeat; font-size: 0.8em;}  
#footer ul {margin: 0px; padding: 0px; display:inline-block; color:#FFFFFF;  padding-top: 30px; padding-bottom: 10px;}
#footer ul li {margin: 0px; padding: 0px 4px 0px 4px;display: inline; border-right: 1px solid #e0e1ed;}  
#footer ul li a{color: #ffffff; text-decoration: none; margin:0px;}  
#footer ul li a:hover {color: #ffffff; text-decoration: underline;} 

hr{
	height: 3px;
	width: 100%;
	color: #FF8C0D;
}