/* CREDITS
 * ----------------------------------------------------------
 * Title:		Bovin Beton  - CSS Splash Stylesheet
 * Author:		David Candreva <david@inventis.be>
 * Date:		00/00/08
 * Last Edit:	00/00/08 David Candreva <david@inventis.be>
 * ----------------------------------------------------------
 * Inventis - Web Architects - We design the Web!
 * www.inventis.be
*/

/* Algemene Styles
---------------------------------------------------------- */
textarea, body{font-family:Arial, Helvetica, sans-serif; font-size:12px;}
body{background:#cfc6b7 url(../images/layout/body_background.png) repeat-x 0 0;}

/*selectors*/
strong,b{font-weight:bold; color:#1e356e;}
em{font-style:italic;}
a{outline:none; color:#2d4786;}
a:hover{text-decoration:none;}
div.clear{clear:both;}

/* Container
---------------------------------------------------------- */
div#container{width:544px; position:relative; margin:0 auto; background:url(../images/layout/container_splash_tile.png) repeat; margin-bottom:3px; margin-top:159px;}

/* Header
---------------------------------------------------------- */
div#header{width:532px; height:93px; padding:0 6px; clear:both; background:url(../images/layout/container_splash_top.png) no-repeat 0 0;}
	
	/*logo*/
	div#header img#bovin_logo{float:left; margin:36px 0 0 23px;}
		
/* Content container
---------------------------------------------------------- */
div#content_container{clear:both; width:532px; padding:14px 6px 11px 6px;}
	
	/*content*/
	div#content{background:#f3f9ff; color:#353535; width:669px; border:1px solid #e6f1fb; float:right; position:relative; z-index:40; padding:15px 18px;}

	div#content h1{color:#2d4786; font-size:24px; padding:0 0 0 22px; background:url(../images/layout/title_bullet.gif) repeat-x left bottom;}
	div#content div.text{padding:8px 0; line-height:17px}

	/*item*/
	div.left{float:left;}
	div.right{float:right;}
	
	div.left div.box{margin:0 0 0 -10px; }
	div.left div.box h2{ background:#1e356e url(../images/layout/icon_open_site.gif) no-repeat 193px center;}
	div.right div.box h2{ background:#1e356e url(../images/layout/icon_open_site.gif) no-repeat 197px center;}
	div.right div.box{margin:0 -10px 0 0;}

		div.box{margin:21px 0 0 -10px; padding:11px 0 0 0; height:152px; width:265px; position:relative; z-index:99; background:#f6f6f6 url(../images/layout/adres_blok.jpg) no-repeat 0 0;}
		div.box h2{padding:0 0 0 31px; width:232px; visibility:hidden; font-size:18px;background:#1e356e; border-left:1px solid #1e356e; color:#FFF; height:29px; line-height:29px;}
		div.box address{color:#FFF; padding:10px 0 0 0; }
		div.box div.inner{padding:0 0 9px 31px; width:234px; }
		div.box div.inner strong{color:#FFF;}
		div.box div.inner a{color:#FFF;}
		div.box address a{text-decoration:none;}
		div.box address a:hover{text-decoration:underline;}

	/*gradient*/
	div.gradient{width:232px; padding:12px 0 0 22px; border-top:1px solid #FFF; background:url(../images/layout/gradient_tile.png) repeat-x 0 0;}
	div.gradient h3.hours{height:26px; margin-bottom:8px; line-height:26px; color:#1e356e; font-size:16px; padding-left:27px; background:url(../images/layout/icon_hours.png) no-repeat 0 0;}
	
/* Footer
---------------------------------------------------------- */
div#footer{width:532px; margin:0 auto; clear:both; overflow:hidden; height:61px; background:url(../images/layout/footer_tile.png) repeat-x 0 0;}

	/*inventis*/
	div#footer a#inventis{background:url(../images/layout/icon_inventis.png) no-repeat 0 0; width:72px; height:19px; display:block; overflow:hidden; text-indent:-9000px; float:right; margin:3px 9px 0 0;}
	div#footer a#inventis:hover{background:url(../images/layout/icon_inventis.png) no-repeat left bottom;}