Results of the CSS crunched for www.ruegen-abc.de

Let's see what we've done for www.ruegen-abc.de

CSSCruncher.com has crunched this CSS to
14.99 %Less Size! Nice!

Crunched CSS code:

html,body{margin:0;padding:0}

body{font:12px arial,sans-serif}
td{font:12px arial,sans-serif}
a{text-decoration:none}
.hidden{display:none}

.textblau{color:#000099}
.textblau a{color:#000099}
.textweiss{color:#FFFFFF}
.textweiss a{color:#FFFFFF}
.link{cursor:pointer;font-weight:bold;text-decoration:underline;color:#0000EE}

.preisliste{font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#000099;padding-right:2px;padding-left:2px;padding-top:2px;padding-bottom:2px}
.preislistelinks{font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#000099;padding-right:5px;padding-left:5px;padding-top:2px;padding-bottom:2px}

.bim{font-family:Arial,Helvetica,sans-serif;font-size:11px;color:#000066;text-align:center;padding-right:5px}
.bit{font-family:Arial,Helvetica,sans-serif;font-size:11px;color:#000066;text-align:center}
.bi{font-family:Arial,Helvetica,sans-serif;font-size:11px;color:#333333;text-align:center}
.bi0{font-family:Arial,Helvetica,sans-serif;font-size:11px;color:#333333;text-align:center;height:16px;width:20px;background-color:#FFFFFF}
.bi1{font-family:Arial,Helvetica,sans-serif;font-size:11px;color:#333333;text-align:center;height:16px;width:20px;background-color:#FF0000}
.bi3{font-family:Arial,Helvetica,sans-serif;font-size:11px;color:#333333;text-align:center;height:16px;width:20px;background-image:url('/images/img_redleft.gif')}
.bi4{font-family:Arial,Helvetica,sans-serif;font-size:11px;color:#333333;text-align:center;height:16px;width:20px;background-image:url('/images/img_redright.gif')}

.textbutton{
background-color:#FFCC33;
border-style:none;
border-width:0;
color:#000066;
cursor:pointer;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
margin:0;
overflow:visible;
padding:0;
text-decoration:underline;
}
.textbuttonsort{
background-color:#FFE697;
border-style:none;
border-width:0;
color:#FF0000;
cursor:pointer;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
margin:0;
overflow:visible;
padding:0;
text-decoration:underline;
}

.clear{
clear:both;
}

div#header{width:960px;margin-top:5px}
div#container{text-align:left}

div#footer p{margin:0;padding:5px 10px}

div#container{width:960px;margin:0 auto}
div#wrapper{float:left;width:100%}
div#content{margin:0 180px 10px}
div#navigation{float:left;width:180px;margin-left:-960px;margin-bottom:10px}
div#extra{float:left;width:170px;margin-left:-170px}
div#footer{clear:left;width:100%;margin-bottom:5px}

.rating_bar{width:130px;background:url(http://www.ruegen-abc.de/images/img_star3.gif) 0 0 repeat-x}
.rating_bar div{height:12px;background:url(http://www.ruegen-abc.de/images/img_star.gif) 0 0 repeat-x}
.rating_bar_dunkel{width:130px;background:url(http://www.ruegen-abc.de/images/img_star3_dunkelgelb.gif) 0 0 repeat-x}
.rating_bar_dunkel div{height:12px;background:url(http://www.ruegen-abc.de/images/img_star_dunkelgelb.gif) 0 0 repeat-x}

.tb_button{float:left;background:#000066 url(/images/img_top_bg.gif) repeat-x;text-align:center}
.tb_button a{color:#ffffff;text-decoration:none;margin-left:3px;margin-right:3px}
.tb_button a:hover{color:#ffcc33;text-decoration:none}

.tb_abstand{float:left;width:12px}
.tb_links{background:transparent url(/images/img_top_ecke_links.gif) no-repeat scroll left top;color:#FFFFFF;padding-left:0px}
.tb_rechts{background:transparent url(/images/img_top_ecke_rechts.gif) no-repeat scroll right top;font-size:15px}

.tb_margin2{padding:3px;padding-bottom:0px}
.tb_margin{padding:3px;padding-bottom:0px}

.toplines
{
margin:0px 0px 0px 0px;
background-image:url('/images/img_menulines.gif');
width:958px;
height:7px;
position:relative;
border-left:1px solid #000066;
border-right:1px solid #000066;
border-top:1px solid #000066;
border-bottom:1px solid #000066;
}

.topimg
{
margin:0px 0px 0px 0px;
width:958px;
height:105px;
position:relative;
border-left:1px solid #000066;
border-right:1px solid #000066;
}

.breadcrumb
{
margin:0px 0px 0px 0px;
background-color:#000066;
font-weight:bold;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
color:#FFFFFF;
text-decoration:none;
line-height:18px;
height:18px;
}

.breadcrumb img
{
margin:2px 1px 0px 2px;
float:left;
}

.breadcrumb a,.breadcrumb .keinlink
{
margin:0px 2px 0px 3px;
float:left;
color:#FFFFFF;
}

.breadcrumb h1
{
font-size:12px;
margin:0px;
float:left;
color:#FFFFFF;
}

.contentcontainer 
{
border:1px solid #666666;
background-color:#ffcc33;
width:598px;
color:#000066;
}

.contentcontainer_content p
{
margin:4px 4px 6px 6px;
}

.contentcontainer_content a
{
text-decoration:underline;
color:#000066;
}

.contentcontainer_content .rot{color:#FF0000}

.contentcontainer_content .aufeinenblick
{
margin:4px 4px 2px 6px;
padding-left:20px;
background:url('/images/img_arrows3.gif') no-repeat;
}

.contenttitle,.contentcontainer h1
{
margin:0px 0px 0px 0px;
padding:1px 1px 1px 15px;
border-bottom:1px solid #666666;

background:#ffe697 url('/images/img_arrow2.gif') no-repeat 2px 2px;
font-weight:bold;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
color:#000066;
text-decoration:none;
line-height:17px;
}

.maincontainerblau 
{
border:1px solid #000066;
background-color:#000066;
width:598px;
color:#FFFFFF;
}

.maincontainer_content p
{
margin:4px 4px 2px 6px;
}

.maincontainer_content a
{
color:#FFFFFF;
text-decoration:underline;
}

.maincontainerblau h1
{
margin:0px 0px 0px 0px;
padding:1px 1px 1px 15px;
background:url('/images/img_menutopbg.gif') no-repeat;
font-weight:bold;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
color:#FFFFFF;
text-decoration:none;
line-height:17px;
}

.menucontainer 
{
border:1px solid #000066;
background-color:#ffffcc;
width:168px;
color:#000066;
}

.menucontainerblau 
{
border:1px solid #000066;
background-color:#000066;
width:168px;
color:#ffffff;
}

.menucontainer_content
{
padding-bottom:4px;
}

.menucontainer_content p
{
margin:6px 4px 4px 6px;
}

.menucontainer_content .orange_gross
{
font-size:15px;
font-weight:bold;
color:#fea213;
}

.menucontainer_content .orange_normal
{
color:#fea213;
}

.menucontainer_content .weiss_gross
{
font-size:15px;
font-weight:bold;
color:#ffffff;
}

.menucontainer_content a
{
color:#FFFFFF;
text-decoration:underline;
}

.menucontainer_content .link
{
margin:6px 4px 6px 6px;
padding-left:21px;
background:url('/images/img_arrows4.gif') no-repeat;
}

.menucontainer_content .inlinelink
{
margin:0;
padding-left:21px;
background:url('/images/img_arrows4.gif') no-repeat;
}

.menutitle
{
margin:0px 0px 0px 0px;
padding:1px 1px 1px 15px;
background:#000066 url('/images/img_menutopbg.gif') no-repeat;
font-weight:bold;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
color:#FFFFFF;
text-decoration:none;
line-height:17px;
}

.lines
{
margin:0px 0px 0px 0px;
background-image:url('/images/img_menulines.gif');
width:100%;
height:7px;
line-height:7px;

}

.m1
{
display:block;
margin:0px 0px 0px 0px;
padding:0px 1px 0px 15px;
line-height:17px;
border-top:1px solid #000066;
background-color:#FFFFCC;
font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:normal;color:#000066;text-decoration:none
}

.m1:hover
{
display:block;
margin:0px 0px 0px 0px;
padding:0px 1px 0px 15px;
line-height:17px;
border-top:1px solid #000066;
font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:normal;color:#000066;text-decoration:none;
background-image:url(/images/img_menubg.gif);
}

.m2
{
display:block;
margin:0px 0px 0px 0px;
padding:0px 1px 0px 15px;
line-height:17px;
border-top:1px solid #000066;
background-color:#FFFFCC;
font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:normal;color:#ff0000;text-decoration:none
}

.m2:hover
{
display:block;
margin:0px 0px 0px 0px;
padding:0px 1px 0px 15px;
line-height:17px;
border-top:1px solid #000066;
font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:normal;color:#ff0000;text-decoration:none;
background-image:url(/images/img_menubg.gif);
}

.m3
{
display:block;
margin:0px 0px 0px 0px;
padding:0px 1px 0px 15px;
line-height:17px;
border-top:1px solid #000066;
background-color:#FFCC33;
font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:normal;color:#000066;text-decoration:none
}

.m3:hover
{
display:block;
margin:0px 0px 0px 0px;
padding:0px 1px 0px 15px;
line-height:17px;
border-top:1px solid #000066;
font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:normal;color:#000066;text-decoration:none;
background-image:url(/images/img_menubg2.gif);
}

.separator
{
margin:0px 0px 0px 0px;
padding:0px 1px 0px 15px;
border-top:1px solid #000066;
background-color:#000066;
font-weight:normal;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
color:#FFFFFF;
text-decoration:none
}

.kartenblock 
{
border:1px solid #000066;
background-image:url('/images/img_navi_karte.jpg');
width:168px;
height:113px;
cursor:pointer;
position:relative;
margin:0px 0px 10px 0px;
}

.kartenblocktext
{
margin:81px 0px 0px 0px;
padding:0px 1px 0px 15px;
background-image:url('/images/img_kartenblockbg.gif');
font-weight:normal;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
color:#FFFFFF;
text-decoration:none;
line-height:22px;
}

.kartenblock a
{
color:#FFFFFF;
}

.sucheheader
{
border-right:1px solid #000066;
border-top:1px solid #000066;
border-left:1px solid #000066;
background-color:#ffffcc;
width:168px;
color:#000066;
font-weight:bold;
}

.suchecontent
{
border:1px solid #000066;
background-color:#ffffcc;
width:168px;
color:#000066;
font-weight:bold;
margin:0px 0px 10px 0px;
}

.suchecontent p
{
margin:4px 0px 2px 6px;
}

.suchestart
{

color:#000066;
padding:1px 7px 1px 7px;
font-weight:bold;
border:1px solid #000066;
background-color:#FFCC33;

}

.suchestart:hover
{

background-color:#ffffcc;

}

select.calendarDateInput{font-family:Arial,Helvetica,sans-serif;font-size:11px;color:#000099}
select.calendarDateInput1{width:40px;font-family:Arial,Helvetica,sans-serif;font-size:11px;color:#000099;margin-left:0px}
select.calendarDateInput2{width:47px;font-family:Arial,Helvetica,sans-serif;font-size:11px;color:#000099}
input.calendarDateInput{width:40px;font-family:Arial,Helvetica,sans-serif;font-size:11px;color:#000099}
.auswahlformfestebreite{font-family:Arial,Helvetica,sans-serif;font-size:11px;color:#000099;width:155px;margin-left:6px;margin-top:2px;margin-bottom:2px}
.auswahlformhalbebreite{font-family:Arial,Helvetica,sans-serif;font-size:11px;color:#000099;width:73px;margin-left:6px;margin-top:2px;margin-bottom:2px}
.form_suche_alter{height:13px;margin-bottom:2px;width:25px;font-family:Arial,Helvetica,sans-serif;font-size:11px;color:#000099;margin-left:0px}

.kastenunten
{
border:1px solid #000099;
width:958px;
color:#000099;
margin:0px 0px 0px 0px;
background-color:#FFFFFF;
}

.kastenunten a
{
color:#000099;
font-weight:bold;
text-decoration:underline;
}

.bottomlines
{
margin:0px 0px 0px 0px;
background-image:url('/images/img_menulines.gif');
width:958px;
height:3px;
position:relative;
border-left:1px solid #000066;
border-right:1px solid #000066;
border-top:1px solid #000066;
border-bottom:1px solid #000066;
}

.bottomtext
{
width:960px;
margin:0px 0px 0px 0px;
background-color:#000066;
font-weight:normal;
text-align:center;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
color:#FFFFFF;
text-decoration:none;
line-height:18px;
height:18px;
}

.zimmerauswahl_links a{
width:586px;
display:block;
padding:3px;
color:#000099;
}

.zimmerauswahl_links a:hover{

color:#0000ee;
}

#menu{width:170px;background:#ffffcc}

#menu ul{list-style:none;margin:0;padding:0}

#menu a,#menu h2{
 border-right:1px solid #000066;
 border-left:1px solid #000066;
 border-top:1px solid #000066;
 display:block;
 margin:0px 0px 0px 0px;
 padding:0px 1px 0px 15px;
 line-height:17px;
 background-color:#FFFFCC;
 font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:normal;color:#000066;text-decoration:none
}

#menu h2{color:#FF8635;background:#96D12C;text-transform:uppercase;
}

#menu a{}

#menu a:hover{background-image:url(/images/img_menubg.gif)}

#menu li{position:relative}

#menu ul ul ul{position:absolute;top:0;left:169px;width:100%}

div#menu ul ul ul,div#menu ul ul li:hover ul ul{display:none}

div#menu ul ul li:hover ul,div#menu ul ul ul li:hover ul{display:block}

.linesnew
{
margin:0px 0px 0px 0px;
 border-right:1px solid #000066;
 border-left:1px solid #000066;
background-image:url('/images/img_menulines.gif');
width:168px;
height:7px;
line-height:7px;

}

#NaviBorder{width:168px;border:1px solid #000066}
#NaviMenu{
width:168px;
background-color:#ffffcc;

}
#NaviMenu ul{list-style:none;margin:0;padding:0}
#NaviMenu span,#NaviMenu a,#NaviMenu h2{
display:block;
width:152px;
margin:0px 0px 0px 0px;
padding:0px 1px 0px 15px;
line-height:17px;
background-color:#FFFFCC;
font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:normal;color:#000066;text-decoration:none
}

#NaviMenu span{
color:#FF0000;
}

#NaviMenu h2{color:#FF8635;background:#96D12C;text-transform:uppercase}
#NaviMenu a:hover,#NaviMenu span:hover{background-image:url(http://www.ruegen-abc.de/images/img_menubg.gif)}

#NaviMenu li{
position:relative;
}
#NaviMenu ul .normal ul li{border-top:1px solid #000066}

#NaviMenu p{
background-color:#000066;
color:#FFFFFF;
margin:0px;
padding:1px 1px 0 15px;
}

#NaviMenu .einspalten p,#NaviMenu .zweispalten p,#NaviMenu .dreispalten p{
cursor:pointer;
border-bottom:1px solid #9695e3;
}

#NaviMenu .einspalten p:hover,#NaviMenu .zweispalten p:hover,#NaviMenu .dreispalten p:hover{
background-image:url('http://www.ruegen-abc.de/images/img_menutopbg.gif');
}

#NaviMenu ul .einspalten ul{position:absolute;top:-1px;left:168px;width:169px;border-bottom:0;border-right:0;border-left:1px solid #000066;border-top:1px solid #000066}
#NaviMenu ul .zweispalten ul{position:absolute;top:-1px;left:168px;width:338px;border-bottom:0;border-right:0;border-left:1px solid #000066;border-top:1px solid #000066}
#NaviMenu ul .dreispalten ul{position:absolute;top:-145px;left:168px;width:507px;border-bottom:0;border-right:0;border-left:1px solid #000066;border-top:1px solid #000066}
#NaviMenu ul .einspalten ul li,#NaviMenu ul .zweispalten ul li,#NaviMenu ul .dreispalten ul li{float:left;width:168px;border-bottom:1px solid #000066;border-right:1px solid #000066;border-left:0;border-top:0}

div#NaviMenu ul .einspalten ul,div#NaviMenu ul .zweispalten ul,div#NaviMenu ul .dreispalten ul,div#NaviMenu ul li:hover ul ul{display:none}
div#NaviMenu ul li:hover ul,div#NaviMenu ul ul li:hover ul{display:block}

.NaviMenuLines
{
margin:0px 0px 0px 0px;
background-image:url('http://www.ruegen-abc.de/images/img_menulines.gif');
width:168px;
height:7px;
line-height:7px;
}

.boxnavi{clear:both}
.boxnavi ul{list-style:none;margin:0;padding:0;clear:both}
.boxnavi ul li{
display:block;float:left;width:287px;
margin:4px 6px 4px 6px;
font-weight:bold;
}

» Show original CSS code

« Hide original CSS code

/* ----------------------------------------------------------- */
/* Allgemeines */
/* ----------------------------------------------------------- */

html,body{margin:0;padding:0}
/*body{font: 76% arial,sans-serif;background:#FFFFFF}*/
body { font: 12px arial,sans-serif; }
td { font: 12px arial,sans-serif; }
a{text-decoration: none}
.hidden{display:none;}

.textblau { color:#000099; }
.textblau a { color:#000099; }
.textweiss { color: #FFFFFF; }
.textweiss a { color: #FFFFFF; }
.link { cursor:pointer; font-weight: bold; text-decoration:underline; color:#0000EE; }

.preisliste {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000099 ; padding-right: 2px ; padding-left: 2px; padding-top: 2px; padding-bottom: 2px}
.preislistelinks {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000099 ; padding-right: 5px ; padding-left: 5px; padding-top: 2px; padding-bottom: 2px}

.bim { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000066; text-align: center ; padding-right: 5px}
.bit { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000066; text-align: center}
.bi {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; text-align: center}
.bi0 {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; text-align: center; height: 16px; width: 20px; background-color: #FFFFFF}
.bi1 {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; text-align: center; height: 16px; width: 20px; background-color: #FF0000}
.bi3 {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; text-align: center; height: 16px; width: 20px; background-image: url('/images/img_redleft.gif')}
.bi4 {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; text-align: center; height: 16px; width: 20px; background-image: url('/images/img_redright.gif')}

.textbutton {
background-color:#FFCC33;
border-style:none;
border-width:0;
color:#000066;
cursor:pointer;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
margin:0;
overflow:visible;
padding:0;
text-decoration:underline;
}
.textbuttonsort {
background-color:#FFE697;
border-style:none;
border-width:0;
color:#FF0000;
cursor:pointer;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
margin:0;
overflow:visible;
padding:0;
text-decoration:underline;
}

.clear {
clear: both;
}

div#header {width: 960px;margin-top:5px;}
div#container{text-align:left}

div#footer p{margin:0;padding:5px 10px}

div#container{width:960px;margin:0 auto}
div#wrapper{float:left;width:100%}
div#content{margin: 0 180px 10px;}
div#navigation{float:left;width:180px;margin-left:-960px;margin-bottom:10px}
div#extra{float:left;width:170px;margin-left:-170px}
div#footer{clear:left;width:100%;margin-bottom:5px;}

.rating_bar {width: 130px; background: url(http://www.ruegen-abc.de/images/img_star3.gif) 0 0 repeat-x; }
.rating_bar div {height: 12px;background: url(http://www.ruegen-abc.de/images/img_star.gif) 0 0 repeat-x;}
.rating_bar_dunkel {width: 130px; background: url(http://www.ruegen-abc.de/images/img_star3_dunkelgelb.gif) 0 0 repeat-x; }
.rating_bar_dunkel div {height: 12px;background: url(http://www.ruegen-abc.de/images/img_star_dunkelgelb.gif) 0 0 repeat-x;}

/* ----------------------------------------------------------- */
/* Styles für den Top-Bereich - Buttonleiste, Logo, Breadcrumb */
/* ----------------------------------------------------------- */

.tb_button { float:left; background:#000066 url(/images/img_top_bg.gif) repeat-x; text-align: center;}
.tb_button a { color:#ffffff; text-decoration: none; margin-left: 3px; margin-right: 3px; }
.tb_button a:hover { color:#ffcc33; text-decoration: none; }

.tb_abstand { float: left; width: 12px; }
.tb_links  { background:transparent url(/images/img_top_ecke_links.gif) no-repeat scroll left top; color:#FFFFFF; padding-left:0px; }
.tb_rechts { background:transparent url(/images/img_top_ecke_rechts.gif) no-repeat scroll right top; font-size:15px;  }

.tb_margin2  { padding: 3px; padding-bottom: 0px; }
.tb_margin  { padding: 3px; padding-bottom: 0px; }

.toplines
{
margin:0px 0px 0px 0px;
background-image: url('/images/img_menulines.gif');
width:958px;
height:7px;
position:relative;
border-left:1px solid #000066;
border-right:1px solid #000066;
border-top:1px solid #000066;
border-bottom:1px solid #000066;
}

.topimg
{
margin:0px 0px 0px 0px;
width:958px;
height:105px;
position:relative;
border-left:1px solid #000066;
border-right:1px solid #000066;
}

.breadcrumb
{
margin:0px 0px 0px 0px;
background-color: #000066;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px;
color: #FFFFFF;
text-decoration: none;
line-height:18px;
height:18px;
}

.breadcrumb img
{
margin:2px 1px 0px 2px;
float:left;
}

.breadcrumb a, .breadcrumb .keinlink
{
margin:0px 2px 0px 3px;
float:left;
color: #FFFFFF;
}

.breadcrumb h1
{
font-size: 12px;
margin:0px;
float:left;
color: #FFFFFF;
}

/* ----------------------------------------------------------- */
/* Menücontainer Hauptnavigation */
/* Inklusive Suche und Kartensuche */
/* ----------------------------------------------------------- */

.contentcontainer 
{
border:1px solid #666666;
background-color:#ffcc33;
width:598px;
color:#000066;
}

.contentcontainer_content p
{
margin:4px 4px 6px 6px;
}

.contentcontainer_content a
{
text-decoration: underline;
color: #000066;
}

.contentcontainer_content .rot { color: #FF0000; }

.contentcontainer_content .aufeinenblick
{
margin:4px 4px 2px 6px;
padding-left: 20px;
background:url('/images/img_arrows3.gif') no-repeat;
}

.contenttitle, .contentcontainer h1
{
margin:0px 0px 0px 0px;
padding:1px 1px 1px 15px;
border-bottom:1px solid #666666;

background:#ffe697 url('/images/img_arrow2.gif') no-repeat 2px 2px;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px;
color: #000066;
text-decoration: none;
line-height:17px;
}

/* ----------------------------------------------------------- */
.maincontainerblau 
{
border:1px solid #000066;
background-color:#000066;
width:598px;
color:#FFFFFF;
}

.maincontainer_content p
{
margin:4px 4px 2px 6px;
}

.maincontainer_content a
{
color:#FFFFFF; 
text-decoration: underline;
}

.maincontainerblau h1
{
margin:0px 0px 0px 0px;
padding:1px 1px 1px 15px;
background:url('/images/img_menutopbg.gif') no-repeat;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px;
color: #FFFFFF;
text-decoration: none;
line-height:17px;
}

/* ----------------------------------------------------------- */
.menucontainer 
{
border:1px solid #000066;
background-color:#ffffcc;
width:168px;
color:#000066;
}

.menucontainerblau 
{
border:1px solid #000066;
background-color:#000066;
width:168px;
color:#ffffff;
}

.menucontainer_content
{
padding-bottom: 4px;
}

.menucontainer_content p
{
margin:6px 4px 4px 6px;
}

.menucontainer_content .orange_gross
{
font-size: 15px;
font-weight: bold;
color:#fea213; 
}

.menucontainer_content .orange_normal
{
color:#fea213; 
}

.menucontainer_content .weiss_gross
{
font-size: 15px;
font-weight: bold;
color:#ffffff; 
}

.menucontainer_content a
{
color:#FFFFFF; 
text-decoration: underline;
}

.menucontainer_content .link
{
margin:6px 4px 6px 6px;
padding-left: 21px;
background:url('/images/img_arrows4.gif') no-repeat; 
}

.menucontainer_content .inlinelink
{
margin:0;
padding-left: 21px;
background:url('/images/img_arrows4.gif') no-repeat; 
}

/* Überschrift Hauptnavigation ohne Linien */

.menutitle
{
margin:0px 0px 0px 0px;
padding:1px 1px 1px 15px;
background: #000066 url('/images/img_menutopbg.gif') no-repeat;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px;
color: #FFFFFF;
text-decoration: none;
line-height:17px;
}

/* Liniengrafik Hauptnavigation */

.lines
{
margin:0px 0px 0px 0px;
background-image: url('/images/img_menulines.gif');
width:100%;
height:7px;
line-height:7px;

}

/* Normale Menüpunkte der Hauptnavigation */

.m1
{
display:block;
margin:0px 0px 0px 0px;
padding:0px 1px 0px 15px;
line-height:17px;
border-top:1px solid #000066;
background-color: #FFFFCC;
font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000066; text-decoration: none
}

.m1:hover
{
display:block;
margin:0px 0px 0px 0px;
padding:0px 1px 0px 15px;
line-height:17px;
border-top:1px solid #000066;
font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000066; text-decoration: none;
background-image: url(/images/img_menubg.gif);
}

/* Menüpunkte mit roten Text der Hauptnavigation */

.m2
{
display:block;
margin:0px 0px 0px 0px;
padding:0px 1px 0px 15px;
line-height:17px;
border-top:1px solid #000066;
background-color: #FFFFCC;
font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #ff0000; text-decoration: none
}

.m2:hover
{
display:block;
margin:0px 0px 0px 0px;
padding:0px 1px 0px 15px;
line-height:17px;
border-top:1px solid #000066;
font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #ff0000; text-decoration: none;
background-image: url(/images/img_menubg.gif);
}

/* Merkliste wie normale Menupunkte nur Farben getauscht */

.m3
{
display:block;
margin:0px 0px 0px 0px;
padding:0px 1px 0px 15px;
line-height:17px;
border-top:1px solid #000066;
background-color: #FFCC33;
font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000066; text-decoration: none
}

.m3:hover
{
display:block;
margin:0px 0px 0px 0px;
padding:0px 1px 0px 15px;
line-height:17px;
border-top:1px solid #000066;
font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000066; text-decoration: none;
background-image: url(/images/img_menubg2.gif);
}

/* Separator Hauptnavigation */

.separator
{
margin:0px 0px 0px 0px;
padding:0px 1px 0px 15px;
border-top:1px solid #000066;
background-color: #000066;
font-weight:normal;
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px;
color: #FFFFFF;
text-decoration: none
}

.kartenblock 
{
border:1px solid #000066;
background-image: url('/images/img_navi_karte.jpg');
width:168px;
height:113px;
cursor: pointer;
position:relative;
margin:0px 0px 10px 0px;
}

.kartenblocktext
{
margin:81px 0px 0px 0px;
padding:0px 1px 0px 15px;
background-image: url('/images/img_kartenblockbg.gif');
font-weight:normal;
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px;
color: #FFFFFF;
text-decoration: none;
line-height:22px;
}

.kartenblock a
{
color: #FFFFFF;
}

.sucheheader
{
border-right:1px solid #000066;
border-top:1px solid #000066;
border-left:1px solid #000066;
background-color:#ffffcc;
width:168px;
color:#000066;
font-weight:bold;
}

.suchecontent
{
border:1px solid #000066;
background-color:#ffffcc;
width:168px;
color:#000066;
font-weight:bold;
margin:0px 0px 10px 0px;
}

.suchecontent p
{
margin:4px 0px 2px 6px;
}

.suchestart
{

color:#000066;
padding:1px 7px 1px 7px;
font-weight:bold;
border:1px solid #000066;
background-color:#FFCC33;

}

.suchestart:hover
{

background-color:#ffffcc;

}

select.calendarDateInput { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000099; }
select.calendarDateInput1 { width: 40px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000099;margin-left:0px; }
select.calendarDateInput2 { width: 47px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000099 }
input.calendarDateInput { width: 40px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000099 }
.auswahlformfestebreite {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000099; width: 155px;margin-left:6px;margin-top:2px;margin-bottom:2px;}
.auswahlformhalbebreite {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000099; width: 73px;margin-left:6px;margin-top:2px;margin-bottom:2px;}
.form_suche_alter { height: 13px; margin-bottom: 2px; width: 25px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000099;margin-left:0px; }

/* ----------------------------------------------------------- */
/* Fusszeile Startseite und andere Seiten */
/* ----------------------------------------------------------- */

.kastenunten
{
border:1px solid #000099;
width:958px;
color:#000099;
margin:0px 0px 0px 0px;
background-color:#FFFFFF;
}

.kastenunten a
{
color:#000099;
font-weight:bold;
text-decoration: underline;
}

.bottomlines
{
margin:0px 0px 0px 0px;
background-image: url('/images/img_menulines.gif');
width:958px;
height:3px;
position:relative;
border-left:1px solid #000066;
border-right:1px solid #000066;
border-top:1px solid #000066;
border-bottom:1px solid #000066;
}

.bottomtext
{
width:960px;
margin:0px 0px 0px 0px;
background-color: #000066;
font-weight:normal;
text-align:center;
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px;
color: #FFFFFF;
text-decoration: none;
line-height:18px;
height:18px;
}

.zimmerauswahl_links a {
width: 586px; 
display: block; 
padding: 3px; 
color: #000099;
}

.zimmerauswahl_links a:hover {
/*background: #ffffcc;*/
color: #0000ee;
}

/* ----------------------------------------------------------- */
/* Neues CSS-Ausklappmenü */
/* ----------------------------------------------------------- */

#menu { width: 170px; background: #ffffcc; }

#menu ul { list-style: none; margin: 0; padding: 0; }

#menu a, #menu h2 {
	border-right:1px solid #000066;
	border-left:1px solid #000066;
	border-top:1px solid #000066;
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px 1px 0px 15px;
	line-height:17px;
	background-color: #FFFFCC;
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000066; text-decoration: none
    }

#menu h2 { color: #FF8635; background: #96D12C; text-transform: uppercase;
    }

#menu a {  }

#menu a:hover { background-image: url(/images/img_menubg.gif); }

#menu li { position: relative; }

#menu ul ul ul {position: absolute; top: 0; left: 169px; width: 100%; }

div#menu ul ul ul, div#menu ul ul li:hover ul ul {display: none;}

div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul {display: block;}

/* Liniengrafik Hauptnavigation */

.linesnew
{
margin:0px 0px 0px 0px;
	border-right:1px solid #000066;
	border-left:1px solid #000066;
background-image: url('/images/img_menulines.gif');
width: 168px;
height:7px;
line-height:7px;

}

/* ----------------------------------------------------------- */
/* Neues CSS-Ausklappmenü mit AJAX 29.10.2010                  */
/* ----------------------------------------------------------- */

#NaviBorder { width: 168px; border: 1px solid #000066; }
#NaviMenu { 
width: 168px;                     
background-color: #ffffcc;

} 
#NaviMenu ul { list-style: none; margin: 0; padding: 0;} 
#NaviMenu span, #NaviMenu a, #NaviMenu h2 {
display: block;
width: 152px; 
margin:0px 0px 0px 0px;
padding:0px 1px 0px 15px;
line-height:17px;
background-color: #FFFFCC;
font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000066; text-decoration: none
}

#NaviMenu span {
color: #FF0000;
}

#NaviMenu h2 { color: #FF8635; background: #96D12C; text-transform: uppercase;} 
#NaviMenu a:hover, #NaviMenu span:hover { background-image: url(http://www.ruegen-abc.de/images/img_menubg.gif); }

#NaviMenu li {
position: relative;
}
#NaviMenu ul .normal ul li { border-top: 1px solid #000066;}

#NaviMenu p { 
background-color:#000066;
color:#FFFFFF;
margin: 0px;
padding:1px 1px 0 15px;
}

#NaviMenu .einspalten p, #NaviMenu .zweispalten p, #NaviMenu .dreispalten p { 
cursor: pointer;
border-bottom: 1px solid #9695e3;
}

#NaviMenu .einspalten p:hover, #NaviMenu .zweispalten p:hover, #NaviMenu .dreispalten p:hover { 
background-image:url('http://www.ruegen-abc.de/images/img_menutopbg.gif');
}

#NaviMenu ul .einspalten ul  {position: absolute; top: -1px; left: 168px; width: 169px; border-bottom:0; border-right:0; border-left: 1px solid #000066; border-top: 1px solid #000066; }
#NaviMenu ul .zweispalten ul {position: absolute; top: -1px; left: 168px; width: 338px; border-bottom:0; border-right:0; border-left: 1px solid #000066; border-top: 1px solid #000066; }
#NaviMenu ul .dreispalten ul {position: absolute; top: -145px; left: 168px; width: 507px; border-bottom:0; border-right:0; border-left: 1px solid #000066; border-top: 1px solid #000066; }
#NaviMenu ul .einspalten ul li, #NaviMenu ul .zweispalten ul li, #NaviMenu ul .dreispalten ul li { float: left; width: 168px; border-bottom: 1px solid #000066; border-right: 1px solid #000066; border-left:0; border-top:0; }

div#NaviMenu ul .einspalten ul, div#NaviMenu ul .zweispalten ul, div#NaviMenu ul .dreispalten ul, div#NaviMenu ul li:hover ul ul {display: none;} 
div#NaviMenu ul li:hover ul, div#NaviMenu ul ul li:hover ul {display: block;}

/* Liniengrafik Hauptnavigation */
.NaviMenuLines
{
margin:0px 0px 0px 0px;
background-image: url('http://www.ruegen-abc.de/images/img_menulines.gif');
width: 168px;
height:7px;
line-height:7px;
}

/* ----------------------------------------------------------- */
/* Contentbox Linkliste  */
/* ----------------------------------------------------------- */
.boxnavi { clear: both; }
.boxnavi ul { list-style: none; margin: 0; padding: 0; clear: both; } 
.boxnavi ul li { 
display: block; float: left; width: 287px;
margin:4px 6px 4px 6px; 
font-weight: bold; 
}

Some information about this website:

URL: http://www.ruegen-abc.de/
CSS URL: http://www.ruegen-abc.de/includes/styles.css
Charset: iso-8859-1
Title: Ferienwohnungen, Ferienhäuser, Pensionen und Hotels auf Rügen
Meta-Description: Das Buchungsportal seit 12 Jahren auf Rügen mit Belegungsplänen, Bewertungen, Rabatten und großer Auswahl von Ferienunterkünften auf der ganzen Insel Rügen.