/* ### Kremer Kleintransport en Koeriersdiensten - kleintransport, transport, ADR-transport, sneltransport, koeriersdienst
   ### info@kremerkleintransport.nl  */

* { margin: 0; padding: 0; }
#Container { width: 1003px; background: url('../images/background.gif') no-repeat; margin: 0 auto;  }
.clear { clear: both; }

#Header { background: url('../images/header.jpg') no-repeat; width: 1003px; height: 167px; }

/* main navigation */
#MainNav { height: 19px; background: #C8C8C8; padding: 2px 0 2px 0; }
#MainNav UL LI { display: inline; list-style: none; }
#MainNav a:link, #MainNav a:visited { padding: 2px 10px 4px 10px; font: 15px Arial, Helvetica, sans-serif; color: #FFF; text-decoration: none;  border-right: 1px solid #FFF; }
#MainNav a:hover { background: #03346C; }

/* columns 1 nd' 2 */
#Columns { background: url('../images/colstar.gif') top right no-repeat; width: 1003px; height: auto; padding: 30px 0 15px 0;}
#Columns P { margin: 5px 0; }

#Column1 { width: 577px; float:left; margin: 0 0 20px 0;padding: 0 30px 0 20px; border-right: 1px dotted #03346C; font: 11px Arial, Helvetica, sans-serif;}
#Column1 IMG.Pic { display: block; float: right; margin: 0 0 5px 10px; }
#Column1 H2 { clear: both; color: #03346C; font: 22px Arial, Helvetica, sans-serif; margin: 0 0 15px 0; background: url('../images/col1h2.gif') bottom no-repeat; padding: 0 0 10px 0;}
#Column1 a:link, #Column1 a:visited { text-decoration: none; color: #03346C; font: bold 11px Arial, Helvetica, sans-serif; }
#Column1 a:hover { text-decoration: underline; }

#Column1 .Text { width: 187px; padding: 0 20px 0 0; float: left; }
#Column1 .Contact { background: #E9E9E9; border: 1px solid #03346C; width: 175px; float: left; padding: 15px; color: #03346C;}
#Column1 .Contact H3 { font: bold 14px Arial, Helvetica, sans-serif; color: #03346C; }
#Column1 IMG.Pic1 { display: block; float: left; margin: 0 20px 0 0; }
#Column1 H3 { font: 15px Arial, Helvetica, sans-serif; color: #03346C; margin: 0 0 15px 0; }

#Column2 { width: 335px; float: left; padding: 0 0 0 29px; background: url('../images/col2star.gif') right top no-repeat; }
#Column2 SPAN.Blue { color: #03346C; }

#Column2 H2#Star { width: 316px; color: #03346C; font: 22px Arial, Helvetica, sans-serif;  background: url('../images/col2h2star.gif') bottom no-repeat; padding: 0 0 23px 0; margin: 0;}

#StarsBox { width: 280px; background: #E9E9E9 url('../images/boxstars.gif') top no-repeat; color: #000; font: 11px Arial, Helvetica, sans-serif; padding: 18px; margin: 0 0 15px 0; border-left: 1px solid #124075; border-right: 1px solid #124075; border-bottom: 1px solid #124075; }

#Column2 H2 { width: 316px;  color: #03346C; font: 22px Arial, Helvetica, sans-serif;  background: url('../images/col2h2.gif') bottom no-repeat; padding: 0 0 10px 0; margin: 0 0 15px 0;}
#Column2 .Box { width: 280px; background: #E9E9E9 ; color: #000; font: 11px Arial, Helvetica, sans-serif; padding: 18px; border: 1px solid #124075; margin: 0 0 15px 0;}

/* footer*/
#Footer { clear: both; font: 10px Arial, Helvetica, sans-serif; text-align: right; }
#Footer .FirstLevel { color: #03346C; background: #C8C8C8; padding: 4px 25px 4px 0; margin: 0 0 1px 0;}
#Footer .FirstLevel IMG.Wstijl { border: 0; vertical-align: middle; padding: 0 5px; }
#Footer .FirstLevel a:link, a:visited { text-decoration: none; color: #03346C; }
#Footer .SecondLevel { color: #C8C8C8; background: #03346C; padding: 8px 25px 8px 0;}

#Footer .SecondLevel UL LI { display: inline; list-style-type: none; }
#Footer .SecondLevel a:link, a:visited { color: #C8C8C8; text-decoration: none; padding: 0 5px;}

/* custom content style */
#Content #Column1 #RightContent { float: left; width: 175px; }
#Content #Column1 .Text { width: 351px; padding: 0 20px 0 0; float: left; }
#Content #Column1 .Contact { background: #E9E9E9; border: 1px solid #03346C; padding: 15px; color: #03346C; margin: 10px 0 0 0;}
#Content #Column1 .Contact H3 { font: bold 14px Arial, Helvetica, sans-serif; color: #03346C; }
#Content #Column1 IMG.Pic1 { display: block; float: left; margin: 0 20px 0 0; }

#Content #Column1 #Fotos { width: 587px; float: left; }
#Content #Column1 #Fotos IMG.Foto { float: left; border: 1px solid #03346C; margin: 0 12px 12px 0; }

/* contact form style */
fieldset.Holder { width:325px; font: 11px Arial, Helvetica, sans-serif;  border: 0;  color: #000;}
.text { width: 135px; border:1px solid #CCC; padding:3px; margin: 0 4px 5px 0; }
.adres { width: 25px; border:1px solid #CCC; padding:3px; margin: 0 0 5px 0; }
.text:hover, .adres:hover { border: 1px solid #999;} /* works only in firefox */ 

label { float: left; padding: 4px 0 0 0; width: 80px; }
.button { float: right; margin: 0 8px 0 0; background: #03346C; color: #FFF; border: 1px solid #ccc; padding: 1px 2px; cursor: pointer; font: 11px Arial, Helvetica, sans-serif;  }

textarea.text { width: 230px; height: 80px; padding:3px; }