/*
-----------------------------------------------
Site:		kalmarmarina.se, Kalmar, Sweden
Author:   	A&O Media Design, Henrik Eklund, Kalmar, Sweden
Version:  	2007.03
----------------------------------------------- */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
						{ margin:0; padding:0; }
h1,h2,h3,h4,h5,h6 		{ font-size:100%; font-weight:normal; }
p						{ padding-bottom:1em; }
input, select, textarea	{ font:100% Arial, Helvetica, sans-serif, Tahoma; }
hr 						{ display:none; }
a:link, a:visited		{ color:#6091FF; font-weight:bold; text-decoration:none }
a:hover					{ text-decoration:underline; color:#FF6407}
table 					{ border-collapse:collapse; border-spacing:0; }
fieldset,img 			{ border:0; }
caption,th 				{ text-align:left; }
ol,ul 					{ list-style:none; }

html {
	font: normal .7em/140% Verdana, Arial, Helvetica, sans-serif, Tahoma;
	color: #3D3D3D;
	background:#fff url(images/bg_main.png) no-repeat 50% top;
	margin:0 auto;
}
body {
	width:980px;
	margin:16px auto 0 auto;
	position:relative;
}
#branding h1, #branding h1 a {
	text-indent:-9999px;
	display:block;
	height:142px;
	width:980px;
	background:url(images/branding2.jpg) no-repeat left top;
}

/* Maincontent */

#maincontent {
	margin:0 0 0 6px;
	width:709px;
	position:relative;
}
.mainbg {
	background:url(images/main_bg.jpg) no-repeat left top;
}
.mainbgwhite {
	background:url(images/main_bg_de.jpg) no-repeat left top;
}
.mainbg_alt {
	background:url(images/main_bg_alt.png) no-repeat right top;
}
.utombordare {
	background:url(images/bg_utombordare.jpg) no-repeat left top;
	height:165px;
	position:relative;
}
.finnmaster {
	background:url(images/bg_finnmaster.jpg) no-repeat left top;
	height:165px;
}
.mopeder {
	background:url(images/bg_mopeder.jpg) no-repeat left top;
	height:165px;
}
.vattenskotrar {
	background:url(images/bg_vattenskotrar.jpg) no-repeat left top;
	height:165px;
}
.fyrhjulingar {
	background:url(images/bg_fyrhjulingar.jpg) no-repeat left top;
	height:165px;
}
.kommer {
	background:url(images/bg_kommer.jpg) no-repeat left top;
	height:165px;
}
#splash h2 a, #subsplash h3, #subsplash_alt h3 {
	text-indent:-9999px;
	display:block;
	float:left;
	display:inline;
}
#splash, #splash_de {
	background:url(images/bg_splash_alt.jpg) left top no-repeat;
	margin:0 0 0 6px;
	width:709px;
	height:500px;
}
#splash_de {
	background:url(images/main_bg_de.jpg) left top no-repeat;
	margin:0 0 0 6px;
	width:709px;
	height:500px;
}
#splash h2, #splash_de h2 {
	text-indent:0;
	margin:0 0 0.25em 27px;
	font:2.15em Arial, Verdana, sans-serif;
	padding-top:1em;
}
#splash p {
	margin:0 291px 0 27px;
}
#splash_de p {
	margin:0 27px;
}
#subsplash h3 {
	background:url(images/subsplash.jpg) left top no-repeat;
	margin:0 6px 6px 6px;
	width:433px;
	height:213px;
}
#subsplash_alt h3 {
	background:url(images/subsplash_alt.jpg) left top no-repeat;
	margin:0 0 6px 0;
	width:270px;
	height:213px;
}

/* Contentsidor */

.menu_finnmaster {
	position:absolute;
	left:538px;
	top:140px;
}
#pris_finnmaster {
	position:absolute;
	right:0;
	top:195px;
	text-align:right;
}
#pris_finnmaster p {
	padding:0;
	margin:0;
	font-weight:bold;
}
.breadcrumbs {
	position:absolute;
	top:190px;
	left:27px;
	border-bottom:1px solid #ddd;
	font-size:0.9em;
}
#maincontent h3.default, #maincontent h4 {
	text-indent:0;
	padding:0 0 0.25em 27px;
	font:2.15em Arial, Verdana, sans-serif;
}
#maincontent h3.default {
	padding:1em 0 0.25em 27px;
}
#maincontent h4 {
	font:1.6em Arial, Verdana, sans-serif;
	padding:18px 0 0.25em 27px;
}
.f2, .f10, .f30, .f80, .f200, .ft8 {
	margin-left:18px;
	display: inline;
    width:320px;
    height: 118px;
    background: url("/images/f2.jpg") 0 0 no-repeat;
	text-indent:-9999px;
	float:left;
}
.f10 		{background: url("/images/f10.jpg") 0 0 no-repeat; margin-left:0;}
.f30 		{background: url("/images/f30.jpg") 0 0 no-repeat;}
.f80 		{background: url("/images/f80.jpg") 0 0 no-repeat; margin-left:0;}
.f200 		{background: url("/images/f200.jpg") 0 0 no-repeat;}
.ft8 		{background: url("/images/ft8.jpg") 0 0 no-repeat; margin-left:0;}

a:hover.f2, a:hover.f10, a:hover.f30, a:hover.f80, a:hover.f200, a:hover.ft8	
			{background-position:0 -118px;} 

.bild-hoger {
	float:right;
	margin:2em 1em 1em 0;
	padding: 5px;
	border: 1px solid #eee;
}

/* Flikar robot */

div#req-oversikt.item, div#req-detaljer.item, div#req-data.item, div#req-pris.item {
	display: none;
}
ul#req-switcher {
	height: 19px!important;
	height: 17px;
	list-style: none;
	margin: 0;
	padding: 0;
	margin:1em 27px 0 20px;
	clear:both;
	background:transparent url(images/middle_flik.gif) repeat-x left bottom;
}
#req-switcher li {
	background: transparent url(img/compare-bg-tinytab-unselected.gif) top right repeat-x;
	float: left;
	height: 19px!important;
	height: 17px;
	margin: 0;
	padding: 0 0 0 11px;
	text-indent: 0; 
}
#req-switcher span {
	color: #3366cc;
	cursor: pointer;
	display: block;
	float: left;
	height: 19px!important;
	height: 17px;
	padding: 2px 11px 0 0;
}
#req-switcher li span:hover {
	color: #333;
}
#req-switcher.oversikt li.oversikt {
	background: transparent url(images/tab_left.gif) top left no-repeat;
}
#req-switcher.oversikt li.oversikt span {
	background: transparent url(images/tab_left.gif) top right no-repeat;
	color: #7e7e7e;
	cursor: default;
}

/* Ovriga tabbar */

#req-switcher.detaljer li.detaljer, #req-switcher.data li.data, #req-switcher.pris li.pris  {
	background: transparent url(images/tab_sel.gif) top left no-repeat;
}
#req-switcher.detaljer li.detaljer span, #req-switcher.data  li.data span, #req-switcher.pris li.pris  span {
	background: transparent url(images/tab_sel.gif) top right no-repeat;
	color: #7e7e7e;
	cursor: default;
}

/* Tekniska data, bilder, priser */

#req-oversikt img {
	margin-left:13px;
}
#req-data table {
	margin-left:24px;
	width:450px;
}
#req-pris table, #req-pris p {
	margin:1em 0 0 271px;
}
#req-data h4 {
	margin-left:0;
}
#req-data td {
	border-bottom:1px solid #ddd;
	padding:2px 0;
}
#req-pris td, #req-pris th {
	padding:2px 5px 2px 0;
}
#req-pris tr .odd {
	background:#F0F4FF;
}
#req-pris .right {
	text-align:right;
}
#req-pris img {
	padding:3px;
	border:1px solid #eee;
	margin:2em 0 0 27px;
}

/* Detaljer */

#req-detaljer img {
	float:right;
	margin:0 24px 0 0
}
#req-detaljer h5 {
	font-size:1em;
	font-weight:bold;
	margin-left:24px;
}
ul.default {
	margin:0 0 1em 36px;
}
ul.default li {
	background:url(images/bullet.gif) no-repeat left 6px;
	padding:0 0 7px 1em;
}

/* Begagnat */

table.begagnat {
	margin-left:24px;
}
table.begagnat img {
	background:#fff;
	padding:2px;
	border:1px solid #ccc;
	margin:3px 5px 3px 0;
}
table.begagnat th {
	background:#ADD8EA;
	padding:4px 4px 4px 0;
}
table.begagnat td {
	padding:9px 5px 0 0;
	border-bottom:1px solid #eee;
}
div#req-2 span.begagnat img {
	margin:2em 0 0 24px;
	background:#fff;
	padding:4px;
	border:1px solid #ddd;
}
#maincontent p.border {
	border-bottom:1px solid #eee;
	padding-top:1em;
	margin-right:72px;
}

/* Chaparral mm startsida */

#chaparral, #vattenskotrar, #mopeder, #fyrhjulingar {
	min-height:761px;
	height: auto !important;
	height: 761px;
	background:url(/images/bg_chaparral.png) no-repeat left top;
	margin:12px 0 0 27px;
}
#mopeder {
	height:319px;
	background:url(/images/bg_mopeder.png) no-repeat left top;
}
#vattenskotrar {
	height:579px;
	background:url(/images/bg_skoter.png) no-repeat left top;
}
#mopeder ul {
	padding:61px 0 0 33px;
	text-align:center;
	clear:both;
}
#fyrhjulingar {
	height:627px;
	background:url(/images/bg_fyrhjulingar.png) no-repeat left top;
}
#fyrhjulingar ul {
	padding:0.5em 0 0 33px;
	text-align:center;
	clear:both;
}
#fyrhjulingar ul li {
	float:left;
}
#fyrhjulingar h4 {
	clear:both;
	margin:0;
	padding:24px 0 0 48px!important;
	padding:12px 0 0 48px;
}
#fyrhjulingar h4.arbete {
	clear:both;
	margin:0;
	padding:48px 0 0 48px!important;
	padding:48px 0 0 48px;
}
#mopeder ul li {
	float:left;
	margin-bottom:12px!important;
	margin-bottom:-36px;
}
ul#bowrider, ul#cuddy, ul#signature {
	float:left;
	margin:125px 0 0 0;
	background:url(/images/bg_chaparral_boxes.png) no-repeat left top;
}
ul#fyrtaktare, ul#tvataktare {
	float:left;
	margin:44px 0 0 0;
	background:url(/images/bg_skoter_boxes.png) no-repeat left top;
	text-align:center;
}
ul#fyrtaktare a:hover, ul#tvataktare a:hover, #mopeder ul li a:hover, #fyrhjulingar ul li a:hover {
	text-decoration:none;
}
ul#tvataktare {
	background:url(/images/bg_skoter_boxes2.png) no-repeat left top;
}
ul#fyrtaktare {
	margin:44px 0 0 36px!important;
	margin:44px 0 0 18px;
}
ul#tvataktare {
	margin:44px 0 0 183px!important;
	margin:44px 0 0 183px;
}
ul#bowrider {
	margin:125px 0 0 30px!important;
	margin:125px 0 0 15px;
}
ul#cuddy {
	background:url(/images/bg_chaparral_boxes2.png) no-repeat left top;
}
ul#signature {
	margin:125px 0 0 93px;
	background:url(/images/bg_chaparral_boxes3.png) no-repeat left top;
}
ul#bowrider h4, ul#cuddy h4, ul#signature h4, ul#fyrtaktare h4, ul#tvataktare h4 {
	text-indent:-9999px;
	display:block;
	height:30px;
	width:163px;
	background:url(images/h4_bowrider.png) no-repeat left top;
	margin:0;
	padding:0;
}
ul#fyrtaktare h4 {
	background:url(images/h4_s-fyrtaktare.png) no-repeat left top;
	height:38px;
	width:205px;
}
ul#tvataktare h4 {
	background:url(images/h4_s-tvataktare.png) no-repeat left top;
	width:210px;
}
ul#cuddy h4 {
	background:url(images/h4_cuddy.png) no-repeat left top;
}
ul#signature h4 {
	background:url(images/h4_cruiser.png) no-repeat left top;
}
.chaparral {
	background:url(images/bg_chaparral.jpg) no-repeat left top;
	width:709px;
	height:165px;
}

/* Utombordare */

ul#utombordare {
	width:565px;
	height:101px;
	position:absolute;
	top:116px;
	left:18px;
}
ul#utombordare li {
	display:block;
	float:left;
	text-indent:-9999px;	
}
ul#utombordare li a {
	border:0;
	display:block;
	background:#ccc url(images/menu_utombordare.png) no-repeat;
}
li#u-1 a {
	width:153px;
	height:54px;
}
li#u-1 a:link, li#u-1 a:visited {	
	background-position:0 0;
}
li#u-1 a:hover, li#u-1 a:focus, body.u-1 ul#utombordare li#u-1 a {
	background-position:0px -54px;
}
li#u-2 a {
	width:90px;
	height:54px;
}
li#u-2 a:link, li#u-2 a:visited {	
	background-position:-153px 0px;
}
li#u-2 a:hover, li#u-2 a:focus, body.u-2 ul#utombordare li#u-2 a {	
	background-position:-153px -54px;
}
li#u-3 a {
	width:167px;
	height:54px;
}
li#u-3 a:link, li#u-3 a:visited {	
	background-position:-243px 0px;
}
li#u-3 a:hover, li#u-3 a:focus, body.u-3 ul#utombordare li#u-3 a {	
	background-position:-243px -54px;
}

/* Försäljning */

ul#chaparal, ul#finnmaster, ul#zodiak, ul#point, ul#trailer {
	width:321px;
	height:162px;
	margin:2em 0 0 23px;
	position:relative;
	padding:0 0 0 8px;
	float:left;
	display:inline;
	background:url(images/bg_half.gif) left top no-repeat;
}
ul#finnmaster, ul#trailer {
	margin-left:11px;
	clear:right;
}
ul#yamaha {
	width:661px;
	height:140px;
	background:url(images/bg_yamaha.gif) left top no-repeat;
	margin:1.6em 0 0 23px;
	position:relative;
	padding:43px 0 0 8px;
}
ul#yamaha li, ul#chaparal li, ul#finnmaster li, ul#zodiak li, ul#point li, ul#trailer li {
	display:block;
	float:left;
	text-indent:-9999px;	
}
ul#yamaha li a, ul#chaparal li a, ul#finnmaster li a, ul#zodiak li a, ul#point li a, ul#trailer li a {
	border:0;
	display:block;
	background:transparent url(images/menu_yamaha.jpg) no-repeat;
}
ul#chaparal li a {
	background:transparent url(images/menu_chaparal.jpg) no-repeat;
	margin-top:26px;
}
ul#finnmaster li a {
	background:transparent url(images/menu_finnmaster.jpg) no-repeat;
	margin-top:26px;
}
ul#zodiak li a {
	background:transparent url(images/menu_zodiak.jpg) no-repeat;
	margin:26px 0 0 10px;
}
ul#point li a {
	background:transparent url(images/menu_point.jpg) no-repeat;
	margin:52px 0 0 0;
}
ul#trailer li a {
	background:transparent url(images/menu_tahemarine.jpg) no-repeat;
	margin:30px 0 0 0;
}
li#t-1 a {
	width:304px;
	height:123px;
}
li#t-1 a:hover, li#t-1 a:focus {
	background-position:0px -123px;
}
li#p-1 a {
	width:302px;
	height:83px;
}
li#p-1 a:hover, li#p-1 a:focus {
	background-position:0px -83px;
}
li#z-1 a {
	width:246px;
	height:112px;
}
li#z-1 a:hover, li#f-1 a:focus {
	background-position:0px -112px;
}
li#f-1 a {
	width:284px;
	height:125px;
}
li#f-1 a:hover, li#f-1 a:focus {
	background-position:0px -125px;
}
li#c-1 a {
	width:280px;
	height:127px;
}
li#c-1 a:hover, li#c-1 a:focus {
	background-position:0px -127px;
}
li#y-1 a {
	width:111px;
	height:122px;
}
li#y-1 a:hover, li#y-1 a:focus {
	background-position:0px -122px;
}
li#y-2 a {
	width:151px;
	height:122px;
}
li#y-2 a:link, li#y-2 a:visited {	
	background-position:-111px 0px;
}
li#y-2 a:hover, li#y-2 a:focus {	
	background-position:-111px -122px;
}	
li#y-3 a {
	width:134px;
	height:122px;
}
li#y-3 a:link, li#y-3 a:visited {	
	background-position:-262px 0px;
}
li#y-3 a:hover, li#y-3 a:focus {	
	background-position:-262px -122px;
}
li#y-4 a {
	width:135px;
	height:122px;
}
li#y-4 a:link, li#y-4 a:visited {	
	background-position:-396px 0px;
}
li#y-4 a:hover, li#y-4 a:focus {	
	background-position:-396px -122px;
}
li#y-5 a {
	width:111px;
	height:122px;
}
li#y-5 a:link, li#y-5 a:visited {	
	background-position:-531px 0px;
}
li#y-5 a:hover, li#y-5 a:focus {	
	background-position:-531px -122px;
}

/* Subcontent */

#subcontent {
	position:absolute;
	right:6px;
	top:128px;
	width:259px;
	background:#fff url(images/bg_subcontent.jpg) left top no-repeat;
	min-height:553px;
	height: auto !important;
	height: 553px;
	z-index:100;
}

/* Puffar */

#puffar {
	position:absolute;
	left:-9px;
	top:27em;
}
#puffar h3.kop, #subcontent h3.kop a, #puffar h3.segel, #subcontent h3.segel a, #puffar h3.dynor, #subcontent h3.dynor a, #subcontent h3.begagnat a {
	text-indent:-9999px;
	display:block;
	height:145px;
	width:268px;
	background:url(images/h3_kopsalj.jpg) no-repeat left top;
}
#puffar h3.segel, #subcontent h3.segel a {
	background:url(images/h3_segel.jpg) no-repeat left top;
}
#puffar h3.dynor, #subcontent h3.dynor a {
	background:url(images/h3_dynor.jpg) no-repeat left top;
}
#puffar h3.begagnat, #subcontent h3.begagnat a {
	background:url(images/h3_begagnat.jpg) no-repeat left top;
}
#footer {
	clear:both;
	color:#999; 
	font:1em Trebuchet, Arial, Helvetica, sans-serif; 
	padding:1em 0 0.5em 0;
	text-align:center;
}

/* Fontsizes o egenskaper */

#subcontent p {
	margin:0 23px;
}	
#maincontent p {
	margin:0 27px;
	/*width:530px;*/
}

/* Header replacements */

#subcontent h2, #maincontent h2, #maincontent h3 {
	text-indent:-9999px;
	display:block;
}
ul#trailer h3.trailer		{ background:url(images/loggor/tahemarine_logga.gif) no-repeat; width:160px; height:68px; position:absolute; top:-9px; left:17px; }
ul#point h3.point			{ background:url(images/loggor/point.gif) no-repeat; width:160px; height:68px; position:absolute; top:-20px; left:17px; }
ul#zodiak h3.zodiak			{ background:url(images/loggor/zodiak.gif) no-repeat; width:176px; height:50px; position:absolute; top:-13px; left:17px; }
ul#finnmaster h3.finnmaster	{ background:url(images/loggor/finnmaster.gif) no-repeat; width:176px; height:50px; position:absolute; top:-20px; left:17px; }
ul#chaparal h3.chaparal		{ background:url(images/loggor/chaparal.gif) no-repeat; width:240px; height:50px; position:absolute; top:-13px; left:17px; }
ul#yamaha h3.yamaha			{ background:url(images/loggor/yamaha.gif) no-repeat; width:132px; height:50px; position:absolute; top:-13px; left:17px; }
#maincontent h2.forsaljning	{ background:url(images/h2_forsaljning.gif) no-repeat; height:53px; }
#subcontent h2 				{ background:url(images/h2_subcontent.gif) no-repeat; height:59px; }
#subcontent .boat 			{ background:url(images/h2_subcontent_boat.gif) no-repeat left top; position:absolute; top:0; right:-13px!important; right:-14px; width:116px; height:60px; z-index:500 }


/* Menu */

ul#nav {
	width:709px;
	height:36px;
	background:transparent url(images/main_menu.png) no-repeat 0 -36px;
	margin-left:6px;
}
ul#nav li {
	display:block;
	float:left;
	text-indent:-9999px;	
}
ul#nav li a {
	border:0;
	display:block;
	text-decoration:none;
	background:transparent url(images/main_menu.png) no-repeat;
}
li#m-1 a {
	width:75px;
	height:36px;
}
li#m-1 a:hover, li#m-1 a:focus, body.m-1 ul#nav li#m-1 a {
	background-position:0px -36px;
}
li#m-2 a {
	width:102px;
	height:36px;
}
li#m-2 a:link, li#m-2 a:visited {	
	background-position:-75px 0px;
}
li#m-2 a:hover, li#m-2 a:focus, body.m-2 ul#nav li#m-2 a {	
	background-position:-75px -36px;
}	
li#m-3 a {
	width:88px;
	height:36px;
}
li#m-3 a:link, li#m-3 a:visited {	
	background-position:-177px 0px;
}
li#m-3 a:hover, li#m-3 a:focus, body.m-3 ul#nav li#m-3 a {	
	background-position:-177px -36px;
}
li#m-4 a {
	width:142px;
	height:36px;
}
li#m-4 a:link, li#m-4 a:visited {	
	background-position:-265px 0px;
}
li#m-4 a:hover, li#m-4 a:focus, body.m-4 ul#nav li#m-4 a {	
	background-position:-265px -36px;
}
li#m-5 a {
	width:154px;
	height:36px;
}
li#m-5 a:link, li#m-5 a:visited {	
	background-position:-407px 0px;
}
li#m-5 a:hover, li#m-5 a:focus, body.m-5 ul#nav li#m-5 a {	
	background-position:-407px -36px;
}

#lang {
	position:absolute;
    left:643px;
    top:148px;
}
#lang img {
	padding-right:5px;
}