/* Touratech Nordic */

*{
	margin: 0;
	padding: 0;
}

/* Sticky f ------ */
html, body {
	height: 100%;
	color: #666;
}

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 100%;
	margin: 0 auto -300px auto; /* bottom-marginalen = negativt värdet av footerns höjd (+/- eventuella borders och skit) */
	/*width: 960px;*/
}

#footer, #footer_buffer {
	height: 300px;
}
#footer{
	background: #adadad;
	width: 1010px;
	/*border-top: solid 1px #999;*/
	clear: both;
	color: #fff;
}

#footer p{
	color: #fff;
	padding: 0 0 5px 0;
	margin: 0;
}

#footer a{
	color: #fff;
	text-decoration: none;
}
#footer a:hover{
	color: #eee;
	text-decoration: underline;
}

#footer ul{
	list-style-type: square;
	padding: 0;
	margin: 0px 5px 10px 12px;
}

.footercolumn{
	float: left;
	margin: 0 0 15px 7px;
	padding: 0 0 0 8px;
	display: inline;
	/*border-left: solid 1px #adadad;*/
}

.footercolumn h3{
	color: #fff;
	font-size: 17px;
}

.footercolumn h4{
	color: #fff;
	margin: 14px 0 10px 0;
	font-weight: normal;
	
}

div.brands img{
	margin: 0 4px 5px 0;
}


/*---- /Sticky f */


body{
	background: #f5f5f5 url(bodybg.gif) repeat-y left top;
	background-attachment: fixed;

	font-family: tahoma, arial, sans-serif;
	font-size: 11px;
	/*background: #fff;*/

}

body.streetline{
	background: #f5f5f5 url(bodybg-streetline.gif) repeat-y left top;
}

#upperbg{
	position: static;
	width: 100%;
	height: 250px;
	z-index: 0;
}

#content{
	width: 990px;
}

#flash{
	margin: 0px 0 15px 0;
	height: 350px;
}

#headcol_1{
	background: #eee;
	width: 743px;
	float: left;
	margin-right: 3px;
	height: 100%;
}

#headcol_2{
	width: 239px;
	height: 100%;
	background: #2c2c2c url(topsection_bg.gif) left bottom repeat-x;
	float: left;
	display: inline;
	margin-left: 5px;
}

#pagewrap{
	width: 990px;
	margin: 0; /* Här styr vi hur sajten ska alignas */
}

#page{
	position: relative;
	z-index: 2;
	width: 990px;
	margin-top: -250px;
}

#sections{
	height: 155px;
	margin: 0 0 0 0;
}

#sections a{
	cursor: pointer;
}


#reklam img{
	float: left;
	display: inline;
	margin-bottom: 15px;
}

#reklam img.left{
	float: left;
	display: inline;
	margin-right: 15px;
}


.shopbox{
	float: left;
	width: 183px;
	height: 200px;
	border: solid 1px #ccc;
	margin-right: 10px;
	margin-bottom: 20px;
	background: url(shopbox-bg.png) repeat-x;
}
.shopbox h1{
	text-align: center;
	margin-top: 8px;
}
.shopbox div.shopbox_padder{
	/*background: #faf;*/
	width: 160px;
	margin: 0 0 0 10px;
}

.shopbox .shopbox_padder img{
	margin: 5px 0 5px 0;
}


.productbox{
	width: 383px;
}




.pagetitle{
	clear: both;
	height: 36px;
	margin: 0;
}


.page_headline{
	border-bottom: solid 1px #c7c7c7;
	margin-bottom: 15px;
	height: 45px;
}

	.page_headline h1{
		margin-top: 0;
		padding-top: 9px;
		float: left;
	}

	.page_headline h2{
		font-family: arial, tahoma, helvetica, sans-serif;
		font-size: 20px;
		margin: 9px 0 0 0;
		color: #adadad;

		float: left;
		width: auto;
		display: inline;
		margin-left: 12px;
	}


.startpage_headline{
	margin: -80px 0 0 15px;
	height: 80px;
	position: relative;
	z-index: 999;

	/* Cross-browser Alpha */
	/*filter: alpha(opacity=75); /* IE sheit .. Kräver [if IE]-tjofräs i htmlen */
	-moz-opacity:0.85; /* Ol' school mozilla stylee */
	-khtml-opacity: 0.85; /* Old school safari */
	opacity: 0.85; /* Web standard */
}
	.startpage_headline h1, .startpage_headline h2{
		font-style: italic;
		font-size: 18px;
		line-height: 18px;
	}

	.startpage_headline h1{
		margin: 0 0 3px 0;
	}

	.startpage_headline h2{
		font-weight: normal;
		font-family: arial, tahoma, helvetica, sans-serif;
		margin: 0;
	}


.col_wrapper{
	float: left;
	display: inline;
	margin-left: 15px;
	width: 975px; /*950-15 */
	/*background: url(col1-shadow.png) repeat-y;*/
	background-position: 570px 1px;
	margin-bottom: 1px; /* IE */
}

.col_fullsize{
	width: 975px;
	margin: 0 0 15px 0;
	
}

.col_1{
	float: left;
	width: 575px;
	overflow: hidden;
	/*width: 527px;*/
	display: inline;
	/*background: #fef;*/
}

	.col_1_contentsqueezer{
		width: 560px;
	}

.col_2{
	float: left;
	margin-left: 15px;
	/*margin-left: 70px;*/
	display: inline;
	padding-left: 0px;
	width: 385px;
	/*background: #eff;*/
}

	.col_2_1{
		float: left;
		width: 180px;
		display: inline;
		margin-bottom: 10px;
	}

	.col_2_2{
		float: left;
		display: inline;
		width: 173px;
		margin-left: 15px;
		margin-bottom: 10px;
		/*padding-left: 15px;*/
		/*background: url(vr.gif) repeat-y;*/

	}

.col_3{
	background: #f0f;
}

.puff-left{
	float: left;
	width: 185px;
	margin-right: 15px;
	margin-bottom: 15px;
}
.puff-right{
	width: 185px;
	float: left;
}



table.puffar{
	margin: 0 0 15px 0;
	padding: 0;
	border: 0;
}

img.puffspacer{
	width: 15px;
	height: 15px;
}

img.puff_filler{
	width: 155px;
	height: 96px;
}

td.puff1, td.puff2, td.puff3, td.puff4{
	width: 155px;
	height: 96px;
	padding: 15px;
	color: #fff;
}
td.puff1{ background: #adadad; vertical-align: bottom;}
td.puff2{ background: #666666;}
td.puff3{ background: #f9dc07; color: #000;}
td.puff4{ background: #000000;}

td.puff1 a:link, td.puff1 a:visited{ color: #f0f0f0; }
td.puff1 a:hover{ color: #fff; }

td.puff4 a:link, td.puff4 a:visited{ color: #888; }
td.puff4 a:hover{ color: #fff; }

img.col2img{
	display: block;
	clear: left;
	margin: 0 0 15px 0;
}

span.break{
	clear: left;
	display: block;
}

.alert{
	color: #d00;
}

.imageclip{
	width: 100%;
	overflow: hidden;
	position: relative;
}

.bigimage{
	margin: 0 0 10px 0;
}

/* Acc */
div#acc_container{
	position: relative;
}
div#acc_container div{
	font-size: 9px;
	background: url(acc-bg-small.png) no-repeat;
	width: 16px;
	height: 12px;
	color: #fff;
	display: block;
	text-align: center;
	position: absolute;
	line-height: 11px;
}

ul.acc{
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
}
ul.acc li{
	padding: 0;
}

.accno{
	background: url(acc-bg.png) no-repeat;
	width: 20px;
	color: #fff;
	display: block;
	float: left;
	display: inline;
	margin-right: 5px;
	text-align: center;
}


.distrilist{
	/* Denna div ligger positionerad i en relativt positionerad div.. :S */
	position: absolute;
	width: 150px;
	top: -345px;
	left: 849px;
	z-index: 999;
	text-align: right;
}

.distrilist img{
	display: block;
	text-align: right;
	float: right;
}


.image_l{
	float: left;
	margin: 0 15px 15px 0;
}

.image_r{
	float: right;
	margin: 0 0 10px 10px;}

.thumb_r{
	float: right;
	width: 100px;
	height: 75px;
	margin-left: 10px;}

.bike_header{
	color: #adadad;
}

.DuTub_thumb{
	float: left;
	display: inline;
	width: 150px;
	margin-left: 15px;
}

img#logo{
	/* Hänger ihop lite grann med marginalerna på språkvalsflaggorna (menu.css >> #flags) samt submenucont (menu.css >> .submenucont */
	margin: 15px 0 20px 15px;
	float: left;
	/*position: absolute;*/
}


img.bikelogo{
	position: absolute;
	margin: 0 0 0 18px;
}




div.ruta{
	background: #fff;
	border: solid 1px #c7c7c7;
	padding: 8px;
}




div.bikethumb{
	float: left;
	margin-bottom: 10px;
	text-align: center;
	display: inline;
	width: 94px;
}
div.bikethumb .uni{
	width: 90px;
	height: 70px;
	background: url(../../content/mc/universal-thumb.jpg);
}

	div.bikethumb img{
		display: block;
		margin: 0 auto;
	}

	.bikethumb a:link, .bikethumb a:visited, .bikethumb a:hover, .bikethumb a:active{
		text-decoration:none;
		color: #adadad;
	}
	.bikethumb a:hover{
		text-decoration: underline;
		color: #000;
	}
	
div.kriegathumb{
	float: left;
	margin-bottom: 10px;
	text-align: center;
	display: inline;
	width: 94px;
}
div.kriegathumb .uni{
	width: 90px;
	height: 70px;
	background: url(../../content/kriega/uni.gif);
}

	div.kriegathumb img{
		display: block;
		margin: 0 auto;
	}

	.kriegathumb a:link, .kriegathumb a:visited, .kriegathumb a:hover, .kriegathumb a:active{
		text-decoration:none;
		color: #adadad;
	}
	.kriegathumb a:hover{
		text-decoration: underline;
		color: #000;
	}

.newsrepeater_col_1{
	width: 200px;
	float: left;
	margin: 0 15px 0 0;
}
.newsrepeater_col_1 .image_l{
	margin-right: 0;
}


.box1{
	clear: both;
	padding: 5px 13px 10px 12px;
	margin-bottom: 15px;
	background-color: #fff;
	border: solid 1px #e5e5e5;
	/*background: #e0e0e0 url(box_bg.gif) repeat-x;*/
}


img.framed{
	background: #fff;
	padding: 5px;
	/*width: 100px;
	height: 75px;*/
	border: solid 1px #f8f8f8;
	border-bottom: solid 2px #ddd;
	margin: 5px 0 2px 0;}

img.framed:hover{
	background: #FFD825;
	border: solid 1px #eee;
	border-bottom: solid 2px #aaa;}


p.publicerat{
	color: #999;
}
p.publicerat a{
	color: #999;
}
p.publicerat a:hover{
	color: #000;
}


a img{
	border: 0;
}

img.formcontrol{
	border: solid 1px #C2BFB9;
	margin: 1px 3px 0 0;}



/* TEXT -------------------------------------------------- */
h1{
	font-family: arial, tahoma, helvetica, sans-serif;
	font-weight: bold;
	font-size: 17px;
	line-height: 24px;
	color: #666;
	margin: 2px 0 8px 0;}

	h1 a:link, h2 a:link{
		color: #666;
		text-decoration: none;
	}

	h1 a:visited, h2 a:visited {
		text-decoration: none;
		color: #666;
	}

	h1 a:hover, h2 a:hover {
		text-decoration: underline;
	}

	h1 .small{
		font-size: 12px;
	}
	
	h2, h2 a:link, h2 a:visited, h2 a:hover, h2 a:active{
		font-size: 16px;
		line-height: 16px;
	}


	h1.fancy, h1.fancy_sl, h1.fancy_nav, h2.fancy, h2.fancy_sl, h2.fancy_nav{
		/*background: url(h-bg-2.png) repeat-x right bottom;*/
		height: 35px;
		line-height: 25px;
		overflow: hidden;
		border-bottom: solid 1px #ccc;
	}

	h1.fancy span, h1.fancy_sl span, h1.fancy_nav span, h2.fancy span, h2.fancy_sl span, h2.fancy_nav span{
		/*background: url(h-bg-1.png) repeat-x right bottom;*/
		color: #000;
		border-right: solid 1px #fff;
		/* padding-left: 7px; */
		padding-right: 10px;
		margin-right: 5px;
		height: 35px;
		display: block;
		float: left;
		font-size: 19px;
	}

	h1.fancy_sl span, h2.fancy_sl span{
		/*background: url(h-bgsl-1.png) repeat-x right bottom;*/
		color: #000;
	}

	h1.fancy_nav span, h2.fancy_nav span{
		/*background: url(h-bgnav-1.png) repeat-x right bottom;*/
		color: #000;
	}

	h1.fancy a{
		color: #000;
	}
	

	p.fancy{
		font-weight: bold;
		font-size: 11px;
		margin-top: -37px;
		display: block;
		padding-right: 10px;
		float: right;
		text-align: right;
		color: #999;
	}

	p.fancy a:link, p.fancy a:visited, p.fancy a:hover, p.fancy a:active{
		color: #fff;
		text-decoration: none;
	}
	p.fancy a:hover, p.fancy a:active{
		color: #fff;
		text-decoration: underline;
	}


h2{
	font-family: Arial, Tahoma, Trebuchet MS, verdana, helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	line-height: 24px;
	color: #666;
	margin: 0 0 4px 0;}


h3{
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #666;
	margin: 10px 0 7px 0;
	padding-top: 8px;}

	h3 a:link, h3 a:visited, h3 a:hover, h3 a:active{
		text-decoration: none;
		color: #666;
	}

	h3 a:hover{
		color: #000;
	}

h4{
	font-family: arial, tahoma, verdana, helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	letter-spacing: 0px;
	color: #666;
	margin: 0 0 .3em 0;
	}

h5{
	font-family: Tahoma, Trebuchet MS, verdana, helvetica, sans-serif;
	font-weight: bold;
	font-size: .7em;
	color: #666;
	margin: 0 0 .3em 0;
	}
h6
{
	color: #31529C;
	font-size: 16px;
}
	


p{
	font: 11px/15px tahoma, arial, helvetica, sans-serif;
	margin: 0 0 1.0em 0;
	color: #666;
	}

p.center{
	text-align: center;
}

div.justify p, p.justify{
	text-align: justify;
}

a:link{
	color: #666;
}

a:visited{
	color: #999;
}

a:hover{
	color: #000;
}

.ingress{
	font-style: normal;
	font-family: arial;
	font-size: 16px;
	line-height: 20px;
}



/* Speciallänkar ----------- */

a.back {
	padding: 0 0 0 16px;
	background: url(a_back.gif) no-repeat 1px 3px;}
a.back:hover {
	/* offseta bakgrundsbilden vid hover */
	background-position: 0px -47px;}

#toptext{
	position: absolute;
	top: 0px;
	left: 230px;
	width: 750px;
	font-size: 10px;
}

#toptext a:link, #toptext a:visited{
	color: #000;
	text-decoration: none;
}
#toptext a:hover{
	color: #000;
	text-decoration: underline;
}

a.arrow {
	padding: 0 0 0 12px;
	background: url(a_arrow.gif) no-repeat 0 4px;}
a.arrow:visited {
	/* offseta bakgrundsbilden vid hover */
	background-position: 0 -96px;}
a.arrow:hover {
	/* offseta bakgrundsbilden vid hover */
	background-position: 0 -46px;}

a.arrow-back{
	padding: 0 0 0 12px;
	background: url(a_arrow_back.gif) no-repeat 0 4px;}
a.arrow-back:visited {
	/* offseta bakgrundsbilden vid hover */
	background-position: 0 -96px;}
a.arrow-back:hover {
	/* offseta bakgrundsbilden vid hover */
	background-position: 0 -46px;}


a.button{
	color: #333;
	text-decoration: none;
	background: #ececec;
	padding: 5px 10px;
	border: solid 1px #f8f8f8;
	border-bottom: solid 2px #ddd;
	margin: 5px 0 2px 0;}

a.button:hover{
	color: #000;
	background: #dce6f9;
	border: solid 1px #D3E0F7;
	border-bottom: solid 2px #c0d4f7;}

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






input, select, textarea{
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 11px;
}

input.newsletter{
	color: #aaa;
	width: 120px;
}

option{
	padding: 0 5px;
}


div.bildbeskr{
	background: url(storbild_skugga.gif) no-repeat;
	margin: 10px 0 0 0;
	padding: 5px 0 0 0;}

.hr{
	clear: both;
	background: #ddd repeat-x;
	height: 1px;
	margin: 15px 0 10px 0;
	display: block;
	width: 100%;
	overflow: hidden;
	}

.shadow{
	clear: both;
	background: #f5f5f5 url(shadow.gif) repeat-x;
	height: 17px;
	margin: 1px 0 10px 0;
	display: block;
	width: 100%;
	overflow: hidden;
	}



.vr{
	background: url('vr.gif') repeat-y;
	}


	.hr hr{
	display: none;
	visibility: hidden;}

	.hr b{
	display: none;
	visibility: hidden;}

.hidden{display: none;}

.youtubeplayer{
	margin: 5px 0 2px 0;
	padding-bottom: 6px;
	background: url(youtubeplayer_shadow.gif) bottom no-repeat;
}

.smalltext{
	font-family: tahoma, arial, trebuchet ms, verdana, helvetica, sans-serif;
	font-weight: normal;
	font-size: 9px;
	line-height: 12px;}


/* Tabeller och relaterat tjofräs */
table{
	width: 100%;
	border-collapse: collapse;
}

th, td{
	text-align: left;
	/* vertical-align: top; */
	height: 20px;
}

th.right, td.right{
	text-align: right;
}

tr.odd{
	border-top: solid 1px #f0f0f0;
	background: #f7f7f7;}

tr.even{
	border-top: solid 1px #f8f8f5;
	background: #FCFBFA;}




/* Produktlistorna på förstasidan */
table.prodthumbs img{
	margin-right: 5px;
	border: solid 1px #ccc;
}
table.prodthumbs td .hr{
	margin: 0;
	padding: 0;
}






/* Kommentarer på artiklarna */
div.comment_odd, div.comment_even, div.comment_new{
	border-top: solid 1px #D6E0F2;
	margin: 4px 0 8px 0;
	padding: 7px 12px;}

div.comment_odd{
	border-bottom: solid 1px #ECF0F8;
	background: #F1F5FD;}

div.comment_even{
	border-bottom: solid 1px #f8f8f5;
	background: #F7FAFF;}

div.comment_new{
	border-bottom: solid 1px #f8f8f5;
	background: #F6D594;}


/* Kommenteringsrutan */
div.leave_comment{
	background: #d9d9d9 url(commentform_bg.gif) top left repeat-x;
	border: solid 1px #c1c1c1;
	padding: 12px;
	margin: 0;
}


ul{
	margin: 1em 0 1em 15px;
	/* Leftmargin = För IE6 */
	padding-left: 5px; /* För riktiga webbläsare */
}

ol{
	margin: 1em 0 1em 15px;
	/* Leftmargin = För IE6 */
	padding-left: 7px; /* För riktiga webbläsare */
}

li{
	margin-bottom: 2px;
	line-height: 14px;}

ul.videocategories{
	list-style-type: square;
}
	ul.videocategories li.selected{
		color: #000;
		font-weight: bold;
	}

	ul.videocategories a{
		/*text-decoration: none;*/
	}
	
	li.selected a:link,
	li.selected a:visited, 
	li.selected a:hover,
	li.selected a:active
	{
		text-decoration: none;
		color: #000;
		font-weight: bold;
	}


#newsletters_previous div{
	clear: both;
}
#newsletters_previous img{
	margin: 0 10px 10px 0;
	float: left;
	border: solid 1px;
}