/* CREDITS * ---------------------------------------------------------- * Title: Projectname - CSS Main Stylesheet * Author: Jeroen Bijnens * Date: 00/00/09 * Last Edit: 14/01/09 Jeroen Bijnens * ---------------------------------------------------------- * 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:#e1e1e0;height:100%;} html{height:100%;} /*default elements*/ strong,b{font-weight:bold} em{font-style:italic} a:focus{outline:none} abbr, acronym{border-bottom:1px dotted; cursor:help} .clear{clar:both;} /* Container ---------------------------------------------------------- */ div#container{background:#FFFFFF;text-align:center;min-height: 100%; height: auto !important; height: 100%;width:710px; margin:0 auto -30px auto; padding:0 40px;overflow:hidden;} div#push { height: 30px; } div#footer{height:30px;line-height:30px;margin-top:-30px;width:100%; text-align:center;background:#e1e1e0;} /* warning ---------------------------------------------------------- */ div.warning{background:#FFFFFF;height:15px; padding-top:25px;font-size:12px;} div.warning span{font-weight:bold; text-decoration:underline;} /* Header ---------------------------------------------------------- */ div#header{font-size:22px; height:117px;width:590px; padding:23px 0 50px 0;margin:0 auto;font-weight:bold;} /* Content ---------------------------------------------------------- */ div#content{background:#FFFFFF;position:relative;} /* Content ---------------------------------------------------------- */ div#content div.left{float:left; width:400px;text-align:left;} div#content div.left ul{margin:27px 0 50px 0;} div#content div.left ul li{background:url(../images/layout/arrow.png) no-repeat top left;padding-left:20px;line-height:19px} div#content div.left div.notice div.text{font-size:18pt; font-weight:bold;width:310px; float:left;} div#content div.left div.notice div.arrow{float:right;} div#content div.left div.gratis{font-size:14px; font-weight:bold;width:350px; float:left;} div#content div.left form.bottom_signup{ margin-top:50px; margin-bottom:20px; background:url(../images/layout/signup_bottom_box.png) no-repeat left top; width:289px; height:33px; padding-left:285px; padding-top:16px;} div#content div.left form.bottom_signup input{margin-top:-3px; float:left;border:none;height:18px;padding:2px 0 2px 2px; width:144px;background:url(../images/layout/input_bg.png) no-repeat top left;} div#content div.left form.bottom_signup input.post{margin:-6px auto 0 10px;display:block;border:none;height:29px;padding:2px 0 2px 2px;width:120px;background:url(../images/layout/btn_submit_bottom.png) no-repeat top left;cursor:pointer;} div#content div.right{float:right; width:273px;background:url(../images/layout/newsletter_bg.png) no-repeat top left;} div#content div.right div.newsletter{height:188px;padding:115px 20px 0 20px; text-align:left;color:#fff;} div#content div.right div.newsletter p{margin:0;padding:0;} div#content div.right div.newsletter span{font-size:19px; font-weight:bold;display:block;margin-bottom:8px;} div#content div.right div.newsletter form{width:246px;margin-top:20px;text-align:left;} div#content div.right div.newsletter form div.entry{width:253px;text-align:center;} div#content div.right div.newsletter form div.entry.text{text-align:left !important;width:233px !important;height:20px;line-height:20px;margin:0;padding:0px 0;display:block;} div#content div.right div.newsletter form label{margin:0 8px 0 0px;line-height:21px;height:21px !important;display:inline-block;} div#content div.right div.newsletter form input{border:none;height:18px;padding:2px 0 2px 2px; width:144px;background:url(../images/layout/input_bg.png) no-repeat top left;} div#content div.right div.newsletter form input.submit{margin:0 auto;display:block;border:none;height:30px;padding:2px 0 2px 2px;margin-top:15px; width:200px;background:url(../images/layout/submit.png) no-repeat top left;cursor:pointer;} div#content div.right div.newsletter form input.submitb{margin:0 auto;display:block;border:none;height:30px;padding:2px 0 2px 2px;margin-top:15px; width:200px;background:url(../images/layout/7tips.png) no-repeat top left;cursor:pointer;} div#content div.right div.privacy{height:60px;font-size:11px; color:#999999;padding:20px 6px;} div#content div.right a.ref{display:block; float:right; width:215px; font-size:18px; color:#054389; padding-left:35px; background:url(../images/layout/comments.png) no-repeat left top; height:32px; line-height:32px;} div#footer a{color:#1e5fb1;} div#form {width:576px; background:url(/design/images/form/bottom.png) no-repeat bottom left; min-height:50px; overflow:hidden; padding:24px 0;} div#form div#top {width:576px; background:url(/design/images/form/bg.png) repeat-y 0 0; overflow:hidden;} div#form div#top div#bottom {background:url(/design/images/form/top.png) no-repeat 0 0; overflow:hidden; padding:24px 24px 0 24px;} div#form div#top div#bottom table {width:100%;} div#form div#top div#bottom table td {padding:3px; vertical-align:top;} div#form div#top div#bottom table td input {border:1px solid #bbb; font-size:20px; margin:2px 6px 2px 0; padding:3px; width:510px; } div#form div#top div#bottom table td input:focus {border:1px solid #333;} div#form div#top div#bottom table td select {border:1px solid #bbb; font-size:20px; margin:2px 6px 2px 0; padding:3px; width:510px; } div#form div#top div#bottom table td select:focus {border:1px solid #333;} div#form div#top div#bottom table td input#adres {width:400px;} div#form div#top div#bottom table td input#nr {width:90px;} div#form div#top div#bottom table td label {display:block; padding-bottom:2px; color:#333333;} div#form div#top div#bottom table td.labels input {width:auto;} div#form div#top div#bottom table td img {vertical-align:middle;} div#form div#top div#bottom table td .select {width:510px; font-size:20px; padding:3px;} div#form div#top div#bottom table td.buttons input {cursor:pointer; background:#217297; color:#fff; padding:3px 10px; font-size:12px; border:0; width:auto; margin:0px;} div#form div#top div#bottom table td.buttons input:hover {background:#3795bf;} div#form div#top div#bottom table td span.error span{color:#c91919; font-size:11px; display:block; padding-left:20px; background:url(/design/images/form/exclamation.png) no-repeat 0 0; line-height:18px;} form.default{width:620px} /*fieldset*/ form.default fieldset{width:900px; padding:10px; border:1px solid black;} form.default fieldset legend{border:1px solid black;} /*entry*/ form.default div.entry{clear:both; overflow:hidden; margin:0 0 5px; padding:5px} form.default div.entry label{float:left} /*error*/ form.default div.error{background:#FFE6E7; border:1px solid #CC0000} form.default span.error{color:#CC0000; float:right; display:block; line-height:18px; padding:0 0 0 18px; font-size:11px; background:url(../images/layout/icon_error.gif) no-repeat 0 0} /*text*/ form.default div.text label{line-height:18px} form.default div.text input{width:100%} /*textarea*/ form.default div.textarea label{clear:both; line-height:18px; display:block} form.default div.textarea textarea{width:100%} /*radiobutton*/ form.default div.radiobutton label{width:100%; display:block} /*checkbox*/ form.default div.checkbox label{width:100%; display:block} /*select*/ form.default div.select select{clear:both; display:block} form.default div.select label{display:block} /* Footer ---------------------------------------------------------- */ div#footer{}div#content div.right div.privacy2 { height:110px;font-size:11px; color:#666666;padding:10px 6px; } .headline { font-family: Tahoma; font-size: 22px; color: #FF0000; }