/* Customer Name: Classo Customer URI: http://www.emiliedepuydt.be/ Agency Designer: Frederik Vanderfaeillie Agency Author: Aime van Pottelsberghe Agency URI: http://www.chilli.be/ Date: 10/09/2008 */ /* STYLES RESETTER */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; font-family: inherit; text-align: left; } form input[type="submit"], form input[type="reset"] { cursor: pointer; } fieldset { border: none; } input, select, textarea { font-size: 100%; } a { text-decoration: none; outline: none; } table { border-collapse: collapse; border-spacing: 0; } ul, li { list-style: none; } /* COMMON TEXT STYLES */ body { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; } h1, h2, h3, h4, h5, h6, ul, ol, dl, pre, p, blockquote, table, img { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6, strong, em { font-weight: bold; } a:link, a:visited { color: #FFFFFF; } a:hover, a:focus { color: #FFFFFF; } p { font-size: 1em; } span.colored { color: #ff0000; } .empty { font-size: 0px; line-height: 0px; } /* MY STRUCTURE STYLES */ html, body { height: 100%; } html { background: #050506 url(../images/hout.jpg) no-repeat fixed center top; } body { width: 100%; text-align: left; } div#super_wrap { width: 100%; margin: 0px auto; position: relative; min-height: 100%; height: auto !important; height: 100%; } div#intro_holder { width: 194px; height: 80px; position: absolute; left: 50%; top: 50%; margin: -40px auto auto -97px; text-align: left; } div#site_wrap { width: 620px; margin: 0 auto; padding: 110px 0 60px 0; text-align: left; } div#header_wrap { width: inherit; background: url(../images/white_dot_line.gif) repeat-x left bottom; height: 22px; text-transform: uppercase; } div#header_wrap p { float: left; text-align: left; } div#header_wrap a { float: right; text-align: right; } div#footer_wrap { position: absolute; bottom: 0; width: 100%; height: 35px; padding: 10px 0px 0px 0px; text-align: center; } div#footer_wrap { background: #19171C; } div#footer_cont { width: 250px; height: 15px; font-size: 9px; margin: 0 auto; text-align: center; position: relative; top: 7px; } div#footer_cont a { /*float: left; margin: 4px 5px; padding: 0px 2px;*/ text-transform: uppercase; color: #444; } div#footer_cont a.actief { color: #999; } div#footer_cont a:hover { color: #999; } div#footer_cont img { margin: 0px 3px; position: relative; top: 1px; } /*div#footer_cont span { text-indent: -9999px; float: left; width: 2px; height: 8px; background: #818283; margin-top: 8px; }*/ /* INTRO STYLES */ div#classo_logo { background: url(../images/classo_logo.gif) no-repeat bottom; width: 194px; height: 80px; } div#enterknop { position: relative; left: 0px; top: 30px; text-align: center; } div#enterknop a { color: #f00; text-transform: uppercase; letter-spacing: 1px; } div#enterknop a:hover { color: #f00; } /* ABOUT STYLES */ div#about_wrap { width: 620px; padding: 20px 0px; } div#about_wrap p { text-transform: uppercase; text-align: center; line-height: 25px; } /* MERKEN STYLES */ div#merken_wrap { width: 620px; padding: 20px 0px; } div.group_header { width: 618px; text-align: center; text-transform: uppercase; height: 17px; padding: 3px 0px 0px 0px; background: #1f1c22; border: 1px solid #707172; } div.group { margin: 10px 0px 25px 0px; color:#939393;} div.group div.col { float: left; } div.group div.col_element { width: 200px; padding: 5px 0px; text-transform: uppercase; } div.group div.left_col div.col_element { text-align: left; } div.group div.mid_col div.col_element { text-align: center; margin: 0px 10px; } div.group div.right_col div.col_element { text-align: right; } div#foto{/*background-color:#CCC;*/width:150px; height:150px; float:left; } div#tekst {padding-left:15px; float:left; width:440px;/*text-transform:lowercase;*/} div#tekst h1{font-size:12px; color:#FFF;} div#info_classo{width:inherit; height:1px; margin-top:15px; background: url(../images/white_dot_line.gif) repeat-x left top;} div#info_classo #logo_classo{ padding-top:20px; text-align:center;} div#info_classo #info{ padding-top:10px; text-align:center; color:#939393;} /*width: inherit; background: url(../images/white_dot_line.gif) repeat-x left bottom; height: 22px; text-transform: uppercase; */ #bezoek_volledig_aanbod { padding-top:10px; width:620px; text-align:center; } #bezoek_volledig_aanbod a { width:620px; display:block; text-align:center; background-color:#F00; height:20px; padding-top:5px; text-transform:uppercase; } /* ARCHITONIC STYLES */ div#architonic_wrap { width: 780px; margin: 0 auto; padding: 110px 0 60px 0; text-align: left; } div#architonic_content {} body.architonic div#page_txt { margin: 35px 0px; text-align: center; text-transform: uppercase; color: #686868; line-height: 18px; } body.architonic div#page_txt a { color: #686868; } body.architonic div#page_txt a:hover { color: #fff; } /* CUTE CSS FIXES: */ /* CLEARDIV STYLE */ /* OUD: .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } */ .clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ /* Hides from IE-mac \*/ html .clearfix { height: 1%; } /* End hide from IE-mac */ /* VERTICAL CENTERING STYLES (source: http://www.jakpsatweb.cz/css/css-vertical-center-solution.html) */ /* outer wrapping div */ .v_cent_o_wrap { display: table; #position: relative; overflow: hidden; } /* center wrapping div */ .v_cent_c_wrap { #position: absolute; #top: 50%; display: table-cell; vertical-align: middle; } /* inner wrapping div */ .v_cent_i_wrap { #position: relative; #top: -50%; }