Results of the CSS crunched for www.romanatic.com

Let's see what we've done for www.romanatic.com

CSSCruncher.com has crunched this CSS to
17.73 %Less Size! Woohooo!

BUT UHH OHH! We found some errors in your CSS code!

Crunched CSS code:

html{margin:0px;padding:0px;width:100%;height:100%}
body{margin:0px;padding:0px;width:100%;height:100%;font-family:Arial,sans-serif;font-size:12px;font-weight:normal;color:#000000}
.lang{position:absolute;z-index:4;top:0px;left:0px}
.topbar{position:absolute;z-index:3;top:0px;left:0px}
.header{position:absolute;z-index:1;top:0px;left:0px}
.header_image{position:absolute;z-index:2;top:-5px;left:10px}
.header_title{position:absolute;z-index:2;top:65px;left:355px;font-family:"Bookman Old Style","Verdana",sans-serif;font-size:28px;font-weight:normal;color:#000000;text-decoration:none}
.top_menu{position:absolute;z-index:2;top:139px;left:0px}
.top_menu_link{font-family:"Bookman Old Style","Verdana",sans-serif;font-size:14px;font-weight:normal;color:#FFFFFF;text-decoration:none}
.menu_title{width:100%;height:30px;padding:0px 10px 0px 8px;background-color:#FFFFFF;background-image:url(http://www.romanatic.com/style/img/menu_bg.gif);vertical-align:middle;font-family:"Bookman Old Style","Verdana",sans-serif;font-size:14px;font-weight:normal;color:#000000;text-decoration:none}
.menu_content{width:100%;padding:5px 10px 5px 12px;background-color:#FFFFFF;;font-family:Arial,sans-serif;font-size:12px;font-weight:normal;color:#000000;line-height:20px;text-decoration:none}
.scontent{position:absolute;z-index:3;top:175px;left:0px}
.fcontent{margin:0px;padding:0px 10px 20px 20px}
.topbar_left{background-image:url(http://www.romanatic.com/style/img/topbar_left.png)}
.topbar_bg{background-image:url(http://www.romanatic.com/style/img/topbar_bg.png)}
.topbar_right{background-image:url(http://www.romanatic.com/style/img/topbar_right.png)}
.top_menu_button{background-image:url(http://www.romanatic.com/style/img/button.png);background-repeat:no-repeat}
.content_corner{background-image:url(http://www.romanatic.com/style/img/content_corner.png);background-repeat:no-repeat}
.search_menu{padding:3px 15px 3px 15px;text-align:center}
.search_menu a{font-family:Arial,sans-serif;font-size:12px;color:#000000}
#search{padding:15px 15px 15px 15px;background-image:url(http://www.romanatic.com/style/img/coin_field_bottom_bg.gif);background-repeat:repeat-x;background-position:bottom}
input{border:1px solid #000000;font-family:Arial,sans-serif;font-size:12px;font-weight:normal;color:#000000;text-decoration:none}
textarea{border:1px solid #000000;font-family:Arial,sans-serif;font-size:12px;font-weight:normal;color:#000000;text-decoration:none}
select{border:1px solid #000000;font-family:Arial,sans-serif;font-size:12px;font-weight:normal;color:#000000;text-decoration:none}
.titel{font-family:Arial,sans-serif;font-size:20px;font-weight:bold;color:#000000;text-decoration:none}
#link1{color:#404040}
#link1:hover{color:#969696}
.text_page{padding:0px 25px 0px 15px;text-align:justify;font-family:Arial,sans-serif;font-size:12px;font-weight:normal;color:#000000;line-height:22px;text-decoration:none}
.text_page_menu{width:250px;border:1px solid #000000;background-color:#E0E0E0}
.text_page_menu1{padding-left:15px;line-height:20px}
.text_page_menu2{padding-left:30px;line-height:20px}
.text_page_title1{font-family:Arial,sans-serif;font-size:18px;font-weight:bold;color:#000000;line-height:40px;text-decoration:underline}
.text_page_title2{font-family:Arial,sans-serif;font-size:16px;font-weight:bold;color:#000000;line-height:34px;font-style:italic}
#liste{text-align:left;font-family:Arial,sans-serif;font-size:12px;font-weight:normal;color:#000000;line-height:20px;text-decoration:none}
fieldset{margin:0px;padding:0px;width:718px;border:#000000 1px solid;text-align:left}
fieldset legend{font-family:Arial,sans-serif;font-size:12px;font-weight:bold;color:#808080}
.coin_field{width:100%;border:none;margin:0px 0px 5px 0px;font-family:Arial,sans-serif;font-size:12px;font-weight:normal;color:#000000;line-height:20px;text-decoration:none}
.coin_field_bottom{width:100%;height:18px;padding 1px;border-top:1px solid #000000;background-image:url(http://www.romanatic.com/style/img/coin_field_bottom_bg.gif);background-repeat:repeat-x;background-position:bottom;font-family:Arial,sans-serif;font-size:12px;font-weight:normal;color:#000000;line-height:20px;text-decoration:none}
#hintbox{position:absolute;top:0;background-color:lightyellow;width:150px;padding:3px;border:1px solid black;font-family:Arial,sans-serif;font-size:12px;font-weight:normal;color:#000000;line-height:18px;z-index:100;border-right:3px solid black;border-bottom:3px solid black;visibility:hidden}
.hintanchor{border-bottom:1pt dashed #000000;cursor:help}
.pfad{width:720px;border-bottom:1px solid #000000;padding-bottom:5px;margin-bottom:30px}
.backoffice_listtable{width:718px;border:none;font-family:Arial,sans-serif;font-size:12px;font-weight:normal;color:#000000;line-height:20px;text-decoration:none}}
.backoffice_listtable td{padding:0px 5px 0px 5px}
.bg1{background-color:#FFFFFF}
.bg1:hover{background-color:#FFCC99}
.bg2{background-color:#E8E8E8}
.bg2:hover{background-color:#FFCC99}
.bfieldset{margin:0px;padding:3px;width:550px;border:#000000 1px solid;text-align:left;background-color:#E8E8E8}
.bfieldset2{margin:0px;padding:3px;width:80px;border:#000000 1px solid;text-align:left;background-color:#E8E8E8}
.bfieldset input{height:18px;line-height:18px}
.bfieldset2 input{height:18px;line-height:18px}
.suggestion_list{background:white;border:1px solid;padding:4px;font-size:8pt;font-family:Arial;font-weight:bold;text-align:left}
.suggestion_list ul{padding:0;margin:0;list-style-type:none}
.suggestion_list a{text-decoration:none;color:#000000}
.suggestion_list .selected{background:#FFCC99;color:#000000}
.suggestion_list .selected a{color:#000000}
.msg_ps{margin:0px 0px 20px 0px;width:718px;background-color:#CCFFCC;border:1px solid #008000;font-family:Arial,sans-serif;font-size:12px;font-weight:bold;color:#008000;line-height:20px;text-align:center}
.msg_ng{margin:0px 0px 20px 0px;width:718px;background-color:#FFF0F0;border:1px solid #FF0000;font-family:Arial,sans-serif;font-size:12px;font-weight:bold;color:#FF0000;line-height:20px;text-align:center}

» Show original CSS code

« Hide original CSS code

html{ margin: 0px; padding: 0px; width: 100%; height:100%; }
    body{ margin: 0px; padding: 0px; width: 100%; height:100%;
          font-family: Arial,sans-serif; font-size: 12px; font-weight: normal; color: #000000; }

.lang{ position: absolute; z-index: 4; top: 0px; left: 0px; }
    .topbar{ position: absolute; z-index: 3; top: 0px; left: 0px; }
    .header{ position: absolute; z-index: 1; top: 0px; left: 0px; }
    .header_image{ position: absolute; z-index: 2; top: -5px; left: 10px; }
    .header_title{ position: absolute; z-index: 2; top: 65px; left: 355px;
                   font-family: "Bookman Old Style","Verdana",sans-serif; font-size: 28px; font-weight: normal; color: #000000; text-decoration: none; }
    .top_menu{ position: absolute; z-index: 2; top: 139px; left: 0px; }
    .top_menu_link{ font-family: "Bookman Old Style","Verdana",sans-serif; font-size: 14px; font-weight: normal; color: #FFFFFF; text-decoration: none; }
    .menu_title{ width: 100%; height: 30px; padding: 0px 10px 0px 8px; background-color: #FFFFFF; background-image: url(http://www.romanatic.com/style/img/menu_bg.gif); vertical-align: middle;
                 font-family: "Bookman Old Style","Verdana",sans-serif; font-size: 14px; font-weight: normal; color: #000000; text-decoration: none;  }
    .menu_content{ width: 100%; padding: 5px 10px 5px 12px; background-color: #FFFFFF; ;
                   font-family: Arial,sans-serif; font-size: 12px; font-weight: normal; color: #000000; line-height: 20px; text-decoration: none; }
    .scontent{ position: absolute; z-index: 3; top: 175px; left: 0px; }
    .fcontent{ margin: 0px; padding: 0px 10px 20px 20px; }

.topbar_left{ background-image: url(http://www.romanatic.com/style/img/topbar_left.png); }
    .topbar_bg{ background-image: url(http://www.romanatic.com/style/img/topbar_bg.png); }
    .topbar_right{ background-image: url(http://www.romanatic.com/style/img/topbar_right.png); }
    .top_menu_button{ background-image: url(http://www.romanatic.com/style/img/button.png); background-repeat: no-repeat; }
    .content_corner{ background-image: url(http://www.romanatic.com/style/img/content_corner.png); background-repeat: no-repeat; }
    
    .search_menu{ padding: 3px 15px 3px 15px; text-align: center; }
    .search_menu a{ font-family: Arial,sans-serif; font-size: 12px; color: #000000; }
    #search{ padding: 15px 15px 15px 15px; background-image: url(http://www.romanatic.com/style/img/coin_field_bottom_bg.gif); background-repeat:repeat-x; background-position: bottom; }
    
    input{ border: 1px solid #000000;
           font-family: Arial,sans-serif; font-size: 12px; font-weight: normal; color: #000000; text-decoration: none; }
    textarea{ border: 1px solid #000000;
           font-family: Arial,sans-serif; font-size: 12px; font-weight: normal; color: #000000; text-decoration: none; }
    select{ border: 1px solid #000000;
           font-family: Arial,sans-serif; font-size: 12px; font-weight: normal; color: #000000; text-decoration: none; }
    .titel{ font-family: Arial,sans-serif; font-size: 20px; font-weight: bold; color: #000000; text-decoration: none; }
    #link1{ color: #404040; }
    #link1:hover{ color: #969696; }

.text_page{ padding: 0px 25px 0px 15px; text-align: justify;
                font-family: Arial,sans-serif; font-size: 12px; font-weight: normal; color: #000000; line-height: 22px; text-decoration: none; }
    .text_page_menu{ width: 250px; border: 1px solid #000000; background-color: #E0E0E0; }
    .text_page_menu1{ padding-left: 15px; line-height: 20px; }
    .text_page_menu2{ padding-left: 30px; line-height: 20px; }
    .text_page_title1{ font-family: Arial,sans-serif; font-size: 18px; font-weight: bold; color: #000000; line-height: 40px; text-decoration: underline; }
    .text_page_title2{ font-family: Arial,sans-serif; font-size: 16px; font-weight: bold; color: #000000; line-height: 34px; font-style: italic; }

#liste{ text-align: left;
             font-family: Arial,sans-serif; font-size: 12px; font-weight: normal; color: #000000; line-height: 20px; text-decoration: none; }

fieldset { margin: 0px; padding: 0px; width: 718px; border: #000000 1px solid; text-align: left; }
    fieldset legend { font-family: Arial,sans-serif; font-size: 12px; font-weight: bold; color: #808080; }
    .coin_field{ width: 100%; border: none; margin: 0px 0px 5px 0px;
                 font-family: Arial,sans-serif; font-size: 12px; font-weight: normal; color: #000000; line-height: 20px; text-decoration: none; }
    .coin_field_bottom{ width: 100%; height: 18px; padding 1px; border-top: 1px solid #000000; background-image: url(http://www.romanatic.com/style/img/coin_field_bottom_bg.gif); background-repeat:repeat-x; background-position: bottom;
                        font-family: Arial,sans-serif; font-size: 12px; font-weight: normal; color: #000000; line-height: 20px; text-decoration: none; }
    #hintbox{ /*CSS for pop up hint box */
      position:absolute;
      top: 0;
      background-color: lightyellow;
      width: 150px; /*Default width of hint.*/
      padding: 3px;
      border:1px solid black;
      font-family: Arial,sans-serif;
      font-size: 12px;
      font-weight: normal;
      color: #000000;
      line-height: 18px;
      z-index:100;
      border-right: 3px solid black;
      border-bottom: 3px solid black;
      visibility: hidden;
    }
    .hintanchor{ border-bottom: 1pt dashed #000000; cursor: help; }
    
    .pfad{ width: 720px; border-bottom: 1px solid #000000; padding-bottom: 5px; margin-bottom: 30px; }
    .backoffice_listtable{ width: 718px; border: none;
                           font-family: Arial,sans-serif; font-size: 12px; font-weight: normal; color: #000000; line-height: 20px; text-decoration: none; }}
    .backoffice_listtable td{ padding: 0px 5px 0px 5px; }
    .bg1{ background-color: #FFFFFF; }
    .bg1:hover{ background-color: #FFCC99; }
    .bg2{ background-color: #E8E8E8; }
    .bg2:hover{ background-color: #FFCC99; }

.bfieldset { margin: 0px; padding: 3px; width: 550px; border: #000000 1px solid; text-align: left; background-color: #E8E8E8; }
    .bfieldset2 { margin: 0px; padding: 3px; width: 80px; border: #000000 1px solid; text-align: left; background-color: #E8E8E8; }
    .bfieldset input{ height: 18px; line-height: 18px; }
    .bfieldset2 input{ height: 18px; line-height: 18px; }
    
    .suggestion_list{ background: white; border: 1px solid; padding: 4px; font-size: 8pt; font-family: Arial; font-weight: bold; text-align: left; }
    .suggestion_list ul{ padding: 0; margin: 0; list-style-type: none; }
    .suggestion_list a{ text-decoration: none; color: #000000; }
    .suggestion_list .selected{ background: #FFCC99; color: #000000; }
    .suggestion_list .selected a { color: #000000; }
    
    .msg_ps{ margin: 0px 0px 20px 0px; width: 718px; background-color: #CCFFCC; border: 1px solid #008000;
             font-family: Arial,sans-serif; font-size: 12px; font-weight: bold; color: #008000; line-height: 20px; text-align: center; }
    .msg_ng{ margin: 0px 0px 20px 0px; width: 718px; background-color: #FFF0F0; border: 1px solid #FF0000;
             font-family: Arial,sans-serif; font-size: 12px; font-weight: bold; color: #FF0000; line-height: 20px; text-align: center; }

Some information about this website:

URL: http://www.romanatic.com/
CSS URL: http://www.romanatic.com/style/standard.css
Charset: ISO-8859-1
Title: Romanatic - Münzen der römischen Kaiserzeit