/* WWW.KOLARBYN.SE */


/* GENERAL */

body { background-color: #CC9; padding-left: 40px; }

p { font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 10pt; normal; padding: 0px; margin-top: 10px; line-height: 160%; text-align: left; }

h1 { font-family: 'Georgia', 'Gill Sans', Verdana, sans-serif; font-size: 20pt; color: #996; font-weight: bold; font-style: italic; padding-top: 10px;  text-align: left; }

h2 { font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 12pt; font-weight: bold; padding: 0px; margin: 2px 0px 0px 0px; line-height: 160%;  text-align: left; }

h3 { font-family: 'Georgia', 'Gill Sans', Verdana, sans-serif; font-size: 12pt; color: #996; padding: 0px; margin: 0px;  text-align: left; }

img { vertical-align: top; border-style: none; border-width: 0px;}

img.tnpic { width: 152px; height: 101px; margin: 5px 0px; border-style: none; }

img.tn { margin: 0px 10px 15px 0px; width: 152px; height: 101px; float: left; }

div { padding: 0; margin: 0px; }

ul { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; margin: 0px; list-style-type: none; list-style-position: outside; }



/* TOP BAR */

img.toplogo { height: 74px; float: left; }

div.topbar { width: 750px; background: url(../img/topbarbg.gif) repeat-y; border-top: 1px solid #000; border-bottom: 1px solid #000; }

img.langflag { width: 20px; height: 14px; margin: 4px 12px; float: left; }

ul.topbarmenu { list-style-type: none; list-style-position: outside; white-space: nowrap; margin: 0px; padding-right: 8px; border: 0px; text-align: right; float: right; }

li.topbaritem { font-family: 'trebuchet ms', 'Gill Sans', Verdana, Geneva, Helvetica, Arial, sans-serif; font-size: 11pt; font-weight: bold; display: inline; list-style: none; margin: 0; padding: 0px 6px 0px 8px; border-left: 1px solid #000; }

a.topbaritem:link, a.topbaritem:visited { text-decoration: none; color: #fff; }

a.topbaritem:hover, a.topbaritem:active { text-decoration: underline; color: #fff; }



/* NAV MENU */

ul.navmenu { width: 150px; margin: 0px; padding: 10px 0px 0px 10px; border: 0px; font-size: 12pt; list-style-type: none; list-style-position: outside; float: left; }

li.menuitem { font-family: 'trebuchet ms', 'Gill Sans', Verdana, Geneva, Helvetica, Arial, sans-serif; font-size: 14pt; color: #fff; padding-top: 14px; margin: 0px; }

li.menuitemsub { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #333; padding: 4px 0px 0px 6px; }

a.menuitemsub:link, a.menuitemsub:visited { color: #333; text-decoration: none; }

a.menuitemsub:hover, a.menuitemsub:active { text-decoration: underline; }



/* MAIN CONTENT SECTION */

div.main { width: 750px; background: url(../img/mainbg.gif) repeat-y; }

div.middlesectionsub { width: 384px; margin: 0px; padding: 10px 0px 0px 10px; float: left; }

img.iconinfo { width: 15px; height: 15px; margin: 10px 0px; vertical-align: middle; }

img.at { width: 10px; height: 11px; margin: 0px; vertical-align: middle; }

div.widesection { width: 536px; border:1px solid #EEE; background-color:#F4F3F2; margin: 10px 0px 10px 170px; padding: 10px; }

p.widesectiontext { margin-left: 170px; }

div.contentbox { border:1px solid #EEE; background-color:#F4F3F2; margin-top: 20px; padding: 5px 20px 10px 10px; }

div.contentboxleft { border:1px solid #EEE; background-color:#F4F3F2; margin-top: 20px; padding: 5px 20px 10px 10px; width: 152px; float: left; }

div.contentboxright { border:1px solid #EEE; background-color:#F4F3F2; margin-top: 20px; padding: 5px 20px 10px 10px; width: 152px; float: right; }

ul.dottedlist { margin: 0px; padding: 0px; list-style-position: inside; list-style-image: url(../img/star.gif); }

#price { font-family: Verdana, 'Trebuchet ms', 'Gill Sans', sans-serif; font-size: 20pt; color: #C60; font-weight: bold; margin: 0px; padding: 0px; }
#farrlist { padding-left: 8px; margin: 5px 0px 0px 0px; list-style-position: outside; list-style-image: url(../img/star.gif);}
#farrlist li { margin: 0px 0px 8px 4px; }

img.display { border: 1px solid #000; }

img.separator { margin: 10px 0px; width: 380px; }

ol { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; }

p.tn_offer_text { margin-top: 0px; }

img.booknow { width: 170px; height: 48px; float: right; }

img.gallery { width: 152px; height: 114px; }

img.tnportrait { width: 140px; height: 180px; margin: 0px 10px 10px 0px; float: left; }

div.superboxright { width: 224px; float: right; }





/* PUFF SECTION */

div.puffsection { width: 152px; padding: 10px 15px 0px 0px; float: right; }

div.poster { width: 152px; background-image: url(../img/poster_bg.gif); background-repeat: repeat-y; }

img.poster { border: 1px solid #000; margin: 5px 10px 5px 0px; }

p.poster { padding: 0px 10px; margin: 5px 0px; }

img.latestnews { width: 152px; height: 56px; margin: 0px 0px 10px 0px; }

p.latestnews { margin: 0px 5px 0px 0px; }

img.puff_separator { width: 152px; height: 1px; margin: 10px 0px 0px 0px; }

p.pufflink { margin: 4px 0px; }



/* FORMS */

form.contactform { width: 536px; border: 1px solid #EEE; background-color:#F4F3F2; margin: 0px 0px 0px 170px; padding: 10px; }

div.contactformboxleft { width: 240px; margin-right: 10px; border-right: 1px dotted #CCC; float: left; }

div.contactformboxright { width: 285px; float: right; }

div.contactformboxsubleft { width: 45%; float: left; }

div.contactformboxsubright { width: 45%; float: right; }

input, select, textarea { font-family: Verdana, Arial, Helvetica, sans-serif; vertical-align: middle; font-size: 8pt; }



/* CALENDAR */

h3.cal_month { text-transform:uppercase; }

p.cal_month_txt { font-size: 8pt; font-style: italic; margin-top: 6px; }

p.cal { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; normal; padding: 0px; margin: 0px 0px 0px 2px; }

div.day { border-top: 1px solid #778899; border-right: 0px; border-bottom: 0px; border-left: 0px; padding: 0px; margin: 0px; }

div.weekday { background-color: #FFF; padding-right: 10px; float: left; }

div.weekend { background-color: #EEE; padding-right: 10px; float: left; }

div.weekdayevent { background-color: #FFF; }

div.weekendevent { background-color: #EEE; }

hr.calendar { border-top: 1px solid #778899; border-right: 0px; border-bottom: 0px; border-left: 0px; width: 374px; padding: 0px; margin: 0px; }



/* FOOTERS */

div.mainfooter { width: 750px; padding: 100px 0px 0px 170px; }

p.bottom { width: 750px; text-align: center; margin: 8px; }

p.copyright { width: 750px; text-align: center; color: #666; margin: 8px; }