@charset "UTF-8"; /* CSS Document */ body { font: 100% Verdana, Arial, Helvetica, sans-serif; background: #666666; margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */ padding: 0; text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */ color: #000000; background-color: #FFFFFF; } #container { width: 80%; /* this will create a container 80% of the browser width */ background: #FFFFFF; margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */ border: 1px solid #ebe0ef; text-align: left; /* this overrides the text-align: center on the body element. */ min-width: 780px; max-width: 1100px; } .right { text-align: right; font-size: 90%; } #header { background-image: url(images/headbg.gif); background-repeat: repeat-x; padding-top: 0; padding-right: 0px; padding-bottom: 0; padding-left: 0px; } #header h1 { margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */ padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */ } #mainContent { padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */ background: #FFFFFF; } #footer { background:#faf6fb; padding-top: 0; padding-right: 10px; padding-bottom: 0; padding-left: 20px; } #footer p { margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */ padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */ font-size: 90%; } body,td,th { font-family: Geneva, Arial, Helvetica, sans-serif; color: #333333; font-size: 0.8em; } #nav { padding: 0; list-style-type: none; width: 100%; float:left; min-width:700px; height: 24px; background-color: #ebe0ef; background-image: url(images/nvabar1.gif); background-repeat: no-repeat; margin-top: 10; margin-right: 0; margin-bottom: 0; margin-left: 0; } #nav li { margin: 0; padding: 0; float:left; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; } #nav a { float:left; width:100px; color:#400D49; text-decoration:none; line-height:2; text-align:center; /* border-right: 1px solid #400D49; */} #nav #nav_eng a { border:none; } #nav a:hover { background-color: #6C287A; color: #FFFFFF; background-image: url(images/navbarhover1.gif); background-repeat: no-repeat; } #body_hem #nav_hem a, #body_kon #nav_kon a, #body_tja #nav_tja a, #body_kun #nav_kun a, #body_con #nav_con a, #body_kar #nav_kar a, #body_eng #nav_eng a { color:#000033; background-color: #cebbd4; background-image: url(images/navbarbody.gif); background-repeat: no-repeat; } h1 { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 2em; font-weight: normal; margin-top: 60px; color: #400D49; } .lila { color: #400D49; font-size: 130%; } h2 { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: normal; margin-top: 0px; } p { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 100%; font-weight: normal; } #main1 { width: 75%; float:left; } #sidebar1 { width:25%; float: left; background-image: url(images/sidebarbg.gif); background-repeat: repeat-y; } .clearthis { clear: both; } #sidebar1 p { color: #660033; margin-left: 10px; margin-right: 10px; font-size: 100%; } #sidebar1 h2 { color: #400D49; margin-left: 10px; margin-right: 10px; font-size: 1.2em; font-weight: normal; margin-top: 10px; } #main1 p { color: #333333; margin-left: 0px; margin-right: 20px; font-size: 100%; } .imgleft { float: left; margin-right: 10px; margin-bottom: 20px; } #main1 a { color: #333333; margin-left: 0px; margin-right: 20px; } #sidebar1 a { color: #660033; margin-left: 10px; margin-right: 10px; font-size: 90%; } #mainkunder { padding-top: 0; padding-bottom: 0; } #mainkunder ul { color: #FFFFFF; line-height: 190%; font-size: 110%; } #mainkunder li { font-weight: normal; text-decoration: none; margin-left: 10px; list-style-type: none; } #kund h2 { margin-left: 320px; color: #333333; margin-top: -40px; } .grey { color: #333333; } #mainkunder a { color: #FFFFFF; line-height: 170%; font-size: 110%; } #mainkunder p { padding-top: 0; padding-bottom: 0px; margin-left: 10px; margin-top: 70px; } #kund { font-weight: normal; padding-bottom: 30px; } #kund a { color: #333333; font-size: 90%; text-decoration: underline; position: relative; top: 20px; }.imgleftcon { float: left; margin-right: 50px; margin-bottom: 20px; } .bigger { font-size: 110%; } #kons1 { width: 20%; float:left; } #kons2 { width:80%; float: left; } .imgkons { margin-bottom: -5px; } #kons2 p { margin-top: -5px; } #mainkundersays { padding-top: 0; padding-bottom: 0; width: 35%; } div#kons { margin-top: 10px; margin-right: 0; margin-bottom: 20px; margin-left: 10px; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; } div#kons h2 { margin-top: 0px; margin-right: 0; margin-bottom: 0; margin-left: 0px; padding-top: 5px; padding-right: 0; padding-bottom: 10px; padding-left: 30; } div#kons img { float: left; padding: 4px; border: 1px solid #D9E0E6; border-bottom-color: #C8CDD2; border-right-color: #C8CDD2; background: #fff; margin-top: 0px; margin-right: 10px; margin-bottom: 5px; margin-left: 0px; } div#kons a { margin-top: 0; margin-right: 0; margin-bottom: 0px; margin-left: 0px; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; } #sidebar2 { width:65%; float: left; background-color: #f1f1f1; } .violet { color: #400D49; } #sidebar2 p { padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; font-size: 90%; } #mainContent a { color: #333333; margin-left: 0px; }