/* CREDITS
 * ----------------------------------------------------------
 * Title:		Projectname - CSS Main Stylesheet
 * Author:		Jeroen Bijnens <jeroen@inventis.be>
 * Date:		00/00/09
 * Last Edit:	14/01/09 Jeroen Bijnens <jeroen@inventis.be>
 * ----------------------------------------------------------
 * Inventis - Web Architects - We design the Web!
 * www.inventis.be
*/

/* Algemene Styles
---------------------------------------------------------- */
textarea, body{color:#153165; font-family:"Times New Roman", Times, serif; font-size:16px;}
body{background:#FFF;}

/*default elements*/
strong,b{font-weight:bold}
em{font-style:italic}
a:focus{outline:none}
abbr, acronym{border-bottom:1px dotted; cursor:help}
.clear{clear:both;}

/* Container
---------------------------------------------------------- */
div#container{background:url(../images/layout/container_bg.jpg) no-repeat center 72px;}




/* Header
---------------------------------------------------------- */
div#header{height:272px; margin:0 auto; overflow:hidden; position:relative; width:914px;}
div#header div.header_top { height:73px; margin:0 auto; width:914px;}
div#header div.header_top div.top_text{color:#a1adc1; clear:both; font-size:15px; height:30px; line-height:30px; margin-right:22px; text-align:right; width:892px;}
div#header div.logo{background:url(../images/layout/logo.png) no-repeat top left; height:43px; float:left; margin-top:-2px; width:200px;}
div#header div.logo a { text-indent:-9999px; display: block; width: 200px; height: 43px; }
div#header div.navigation{background:url(../images/layout/nav.png) no-repeat top right; float:right; width:586px;}
div#header div.navigation ul.nav{height:43px; margin:0 auto; overflow:hidden; width:558px;}
div#header div.navigation ul.nav li{float:left; line-height:43px; padding:0 18px;}
div#header div.navigation ul.nav li.last{padding:0 0 0 18px;}
div#header div.navigation ul.nav li a{color:#153165; text-decoration:none;}
div#header div.navigation ul.nav li a:hover{color:#153165; text-decoration:underline;}
div#header div.slogan{float:right; margin-top:20px; width:285px;}
div#header div.slogan span.soon{display: block; font-size:22px; font-style:italic; text-align:right;  width:265px;}
div#header div.slogan h1{font-size:90px; font-style:italic; height:90px; margin-top:-10px;}
div#header div.slogan h1 em{color:#ff6000;}
div#header div.slogan h2{color:#ff6000; font-size:18px; font-style:italic;}
div#header div.slogan h3{font-family:"arial", helvetica, sans-serif; font-size:14px;}






/* Content
---------------------------------------------------------- */
div#content{background:#fff; margin:0 auto; overflow:hidden; position:relative; width:914px;}
div#content div.left{ overflow: hidden; float:left;  font-family:"Tahoma", helvetica, sans-serif; font-size:12px; padding:30px 47px 70px 0; width:552px;}
div#content div.left.full { width: 930px; }
div#content div.left em{font-family:"Times New Roman", Times, serif; font-size:16px; margin-bottom:28px;}
div#content div.left em.intro{display:block; font-family:"Times New Roman", Times, serif; font-size:16px;  margin-bottom:27px;}
div#content div.left ul,
ul.styled {font-size: 15px; font-weight: bold; margin:20px 0 28px 35px;}
div#content div.left ul.links { font-size: 12px; }
div#content div.left ul li,
ul.styled li, ul.links li {background:url(../images/layout/bullet.png) no-repeat left 4px; line-height:24px; padding-left:23px;}
div#content div.right{background:url(../images/layout/sidebar_bg.png) no-repeat top left; float:right; font-size:14px; padding:27px 0 0 18px; width:297px; overflow: hidden; }
div#content div.right div.sidebar_box {background:url(../images/layout/sidebar_box_bg.png) repeat-x left 40px; margin-bottom:30px; padding:0 30px;}
div#content div.right div.sidebar_box h2, h2.title { font-family: "Times New Roman"; font-size:30px; margin-bottom:16px; text-align: center; }
div#content div.right div.sidebar_box h2 em{color:#ff6000; font-style:normal; }
div#content div.right div.sidebar_box a{color:#ff6000; font-style:italic; }
div#content div.right div.sidebar_box a:hover{color:#FF9000; }
a.homepagelink { color: #ff7d00; font-weight: bold; text-decoration: underline; }
a.homepagelink:hover { text-decoration: none; }




	
/* Footer
---------------------------------------------------------- */
div#footer{background:url(../images/layout/footer_bg.png) no-repeat top center; height:50px; margin:0 auto; overflow:hidden; padding-top:18px; width:100%;}
div#footer div.footer_text{margin:0 auto; position:relative; width:914px;}
div#footer div.footer_text div.left{color:#a1adc1; float:left; font-size:15px; font-style:italic; width:300px;}
div#footer div.footer_text div.right{float:right;  width:199px; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
div#footer div.footer_text div.right ul li{float:left;}
div#footer div.footer_text div.right a.inventis{background:url(../images/layout/inventis.png) no-repeat top left; height:15px; position:absolute; text-indent:-9999px; top:1px; right:0px; width:68px;}
div#footer div.footer_text div.right a.inventis:hover{background:url(../images/layout/inventis.png) no-repeat left -15px;}
div#footer div.footer_text div.right ul li span{margin:0 7px;}
div#footer div.footer_text div.right a{color:#153165; text-decoration:none;}
div#footer div.footer_text div.right a:hover{text-decoration:underline;}












/* Door Massimo */
div#content div.left span.bigger { font-size: 16px; display: block; position: relative; top: -10px; }
div#content h3 { font-size: 20px; color: #ff6000; margin-bottom: 16px; font-weight: bold; }
div#content h4 { font-size: 20px; color: #ff6000; margin-bottom: 16px; font-weight: normal; }
div#content p { line-height: 1.5em; margin-bottom: 1em; }

div#content p img.mike { float: left; margin-right: 10px; }

div.formentry { display: block; clear:both;}
div.formentry label {float:left; margin-bottom:2px;}
div.formentry div.item { float: left; margin-right: 20px }
div.formentry span.error { background:url(../images/layout/icon_error.gif) #FFF no-repeat left top; color: #ff6000; margin-left: 20px; padding-left:22px; }
input.styled, textarea { background:url(../images/layout/input_bg.png) #FFF repeat-x left bottom ; border:1px solid #E4E4E4; clear:both; color:#153165; float: left; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding: 3px; margin-bottom: 10px; width: 248px }
textarea{ background:url(../images/layout/textarea_bg.png) #FFF repeat-x left top ; width:524px;}
input.order{background:url(../images/layout/order.png) no-repeat top left; border:0px; cursor:pointer; height:23px; width:80px;}
input.send{background:url(../images/layout/send.png) no-repeat top left; border:0px; cursor:pointer; height:23px; width:80px;}

p.notice { background: #afa; border: 1px solid #6f6; padding: 5px; }

div.sidebar_box span.size1 { font-size: 12px; }
div.sidebar_box span.size2 { font-size: 15px; }
div.sidebar_box span.size3 { font-size: 19px; font-weight: bold; }
div.sidebar_box span.size4 { font-size: 25px; font-weight: bold; }

ul.contents li ul { margin-left: 50px; }
ul.contents li { margin-bottom: 5px; background: none !important; }
ul.contents { margin-left: 0 !important; }

a { color: #ff6000; }
ul a { color: #153165; text-decoration: none; font-weight: normal; }
a:hover { text-decoration: none; }
a.orange { color: #ff6000; }

ul.links li { margin-bottom: 1em; font-weight: normal; background-position: 0 5px !important; }
ul.links li a { font-weight: bold; }

a.orderbutton { background: url(../images/layout/orderbutton.png) no-repeat; position: relative; top: 0; left: 36px; display: block; width: 161px; height: 47px; text-indent: -9999px; }


/* achteraf toegevoegd */
a.andabook { color: #153165; }
p.verbatim { font-size: 9pt; text-align: left !important; }