@import url(tripoli.base.css);

/* frger
--------------------------
mrklila: 452e4b
mellanlila: 906e9a
ljusbl: 2e7cce
orange: e44900
creme: f7f9e7
--------------------------*/

html {background-color:#906e9a;}

body {font-family:"Anadale", Arial, Sans-serif;}

*{padding: 0; margin: 0;}


#container {overflow:auto; width:770px; margin:0 auto; position:relative; background:url(tile.jpg) repeat #906e9a;}


#footer {width:550px; text-align: right; padding:8px 0 10px 220px; margin:0 auto; color:#906e9a;}


.content {width:550px; float:right; background-color:#f7f9e7; display:inline; min-height:510px;}


.main-content {margin:1px 30px 20px 20px; border:dotted 2px #e44900; padding:20px 20px 10px; min-height:450px;}


/* ----- left sidebar ----- */

.sidebar {float:left; width:220px; display:inline;}


#logo {float:left; width:220px; height: 62px; padding:0; background-color:#dcc3db;}
	#logo h3 {text-align:center; font-size:1.7em; text-transform:uppercase; color:#e55302; line-height:62px;}
	
#mailing {width:220px; height:45px; background-color:#dcc3db; margin:0 0 15px}
	#mailing p {text-align:center;}
	#mailing a, #mailing a:visited {font-size:0.9em; color:#906e9a; font-weight:bold; text-decoration:none; line-height:45px; padding:5px;}
	#mailing a:hover {color:#452e4b;}
	
	
#slide {position:relative; height:238px; width:200px; padding:0; margin:0;}
	#slide img {position:absolute; top:0; left:0; z-index:8; background-color:#906e9a;}
	#slide img.active {z-index:10;}
	#slide img.last-active {z-index:9;}
	
/* ----- links ----- */

ul#main-nav {float:left; height:62px; width:550px; background-color:#f7f9e7;}
ul#main-nav li {float:left; height:62px; text-indent:-9999px; display:block;}
	#main-nav li a {background:url(mainnav.png) 0 0 transparent no-repeat; display:block; height:62px; width:98px; margin:0;}
	
	ul#main-nav li a#have, ul#main-nav li a#havre:visited {background-position:0 0;}
	ul#main-nav li a#havre:hover, ul#main-nav li a#havre:focus, ul#main-nav li.on a#havre {background-position:0 -62px !important;}

	ul#main-nav li a#bagles, ul#main-nav li a#bagles:visited {background-position:-98px 0; width:60px;}
	ul#main-nav li a#bagles:hover, ul#main-nav li a#bagles:focus, ul#main-nav li.on a#bagles {background-position:-98px -62px !important;}

	ul#main-nav li a#frappe, ul#main-nav li a#frappe:visited {background-position:-158px 0; width:98px;}
	ul#main-nav li a#frappe:hover, ul#main-nav li a#frappe:focus, ul#main-nav li.on a#frappe {background-position:-158px -62px !important;}

	ul#main-nav li a#paj, ul#main-nav li a#paj:visited {background-position:-256px 0; width:75px;}
	ul#main-nav li a#paj:hover, ul#main-nav li a#paj:focus, ul#main-nav li.on a#paj {background-position:-256px -62px !important;}

	ul#main-nav li a#bullar, ul#main-nav li a#bullar:visited {background-position:-329px 0; width:91px;}
	ul#main-nav li a#bullar:hover, ul#main-nav li a#bullar:focus, ul#main-nav li.on a#bullar {background-position:-329px -62px !important;}

	ul#main-nav li a#lankar, ul#main-nav li a#lankar:visited {background-position:-420px 0; width:55px;}
	ul#main-nav li a#lankar:hover, ul#main-nav li a#lankar:focus, ul#main-nav li.on a#lankar {background-position:-420px -62px !important;}

	ul#main-nav li a#hem, ul#main-nav li a#hem:visited {background-position:-474px 0; width:55px;}
	ul#main-nav li a#hem:hover, ul#main-nav li a#hem:focus, ul#main-nav li.on a#hem {background-position:-474px -62px !important;}

		
/* ----- text ----- */

.content h3 {font-size:1.2em; text-transform:uppercase; color:#e55302; margin-bottom: .4em;}

.content p {font-size:12px; line-height:1.3;}

a, a:visited {color:#e55302; text-decoration:none;}
	a:hover {color:#f09868;}
	
.clear {clear:both;}

#main-content class
.main-content img.left {float:left; display:inline; margin:0 15px 5px 0;}
.main-content img.right {float:right; display:inline; margin:0 0 5px 15px;}


