/* 
    AUTHOR: INTERNETAVDELNINGEN, ÖLANDSBLADET
            http://www.internetavdelningen.se
*/

/* ------------------------------------------ */
/* BASIC PAGE SETUP */
/* ------------------------------------------ */
* { margin: 0; }
html { overflow-y: scroll; }
body { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; line-height: 18px; letter-spacing:5; color: #333; background-color:#f3eddb;}


.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
.center { text-align:center; }

/* END BASIC PAGE SETUP */


/* ------------------------------------------ */
/* SIDSTRUKTUREN */
/* ------------------------------------------ */
#page-wrap {
	width:950px;
	margin:10px auto;
	background-color:#ffffff;
}

#top-line {
	width:950px;
	height:10px;
	background-image:url(../images/topline.jpg);
}

#header-wrap {
	width:950px;
	height:260px;
	/*background-image:url(../images/header.jpg);*/
}
#header-wrap img {
	margin-bottom:-3px;
	padding:0;
}

#topmenu-wrap {
	width:950px;
	height:31px;
	background-color:#f3da80;
}

#footer-wrap {
	width:950px;
	height:185px;
	background-image:url(../images/footer_bg.jpg);
}

#content-wrap {
	/*width:925px;*/
	margin:20px 0px 10px 10px;
	color:#333;
}

#leftcolumn-wrap {
	width:190px;
	float:left;
}

#article-wrap {
	width:720px;
	float:left;
	margin-left:20px;

}

#leftmenu-wrap {
	width:190px;
}

#text-wrap { width:490px; float:left;}

#text-wrap ul li {margin-left:20px;}

#rightcolumn-wrap { width:210px; margin-left:20px; float:left; }

.topmenu {
	float:left;
}


/* KONTAKTINFO */

#contactinfo-wrap { width:190px; }

.contactinfo { width:188px; height:115px; background-image:url(../images/halltorp_byggnad.gif); background-repeat:no-repeat; padding:140px 0 0 8px; font-family:Arial, Helvetica, sans-serif; font-size: 10px; line-height: 16px; }

/* ----------------- */


/* FLAGGORNA */

#flag-wrap { width:188px; margin-top:12px; }

.flag-swe { width:16px; height:11px; background-image:url(../images/flag_swe.gif); float:left; margin-right:15px; }
a:hover .flag-swe { background-image:url(../images/flag_swe_over.gif); }

.flag-gb { width:16px; height:11px; background-image:url(../images/flag_gb.gif); float:left; margin-right:15px; }
a:hover .flag-gb { background-image:url(../images/flag_gb_over.gif); }

.flag-deu { width:16px; height:11px; background-image:url(../images/flag_deu.gif); float:left; margin-right:15px; }
a:hover .flag-deu { background-image:url(../images/flag_deu_over.gif); }

/* ----------------- */



/* BOKNINGSINFO */

#booking-wrap { width:190px; }

.booking-header-eng { width:188px; height: 25px; background-image:url(../images/rub_bokadirekt_eng.gif); background-repeat:no-repeat; background-position:top; }

.booking-header-de { width:188px; height: 25px; background-image:url(../images/rub_bokadirekt_de.gif); background-repeat:no-repeat; background-position:top; }

.booking-header { width:188px; height: 25px; background-image:url(../images/rub_bokadirekt.gif); background-repeat:no-repeat; background-position:top; }

.booking { width:188px; background-repeat:no-repeat; padding:0 0 0 0; font-size: 11px; font-style:italic; line-height: 16px; }

.booking p {padding:5px;}

a .booking { color:#000000; }

/* ----------------- */



/* UTMÄRKELSER */

#honour-wrap { width:190px; }
/*.honour-header { width:188px; height: 25px; background-image:url(../images/rub_honours.gif); background-repeat:no-repeat; background-position:top; }*/

.honour-header {width:188px; height:5px;}

.chaine { width:60px; height:50px; background-image:url(../images/utmarkelser/chaine-des-rotisseurs_sv.gif); background-repeat:no-repeat; background-position:center; }
a:hover .chaine { background-image:url(../images/utmarkelser/chaine-des-rotisseurs.gif); }

.equality { width:60px; height:50px; background-image:url(../images/utmarkelser/equality_sv.gif); background-repeat:no-repeat; background-position:center; }
a:hover .equality { background-image:url(../images/utmarkelser/equality.gif); }

.regional { width:60px; height:50px; background-image:url(../images/utmarkelser/regionalmatkultur_sv.gif); background-repeat:no-repeat; background-position:center; }
a:hover .regional { background-image:url(../images/utmarkelser/regionalmatkultur.gif); }

.sbb { width:60px; height:50px; background-image:url(../images/utmarkelser/sverigesbastabord_sv.gif); background-repeat:no-repeat; background-position:center; }
a:hover .sbb { background-image:url(../images/utmarkelser/sverigesbastabord.gif); }

.whiteguide { width:60px; height:50px; background-image:url(../images/utmarkelser/whiteguide_sv.gif); background-repeat:no-repeat; background-position:center; }
a:hover .whiteguide { background-image:url(../images/utmarkelser/whiteguide.gif); }

.shr { width:60px; height:50px; background-image:url(../images/utmarkelser/shr2008_sv.gif); background-repeat:no-repeat; background-position:center; }
a:hover .shr { background-image:url(../images/utmarkelser/shr2008.gif); }


/* ----------------- */







/* STARTSIDAN + PUFFARNA */

.startarticle-box { width:490px;float:left;display:inline;font-size:1.1em;}
.startarticle-image { float:right; width:280px; margin-left:20px; margin-bottom:0; }

.startpuff-box { background-image:url(../images/puff_start_bg.gif); width:350px;}


.clsStartPuffWBorder{background-image:url(../images/startpuff_bg.gif); background-repeat:repeat; width:350px; float:left;}
/* startpuff-text är stylad direkt i mallen startpuff.htm. Den tar inte styling här av någon anledning. */
.startpuff-text { }

.startpuff-text p { font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:14px; margin-bottom:0; }
.startpuff-text a { font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:14px; text-decoration:none; }
.startpuff-text a:hover { color:#333; }

.startpuff-top { }
.startpuff-bottom { }

.puff-box { background-image:url(../images/puff_210_bg.gif); background-repeat:repeat; width:210px;}

.puff-text { width:175px; margin:auto; }
.puff-text p { font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:14px; margin-bottom:0; }
.puff-text a { font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:14px; text-decoration:none; }
.puff-text a:hover { color:#333; }

/* ----------------- */


/* ARTIKLAR */
.article-image { float:right; width:235px; margin-left:10px; clear:right;}
.article-image p { font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:14px; }
.article-image-text { font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:14px; }