@import url(reset-fonts.css);
body { margin: 0; padding: 0; background: #fcfcfc url(../images/bg.png) repeat-x; font-family: Verdana, Arial, sans-serif; }

a { color: #0d366f; }

#container { min-width: 855px; max-width: 1130px; margin: 0 auto;  }

#container { background: url(../images/txt_serveyourself.jpg) no-repeat 481px 87px; }
#home #container { background: url(../images/txt_welcome.jpg) no-repeat 481px 87px; }
#iarm #container, #das #container { background: url(../images/txt_yourindependence.jpg) no-repeat 481px 87px; }


.clear { clear: both; }

#header { width: 850px; height: 86px; position: relative; }

/* changed margin-left from -53px to -33px by Willem */
#header h1 { text-indent: -9999px; background: url(../images/logo.png) no-repeat; position: absolute; width: 278px; height: 108px; margin-left: -33px; }
#header .search { float: right; margin-top: 25px; }
#header .search .query { font-size: 96%; border: 1px solid #cccccc; }
#header .search .submit { display: inline; }
#header .search .submit input { background: url(../images/go.png); border: none; text-indent: -9999px; width: 50px; height: 19px; }
#header .text-size { float: right; margin-top: 20px; margin-left: 20px; }
#header .text-size a { color: #0d366f; text-decoration: none; font-weight: bold; }
#header .text-size a.normal { text-decoration: underline; }
#header .text-size a.large { font-size: 153.9%; }

#content { width: 100%; background: url(../images/home/bg.png) no-repeat 192px 0; margin-top: 40px; }
#content .sidebar { float: left; width: 172px; }
#content .sidebar .menu, #content .sidebar .news { background: url(../images/sidebar/shadow.png) no-repeat; padding-left: 10px; }
#content .sidebar .menu h3, #content .sidebar .news h3 { background: url(../images/sidebar/section_bg.png) no-repeat top left; line-height: 20px; color: #999999; font-size: 92%; font-weight: bold; padding: 0 5px; }
#content .sidebar .menu h2 { display: none; }
#content .sidebar .menu ul { background: #fdfdfd; padding: 5px 10px 10px 10px; }
#content .sidebar .menu ul.last { padding-bottom: 40px; }
#content .sidebar .menu ul li { border-bottom: 1px solid #e4e4e4; }
#content .sidebar .menu ul li a { text-decoration: none; color: #666666; display: block; margin: 4px 0; font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 92%; font-weight: bold; background: url(../images/sidebar/bullet.png) no-repeat center left; padding-left: 12px; }
#content .sidebar .menu ul li a:hover { text-decoration: underline; }
#content .sidebar .menu ul li a.active { background-image: url(../images/sidebar/bullet_active.png); color: #0d366f; }
#content .sidebar .news p, #content .sidebar .news .more { background: #fdfdfd; }
#content .sidebar .news p { text-align:justify; font-size: 85%; padding: 15px 10px 10px 10px; }
#content .sidebar .news .more { padding: 0 10px 15px 10px; }
#content .sidebar .news .more .inner { border: 1px solid #cccccc; height: 17px; background: url(../images/button/bg.png) repeat-x; display: inline; }
#content .sidebar .news .more .inner a, #content .sidebar .news .more .inner input { border: none; line-height: 17px; background: transparent url(../images/button/arrow.gif) no-repeat center right; padding: 0 18px 0 9px; color: #0d366f; font-size: 85%; font-weight: bold; text-decoration: none; }
#content .sidebar .news .more .inner a:hover, #content .sidebar .news .more .inner input:hover { text-decoration: underline; }
#content .content { float: left; width: 620px; margin-left: 25px; padding: 15px; padding-bottom: 50px; background: white; }
#content .content h2 { font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 197%; font-weight: bold; color: #999999; margin-bottom:12px;}
#content .content .more { border: 1px solid #cccccc; height: 17px; background: url(../images/button/bg.png) repeat-x; display: inline; }
#content .content .more a, #content .content .more input { border: none; line-height: 17px; background: transparent url(../images/button/arrow.gif) no-repeat center right; padding: 0 18px 0 9px; color: #0d366f; font-size: 85%; font-weight: bold; text-decoration: none; }
#content .content .more a:hover, #content .content .more input:hover { text-decoration: underline; }
#content .content .less { border: 1px solid #cccccc; height: 17px; background: url(../images/button/bg.png) repeat-x; display: inline; }
#content .content .less a, #content .content .more input { border: none; line-height: 17px; background: transparent url(../images/button/arrowl.gif) no-repeat center left; padding: 0 9px 0 18px; color: #0d366f; font-size: 85%; font-weight: bold; text-decoration: none; }
#content .content .less a:hover, #content .content .more input:hover { text-decoration: underline; }
#content .content h3 { margin-top: 30px; color: #efb300; border-bottom: 1px solid #e5e5e5; font-weight: bold; margin-bottom: 12px; font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 123.1%; margin-bottom: 10px; }
#content .content .text p, #content .content p.text { color: #545454; line-height: 180%; margin-bottom: 20px; }
#content .content img.left { float: left; margin: 5px 10px 10px 0px; }
#content .content img.right { float: right; margin: 5px 0px 10px 10px; }
#content .content img.left, #content .content img.right { margin-bottom: 5px; }

/* This stuff added by Willem */
#content .content p { font-size: 9.2pt; text-align: justify; color: #545454; line-height: 180%; margin-bottom: 20px; padding-right:3px; margin-top: -5px; }
.content p span.special { color: #01285f; font-size:110%; line-height: 220%; }
#content .content div.floatleft { width:40%;float:left;margin-left:25px;  }
#content .content div.floatright { width:40%;float:right;margin-right:45px;  }
#content .content div.floatleft img, #content .content div.floatright img { margin-bottom:-5px; margin-right:5px; }
#contact #content { background: url(../images/contact/bg.png) no-repeat 192px 0; margin-top: 40px; }
#about #content { background: url(../images/about/bg.png) no-repeat 192px 0; margin-top: 40px; }
#jobs #content { background: url(../images/jobs/bg.png) no-repeat 192px 0; margin-top: 40px; }
#dealers #content { background: url(../images/dealers/bg.png) no-repeat 192px 0; margin-top: 40px; }
#projects #content { background: url(../images/projects/bg.png) no-repeat 192px 0; margin-top: 40px; }
#pictures #content { background: url(../images/pictures/bg.png) no-repeat 192px 0; margin-top: 40px; }
#das #content { background: url(../images/das/bg.png) no-repeat 192px 0; margin-top: 40px; }
#news #content { background: url(../images/news/bg.png) no-repeat 192px 0; margin-top: 40px; }
#downloads #content { background: url(../images/downloads/bg.png) no-repeat 192px 0; margin-top: 40px; }
#about #content .content p.a { background: url(../images/about/foto_a.jpg) no-repeat 0px 5px; padding-left: 320px; min-height: 292px; line-height:30px;}
#content a.thumbnail { margin: 0px 10px 0px 10px; line-height: 60px;}

#footer { margin-top:60px;height: 11px; background: url(../images/footer/bg.png) repeat-x; } /* margin-top added by Willem */
#footer .a { display: block; min-width: 855px; max-width: 1130px; position: relative; margin: 0 auto; }
#footer .b { font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 77%; position: absolute; bottom: 0px; left: 680px; height: 22px; width: 150px; font-weight: bold; color: #ffffff; background: url(../images/footer/copyright.png) no-repeat; line-height: 22px; padding-left: 15px; }

#home #content .content h2 { display: none; }
#home #content .content p.a, #home #content .content p.b { color: #545454; line-height: 180%; margin-bottom: 20px; margin-top: -5px; }
#home #content .content p.a { background: url(../images/home/foto_a.jpg) no-repeat 0px 5px; padding-left: 320px; min-height: 292px; }
#home #content .content p.b { background: url(../images/home/foto_b.jpg) no-repeat top right; padding-right: 160px; min-height: 97px; }
#home #content .content .links .button1, #home #content .content .links .button2, #home #content .content .links .button3, #home #content .content .links .button4 { display: block; width: 298px; height: 78px; border: 1px solid #dfdfdf; background: url(../images/home/iarm.png); float: left; margin-bottom: 12px; text-decoration: none; }
#home #content .content .links .button1 span, #home #content .content .links .button2 span, #home #content .content .links .button3 span, #home #content .content .links .button4 span { bottom: 10px; display: block; background: #e0ecfc; margin: 47px 7px 0 7px; line-height: 14px; padding: 5px; font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 108%; font-weight: bold; color: #808080; }
#home #content .content .links .button1:hover span, #home #content .content .links .button2:hover span, #home #content .content .links .button3:hover span, #home #content .content .links .button4:hover span { background: #a7c9f6; }
#home #content .content .links .button2, #home #content .content .links .button4 { margin-left: 20px; }
#home #content .content .links .button2 { background-image: url(../images/home/das.png); }
#home #content .content .links .button3 { background-image: url(../images/home/jobs.png); }
#home #content .content .links .button4 { background-image: url(../images/home/research.png); }

#contact #content .content .text { background: url(../images/contact/foto.jpg) no-repeat top right; }
#contact #content .content .text p { color: #545454; width: 220px; margin-bottom: 15px; }
#contact #content .content .text p.address,#contact #content .content .text p.phone, #contact #content .content .text p.web { font-size: 86%; } /* added by Willem */
#contact #content .content .text p.address strong { font-weight: bold; }
#contact #content .content .text p.buttons { width: 400px; }
#contact #content .content .text p.buttons .a, #contact #content .content .text p.buttons .b { border: 1px solid #cccccc; height: 17px; background: url(../images/button/bg.png) repeat-x; display: inline; }
#contact #content .content .text p.buttons .a a, #contact #content .content .text p.buttons .a input, #contact #content .content .text p.buttons .b a, #contact #content .content .text p.buttons .b input { border: none; line-height: 17px; background: transparent url(../images/button/arrow.gif) no-repeat center right; padding: 0 18px 0 9px; color: #0d366f; font-size: 85%; font-weight: bold; text-decoration: none; }
#contact #content .content .text p.buttons .a a:hover, #contact #content .content .text p.buttons .a input:hover, #contact #content .content .text p.buttons .b a:hover, #contact #content .content .text p.buttons .b input:hover { text-decoration: underline; }
#contact #content .content .text p.buttons .b { margin-left: 10px; }
#contact #content .content .map { height: 400px; }

body.larger-text #header .text-size .normal { text-decoration: none; }
body.larger-text #header .text-size .large { text-decoration: underline; }
body.larger-text #content p { font-size: 125% !important; }
body.larger-text #content .sidebar h3, body.larger-text #content .sidebar a { font-size: 110% !important; }