.col-1, .col-2, .col-3, .col-4{ float:left;} /*======= width =======*/ .main{margin:0 auto; text-align:left; width:980px; } /*======= header =======*/ #header {height:512px;} #header .col-1{ width:362px} #header .col-2{ width:317px;background-color:#EE838D;min-height:437px;} #header .col-3{ width:301px} #header .col-2 ul{ margin:0px; padding:0px; list-style:none; text-align:left; margin-left:100px; margin-top:40px; } #header .col-2 ul li{ height:30px; } #header .col-2 ul li a{ color:#fff; font-size:18px; font-weight:400; text-decoration:none; display:block; height:100%; } #header .col-2 ul li a:hover{ color:#FFC9BB; } #header .col-2 ul li:hover{ list-style-image: url('http://www.conceptesthetic.ch/cmsFiles/images/menu_flower.png'); color:#FFC9BB; } /*======= index-1.html =======*/ #content .col-1{ width:290px; margin-right:37px} #content .col-2{ width:598px} /*======= footer =======*/ #footer { height:106px; background:url(http://www.conceptesthetic.ch/cmsFiles/images/bot.gif) repeat-x top }