/*
Theme Name: Östergårds 2010
Description: Östergårds webbmall 2010
Version: 2.0
Author: Robin Holmgren
*/

@import url(navigation.css);

html, body{	background: #fff url("images/bg.jpg"); background-repeat:repeat-y; margin: 0; padding: 0; font-family: Century Gothic, Georgia, sans-serif; font-size: 11px; color: #000; height: 100%; text-align: center;} 

a{ color: #a40235; text-decoration: none; font-weight:bold;}
a:hover{ text-decoration: underline;}
img{ border: 0;}
ul{ margin: 0; padding: 0; list-style-type: none;}
hr { height: 1px; border:thin; background-color: #ddabba; margin-bottom:3px; margin-top:3px;}
div.hr {  height: 1px; background-color: #ddabba; margin-bottom:3px; margin-top:3px;}
div.hr hr {  display: none;}
h1{font-size:14px; font-weight:bold; color:#a40235;}
h2{font-size:12px; font-weight:bold; color:#a40235;}
.vader{font-size:12px; font-weight:normal; color:#b3aca1;}
.prices{font-size:12px; font-weight:normal; color:#595043;}


/* HEADER TEXT -------------------------------------------------------------- */
div#text-header{font-size:16px; font-weight:bold; color:#333; margin-bottom:10px;}
/* HEADER TEXT -------------------------------------------------------------- */

/* CONTAINER -------------------------------------------------------------- */
div#container{margin:0px auto; padding:0; width:960px; border:none;	text-align:left; padding-bottom:10px;}
/* CONTAINER -------------------------------------------------------------- */

/* BG PLACER -------------------------------------------------------------- */
div#placer{float:left; width:960px; height:auto;}
/* BG PLACER -------------------------------------------------------------- */

/* LEFT CONTENT -------------------------------------------------------------- */
div#content-left{float:left; width:482px;}
/* LEFT CONTENT -------------------------------------------------------------- */



/* RIGHT CONTENT -------------------------------------------------------------- */
div#content-right{width:475px; float:left; margin-bottom:30px; height:auto;}
div#content-right-top {float:left; list-style: none; height:22px; width:475px; background:url(images/info_top.png) no-repeat;}
div#content-right-bottom {float:left; list-style: none; height:29px; width:475px; background:url(images/info_bottom.png) no-repeat; }
div#content-right h1 {clear:both; list-style: none;font-size:14px; color:#a40235;}
div#content-right-bg {list-style: none; float:left; width:475px; height:auto; background:url(images/info_bg.png) repeat-y;}
div#content-right li {font-size:11px; list-style: none;float:left; color:#000; line-height:20px; padding-left:20px; padding-right:20px; height:auto;}
div#content-right-box1 { float:left;font-size:11px; width:232px; height:230px; color:#fff; line-height: 20px; background:url(images/boka_bg.png) no-repeat; }
div#content-right-box1 h2 { font-weight:bold;list-style: none; font-size:16px; color:#fff; padding-top:10px; width:180px; padding-left:20px;}
div#content-right-box1-text {font-size:11px; width:190px; color:#fff; line-height: 15px; padding-left:20px;}
div#content-right-box2 {margin-left:7px; float:left;font-size:11px; width:232px; height:230px; color:#fff; line-height: 20px; background:url(images/nyheter_bg.png) no-repeat;}
div#content-right-box2 h2 { font-weight:bold;list-style: none; font-size:16px; color:#fff; padding-top:10px; width:180px; padding-left:20px;}
div#content-right-box2-text {font-size:11px; width:190px; color:#fff; line-height: 15px; padding-left:20px;}
div#content-right-box2 a{text-decoration: none; font-size: 11px; color:#fff; line-height: 20px;}
div#content-right-box2 a:hover{text-decoration: underline; font-size: 11px; color:#fff;}

/* RIGHT CONTENT -------------------------------------------------------------- */

/* NEWS SEARCH AREA -------------------------------------------------------------- */
div#news-search-wrapper{width:228px; float:left; padding-left:15px;}
div#news-search-graphic{float:left; background:url(../images/header_search_news.gif) no-repeat; height:60px; width:228px;}
div#news-search-headertext{float:left; font-weight:bold; text-indent:9px; line-height:2.2em; height:28px; width:228px; font-family:Arial, Verdana, sans-serif; font-size:12px;}
div#news-search-select{float:left; height:28px; margin-top:3px;}
.news-search-input{margin:0px 0px 0px 9px; width:210px; font-size:10px;}
.news-search-space{clear:both; height:20px;}
/* NEWS SEARCH AREA -------------------------------------------------------------- */

/* RIGHT IMAGES -------------------------------------------------------------- */
.images-liner-space {width:228px; float:left; margin-top:10px;}
div#content-rightimages{width:228px; float:left; padding-left:15px;}
div#content-rightimages li {list-style:none; clear:both; }
/* RIGHT IMAGES -------------------------------------------------------------- */

/* GENERAL SPACE -------------------------------------------------------------- */
.space{clear:both; padding-top:10px;}
/* GENERAL SPACE -------------------------------------------------------------- */

/* TAVLOR AREA -------------------------------------------------------------- */
.space-tavlor{float: left; width:30px; padding-left:40px;}
/* TAVLOR AREA -------------------------------------------------------------- */

/* SEARCH AREA -------------------------------------------------------------- */
div#search{width:425px; height:156px; }
div#search ul#float{ float: left;}
div#search ul#srf li{ float: left; background:url(../images/bg_sok.gif) no-repeat; height:156px; width:425px;}
/* SEARCH AREA -------------------------------------------------------------- */

/* HEADER TOP AREA -------------------------------------------------------------- */
div#header-top{	width: 955px;}
div#header-top ul#float li{	float: left; padding-top: 15px;}
div#header-top ul#srf li.oppettider{float:right;  padding-top: 46px;}
.text-oppettider{font-size: 12px; color:#a30135;}

/* HEADER TOP AREA -------------------------------------------------------------- */

/* CONTENT WRAPPER -------------------------------------------------------------- */
#content-wrapper {float:left; width:960px;}
/* CONTENT WRAPPER -------------------------------------------------------------- */

/* VERTICAL LINER -------------------------------------------------------------- */
#liner {width: 1px;	float:left;	clear:both;	margin: 0px 0 0 0; padding-right:35px; padding-bottom:35px;	display:table; background:url('../images/vertical_line.gif') 100% 0 repeat-y;}
/* VERTICAL LINER -------------------------------------------------------------- */

/* WRAPPER -------------------------------------------------------------- */
#wrapper {margin:0 auto; height:100%; min-height:100%; width:960px; display:block; text-align:left;}
/* WRAPPER -------------------------------------------------------------- */

/* HTML -------------------------------------------------------------- */
html * > #wrapper {height:auto;}
/* HTML -------------------------------------------------------------- */

/* FOOTER -------------------------------------------------------------- */
#footer { padding-bottom:40px; width:100%;}
#footertext {width:960px;}
#footertext ul { list-style:none;}
#footertext ul li {margin-top:20px; padding-right:10px; float:left; display: block; font-size: 12px; color:#a40235;}
#footertext ul li a{text-decoration: none; font-size: 12px; color:#a40235;}
#footertext ul li a:hover{text-decoration: underline; font-size: 12px; color:#a40235;}
/* FOOTER -------------------------------------------------------------- */