/* 	Stylesheet 	Lensvelt Medical
				http://lensveltmedical.nl
	Datum: 		24/10/2007
	Auteur: 	Michiel Heijmans
				Carlos Gallupa BV
				http://carlosgallupa.com
	------------------------------------
	Versie:		1.1
	
	20/03/2008 	#footer aangepast ivm floats ie6
	23/06/2008 	#footer a aangepast ivm link alg voorwaarden
	
	Heellichtblauw		#EBF1FF
	Lichtblauw			#CDF
	Blauw				#8EB6FC / #74A7FC
	Donkerblauw			#113988 / #212347
	Groen				#D6E030
	Lichtgrijs			#999
	Grijs				#666
	Donkergrijs			#333	
*/

*		{padding:0;margin:0;}
html	{overflow: -moz-scrollbars-vertical;}
body	{font:62.5% verdana, arial, sans-serif;color:#333;text-align:center;}
h1 span	{display:none;}
h4		{color:#113988;margin-top:10px;font-size:1em;}
td		{padding:0;margin:0;}
th 		{color:#113988;}
p		{padding-bottom:10px;}
a		{color:#333;text-decoration:underline;}
a:hover	{text-decoration:none;}
img		{border:0;}
fieldset{border:0;}
input.text, input.twotext, input.shorttext, textarea {font:11px verdana, arial, sans-serif;color:#666;padding:2px;border:1px solid #D6E030;}
label:first-letter {text-transform:uppercase;}
input.button {font:11px verdana, arial, sans-serif;padding:2px;}
input.text {width:200px;}
textarea {width:360px;height:150px;}
.text, .subinfo	{padding:0 10px;line-height:1.5em;}
.link	{text-align:right;}

#container {margin:0px auto;font-size:1.1em;width:1000px;text-align:left;}

#header	table td.logo {width:404px;}
#header	table td.topempty {height:75px;}
#header	table td.menu {height:45px;}
#header	table td.menu a {display:block;float:left;margin-right:1px;width:148px;background:url(../layout/bg-topmenu.jpg) no-repeat;color:#FFF;font-weight:bold;text-decoration:none;text-align:center;padding-top:15px;padding-bottom:16px;}
#header	table td.menu a:hover, #header table td.menu a.current {background:url(../layout/bg-topmenu-hover.jpg) no-repeat;}
/* red */
#header	table td.menu span.red a {background:url(../layout/bg-topmenu-red.jpg) no-repeat;}
#header	table td.menu span.red a:hover, #header table td.menu span.red a.current {background:url(../layout/bg-topmenu-hover-red.jpg) no-repeat;}
#header	table td.menu a#last {margin-right:0;}
/*#header	table td.blue {background-color:#CDF;height:20px;}*/
#photo {background-color:#CDF;margin-bottom:10px;}
#photo img {width:1000px;height:300px;}
#photo-small {height:100px;overflow:hidden;}
#photo-small img {width:1000px;height:100px;}
#path {background-color:#FFF/*#CDF*/;height:17px;margin-bottom:10px;padding:3px 10px 0;}
#path a {color:#212347;}

#col1,#news,#home,#details {float:left;}
#col1	{width:225px;margin-right:20px;}
#news	{width:225px;margin-right:20px;background:#EBF1FF url(../layout/bg-news.jpg) repeat-x bottom;}
#home	{width:510px;}
#details{width:755px;overflow:hidden;}
* html #col1 {margin-right:10px;}
* html #news {margin-right:10px;}

h2, h3 {font:bold 1.4em "trebuchet ms", verdana, arial, sans-serif;color:#FFF;padding:14px 0 0 10px;vertical-align:middle;width:225px;height:45px;margin:0;}
* html h2 {width:215px;}
* html h3 {width:215px;}
#news h3 {background:url(../layout/rondkopje-kort-gr-nieuws.jpg) no-repeat;}
h2.long, h3.long {width:755px;background:url(../layout/rondkopje-lang-gr-755.jpg) no-repeat;}
#about h3 {font-size:1.2em;padding-top:8px;line-height:1.2em;}

/* Tekstopmaak */
.subinfo {border-top:1px solid #EEE;margin-top:10px;}
.text ul {list-style-image:url(../layout/list-bl.gif);margin:0 0 10px 25px;}
.subinfo ul {list-style-image:url(../layout/list-gr.gif);margin:0 0 10px 25px;}
.text ol, .subinfo ol {margin:0 0 10px 22px;}
.text a {color:#113988;}
.subinfo a {text-decoration:none;}
.subinfo a:hover {text-decoration:underline;}
.text blockquote {margin:10px 20px;}

#login h3, #about-logistics {background:url(../layout/rondkopje-kort-bl.jpg) no-repeat;}
#about h3, #news h3 {background:url(../layout/rondkopje-kort-gr.jpg) no-repeat;}
#news h2 {font:bold 1.2em "trebuchet ms", verdana, arial, sans-serif;color:#74A7FC;margin:0 10px;padding:0;border-bottom:1px solid #FFF;height:auto;width:205px;}

#photo {list-style:none;}

#login input.text {width:128px;padding:2px;color:#999;border:1px solid #999;}
#login input.button {width:60px;padding:2px;}
#login div.text {margin-bottom:10px;}
#login h3 a#portallink {display:block;text-decoration:underline;color:#FFF;}
#login h3 a:hover#portallink {text-decoration:none;}

#menu a {display:block;font:bold 1.4em "trebuchet ms", verdana, arial, sans-serif;color:#FFF;padding:14px 0 0 10px;vertical-align:middle;width:215px;height:31px;margin:0 0 5px;text-decoration:none;}
#menu a:hover {color:#113988;}
#menu a.current {color:#113988;}
#menu .menuproduct {background-image:url(../layout/bg-menu-producten.jpg);}
#menu .menudiensten {background-image:url(../layout/bg-menu-diensten.jpg);}
#menu .menulogistiek {background-image:url(../layout/bg-menu-logistiek.jpg);}
#menu .menuonline {background-image:url(../layout/bg-menu-onlinediensten.jpg);}

#menu ul {list-style:none;margin-bottom:5px;}
#menu ul li a {height:auto;width:auto;display:block;font:normal 1.1em "trebuchet ms", verdana, arial, sans-serif;color:#113988;line-height:1em;text-decoration:none;border-bottom:1px solid #74A7FC;margin:0 5px;padding:5px 0;}
#menu ul li a:hover, #menu ul li a.current {background-color:#EBF1FF;}

#news p.link a {color:#212347;}
#home .buttons {float:left;margin-bottom:20px;}
#home .buttons img {width:245px;}
#home .buttons a.odd {margin-right:18px;}

.text table.overview {padding:0;width:98%;}
.text table.overview td {padding:10px 10px 0 0;width:25%;}

h2.archive {font:bold 1.1em "trebuchet ms", verdana, arial, sans-serif;width:auto;height:auto;padding:0;margin:0;}
h2.archive a {color:#113988;text-decoration:none;}
h2.archive span.date {float:right;color:#999;font-weight:normal;}
ul#ls_archive li {margin:0 0 10px;padding:0;width:550px}

#archivelist {float:right;width:150px;margin:0 0 20px 10px;padding-left:10px;border-left:1px solid #212347;}
#archivelist h4 {margin-top:0;color:#113988;}
#archivelist li {margin:5px 0 0 15px;list-style-image:url(../layout/list-gr.gif);}

.weblog h3, h2.extra, .weblog .reaction form strong {font:bold 1.1em "trebuchet ms", verdana, arial, sans-serif;color:#113988;padding:0;margin:0 0 10px 10px;width:auto;height:auto;border-bottom:1px solid #EEE;}
h2.extra {margin-left:0;}
.weblog .reaction form strong {margin-left:0;border-bottom:0;color:#666;}
.weblog h3 span.details {display:visible;float:right;font:10px verdana, arial, sans-serif;color:#999;}
.weblog .reactionlink {margin:10px 0 30px;text-align:right;clear:both;}
.weblog .reaction {margin:10px;padding:10px;border:1px solid #EEE;margin-bottom:40px;}
.weblog .reaction form {margin-top:20px;}
.weblog .reaction form label {display:block;float:left;width:200px;}
.weblog .reaction form .frm_cb label {float:none;display:inline;padding-left:10px;}
.weblog .reaction form div {margin-bottom:5px;}
.weblog .reactiondetail {border:1px solid #CDF;background-color:#EBF1FF;padding:10px;margin:0 0 10px;width:550px;}
.weblog .reactiondetail .details {color:#113988;border-top:1px solid #FFF;}
.weblog .reactiondetail .details .date {float:right;}

table.vacature {width:300px;margin-bottom:20px;}

#contact label {display:block;float:left;width:200px;}
#contact label.inline {display:inline;float:none;padding:0 10px;}
#contact label.linetwo {margin:0 0 0 30px;width:170px;}
#contact div {margin-bottom:5px;}
#contact input.shorttext {width:140px;margin-right:3px;}
#contact input.twotext {width:50px;margin-right:3px;}

#address th {width:200px;}
#address {margin-bottom:10px;}

.frm_cb {margin-left:200px;}
.btns {margin-left:100px;}
.inschrijfform-btns {margin:10px 0 0 200px;}

#footer	{clear:both;font-size:0.9em;color:#999;padding:30px 0 100px;text-align:right;}
#footer a {color:#999;}
#details .footer {margin-left:10px;}