/***************************************CSS RESET***************************************/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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline;}body{line-height:1;}ol, ul{list-style: none;}blockquote, q{quotes: none;}blockquote:before, blockquote:after, q:before, q:after{content: '';content: none;}/* remember to define focus styles! */:focus{outline: 0;}/* remember to highlight inserts somehow! */ins{text-decoration: none;}del{text-decoration: line-through;}/* tables still need 'cellspacing="0"' in the markup */table{border-collapse: collapse;border-spacing: 0;}div.clr{clear:both;}/** * * ClearFix ***/.clearfix:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}.clearfix{display: inline-block;}html[xmlns] .clearfix{display: block;}* html .clearfix{height: 1%;}/*********************************************Maribelle Styles *********************************************//** * * 1. General styles ***/body{background: url(img/background.jpg) no-repeat;font-family: Arial;}h1{background: url(img/background_h1.png) left bottom no-repeat;color: #77a8d8;font-size:24px;padding:0 50px 20px;}p{color: #e4e4e4;font-size:12px;line-height:24px;}/** * * 2. Header ***/div#header{background:url(img/background_header.png) top repeat-x;height:196px;width:100%;}div#header-lang{width:850px;height: 27px;margin:0 auto;padding:0 0 0 0;}div#header-inner{width:850px;height: 117px;margin:0 auto;padding:0 0 0 0;}div#header-inner a#logo{display: block;float: left;height: 67px;width:200px;}div#header-inner ul#menu{display: block;float: right;height: 31px;padding:15px 0 0 0;}div#header-inner ul#menu li{display:block;float:left;padding:0 0 0 44px;text-align:center;}div#header-inner ul#menu li a{background: #ffffff;color:#76a7d9;display: block;font-size: 14px;height: 31px;line-height: 31px;padding:0 14px;text-decoration:none;}div#header-inner ul#menu li a:hover,div#header-inner ul#menu li a.current{background: #3256a6;color:#ffffff;padding:0 14px;text-decoration:none;}/** * * 3. Content ***/div#content{width:850px;margin:0 auto;padding:0 0 32px 0;}div#content-holder{background: url(img/background_content_top.png) no-repeat;float:right;width:619px;padding:25px 0 0 0;}div#content-middle{background: url(img/background_content_middle.png) repeat-y;padding:0 6px;width:607px;}div#content-middle p{color: #e4e4e4;font-size:12px;line-height:24px;padding:10px 50px;}div#content-middle ul{color: #e4e4e4;font-size:12px;line-height:24px;padding:0px 50px;}div#content-middle a{color: white;font-size:12px;}div#content-bottom{background: url(img/background_content_bottom.png) no-repeat;height:25px;width:619px;}/** * * 4. Footer ***/div#footer{background: url(img/background_footer.png) repeat-x;clear:both;height: 305px;width:100%;}div#footer-inner{width:850px;height: 275px;margin:0 auto;padding:30px 0 0 0;position:relative;}div#footer-inner div#over-maribelle{float: left;width:475px;}div#footer-inner div#over-maribelle h2{color:#ffffff;font-size: 12px;font-weight:bold;margin-bottom: 0px;padding-bottom: 0px;}div#footer-inner div#over-maribelle b{color:#ffffff;font-size:12px;font-weight:bold;}div#footer-inner div#over-maribelle p{padding:0px 0;}div#footer-inner div#contact{float: right;}div#footer-inner div#contact ul{display:block;float: left;padding:0 35px 0 0;}div#footer-inner div#contact ul li{color:#ffffff;font-size:11px;line-height:18px;}div#footer-inner div#contact div#map{border:4px solid #363237;height:136px;float: right;width: 180px;}div#footer-inner div#footer-bottom{height: 29px;position:absolute;left: 0;top:231px;width: 100%;}div#footer-inner div#footer-bottom p{display:block;float: left;line-height:29px;}div#footer-inner div#footer-bottom ul{display:block;float: right;line-height:29px;}div#footer-inner div#footer-bottom ul li{display:block;float: left;}div#footer-inner div#footer-bottom ul li a{color:#E4E4E4;font-size: 12px;padding:0 0 0 22px;text-decoration:none;}div#footer-inner div#footer-bottom ul li a:hover{text-decoration: underline;}div#contact2{padding: 10px; width: 360px; padding: 10px 50px; padding-bottom: 30px;}div#contact2 div.left-holder{float: left;}div#contact2 h2.contact2{background: url(img/icon_contact.png) left 10px no-repeat; padding: 6px 0 0 38px;}div#contact2 p.contact2{display: block; margin: 0; padding: 0 0 0 6px; width: 261px;}div#contact2 form.contact2{clear: left; display: block; margin: 0; padding: 0 0 0 6px; width: 348px;}div#contact2 form.contact2 input, div#contact2 form.contact2 textarea{background: #e0e0e0; border: none; color: #808080; font-size: 12px; font-style: italic; margin: 0 0 6px 0; padding: 4px 9px; width: 330px;}div#contact2 form.contact2 textarea{height: 72px;}div#contact2 form.contact2 button{background: #3256a6; border:0px; color: #FFFFFF; cursor: pointer; float: right; font-size: 12px;}div#contact2 form.contact2 button:hover{text-decoration: underline;}