Results of the CSS crunched for www.blockhaus-rosenkranz.de

Let's see what we've done for www.blockhaus-rosenkranz.de

CSSCruncher.com has crunched this CSS to
7.65 %Less Size! Yes!

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

Error on Line 751:
  lightyellow is not a color value
  Class:     .thumbnail span
  Property:  background-color
  Value:     lightyellow

Warning level 1 on Line 3:
  You have no background-color with your color
  Class:     body
  Property:  
  Value:     

Warning level 2 on Line 7:
  Redefinition of background-repeat
  Class:     body
  Property:  
  Value:     

Warning level 1 on Line 46:
  You have no background-color with your color
  Class:     #header strong
  Property:  
  Value:     

Warning level 2 on Line 79:
  Redefinition of margin-right
  Class:     #contentlang
  Property:  
  Value:     

Warning level 1 on Line 136:
  You have no color with your background-color
  Class:     .button1
  Property:  
  Value:     

Warning level 2 on Line 137:
  Redefinition of border-top-color
  Class:     .button1
  Property:  
  Value:     

Warning level 2 on Line 138:
  Redefinition of border-top-style
  Class:     .button1
  Property:  
  Value:     

Warning level 2 on Line 139:
  Redefinition of border-top-width
  Class:     .button1
  Property:  
  Value:     

Warning level 1 on Line 167:
  You have no background-color with your color
  Class:     .warning
  Property:  
  Value:     

Warning level 1 on Line 172:
  You have no background-color with your color
  Class:     a
  Property:  
  Value:     

Warning level 1 on Line 179:
  You have no background-color with your color
  Class:     a:hover
  Property:  
  Value:     

Warning level 1 on Line 234:
  You have no background-color with your color
  Class:     th
  Property:  
  Value:     

Warning level 2 on Line 245:
  Redefinition of border-top-color
  Class:     th.th_center
  Property:  
  Value:     

Warning level 2 on Line 246:
  Redefinition of border-top-style
  Class:     th.th_center
  Property:  
  Value:     

Warning level 2 on Line 247:
  Redefinition of border-top-width
  Class:     th.th_center
  Property:  
  Value:     

Warning level 2 on Line 263:
  Redefinition of border-top-color
  Class:     .th_small
  Property:  
  Value:     

Warning level 2 on Line 263:
  Redefinition of border-top-color
  Class:     .th_small_red
  Property:  
  Value:     

Warning level 2 on Line 264:
  Redefinition of border-top-style
  Class:     .th_small
  Property:  
  Value:     

Warning level 2 on Line 264:
  Redefinition of border-top-style
  Class:     .th_small_red
  Property:  
  Value:     

Warning level 2 on Line 265:
  Redefinition of border-top-width
  Class:     .th_small_red
  Property:  
  Value:     

Warning level 2 on Line 265:
  Redefinition of border-top-width
  Class:     .th_small
  Property:  
  Value:     

Warning level 1 on Line 270:
  You have no background-color with your color
  Class:     .th_small_red
  Property:  
  Value:     

Warning level 1 on Line 274:
  You have no background-color with your color
  Class:     td
  Property:  
  Value:     

Warning level 1 on Line 282:
  You have no background-color with your color
  Class:     .td_right_bold
  Property:  
  Value:     

Warning level 1 on Line 282:
  You have no background-color with your color
  Class:     .td_right_bold
  Property:  
  Value:     

Warning level 2 on Line 348:
  Redefinition of background-color
  Class:     .td_an
  Property:  
  Value:     

Warning level 2 on Line 349:
  Redefinition of border-top-color
  Class:     .td_an
  Property:  
  Value:     

Warning level 2 on Line 350:
  Redefinition of border-top-style
  Class:     .td_an
  Property:  
  Value:     

Warning level 2 on Line 351:
  Redefinition of border-top-width
  Class:     .td_an
  Property:  
  Value:     

Warning level 2 on Line 361:
  Redefinition of background-color
  Class:     .td_ab
  Property:  
  Value:     

Warning level 2 on Line 362:
  Redefinition of border-top-color
  Class:     .td_ab
  Property:  
  Value:     

Warning level 2 on Line 363:
  Redefinition of border-top-style
  Class:     .td_ab
  Property:  
  Value:     

Warning level 2 on Line 364:
  Redefinition of border-top-width
  Class:     .td_ab
  Property:  
  Value:     

Warning level 2 on Line 374:
  Redefinition of background-color
  Class:     .td_an_reserve
  Property:  
  Value:     

Warning level 2 on Line 375:
  Redefinition of border-top-color
  Class:     .td_an_reserve
  Property:  
  Value:     

Warning level 2 on Line 376:
  Redefinition of border-top-style
  Class:     .td_an_reserve
  Property:  
  Value:     

Warning level 2 on Line 377:
  Redefinition of border-top-width
  Class:     .td_an_reserve
  Property:  
  Value:     

Warning level 2 on Line 387:
  Redefinition of background-color
  Class:     .td_ab_reserve
  Property:  
  Value:     

Warning level 2 on Line 388:
  Redefinition of border-top-color
  Class:     .td_ab_reserve
  Property:  
  Value:     

Warning level 2 on Line 389:
  Redefinition of border-top-style
  Class:     .td_ab_reserve
  Property:  
  Value:     

Warning level 2 on Line 390:
  Redefinition of border-top-width
  Class:     .td_ab_reserve
  Property:  
  Value:     

Warning level 2 on Line 400:
  Redefinition of background-color
  Class:     .td_wechsel
  Property:  
  Value:     

Warning level 2 on Line 401:
  Redefinition of border-top-color
  Class:     .td_wechsel
  Property:  
  Value:     

Warning level 2 on Line 402:
  Redefinition of border-top-style
  Class:     .td_wechsel
  Property:  
  Value:     

Warning level 2 on Line 403:
  Redefinition of border-top-width
  Class:     .td_wechsel
  Property:  
  Value:     

Warning level 2 on Line 413:
  Redefinition of background-color
  Class:     .td_an_klein
  Property:  
  Value:     

Warning level 2 on Line 414:
  Redefinition of border-top-color
  Class:     .td_an_klein
  Property:  
  Value:     

Warning level 2 on Line 415:
  Redefinition of border-top-style
  Class:     .td_an_klein
  Property:  
  Value:     

Warning level 2 on Line 416:
  Redefinition of border-top-width
  Class:     .td_an_klein
  Property:  
  Value:     

Warning level 2 on Line 426:
  Redefinition of background-color
  Class:     .td_ab_klein
  Property:  
  Value:     

Warning level 2 on Line 427:
  Redefinition of border-top-color
  Class:     .td_ab_klein
  Property:  
  Value:     

Warning level 2 on Line 428:
  Redefinition of border-top-style
  Class:     .td_ab_klein
  Property:  
  Value:     

Warning level 2 on Line 429:
  Redefinition of border-top-width
  Class:     .td_ab_klein
  Property:  
  Value:     

Warning level 2 on Line 439:
  Redefinition of background-color
  Class:     .td_an_klein_reserve
  Property:  
  Value:     

Warning level 2 on Line 440:
  Redefinition of border-top-color
  Class:     .td_an_klein_reserve
  Property:  
  Value:     

Warning level 2 on Line 441:
  Redefinition of border-top-style
  Class:     .td_an_klein_reserve
  Property:  
  Value:     

Warning level 2 on Line 442:
  Redefinition of border-top-width
  Class:     .td_an_klein_reserve
  Property:  
  Value:     

Warning level 2 on Line 452:
  Redefinition of background-color
  Class:     .td_ab_klein_reserve
  Property:  
  Value:     

Warning level 2 on Line 453:
  Redefinition of border-top-color
  Class:     .td_ab_klein_reserve
  Property:  
  Value:     

Warning level 2 on Line 454:
  Redefinition of border-top-style
  Class:     .td_ab_klein_reserve
  Property:  
  Value:     

Warning level 2 on Line 455:
  Redefinition of border-top-width
  Class:     .td_ab_klein_reserve
  Property:  
  Value:     

Warning level 1 on Line 475:
  You have no background-color with your color
  Class:     .text_tabelle
  Property:  
  Value:     

Warning level 1 on Line 480:
  You have no background-color with your color
  Class:     #hinweis
  Property:  
  Value:     

Warning level 1 on Line 487:
  You have no background-color with your color
  Class:     #hinweis4
  Property:  
  Value:     

Warning level 1 on Line 493:
  You have no background-color with your color
  Class:     #hinweis1
  Property:  
  Value:     

Warning level 1 on Line 505:
  You have no background-color with your color
  Class:     #pic_text
  Property:  
  Value:     

Warning level 1 on Line 512:
  You have no background-color with your color
  Class:     #text_gross
  Property:  
  Value:     

Warning level 1 on Line 519:
  You have no background-color with your color
  Class:     .text_gross
  Property:  
  Value:     

Warning level 1 on Line 562:
  You have no background-color with your color
  Class:     .text_select
  Property:  
  Value:     

Warning level 1 on Line 590:
  You have no background-color with your color
  Class:     .about
  Property:  
  Value:     

Warning level 1 on Line 598:
  You have no background-color with your color
  Class:     .gu_cloud_link_class1
  Property:  
  Value:     

Warning level 1 on Line 599:
  You have no background-color with your color
  Class:     .gu_cloud_link_class1 a
  Property:  
  Value:     

Warning level 1 on Line 600:
  You have no background-color with your color
  Class:     .gu_cloud_link_class1 a:hover
  Property:  
  Value:     

Warning level 1 on Line 634:
  You have no color with your background-color
  Class:     #contentwide img
  Property:  
  Value:     

Warning level 1 on Line 634:
  You have no color with your background-color
  Class:     #contentwide img
  Property:  
  Value:     

Warning level 1 on Line 710:
  You have no background-color with your color
  Class:     hr
  Property:  
  Value:     

Warning level 1 on Line 714:
  You have no background-color with your color
  Class:     .text_gross1
  Property:  
  Value:     

Error on Line 725:
  Line
  Class:     Line : 725 font-family: You are encouraged to offer a generic family as a last alternative
  Property:  You are encouraged to offer a generic family as a last alternative
  Value:     725 Level : 2 font-family: You are encouraged to offer a generic family as a last alternative : #workphotos

Warning level 1 on Line 756:
  You have no background-color with your color
  Class:     .thumbnail span
  Property:  
  Value:     

Warning level 1 on Line 801:
  You have no color with your background-color
  Class:     #subMenusContainer a
  Property:  
  Value:     

Warning level 1 on Line 801:
  You have no color with your background-color
  Class:     #subMenusContainer a
  Property:  
  Value:     

Warning level 1 on Line 877:
  You have no color with your background-color
  Class:     #subMenusContainer ol
  Property:  
  Value:     

Warning level 1 on Line 877:
  You have no color with your background-color
  Class:     #subMenusContainer ol
  Property:  
  Value:     

Warning level 1 on Line 877:
  You have no color with your background-color
  Class:     #subMenusContainer ol
  Property:  
  Value:     

Warning level 1 on Line 877:
  You have no color with your background-color
  Class:     #subMenusContainer ol
  Property:  
  Value:     

Warning level 2 on Line 906:
  Redefinition of display
  Class:     #nav
  Property:  
  Value:     

Error on Line 943:
  Line
  Class:     Line : 943 font-family: You are encouraged to offer a generic family as a last alternative
  Property:  You are encouraged to offer a generic family as a last alternative
  Value:     943 Level : 1 You have no background-color with your color : .werbheader

Warning level 2 on Line 943:
  font-family: You are encouraged to offer a generic family as a last alternative
  Class:     .werbheader
  Property:  
  Value:     

Error on Line 944:
  Line
  Class:     Line : 944 font-family: You are encouraged to offer a generic family as a last alternative
  Property:  You are encouraged to offer a generic family as a last alternative
  Value:     944 Level : 1 You have no background-color with your color : .werbheaderpreise

Warning level 2 on Line 944:
  font-family: You are encouraged to offer a generic family as a last alternative
  Class:     .werbheaderpreise
  Property:  
  Value:     

Warning level 1 on Line 945:
  You have no color with your background-color
  Class:     .besidewerbung
  Property:  
  Value:     

Warning level 1 on Line 946:
  You have no color with your background-color
  Class:     .besidewerbungpreise
  Property:  
  Value:

Crunched CSS code:

body{background:url(../Background/kiefer.jpg) repeat-x;color:#3a3a3a;font:76% Verdana,Tahoma,Arial,sans-serif;margin:0 auto;padding:0;background-repeat:repeat}
#wrap{background:#fff;color:#404040;width:830px;margin:0 auto}
#header{height:38px;margin:0;padding:0}
#header h1{background-color:inherit;color:#600;float:left;font-size:2em;width:350px;margin:0 0 10px}
#header h1 a{background-color:inherit;color:#600;text-decoration:none}
#header strong{float:left;font-weight:700;font-size:0.8em;line-height:1.3em;text-align:center;width:830px;color:#600;margin:8px 0 0}
#frontphoto{border:0;margin-top:52px;margin-left:35px;margin-bottom:25px}
#leftside_kalender{clear:left;float:left;padding-top:8px;width:115px;margin:0 0 10px}
#leftside_kalender ul.avmenu{list-style:none;width:115px;margin:0 0 18px;padding:0}
#contentlang{border-left:none;line-height:1.5em;text-align:left;margin:0 0 20px 5px;margin-right:20px;padding-left:30px;padding-right:15px;padding-top:20px}
#footer{background:#fff;border-top:2px solid #f9f4d6;clear:both;color:gray;text-align:center;line-height:1.5em;font-size:0.9em}
#footer p{margin:0;padding:0}
#footer a{background-color:#fff;color:gray;font-weight:400;text-decoration:none}
#footer a:hover{text-decoration:underline}
#footer span{font-size:1.2em}
.highlighted{background:#f0f0f0;border:1px solid #b0b0b0;color:#303030;padding:3px}
.button{background:url(../Background/menuebg.gif) repeat-x bottom left #f4f4f4;border-left:4px solid #f5e6af;border-right:1px solid #f9f4d6;border-top:1px solid #f9f4d6;color:#600;font-weight:700;width:70px;margin:0 0 15px;padding:7px 7px 7px 11px}
.button1{border:0.9px double #FFD42A;background:url() repeat-x bottom left #f4f4f4;border-color:#FFD42A;border-style:solid;border-width:1px}
.left{float:left;margin:10px 10px 5px 0}
.right{float:right;display:inline}
.right_bold{float:right;font-weight:700;display:inline}
.clearing{clear:left;visibility:hidden;margin:0;padding:0}
.warning{font-size:1.1em;color:red;text-decoration:blink}
a{color:#600;text-decoration:none;font-weight:700}
a:hover{text-decoration:underline;color:#900}
a img{border:0}
p{margin:0 0 16px}
blockquote{background:url(../Background/menubg.jpg) repeat-x bottom left #f4f4f4;border-bottom:1px solid #f9f4d6;border-left:4px solid #f9f4d6;border-right:1px solid #f9f4d6;border-top:1px solid #f9f4d6;color:#900;margin:16px;padding:7px 7px 7px 11px}
blockquote p{font-size:1.1em;line-height:1.3em;margin:0}
table{border:none;border-collapse:collapse;line-height:1.3em;width:99%;margin:0 0 12px;padding:0}
table.table_viertel{width:37%}
table.table_half{width:60%}
caption{font-size:1.5em;font-weight:400;text-align:left;margin:0;padding:6px 0 8px}
th{color:#303030;text-align:left;font-size:1.1em;padding:6px}
th.th_center{font-size:1.2em;text-align:center;border:1.1px solid #f9f4d6;background-color:transparent;border-color:#f9f4d6;border-style:solid;border-width:1.1px}
th.th_center_klein{font-size:0.9em;text-align:center;padding:3px}
.th_small,.th_small_red{background:url();font-size:0.8em;font-weight:400;text-align:center;border:1.1px solid #f9f4d6;background-color:transparent;border-color:#f9f4d6;border-style:solid;border-width:1.1px;padding:1px}
.th_small_red{color:#FF7F55}
td{color:#303030;font-size:0.9em;text-align:left;padding:6px}
.td_right,.td_right_bold{color:#303030;font-size:0.9em;text-align:right;padding:6px}
td.td_frei{background:left #7ABA7A;width:60px;font-size:0.9em;text-align:center;border:1.1px solid #f9f4d6;padding:1px}
td.td_belegt{background:left #F2BFBF;width:60px;font-size:0.9em;text-align:center;border:1.1px solid #f9f4d6;padding:1px}
td.td_reserve{background:left #f5e2af;width:60px;font-size:0.9em;text-align:center;border:1.1px solid #f9f4d6;padding:1px}
td.td_leer{background:left #fff;width:60px;font-size:0.9em;text-align:center;border:1.1px solid #f9f4d6;padding:1px}
td.td_aktuell{background:left #FFD42A;width:60px;font-size:0.9em;text-align:center;border:1.1px solid #f9f4d6;padding:1px}
td.td_aktuell_klein{background:left #FFD42A;width:60px;font-size:0.9em;text-align:center;border:1.1px solid #f9f4d6;padding:0}
.td_an{background:url(../Background/an.jpg) no-repeat top right #fff;width:60px;font-size:0.9em;text-align:center;border:1.1px solid #f9f4d6;background-color:transparent;border-color:#f9f4d6;border-style:solid;border-width:1.1px;padding:0}
.td_ab{background:url(../Background/ab.jpg) no-repeat top right #fff;width:60px;font-size:0.9em;text-align:center;border:1.1px solid #f9f4d6;background-color:transparent;border-color:#f9f4d6;border-style:solid;border-width:1.1px;padding:0}
.td_an_reserve{background:url(../Background/an_reserve.jpg) no-repeat top right #fff;width:60px;font-size:0.9em;text-align:center;border:1.1px solid #f9f4d6;background-color:transparent;border-color:#f9f4d6;border-style:solid;border-width:1.1px;padding:0}
.td_ab_reserve{background:url(../Background/ab_reserve.jpg) no-repeat top right #fff;width:60px;font-size:0.9em;text-align:center;border:1.1px solid #f9f4d6;background-color:transparent;border-color:#f9f4d6;border-style:solid;border-width:1.1px;padding:0}
.td_wechsel{background:url(../Background/wechsel.jpg) no-repeat top right #fff;width:60px;font-size:0.9em;text-align:center;border:1.1px solid #f9f4d6;background-color:transparent;border-color:#f9f4d6;border-style:solid;border-width:1.1px;padding:0}
.td_an_klein{background:url(../Background/an_klein.jpg) no-repeat top right #fff;width:60px;font-size:0.9em;text-align:center;border:1.1px solid #f9f4d6;background-color:transparent;border-color:#f9f4d6;border-style:solid;border-width:1.1px;padding:0}
.td_ab_klein{background:url(../Background/ab_klein.jpg) no-repeat top right #fff;width:60px;font-size:0.9em;text-align:center;border:1.1px solid #f9f4d6;background-color:transparent;border-color:#f9f4d6;border-style:solid;border-width:1.1px;padding:0}
.td_an_klein_reserve{background:url(../Background/an_klein_reserve.jpg) no-repeat top right #fff;width:60px;font-size:0.9em;text-align:center;border:1.1px solid #f9f4d6;background-color:transparent;border-color:#f9f4d6;border-style:solid;border-width:1.1px;padding:0}
.td_ab_klein_reserve{background:url(../Background/ab_klein_reserve.jpg) no-repeat top right #fff;width:60px;font-size:0.9em;text-align:center;border:1.1px solid #f9f4d6;background-color:transparent;border-color:#f9f4d6;border-style:solid;border-width:1.1px;padding:0}
.td_no_border{border:0;float:right;text-align:right;margin:0;padding:0}
.pic_tabelle{border:0;text-decoration:none}
.text_tabelle{font-size:1em;color:#900}
#hinweis{font-size:1.1em;color:red;font-weight:700;text-decoration:underline}
#hinweis4{font-size:1.3em;color:red;font-weight:700}
#hinweis1{font-size:0.9em;color:red;font-weight:700}
#hinweis2{font-size:0.9em;font-weight:700;text-decoration:blink}
#pic_text{font-size:1em;color:#600;font-weight:700}
#text_gross{font-size:1.3em;font-weight:700;color:#600;text-align:center}
.text_gross{font-size:1.3em;font-weight:700;color:#600;text-align:center}
#tage{font-size:1.2em;font-weight:700}
#spalte1{float:left;width:160px;margin-top:2px;margin-right:0;padding-right:1px}
.td_text{font-size:1em;text-align:left;padding:1px}
.td_text_right{font-size:1em;text-align:right;padding:1px}
.td_text_klein{font-size:0.9em;text-align:left;padding:1px}
.td_text_klein_right{font-size:0.9em;text-align:right;padding:1px}
.text_select{font-size:1.2em;color:red;font-weight:700}
.td_combo{background:url() repeat-x bottom left #fff;color:#303030;font-size:1em;text-align:left;border-color:#FFD42A;border-style:solid;border-width:1px;padding:1px}
.td_combo_right{background:url() repeat-x bottom left #fff;color:#303030;font-size:1em;text-align:right;border-color:#FFD42A;border-style:solid;border-width:1px;padding:1px}
.about{border:none;color:#225743;height:145px;margin:0 0 10px;padding:10px}
.gu_cloud_link_class1{text-decoration:none;color:gray;font-size:0.8em;font-weight:lighter;text-align:center;margin-top:-15px}
.gu_cloud_link_class1 a{text-decoration:none;color:gray;font-weight:normal}
.gu_cloud_link_class1 a:hover{text-decoration:underline;color:gray;font-weight:normal}
.gu_cloud_link_class1 p{margin-top:1px;margin-bottom:1px;padding:0;text-align:center}
TEXTAREA.eintrag{font-size:11px;font-family:Verdana,Tahoma,Arial,sans-serif;background-color:#fff;background-image:url();background-repeat:no-repeat;color:#303030;overflow:auto;border-color:#FFD42A;border-style:solid;border-width:1px}
#leftside p,.announce p,.announce1 p,#rightside p,.announce p{font-size:0.9em}
#contentlang h1,#contentlang h2{font-size:1.3em;margin:0 0 0.5em}
#contentlang h3{font-size:1.1em;margin:0 0 0.5em}
#contentlang img,#contentwide img{display:inline;background:#ccc;border:2px solid #f9f4d6;float:left;margin:0 1em 1em 0;padding:1px}
#Statistik,.small{font-size:0.8em}
.bold,.td_right_bold{font-weight:700}
.hide,.gu_clouds .gu_cloud_link_hide{display:none}
th.th_right,.td_aktuell_stat_right{text-align:right}
.about2,.aboutwir{border:none;margin:0 0 10px;padding:10px}
.about_left{border:none;float:left;width:360px;padding-top:10px;margin-left:10px;padding-right:10px;margin-bottom:20px}
.about_right{border:none;float:right;width:360px;padding-left:0px;padding-top:10px;margin-right:0px;margin-bottom:20px}
.about_left230{border:none;float:left;width:230px;padding-top:10px;margin-left:10px;padding-right:10px;margin-bottom:20px}
.about_right230{border:none;float:right;width:230px;padding-left:0px;padding-top:10px;margin-right:0px;margin-bottom:20px}
.about_rahmen{border:none;margin-top:20px;margin-bottom:20px}
hr{color:#efe2d1;border:none}
.text_gross1{font-size:1.0em;color:#600;text-align:left}
#workphotos{/* Homepages nine work photos are under this div */
float:left;margin-left:0px;margin-top:0px;height:auto;width:308px;font-family:Verdana,Tahoma,Arial;font-size:13px}
#workphotos A:hover IMG,A:active IMG{border-color:#900}
#workphotos img{display:inline;border:1px solid #f9f4d6;margin:0 1em 1em 0;padding:1px}
.thumbnail{position:relative;z-index:0}
.thumbnail:hover{background-color:transparent;z-index:50}
.thumbnail span{/*CSS for enlarged image*/
position:absolute;background-color:lightyellow;padding:3px;width:485px;border:none;visibility:hidden;color:black;text-decoration:none}
#thumbnail img{display:inline;border:1px solid #f9f4d6;margin:0 1em 1em 0}
.thumbnail span img{/*CSS for enlarged image*/
border-width:0;padding:0px}
.thumbnail span a:link{/*CSS for enlarged image*/
text-decoration:none}
.thumbnail:hover span{/*CSS for enlarged image on hover*/
visibility:visible;text-decoration:none;top:-4px;left:20px;/*position where enlarged image should offset horizontally */
margin-top:13px}
#wrap .menue1{background-color:#F6C739;color:white}
.abstand10{margin-top:10px}
#contentlang .abstandl10{padding-left:15px}
#contentlang .thumbpic{float:right;margin-left:10px}
.riflo{float:right}
/* Based partially on Matthew Carroll's keyboard accessible flavor of Suckerfish
* Dropdowns by Patrick Griffiths and Dan Webb.
* http://carroll.org.uk/sandbox/suckerfish/bones2.html
*/
/* ----[ LINKS ]----*/
/* all menu links */
#nav a,#subMenusContainer a{text-decoration:none;display:block;padding:13px 20px;background-color:#fff}
/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#nav a{margin:0;float:left}
/* Just sub menu links */
#subMenusContainer a,#nav li li a{text-align:left}
/* All menu links on hover or focus */
#nav a:hover,#nav a:focus,#subMenusContainer a:hover,#subMenusContainer a:focus,#nav a.mainMenuParentBtnFocused,#subMenusContainer a.subMenuParentBtnFocused{background-color:#F6C739;color:#FFF}
/* sub menu links on hover or focus */
#subMenusContainer a:hover, #subMenusContainer a:focus, #nav a.mainMenuParentBtnFocused, #subMenusContainer a.subMenuParentBtnFocused, #nav li a:hover, #nav li a:focus{background-color:#F6C739;color:#FFF}
/* Parent Sub Menu Links ---[javascript users only]*/
.subMenuParentBtn{background:url(../img/arrow_right.gif) right center no-repeat}
/* Parent Sub Menu Links on hover or focus ---[javascript users only]*/
.subMenuParentBtnFocused{background:url(../img/arrow_right_over.gif) right center no-repeat}
/* Parent Main Menu Links ---[javascript users only]*/
.mainMenuParentBtn{background:url(../img/arrow_down.gif) right center no-repeat}
/* Parent Main Menu Links on hover or focus ---[javascript users only]*/
.mainMenuParentBtnFocused{background:url(../img/arrow_down_over.gif) right center no-repeat}
/* ----[ OLs ULs,LIs,and DIVs ]----*/
/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW{display:none;position:absolute;overflow:hidden;/*the 2px left & right padding lets you have a 1px border
on the ul or ol inside since overflow is set to hidden*/
padding:0 2px;margin:0 0 0 -2px}
/* All ULs and OLs */
#nav,#nav ul,#nav ol,#subMenusContainer ul,#subMenusContainer ol{padding:0;margin:0;list-style:none;line-height:1em}
/* All submenu OLs and ULs */
#nav ol,#nav ul,#subMenusContainer ul,#subMenusContainer ol{/*border around submenu goes here*/
background:#fff;border:1px solid #f9f4d6;left:0}
/* List items in main menu --[for non-javascript users this applies to submenus as well] */
#nav li{/*great place to use a background image as a divider*/
display:block;list-style:none;position:relative;float:left}
#subMenusContainer li{list-style:none}
/* main menu ul or ol elment */
#nav{display:block;position:absolute;list-style:none;margin:0 0 0 0;z-index:5;top:15px;left:50%;text-align:center;display:block}
#subMenusContainer{display:block;position:absolute;top:0;left:0;width:100%;height:0;overflow:visible;z-index:1000000000}
/* --------------------------[ The below is just for non-javscript users ]--------------------------*/
#nav li li{float:none}
#nav li li a{/* Just submenu links*/
position:relative;float:none}
#nav li ul{/* second-level lists */
position:absolute;width:10em;margin-left:-1000em;/* using left instead of display to hide menus because display:none isn't read by screen readers */
margin-top:2.2em}
/* third-and-above-level lists */
#nav li ul ul{margin:-1em 0 0 -1000em}
#nav li:hover ul ul{margin-left:-1000em}
/* lists nested under hovered list items */
#nav li:hover ul{margin-left:0}
#nav li li:hover ul{margin-left:10em;margin-top:-2.5em}
/* extra positioning rules for limited noscript keyboard accessibility */
#nav li a:focus + ul{margin-left:0;margin-top:2.2em}
#nav li li a:focus + ul{left:0;margin-left:1010em;margin-top:-2.2em}
#nav li li a:focus{left:0;margin-left:1000em;width:10em;margin-top:0}
#nav li li li a:focus{left:0;margin-left:2010em;width:10em;margin-top:-1em}
#nav li:hover a:focus{margin-left:0}
#nav li li:hover a:focus + ul{margin-left:10em}
.werbheader{color:#600000;text-decoration:underline;font-size:12px;font-family:verdana}
.werbheaderpreise{color:#600000;text-decoration:underline;font-size:13px;font-family:verdana;font-weight:bold}
.besidewerbung{border:1px solid;border-color:#CCCCCC;height:242px;width:425px;background-color:#FCFCFC;padding:3px;margin-top:0px;font-size:11px;line-height:1.1;float:right}
.besidewerbungpreise{border:1px solid;border-color:#CCCCCC;height:242px;width:425px;background-color:#FCFCFC;padding:3px;margin-top:0px;font-size:14px;line-height:1.1;float:right;text-align:center}

» Show original CSS code

« Hide original CSS code

body {
background:url(../Background/kiefer.jpg) repeat-x ;
color:#3a3a3a;
font:76% Verdana,Tahoma,Arial,sans-serif;
margin:0 auto;
padding:0;
background-repeat:repeat;

}

#wrap {
background:#fff;
color:#404040;
width:830px;
margin:0 auto;
}

#header {
height:38px;
margin:0;
padding:0;
}

#header h1 {
background-color:inherit;
color:#600;
float:left;
font-size:2em;
width:350px;
margin:0 0 10px;
}

#header h1 a {
background-color:inherit;
color:#600;
text-decoration:none;
}

#header strong {
float:left;
font-weight:700;
font-size:0.8em;
line-height:1.3em;
text-align:center;
width:830px;
color:#600;
margin:8px 0 0;
}

#frontphoto {
border:0;
margin-top:52px;
margin-left:35px;
margin-bottom:25px;
}

#leftside_kalender {
clear:left;
float:left;
padding-top:8px;
width:115px;
margin:0 0 10px;
}

#leftside_kalender ul.avmenu {
list-style:none;
width:115px;
margin:0 0 18px;
padding:0;
}

#contentlang {
border-left:none;
line-height:1.5em;
text-align:left;
margin:0 0 20px 5px;
margin-right:20px;
padding-left:30px;
padding-right:15px;
padding-top:20px;
}

#footer {
background:#fff;
border-top:2px solid #f9f4d6;
clear:both;
color:gray;
text-align: center;
line-height:1.5em;
font-size:0.9em;
}

#footer p {
margin:0;
padding:0;
}

#footer a {
background-color:#fff;
color:gray;
font-weight:400;
text-decoration:none;
}

#footer a:hover {
text-decoration:underline;
}

#footer span {
font-size:1.2em;
}

.highlighted {
background:#f0f0f0;
border:1px solid #b0b0b0;
color:#303030;
padding:3px;
}

.button {
background:url(../Background/menuebg.gif) repeat-x bottom left #f4f4f4;
border-left:4px solid #f5e6af;
border-right:1px solid #f9f4d6;
border-top:1px solid #f9f4d6;
color:#600;
font-weight:700;
width:70px;
margin:0 0 15px;
padding:7px 7px 7px 11px;
}

.button1 {
border:0.9px double #FFD42A;
background:url() repeat-x bottom left #f4f4f4;
border-color:#FFD42A;
border-style:solid;
border-width:1px;
}

.left {
float:left;
margin:10px 10px 5px 0;
}

.right {
float:right;
display:inline;
}

.right_bold {
float:right;
font-weight:700;
display:inline;
}

.clearing {
clear:left;
visibility:hidden;
margin:0;
padding:0;
}

.warning {
font-size:1.1em;
color:red;
text-decoration:blink;
}

a {
color:#600;
text-decoration:none;
font-weight:700;
}

a:hover {
text-decoration:underline;
color:#900;
}

a img {
border:0;
}

p {
margin:0 0 16px;
}

blockquote {
background:url(../Background/menubg.jpg) repeat-x bottom left #f4f4f4;
border-bottom:1px solid #f9f4d6;
border-left:4px solid #f9f4d6;
border-right:1px solid #f9f4d6;
border-top:1px solid #f9f4d6;
color:#900;
margin:16px;
padding:7px 7px 7px 11px;
}

blockquote p {
font-size:1.1em;
line-height:1.3em;
margin:0;
}

table {
border:none;
border-collapse:collapse;
line-height:1.3em;
width:99%;
margin:0 0 12px;
padding:0;
}

table.table_viertel {
width:37%;
}

table.table_half {
width:60%;
}

caption {
font-size:1.5em;
font-weight:400;
text-align:left;
margin:0;
padding:6px 0 8px;
}

th {
color:#303030;
text-align:left;
font-size:1.1em;
padding:6px;
}

th.th_center {
font-size:1.2em;
text-align:center;
border:1.1px solid #f9f4d6;
background-color:transparent;
border-color:#f9f4d6;
border-style:solid;
border-width:1.1px;
}

th.th_center_klein {
font-size:0.9em;
text-align:center;
padding:3px;
}

.th_small,.th_small_red {
background:url();
font-size:0.8em;
font-weight:400;
text-align:center;
border:1.1px solid #f9f4d6;
background-color:transparent;
border-color:#f9f4d6;
border-style:solid;
border-width:1.1px;
padding:1px;
}

.th_small_red {
color:#FF7F55;
}

td {
color:#303030;
font-size:0.9em;
text-align:left;
padding:6px;
}

.td_right,.td_right_bold {

color:#303030;
font-size:0.9em;
text-align:right;
padding:6px;
}

td.td_frei {
background:left #7ABA7A;
width:60px;
font-size:0.9em;
text-align:center;
border:1.1px solid #f9f4d6;
padding:1px;
}

td.td_belegt {
background:left #F2BFBF;
width:60px;
font-size:0.9em;
text-align:center;
border:1.1px solid #f9f4d6;
padding:1px;
}

td.td_reserve {
background:left #f5e2af;
width:60px;
font-size:0.9em;
text-align:center;
border:1.1px solid #f9f4d6;
padding:1px;
}

td.td_leer {
background:left #fff;
width:60px;
font-size:0.9em;
text-align:center;
border:1.1px solid #f9f4d6;
padding:1px;
}

td.td_aktuell {
background:left #FFD42A;
width:60px;
font-size:0.9em;
text-align:center;
border:1.1px solid #f9f4d6;
padding:1px;
}

td.td_aktuell_klein {
background:left #FFD42A;
width:60px;
font-size:0.9em;
text-align:center;
border:1.1px solid #f9f4d6;
padding:0;
}

.td_an {
background:url(../Background/an.jpg) no-repeat top right #fff;
width:60px;
font-size:0.9em;
text-align:center;
border:1.1px solid #f9f4d6;
background-color:transparent;
border-color:#f9f4d6;
border-style:solid;
border-width:1.1px;
padding:0;
}

.td_ab {
background:url(../Background/ab.jpg) no-repeat top right #fff;
width:60px;
font-size:0.9em;
text-align:center;
border:1.1px solid #f9f4d6;
background-color:transparent;
border-color:#f9f4d6;
border-style:solid;
border-width:1.1px;
padding:0;
}

.td_an_reserve {
background:url(../Background/an_reserve.jpg) no-repeat top right #fff;
width:60px;
font-size:0.9em;
text-align:center;
border:1.1px solid #f9f4d6;
background-color:transparent;
border-color:#f9f4d6;
border-style:solid;
border-width:1.1px;
padding:0;
}

.td_ab_reserve {
background:url(../Background/ab_reserve.jpg) no-repeat top right #fff;
width:60px;
font-size:0.9em;
text-align:center;
border:1.1px solid #f9f4d6;
background-color:transparent;
border-color:#f9f4d6;
border-style:solid;
border-width:1.1px;
padding:0;
}

.td_wechsel {
background:url(../Background/wechsel.jpg) no-repeat top right #fff;
width:60px;
font-size:0.9em;
text-align:center;
border:1.1px solid #f9f4d6;
background-color:transparent;
border-color:#f9f4d6;
border-style:solid;
border-width:1.1px;
padding:0;
}

.td_an_klein {
background:url(../Background/an_klein.jpg) no-repeat top right #fff;
width:60px;
font-size:0.9em;
text-align:center;
border:1.1px solid #f9f4d6;
background-color:transparent;
border-color:#f9f4d6;
border-style:solid;
border-width:1.1px;
padding:0;
}

.td_ab_klein {
background:url(../Background/ab_klein.jpg) no-repeat top right #fff;
width:60px;
font-size:0.9em;
text-align:center;
border:1.1px solid #f9f4d6;
background-color:transparent;
border-color:#f9f4d6;
border-style:solid;
border-width:1.1px;
padding:0;
}

.td_an_klein_reserve {
background:url(../Background/an_klein_reserve.jpg) no-repeat top right #fff;
width:60px;
font-size:0.9em;
text-align:center;
border:1.1px solid #f9f4d6;
background-color:transparent;
border-color:#f9f4d6;
border-style:solid;
border-width:1.1px;
padding:0;
}

.td_ab_klein_reserve {
background:url(../Background/ab_klein_reserve.jpg) no-repeat top right #fff;
width:60px;
font-size:0.9em;
text-align:center;
border:1.1px solid #f9f4d6;
background-color:transparent;
border-color:#f9f4d6;
border-style:solid;
border-width:1.1px;
padding:0;
}

.td_no_border {
border:0;
float:right;
text-align:right;
margin:0;
padding:0;
}

.pic_tabelle {
border:0;
text-decoration:none;
}

.text_tabelle {
font-size:1em;
color:#900;
}

#hinweis {
font-size:1.1em;
color:red;
font-weight:700;
text-decoration:underline;
}

#hinweis4 {
font-size:1.3em;
color:red;
font-weight:700;
}

#hinweis1 {
font-size:0.9em;
color:red;
font-weight:700;
}

#hinweis2 {
font-size:0.9em;
font-weight:700;
text-decoration:blink;
}

#pic_text {
font-size:1em;
color:#600;
font-weight:700;
}

#text_gross {
font-size:1.3em;
font-weight:700;
color:#600;
text-align:center;
}

.text_gross {
font-size:1.3em;
font-weight:700;
color:#600;
text-align:center;
}

#tage {
font-size:1.2em;
font-weight:700;
}

#spalte1 {
float:left;
width:160px;
margin-top:2px;
margin-right:0;
padding-right:1px;
}

.td_text {
font-size:1em;
text-align:left;
padding:1px;
}

.td_text_right {
font-size:1em;
text-align:right;
padding:1px;
}

.td_text_klein {
font-size:0.9em;
text-align:left;
padding:1px;
}

.td_text_klein_right {
font-size:0.9em;
text-align:right;
padding:1px;
}

.text_select {
font-size:1.2em;
color:red;
font-weight:700;
}

.td_combo {
background:url() repeat-x bottom left #fff;
color:#303030;
font-size:1em;
text-align:left;
border-color:#FFD42A;
border-style:solid;
border-width:1px;
padding:1px;
}

.td_combo_right {
background:url() repeat-x bottom left #fff;
color:#303030;
font-size:1em;
text-align:right;
border-color:#FFD42A;
border-style:solid;
border-width:1px;
padding:1px;
}

.about {
border:none;
color:#225743;
height:145px;
margin:0 0 10px;
padding:10px;
}

.gu_cloud_link_class1 {text-decoration:none;  color:gray;  font-size:0.8em; font-weight: lighter; text-align: center; margin-top: -15px;}
.gu_cloud_link_class1 a {text-decoration:none; color:gray; font-weight: normal;}
.gu_cloud_link_class1 a:hover {text-decoration:underline;   color:gray; font-weight: normal;}
.gu_cloud_link_class1 p {margin-top: 1px;margin-bottom: 1px;padding: 0 ;text-align: center;}

TEXTAREA.eintrag {
font-size:11px;
font-family:Verdana,Tahoma,Arial,sans-serif;
background-color:#fff;
background-image:url();
background-repeat:no-repeat;
color:#303030;
overflow:auto;
border-color:#FFD42A;
border-style:solid;
border-width:1px;
}

#leftside p,.announce p,.announce1 p,#rightside p,.announce p {
font-size:0.9em;
}

#contentlang h1,#contentlang h2 {
font-size:1.3em;
margin:0 0 0.5em;
}

#contentlang h3 {
font-size:1.1em;
margin:0 0 0.5em;
}

#contentlang img,#contentwide img {
display:inline;
background:#ccc;
border:2px solid #f9f4d6;
float:left;
margin:0 1em 1em 0;
padding:1px;
}

#Statistik,.small {
font-size:0.8em;
}

.bold,.td_right_bold {
font-weight:700;
}

.hide,.gu_clouds .gu_cloud_link_hide {
display:none;
}

th.th_right,.td_aktuell_stat_right {
text-align:right;
}

.about2,.aboutwir {
border:none;
margin:0 0 10px;
padding:10px;
}

.about_left {
border:none;
float:left;
width:360px;
padding-top:10px;
margin-left: 10px;
padding-right:10px;
margin-bottom: 20px;
}

.about_right {
border:none;
float:right;
width:360px;
padding-left:0px;
padding-top:10px;
margin-right: 0px;
margin-bottom: 20px;
}
.about_left230 {
border:none;
float:left;
width:230px;
padding-top:10px;
margin-left: 10px;
padding-right:10px;
margin-bottom: 20px;
}

.about_right230 {
border:none;
float:right;
width:230px;
padding-left:0px;
padding-top:10px;
margin-right: 0px;
margin-bottom: 20px;
}

.about_rahmen {
border:none;
margin-top: 20px;
margin-bottom:20px;
}

hr {color:#efe2d1;border:none}

.text_gross1 {
font-size:1.0em;
color:#600;
text-align:left;
}

#workphotos { /* Homepages nine work photos are under this div */
	
	float:left;
	margin-left:0px;
	margin-top:0px;
	height:auto;
	width:308px;
	font-family: Verdana,Tahoma,Arial;
	font-size: 13px;
}

#workphotos A:hover IMG, A:active IMG {border-color: #900; }

#workphotos img {
display:inline;
border:1px solid #f9f4d6;
margin:0 1em 1em 0;
padding:1px;
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 3px;
width: 485px;
border: none;
visibility: hidden;
color: black;
text-decoration: none;
}

#thumbnail img {
display:inline;
border:1px solid #f9f4d6;
margin:0 1em 1em 0;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;

}
.thumbnail span a:link{ /*CSS for enlarged image*/
text-decoration: none;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
text-decoration: none;
top: -4px;
left: 20px; /*position where enlarged image should offset horizontally */
margin-top:13px;
}

#wrap .menue1{background-color:#F6C739;color:white}
.abstand10{margin-top:10px;}
#contentlang .abstandl10{padding-left:15px;}
#contentlang .thumbpic {float:right;margin-left:10px;}
.riflo {float: right;}

/* Based partially on Matthew Carroll's keyboard accessible flavor of Suckerfish 
 * Dropdowns by Patrick Griffiths and Dan Webb. 
 * http://carroll.org.uk/sandbox/suckerfish/bones2.html
 */

/* ----[ LINKS ]----*/

/* all menu links */
#nav a, #subMenusContainer a{
	text-decoration:none;
	display:block;
	padding:13px 20px;
	background-color:#fff ;
}

/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#nav a{
	margin:0;
	float:left;	
}

/* Just sub menu links */
#subMenusContainer a, #nav li li a{
	text-align:left;
}

/* All menu links on hover or focus */
#nav a:hover, #nav a:focus, #subMenusContainer a:hover, #subMenusContainer a:focus, #nav a.mainMenuParentBtnFocused, #subMenusContainer a.subMenuParentBtnFocused{
	background-color:#F6C739 ;
	color:#FFF;
}

/* sub menu links on hover or focus */
#subMenusContainer a:hover, 
#subMenusContainer a:focus, 
#nav a.mainMenuParentBtnFocused, 
#subMenusContainer a.subMenuParentBtnFocused,
#nav li a:hover,
#nav li a:focus{
	background-color:#F6C739 ;
	color:#FFF;
}

/* Parent Sub Menu Links ---[javascript users only]*/
.subMenuParentBtn{ 
	background: url(../img/arrow_right.gif) right center no-repeat;  
}

/* Parent Sub Menu Links on hover or focus ---[javascript users only]*/
.subMenuParentBtnFocused{ 
	background: url(../img/arrow_right_over.gif) right center no-repeat;  
}

/* Parent Main Menu Links ---[javascript users only]*/
.mainMenuParentBtn{	
	 background: url(../img/arrow_down.gif) right center no-repeat; 
}

/* Parent Main Menu Links on hover or focus ---[javascript users only]*/
.mainMenuParentBtnFocused{	
	background: url(../img/arrow_down_over.gif) right center no-repeat; 
}

/* ----[ OLs ULs, LIs, and DIVs ]----*/

/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW{ 
	display:none; 
	position: absolute; 
	overflow:hidden; 
	/*the 2px left & right padding lets you have a 1px border 
	  on the ul or ol inside since overflow is set to hidden*/
	padding:0 2px;
	margin:0 0 0 -2px;
}

/* All ULs and OLs */
#nav, #nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1em;
}

/* All submenu OLs and ULs */
#nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol {	
	/*border around submenu goes here*/	 
	background:#fff;	
	border:1px solid #f9f4d6;
	left:0;
}

/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
#nav li { 
	/*great place to use a background image as a divider*/
	display:block;
	list-style:none;
	position:relative;
	float:left;
}

#subMenusContainer li{
	list-style: none;
}

/* main menu ul or ol elment */
#nav{
	display:block;
	position: absolute;
	list-style:none;
	margin:0 0 0 0;
	z-index:5;
	top:15px;
	left:50%;
	text-align: center;
	display:block;
}

#subMenusContainer{	display:block; 	position:absolute;	top:0;	left:0;	width:100%;	height:0;	overflow:visible;	z-index:1000000000; }

/* --------------------------[ The below is just for non-javscript users ]--------------------------*/
#nav li li{	float:none; }

#nav li li a{ /* Just submenu links*/	
	position:relative;
	float:none;
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 10em;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-top:2.2em;
}

/* third-and-above-level lists */
#nav li ul ul { margin: -1em 0 0 -1000em; }
#nav li:hover ul ul {	margin-left: -1000em; }

/* lists nested under hovered list items */
#nav li:hover ul{	margin-left: 0; }
#nav li li:hover ul {	margin-left: 10em; margin-top:-2.5em;}

/* extra positioning rules for limited noscript keyboard accessibility */
#nav li a:focus + ul {  margin-left: 0; margin-top:2.2em; }
#nav li li a:focus + ul { left:0; margin-left: 1010em; margin-top:-2.2em;}
#nav li li a:focus {left:0;  margin-left:1000em; width:10em;  margin-top:0;}
#nav li li li a:focus {left:0; margin-left: 2010em; width: 10em;  margin-top:-1em;}
#nav li:hover a:focus{ margin-left: 0; }
#nav li li:hover a:focus + ul { margin-left: 10em; }

.werbheader{color:#600000;text-decoration:underline;font-size:12px;font-family:verdana;}
.werbheaderpreise{color:#600000;text-decoration:underline;font-size:13px;font-family:verdana;font-weight: bold;}
.besidewerbung {border:1px solid;border-color:#CCCCCC;height:242px;width:425px;background-color:#FCFCFC;padding:3px;margin-top:0px;font-size:11px;line-height: 1.1;float:right}
.besidewerbungpreise {border:1px solid;border-color:#CCCCCC;height:242px;width:425px;background-color:#FCFCFC;padding:3px;margin-top:0px;font-size:14px;line-height: 1.1;float:right;text-align:center}