Frisier dein CSS
CSSCruncher.com ist dein Anlaufpunkt für kleines, valides und schönes CSS!
» Startseite
» FAQ
» Partner
» Impressum
Zuletzt gecrunched
» computer-notdienstsaw....
» madame-escort.de
» spd-oldenburg-nord.de
» juliaferraioli.com
» couchtische-verkauf.de
» Mehr im ARCHIV
Tipp
Mal sehen was wir getan haben für www.ucreation.nl
CSSCruncher.com hat dieser Webseite
13,25 %
Code erspart!
Schön!
Crunched CSS Code:
@charset "utf-8";body{} html,body{width:100%;height:100%;margin:0;background:url('../images/body/bgcolor.png');background-repeat:repeat} body,input,textarea,button,select{color:#9f9f9f;font-size:12px;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif} #container{position:relative;min-height:100%;height:auto !important;height:100%;background:url('../images/body/bgstroke.png');background-repeat:repeat-x} #container a{color:#231f20;cursor:pointer;text-decoration:none} #container a:hover{text-decoration:underline} #container h1,#container h2,#container h3,#container h4,#container h5,#container h6,#container p{margin:10px 0} #container img{border:none;vertical-align:bottom} #container table{border-collapse:collapse} #container table td{padding:0} #container .view{} #container .hidden{display:none} #container .clearboth{clear:both} #container .clearboth .view{} #container .clearboth .hidden{display:none} #container #navigation{width:979px;height:58px;padding:24px 0 9px 0;margin:0 auto;position:relative;z-index:30} #container #navigation ul{margin:0;padding:0;list-style-type:none} #container #navigation ul li{float:left;position:relative} #container #navigation ul li a{height:58px;display:block;position:relative} #container #navigation ul li a span{height:37px;display:block;padding:21px 17px 0 17px} #container #navigation ul li.current_page_item a{font-weight:bold;background:url('../images/navigation/right.png');background-position:top right;background-repeat:no-repeat} #container #navigation ul li.current_page_item a span{background:url('../images/navigation/left.png');background-position:top left;background-repeat:no-repeat;padding-left:24px;padding-right:24px} #container #navigation ul.sf-menu ul{display:none;position:absolute;top:58px;padding-top:9px;width:248px} #container #navigation ul.sf-menu li:hover{visibility:inherit} #container #navigation ul.sf-menu li:hover ul,#container #navigation ul.sf-menu li.sfHover ul{display:block;left:0;top:58px;z-index:99} #container #navigation ul.sf-menu li:hover li ul,#container #navigation ul.sf-menu li.sfHover li ul{top:-999em} #container #navigation ul.sf-menu li li:hover ul,#container #navigation ul.sf-menu li li.sfHover ul{left:230px;top:-16px} #container #navigation ul.sf-menu li li:hover li ul,#container #navigation ul.sf-menu li li.sfHover li ul{top:-999em} #container #navigation ul.sf-menu li li li:hover ul,#container #navigation ul.sf-menu li li li.sfHover ul{left:10em;top:0} #container #navigation ul.sf-menu ul li{width:248px} #container #navigation ul.sf-menu ul li a{height:auto;background:none;background:url('../images/navigation/subbg.png');background-repeat:repeat-y;font-weight:normal} #container #navigation ul.sf-menu ul li.first{background:url('../images/navigation/subtop.png');background-repeat:repeat-y;background-position:left top;padding-top:12px} #container #navigation ul.sf-menu ul li ul li.first{background:url('../images/navigation/subtoptop.png');background-repeat:repeat-y;background-position:left top;padding-top:16px} #container #navigation ul.sf-menu ul li.first a{background:none} #container #navigation ul.sf-menu ul li a:hover{text-decoration:none;color:#fff;font-weight:bold} #container #navigation ul.sf-menu ul li.last{background:url('../images/navigation/subbottom.png');background-repeat:repeat-y;background-position:left bottom;padding-bottom:16px} #container #navigation ul.sf-menu ul li.last a{background:none} #container #navigation ul.sf-menu ul li a span{width:207px;height:28px;padding:12px 10px 0 23px;background:none;margin:0 0 0 4px} #container #navigation ul.sf-menu ul li a:hover span{background-color:#0e76bc} #container #navigation #language{width:163px;height:214px;background:url('../images/navigation/language.png');background-repeat:no-repeat;background-position:left bottom;position:absolute;top:-175px;right:0;z-index:25;padding:0 4px 0 4px} #container #navigation #language .holder{width:163px;height:214px;position:relative} #container #navigation #language ul{} #container #navigation #language ul li{float:none} #container #navigation #language ul li a{width:135px;height:26px;padding:9px 14px 0 14px;cursor:pointer} #container #navigation #language ul li a span{height:auto;padding:0} #container #navigation #language ul li a span.flag{width:16px;height:11px;float:left;margin:3px 13px 0 0} #container #navigation #language ul li a span.flag.en{background:url('../images/navigation/en.png');background-repeat:no-repeat} #container #navigation #language ul li a span.flag.es{background:url('../images/navigation/es.png');background-repeat:no-repeat} #container #navigation #language ul li a span.flag.de{background:url('../images/navigation/de.png');background-repeat:no-repeat} #container #navigation #language ul li a span.flag.it{background:url('../images/navigation/it.png');background-repeat:no-repeat} #container #navigation #language ul li a span.flag.fr{background:url('../images/navigation/fr.png');background-repeat:no-repeat} #container #navigation #language ul li a span.flag.ru{background:url('../images/navigation/ru.png');background-repeat:no-repeat} #container #navigation #language .holder .arrow{width:22px;height:23px;display:block;background:url('../images/navigation/arrow.png');background-repeat:no-repeat;background-position:left top;position:absolute;z-index:30;bottom:9px;right:5px} #container #navigation #language.open .holder .arrow{background:url('../images/navigation/arrow.png');background-repeat:no-repeat;background-position:left bottom} #container #breadcrumb{width:971px;height:43px;margin:0 auto;line-height:43px;color:#626262} #container #breadcrumb a{color:#626262} #container #header{width:979px;height:492px;margin:0 auto;background:url('../images/header/bg.png');background-repeat:no-repeat} #container #header .left{width:218px;height:477px;float:left;padding-top:15px} #container #header .left .situated{width:218px;color:#231f20;font-size:18px;font-weight:bold;padding-top:81px} #container #header .left .situated a{width:218px;display:block;color:#9f9f9f;font-size:12px;font-weight:normal;padding:10px 0} #container #header .center{width:498px;height:492px;float:left;background:url('../images/header/map.png');background-repeat:no-repeat;background-position:25px 41px;position:relative} #container #header .center.nomap{background:none} #container #header .center #flyer{width:228px;height:95px;background:url('../images/header/flyer.png');background-repeat:no-repeat;position:absolute;top:-250px;left:0;z-index:20} #container #header .center #flyer a.country{width:197px;height:71px;display:block;padding:24px 0 0 31px;font-size:18px;font-weight:bold;color:#231f20} #container #header .center #flyer a.country:hover{text-decoration:none} #container #header .center #flyer a.country span.members{width:197px;display:block;font-size:12px;color:#9f9f9f} #container #header .right{width:240px;height:472px;float:right;padding:20px 4px 0 19px} #container #header .right .carrousel{width:240px} #container #header .right .carrousel ul{margin:0;padding:0;list-style-type:none} #container #header .right .carrousel ul li{} #container #header .right .carrousel ul li a{width:240px;display:block;font-weight:bold;color:#fff;padding-bottom:9px} #container #header .right .carrousel ul li a:hover{text-decoration:none} #container #header .right .carrousel ul li a img{display:none;margin-bottom:-31px} #container #header .right .carrousel ul li a span{height:34px;display:block;background:url('../images/header/newsbar.png');background-repeat:no-repeat;background-position:left top;padding:18px 0 0 20px;position:relative;z-index:2} #container #header .right .carrousel ul li a:hover span{background:url('../images/header/newsbar.png');background-repeat:no-repeat;background-position:left bottom} #container #header .right .carrousel ul li.selected a span{background:url('../images/header/newsbar.png');background-repeat:no-repeat;background-position:right top} #container #header .right .carrousel ul li.selected a:hover span{background:url('../images/header/newsbar.png');background-repeat:no-repeat;background-position:right bottom} #container #content{width:100%;background:url('../images/content/bgstroke.png');background-repeat:repeat-y;background-position:center} #container #content a{text-decoration:underline} #container #content a:hover{text-decoration:none} #container #content.subpage{background:none} #container #content .title{font-size:18px;color:#0e76bc;font-weight:bold} #container #content .alignment{width:979px;padding-top:40px;padding-bottom:185px;margin:0 auto} #container #content.subpage .alignment{padding-top:5px;background:url('../images/content/bg.png');background-repeat:no-repeat;background-position:left top} #container #content .alignment .left{width:477px;float:left} #container #content .alignment .right{width:477px;float:right} #container #content.subpage .alignment .left{width:138px;padding:10px 30px 0 0;float:left} #container #content.subpage .alignment .middle{width:463px;float:left} #container #content.subpage .alignment .right{width:300px;padding:10px 5px 0 23px;float:right} #container #footer{width:100%;height:147px;background:url('../images/footer/bgstroke.png');background-repeat:repeat-x;position:absolute;bottom:0} #container #footer .alignment{width:979px;height:92px;margin:0 auto;background:url('../images/footer/logo.png');background-repeat:no-repeat;background-position:873px 27px;padding:55px 0 0 0;color:#231f20} #container #footer .alignment span{font-weight:bold;font-size:18px;display:block} #container #footer .alignment ul{margin:0 0 0 -3px;padding:0;list-style-type:none} #container #footer .alignment ul li{float:left} #container #footer .alignment ul li a{padding:3px 6px;display:block}
» Zeige den Original CSS code
« Verberge den Original CSS code
@charset "utf-8"; /************************* * - www.ucreation.nl * ************************* Dit document bevat CSS codering. */ /*html { overflow: -moz-scrollbars-vertical; }*/ body { } html, body { width: 100%; height: 100%; margin: 0; background: url('../images/body/bgcolor.png'); background-repeat: repeat; } /* Font-family and font-size */ body, input, textarea, button, select { color: #9f9f9f; font-size: 12px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } #container { position: relative; min-height: 100%; height:auto !important; height:100%; background: url('../images/body/bgstroke.png'); background-repeat: repeat-x; } #container a { color: #231f20; cursor: pointer; text-decoration: none; } #container a:hover { text-decoration: underline; } #container h1, #container h2, #container h3, #container h4, #container h5, #container h6, #container p { margin: 10px 0; } #container img { border: none; vertical-align: bottom; } #container table { border-collapse: collapse; } #container table td { padding: 0; } #container .view { } #container .hidden { display: none; } #container .clearboth { clear: both; } #container .clearboth .view { } #container .clearboth .hidden { display: none; } #container #navigation { width: 979px; height: 58px; padding: 24px 0 9px 0; margin: 0 auto; position: relative; z-index: 30; } #container #navigation ul { margin: 0; padding: 0; list-style-type: none; } #container #navigation ul li { float: left; position: relative; } #container #navigation ul li a { height: 58px; display: block; position: relative; } #container #navigation ul li a span { height: 37px; display: block; padding: 21px 17px 0 17px; } #container #navigation ul li.current_page_item a { font-weight: bold; background: url('../images/navigation/right.png'); background-position: top right; background-repeat: no-repeat; } #container #navigation ul li.current_page_item a span { background: url('../images/navigation/left.png'); background-position: top left; background-repeat: no-repeat; padding-left: 24px; padding-right: 24px; } #container #navigation ul.sf-menu ul { display: none; position: absolute; top: 58px; padding-top: 9px; width: 248px; /* left offset of submenus need to match (see below) */ } #container #navigation ul.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } #container #navigation ul.sf-menu li:hover ul, #container #navigation ul.sf-menu li.sfHover ul { display: block; left: 0; top: 58px; /* match top ul list item height */ z-index: 99; } #container #navigation ul.sf-menu li:hover li ul, #container #navigation ul.sf-menu li.sfHover li ul { top: -999em; } #container #navigation ul.sf-menu li li:hover ul, #container #navigation ul.sf-menu li li.sfHover ul { left: 230px; /* match ul width */ top: -16px; } #container #navigation ul.sf-menu li li:hover li ul, #container #navigation ul.sf-menu li li.sfHover li ul { top: -999em; } #container #navigation ul.sf-menu li li li:hover ul, #container #navigation ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } #container #navigation ul.sf-menu ul li { width: 248px; } #container #navigation ul.sf-menu ul li a { height: auto; background: none; background: url('../images/navigation/subbg.png'); background-repeat: repeat-y; font-weight: normal; } #container #navigation ul.sf-menu ul li.first { background: url('../images/navigation/subtop.png'); background-repeat: repeat-y; background-position: left top; padding-top: 12px; } #container #navigation ul.sf-menu ul li ul li.first { background: url('../images/navigation/subtoptop.png'); background-repeat: repeat-y; background-position: left top; padding-top: 16px; } #container #navigation ul.sf-menu ul li.first a { background: none; } #container #navigation ul.sf-menu ul li a:hover { text-decoration: none; color: #fff; font-weight: bold; } #container #navigation ul.sf-menu ul li.last { background: url('../images/navigation/subbottom.png'); background-repeat: repeat-y; background-position: left bottom; padding-bottom: 16px; } #container #navigation ul.sf-menu ul li.last a { background: none; } #container #navigation ul.sf-menu ul li a span { width: 207px; height: 28px; padding: 12px 10px 0 23px; background: none; margin: 0 0 0 4px; } #container #navigation ul.sf-menu ul li a:hover span { background-color: #0e76bc; } #container #navigation #language { width: 163px; height: 214px; background: url('../images/navigation/language.png'); background-repeat: no-repeat; background-position: left bottom; position: absolute; top: -175px; right: 0; z-index: 25; padding: 0 4px 0 4px; } #container #navigation #language .holder { width: 163px; height: 214px; position: relative; } #container #navigation #language ul { } #container #navigation #language ul li { float: none; } #container #navigation #language ul li a { width: 135px; height: 26px; padding: 9px 14px 0 14px; cursor: pointer; } #container #navigation #language ul li a span { height: auto; padding: 0; } #container #navigation #language ul li a span.flag { width: 16px; height: 11px; float: left; margin: 3px 13px 0 0; } #container #navigation #language ul li a span.flag.en { background: url('../images/navigation/en.png'); background-repeat: no-repeat; } #container #navigation #language ul li a span.flag.es { background: url('../images/navigation/es.png'); background-repeat: no-repeat; } #container #navigation #language ul li a span.flag.de { background: url('../images/navigation/de.png'); background-repeat: no-repeat; } #container #navigation #language ul li a span.flag.it { background: url('../images/navigation/it.png'); background-repeat: no-repeat; } #container #navigation #language ul li a span.flag.fr { background: url('../images/navigation/fr.png'); background-repeat: no-repeat; } #container #navigation #language ul li a span.flag.ru { background: url('../images/navigation/ru.png'); background-repeat: no-repeat; } #container #navigation #language .holder .arrow { width: 22px; height: 23px; display: block; background: url('../images/navigation/arrow.png'); background-repeat: no-repeat; background-position: left top; position: absolute; z-index: 30; bottom: 9px; right: 5px; } #container #navigation #language.open .holder .arrow { background: url('../images/navigation/arrow.png'); background-repeat: no-repeat; background-position: left bottom; } #container #breadcrumb { width: 971px; height: 43px; margin: 0 auto; line-height: 43px; color: #626262; } #container #breadcrumb a { color: #626262; } #container #header { width: 979px; height: 492px; margin: 0 auto; background: url('../images/header/bg.png'); background-repeat: no-repeat; } #container #header .left { width: 218px; height: 477px; float: left; padding-top: 15px; } #container #header .left .situated { width: 218px; color: #231f20; font-size: 18px; font-weight: bold; padding-top: 81px; } #container #header .left .situated a { width: 218px; display: block; color: #9f9f9f; font-size: 12px; font-weight: normal; padding: 10px 0; } #container #header .center { width: 498px; height: 492px; float: left; background: url('../images/header/map.png'); background-repeat: no-repeat; background-position: 25px 41px; position: relative; } #container #header .center.nomap { background: none; } #container #header .center #flyer { width: 228px; height: 95px; background: url('../images/header/flyer.png'); background-repeat: no-repeat; position: absolute; top: -250px; left: 0; z-index: 20; } #container #header .center #flyer a.country { width: 197px; height: 71px; display: block; padding: 24px 0 0 31px; font-size: 18px; font-weight: bold; color: #231f20; } #container #header .center #flyer a.country:hover { text-decoration: none; } #container #header .center #flyer a.country span.members { width: 197px; display: block; font-size: 12px; color: #9f9f9f; } #container #header .right { width: 240px; height: 472px; float: right; padding: 20px 4px 0 19px; } #container #header .right .carrousel { width: 240px; } #container #header .right .carrousel ul { margin: 0; padding: 0; list-style-type: none; } #container #header .right .carrousel ul li { } #container #header .right .carrousel ul li a { width: 240px; display: block; font-weight: bold; color: #fff; padding-bottom: 9px; } #container #header .right .carrousel ul li a:hover { text-decoration: none; } #container #header .right .carrousel ul li a img { display: none; margin-bottom: -31px; } #container #header .right .carrousel ul li a span { height: 34px; display: block; background: url('../images/header/newsbar.png'); background-repeat: no-repeat; background-position: left top; padding: 18px 0 0 20px; position: relative; z-index: 2; } #container #header .right .carrousel ul li a:hover span { background: url('../images/header/newsbar.png'); background-repeat: no-repeat; background-position: left bottom; } #container #header .right .carrousel ul li.selected a span { background: url('../images/header/newsbar.png'); background-repeat: no-repeat; background-position: right top; } #container #header .right .carrousel ul li.selected a:hover span { background: url('../images/header/newsbar.png'); background-repeat: no-repeat; background-position: right bottom; } #container #content { width: 100%; background: url('../images/content/bgstroke.png'); background-repeat: repeat-y; background-position: center; } #container #content a { text-decoration: underline; } #container #content a:hover { text-decoration: none; } #container #content.subpage { background: none; } #container #content .title { font-size: 18px; color: #0e76bc; font-weight: bold; } #container #content .alignment { width: 979px; padding-top: 40px; padding-bottom: 185px; margin: 0 auto; } #container #content.subpage .alignment { padding-top: 5px; background: url('../images/content/bg.png'); background-repeat: no-repeat; background-position: left top; } #container #content .alignment .left { width: 477px; float: left; } #container #content .alignment .right { width: 477px; float: right; } #container #content.subpage .alignment .left { width: 138px; padding: 10px 30px 0 0; float: left; } #container #content.subpage .alignment .middle { width: 463px; float: left; } #container #content.subpage .alignment .right { width: 300px; padding: 10px 5px 0 23px; float: right; } #container #footer { width: 100%; height: 147px; background: url('../images/footer/bgstroke.png'); background-repeat: repeat-x; position: absolute; bottom: 0; } #container #footer .alignment { width: 979px; height: 92px; margin: 0 auto; background: url('../images/footer/logo.png'); background-repeat: no-repeat; background-position: 873px 27px; padding: 55px 0 0 0; color: #231f20; } #container #footer .alignment span { font-weight: bold; font-size: 18px; display: block; } #container #footer .alignment ul { margin: 0 0 0 -3px; padding: 0; list-style-type: none; } #container #footer .alignment ul li { float: left; } #container #footer .alignment ul li a { padding: 3px 6px; display: block; }