﻿/*
	Typography
*/
@font-face {
    font-family: 'SafetyRegular';
    src: url('/web/css/fonts/safety-webfont.eot');
    src: url('/web/css/fonts/safety-webfont.eot?#iefix') format('embedded-opentype'),
         url('/web/css/fonts/safety-webfont.woff') format('woff'),
         url('/web/css/fonts/safety-webfont.ttf') format('truetype'),
         url('/web/css/fonts/safety-webfont.svg#SafetyRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SafetyLight';
    src: url('/web/css/fonts/safety-light-webfont.eot');
    src: url('/web/css/fonts/safety-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/web/css/fonts/safety-light-webfont.woff') format('woff'),
         url('/web/css/fonts/safety-light-webfont.ttf') format('truetype'),
         url('/web/css/fonts/safety-light-webfont.svg#SafetyLight') format('svg');
    font-weight: normal;
    font-style: normal;
}


body {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	line-height: normal;
	color:#333;
	font-size: 75%;		/* 75%  = 12px */
	/* font-size: 100%;	100% = 16px */
	/*
		http://pxtoem.com/
			11px    0.917em
			12px 	1em			(Default)
			14px 	1.167em
			16px 	1.333em
			24px	2em
		-or-
			12px 	0.75em
			14px 	0.875em
			16px 	1em			(Default)
			24px	1.5em
	*/
}
h1,
body .header,
.tabs a,
.steps li,
.webshop h2,
#foot h6,
#menu a,
.oktoberfestmenu a,
.oktoberfest.drinks h2,
.oktoberfestbox h2,
.centerNavigation h2 strong  {
	/*
	font-family: "PfsSafety", "myriad pro","trebuchet ms","helvetica neue",helvetica,arial,sans-serif;
	font-family: "Safety", "PfsSafety", arial,sans-serif;
	*/
	font-family: "SafetyRegular", "myriad pro","trebuchet ms","helvetica neue",helvetica,arial,sans-serif;
	font-weight: normal;
}
.article .date,
.centerNavigation h2  {
	/*
	font-family:  PfsSafetyLight, "myriad pro","trebuchet ms","helvetica neue",helvetica,arial,sans-serif;
	*/
	font-family: "SafetyLight", arial,sans-serif;
	font-weight: normal;
/*	font-size: 24px;*/
	font-size: 2em;
}
@-moz-document url-prefix()
{
	.article .date,
	.centerNavigation h2 {
		text-shadow:0 0 0 #666;
	}
} 
p 
{
	margin:8px 0;
}

p,
td,
th,
cite,
input,
label,
.error,
.comments h2,
.comments h3,
.newslist h3,
.scrollable p,
.searchresult h2,
.searchresult .breadcrumb a,
.searchresult .paging a,
.faqlist h2,
.relatedproducts h3,
.relatedarticles h3,
.rssView h2,
.bloglist h3,
.bloglist p,
.webshop .manchet li,
dl.valuePair,
#toolbar a
{
/*	font-size: 11px;*/
	font-size: 0.917em;
}

h3,
.centerNavigation a,
#submenu a,
.article p,
.article td,
.leftNavigation ul,
#submenu a,
.tabbox p,
.campaign p
{
/*	font-size: 12px;*/
	font-size: 1em;
}

h2,
legend,
.scfSectionLegend,
.scfLegendAsDiv 
{
/*	font-size: 14px;*/
	font-size: 1.167em;
}
.header,
.tabs a,
.steps li,
#menu a,
#foot h6 {
/*	font-size: 16px;*/
	font-size: 1.333em;
}
legend,
.webshop h2,
h1 {
/*	font-size: 24px;*/
	font-size: 2em;
}
legend,
.webshop h2 {
	line-height: 1.333em;
}
.header {
	line-height: 1em;
}

#facebook-loggedin,
#facebook-loggedin-name,
#facebook-loggedin-logoff {
	line-height:25px;
} 
.comments .comment .delete {
	line-height:20px;
}
.newsletter-subscribe p label {
	line-height:20px;
}
/*
	HTML elements
*/
html, body {
	margin:0;
	padding:0;
} 
html {
	overflow-y:scroll;
}
body { background-color : White }
a:link,
a:visited {color:#333;}
a:hover,
a:active,
a:focus {color:#00cc00;}
h1, h2, h3, h4, h5, h6 {
	margin-bottom:0;
	clear:left;
}
h1 + *, h2 + *, h3 + *, h4 + *, h5 + *, h6 + * {
	margin-top:0;
}
h1 {
	color:rgb(76, 76, 76);
	margin:5px 100px 36px 0;
}

a img {
	border:0;
}
ul {
	list-style-type:square;
	padding-left:30px;
}
li {
	padding:2px 0;
}


blockquote {
	margin: 0;
	padding: 0;
	quotes: "\201C" "\201D";
}
blockquote p:before {
	content: open-quote;
	font-weight: bold;
}
blockquote p:after {
	content: close-quote;
	font-weight: bold;
}
/*
	.Classes
*/
.clear {
	clear:both;
}
.manchet {
	font-weight: bold;
}
/*
	Structure
*/
#page {
	width:940px;
	margin:0 auto;
	/*background:rgb(255,255,255);*/
	background : transparent;
	padding:10px 0 10px 0;
}
	#head {
		margin:0 5px;
		position: relative;
	}
		#top {
			height:60px;
			position:relative;
			background-position: bottom;
			background-repeat: repeat-x;
			background-color:rgb(196,197,199);
			background-image: url(/web/css/img/head-gradient.png);
				background-image: -webkit-gradient(linear, left top, left bottom, from(#C4C5C7), to(#9C9EA1));
				background-image: -webkit-linear-gradient(left top, left bottom, from(#C4C5C7), to(#9C9EA1));
				background-image:    -moz-linear-gradient(left top, left bottom, from(#C4C5C7), to(#9C9EA1));
				background-image:     -ms-linear-gradient(left top, left bottom, from(#C4C5C7), to(#9C9EA1));
				background-image:      -o-linear-gradient(left top, left bottom, from(#C4C5C7), to(#9C9EA1));
				background-image:         linear-gradient(left top, left bottom, from(#C4C5C7), to(#9C9EA1));
				   -moz-border-radius-topright: 4px;
				   -moz-border-radius-topleft: 4px;
				-webkit-border-top-right-radius: 4px;
				-webkit-border-top-left-radius: 4px;
				        border-top-right-radius: 4px;
				        border-top-left-radius: 4px;
		}
			#logo {
				position:absolute;
				top:13px;
				left:9px;
			}
				#logo img {
					display:block;
				}
		#toolbar {
			position:absolute;
			top:22px;
			right:210px;
		}
			#toolbar ul {
				margin:0;
				padding:0;
				list-style: none;
			}
				#toolbar li {
					margin:0;
					padding:0;
					display:inline;
					color:#808080;
				}
					#toolbar a {
						color:#808080;
						padding:0 5px;
						text-decoration:none;
					}
					#toolbar a:hover,
					#toolbar a:active,
					#toolbar a:focus {
						color:#fff;
					}
					#toolbar a:before {content: "|";padding-right:10px;color:#808080;}
					#toolbar li:first-child a:before {content: "";}
		#search {
			position:absolute;
			top:18px;
			right:10px;
		}
	#menu {
		position:relative;
	}
		#menu ul {
			margin:0;
			padding:0;
			width:100%;
			/*display: table;*/
			background:rgb(128, 255, 0);
			background-position: top;
			background-repeat: repeat-x;
			background-image: url(/web/css/img/menu-gradient.png);
				background-image: -webkit-gradient(linear, left top, left bottom, from(#00FF00), to(#7BFF00));
				background-image: -webkit-linear-gradient(left top, left bottom, from(#00FF00), to(#7BFF00));
				background-image:    -moz-linear-gradient(left top, left bottom, from(#00FF00), to(#7BFF00));
				background-image:     -ms-linear-gradient(left top, left bottom, from(#00FF00), to(#7BFF00));
				background-image:      -o-linear-gradient(left top, left bottom, from(#00FF00), to(#7BFF00));
				background-image:         linear-gradient(left top, left bottom, from(#00FF00), to(#7BFF00));
				   -moz-border-radius-bottomright: 4px;
				   -moz-border-radius-bottomleft: 4px;
				-webkit-border-bottom-right-radius: 4px;
				-webkit-border-bottom-left-radius: 4px;
				        border-bottom-right-radius: 4px;
				        border-bottom-left-radius: 4px;

		}
			#menu li {
				margin:0;
				padding:0;
				list-style: none;
				display: table-cell;
			}
				#menu a {
					display:block;
					text-decoration:none;
					padding:10px 15px;
					padding:10px 22px;
					text-align:center;
					color:#000;
					background-image: url(/web/css/img/menu-separate.png);
					background-repeat: no-repeat;
					background-position: center left;
					white-space:nowrap;
				}
				#menu li:first-child a {
					background-image: none;
				}
				#menu a:focus,
				#menu a:active,
				#menu a:hover,
				#menu a.selected
				{
					background:rgb(255, 255, 255);
				}
	#submenu {
		overflow:hidden;
		padding:12px 0;
		background:rgb(255, 255, 255);
		border-bottom:1px solid rgb(204,204,204);
	}	
		#submenu ul {
			margin:0 5px;
			padding:0;
			float:left;
			overflow:hidden;
			width:225px;
		}
		#submenu .first-child {
			margin-left:0;
		}
		#submenu .last-child {
			margin-right:0;
		}
			#submenu li {
				margin:0;
				padding:0;
				list-style: none;
			}
				#submenu a {
					text-decoration:none;
					padding:1px 0 1px 0;
					color: #333;
					display:block;
				}
				#submenu a:focus,
				#submenu a:active,
				#submenu a:hover,
				#submenu a.selected
				{
					color:#0c0;
				}
				#submenu a.selected {
					background-image: url(/web/css/img/submenu-arrow.png);
					background-repeat: no-repeat;
					background-position: 0px 4px;
					padding-left:10px;
				}
	.centerNavigation h2
	{
		font-weight:normal;
		margin-top:8px;
		color:rgb(76, 76, 76);
	}
		.centerNavigation h2 strong
		{
			font-weight:bold;
			color:rgb(0,0,0);
		}
	.centerNavigation ul 
	{
		background: url(img/icon-arrow-down-green.png) no-repeat 1px 8px;
		margin: 0;
		padding:35px 0 0 0;
	}
		.centerNavigation ul ul
		{
			padding:0 0 0 30px;
			background : none;
		}
		.centerNavigation li {
			margin:0;
			padding:0;
			list-style: none;
		}
			.centerNavigation a {
				text-decoration:none;
				padding:1px 0 1px 0;
				color:#333;
				display:block;
			}
			.centerNavigation a:focus,
			.centerNavigation a:active,
			.centerNavigation a:hover,
			.centerNavigation a.selected {
				color:#0c0;
			}
				.centerNavigation a.selected {
					background-image: url(/web/css/img/submenu-arrow.png);
					background-repeat: no-repeat;
					background-position: 1px 4px;
					padding-left:12px;
				}
	#head .banner {
		margin-top : 10px;
		margin-bottom : 0px;
		overflow:hidden;
	}
	
	.banner_ {
		margin-top : 0px;
		margin-bottom : 10px;
		margin-left:5px;
		margin-right:5px;
		overflow:hidden;
	}
		.banner object {
			background:none;
		}
		
	#main {
		padding-top:8px;
		margin:2px 0 10px 0;
	}
	#foot {
		margin:0 5px;
		height:135px;
		color:rgb(204, 204, 204);
		position:relative;
		background-position: bottom;
		background-repeat: repeat-x;
		background-color:rgb(155,157,160);
		background-image: url(/web/css/img/foot-gradient.png);
			background-image: -webkit-gradient(linear, left top, left bottom, from(#9B9DA0), to(#656668));
			background-image: -webkit-linear-gradient(left top, left bottom, from(#9B9DA0), to(#656668));
			background-image:    -moz-linear-gradient(left top, left bottom, from(#9B9DA0), to(#656668));
			background-image:     -ms-linear-gradient(left top, left bottom, from(#9B9DA0), to(#656668));
			background-image:      -o-linear-gradient(left top, left bottom, from(#9B9DA0), to(#656668));
			background-image:         linear-gradient(left top, left bottom, from(#9B9DA0), to(#656668));
			-webkit-border-radius: 3px;
			   -moz-border-radius: 3px;
			        border-radius: 3px;
	}
		#foot h6 {
			font-weight: bold;
			margin:10px;
			padding:0;
			color:#eee;
		}
		#foot p {
			margin:0 10px;
		}
		#foot a {
			color:#ccc;
			text-decoration:none;
		}
		#foot a:focus,
		#foot a:hover,
		#foot a:active {
			color:#fff;
			text-decoration:underline;
		}
		#foot .adr {
			border-top:1px dashed rgb(204, 204, 204);
			margin:10px;
			padding-top:8px;
			position:absolute;
			bottom:0;
			width:910px;
		}
		#foot .adr a {
			color:rgb(204, 204, 204);
		}
		#foot .adr a:focus,
		#foot .adr a:active,
		#foot .adr a:hover {
			color:rgb(255, 255, 255);
		}
/*
	COLS
*/
.cols_4 {
	overflow:hidden;
	padding-bottom:20px;
}
	.cols_4 .col_1,
	.cols_4 .col_2,
	.cols_4 .col_3,
	.cols_4 .col_4 {
		float:left;
		margin:0 5px;
	}
	.cols_4 .teasers .col_1 {
		width:225px;
	}
	
	.cols_4 .col_1 {
		width:225px;
	}
	.cols_4 .col_2 {
		width:460px;
	}
	.cols_4 .col_3 {
		width:695px;
	}
	.cols_4 .col_4 {
		width:930px;
	}
	 /* !!! HACK !!! */
	.frontpage 	.cols_4 .col_3 {
		width:700px;
	}
	.frontpage 	.cols_4 .col_1 {
		width:220px;
	}
	
	/* Teaser Boxes p� forsiden */
	 .teasers
	{
	    width:940px;
	    overflow:hidden;
	}
	
	.teasers .col_1 
	{
	    overflow:hidden;
	    padding-bottom:0px;
	    float:left;
	    width:225px;
	    margin:0px 5px;
	    margin-top:0px;
	}
	/* ************************ */

	#foot .cols_4 .col_1.first-child,
	#foot .cols_4 .col_2.first-child,
	#foot .cols_4 .col_3.first-child,
	#foot .cols_4 .col_4.first-child {
		margin-left:0;
	}
	#foot .cols_4 .col_1.last-child,
	#foot .cols_4 .col_2.last-child,
	#foot .cols_4 .col_3.last-child,
	#foot .cols_4 .col_4.last-child {
		margin-right:0;
	}
	.content {
		padding:10px;
		background:#fff;
	}

/*
	HEADER and COLOR THEMES
*/

.steps,
.header {
	margin-top:0;
	padding:6px 10px 5px 10px;
	font-weight:normal;
	background-repeat: repeat-x;
	background-position: top center;
/*
	background-image: url(/web/css/img/header-gradient-64.png);
		background-image: -moz-linear-gradient(left top, left bottom, from(rgba(255,255,255,0.25)), to(rgba(255,255,255,0)));
		background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.25)), to(rgba(255,255,255,0)));
*/		
	border:1px solid rgb(230, 230, 230);
		   -moz-border-radius-topright: 4px;
		   -moz-border-radius-topleft: 4px;
		-webkit-border-top-right-radius: 4px;
		-webkit-border-top-left-radius: 4px;
		        border-top-right-radius: 4px;
		        border-top-left-radius: 4px;
}	
	.poll .lightblue,	
	h2.lightblue {
		color:rgb(255, 255, 255);
		border:1px solid rgb(0, 200, 255);
		background-color:rgb(0, 200, 255);
		background-image: url(/web/css/img/header-gradient-lightblue.png);
		background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(0,255,255)), to(rgb(0,200,255)));
		background-image: -webkit-linear-gradient(left top, left bottom, from(rgb(0,255,255)), to(rgb(0,200,255)));
		background-image:    -moz-linear-gradient(left top, left bottom, from(rgb(0,255,255)), to(rgb(0,200,255)));
		background-image:     -ms-linear-gradient(left top, left bottom, from(rgb(0,255,255)), to(rgb(0,200,255)));
		background-image:      -o-linear-gradient(left top, left bottom, from(rgb(0,255,255)), to(rgb(0,200,255)));
		background-image:         linear-gradient(left top, left bottom, from(rgb(0,255,255)), to(rgb(0,200,255)));
	}
	.poll .magenta,
	h2.magenta {
		color:rgb(255, 255, 255);
		border:1px solid rgb(255, 0, 100);
		background-color:rgb(255, 0, 100);
		background-image: url(/web/css/img/header-gradient-magenta.png);
		background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255,0,150)), to(rgb(255, 0, 100)));
		background-image: -webkit-linear-gradient(left top, left bottom, from(rgb(255,0,150)), to(rgb(255, 0, 100)));
		background-image:    -moz-linear-gradient(left top, left bottom, from(rgb(255,0,150)), to(rgb(255, 0, 100)));
		background-image:     -ms-linear-gradient(left top, left bottom, from(rgb(255,0,150)), to(rgb(255, 0, 100)));
		background-image:      -o-linear-gradient(left top, left bottom, from(rgb(255,0,150)), to(rgb(255, 0, 100)));
		background-image:         linear-gradient(left top, left bottom, from(rgb(255,0,150)), to(rgb(255, 0, 100)));
	}
	.poll .violet,
	h2.violet {
		color:rgb(255, 255, 255);
		border:1px solid rgb(90,0,220);
		background-color:rgb(90,0,220);
		background-image: url(/web/css/img/header-gradient-violet.png);
		background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(120,0,255)), to(rgb(90,0,220)));
		background-image: -webkit-linear-gradient(left top, left bottom, from(rgb(120,0,255)), to(rgb(90,0,220)));
		background-image:    -moz-linear-gradient(left top, left bottom, from(rgb(120,0,255)), to(rgb(90,0,220)));
		background-image:     -ms-linear-gradient(left top, left bottom, from(rgb(120,0,255)), to(rgb(90,0,220)));
		background-image:      -o-linear-gradient(left top, left bottom, from(rgb(120,0,255)), to(rgb(90,0,220)));
		background-image:         linear-gradient(left top, left bottom, from(rgb(120,0,255)), to(rgb(90,0,220)));
	}
	.poll .blue,
	h2.blue {
		color:rgb(255, 255, 255);
		border:1px solid rgb(0,0,190);
		background-color:rgb(0,0,190);
		background-image: url(/web/css/img/header-gradient-blue.png);
		background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(0,0,255)), to(rgb(0,0,190)));
		background-image: -webkit-linear-gradient(left top, left bottom, from(rgb(0,0,255)), to(rgb(0,0,190)));
		background-image:    -moz-linear-gradient(left top, left bottom, from(rgb(0,0,255)), to(rgb(0,0,190)));
		background-image:     -ms-linear-gradient(left top, left bottom, from(rgb(0,0,255)), to(rgb(0,0,190)));
		background-image:      -o-linear-gradient(left top, left bottom, from(rgb(0,0,255)), to(rgb(0,0,190)));
		background-image:         linear-gradient(left top, left bottom, from(rgb(0,0,255)), to(rgb(0,0,190)));
	}
	.poll .yellow,
	h2.yellow {
		color:#444444;
		border:1px solid rgb(255,231,0);
		background-color:rgb(255,231,0);
		background-image: url(/web/css/img/header-gradient-yellow.png);
		background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255,249,0)), to(rgb(255,231,0)));
		background-image: -webkit-linear-gradient(left top, left bottom, from(rgb(255,249,0)), to(rgb(255,231,0)));
		background-image:    -moz-linear-gradient(left top, left bottom, from(rgb(255,249,0)), to(rgb(255,231,0)));
		background-image:     -ms-linear-gradient(left top, left bottom, from(rgb(255,249,0)), to(rgb(255,231,0)));
		background-image:      -o-linear-gradient(left top, left bottom, from(rgb(255,249,0)), to(rgb(255,231,0)));
		background-image:         linear-gradient(left top, left bottom, from(rgb(255,249,0)), to(rgb(255,231,0)));
	}
	.poll .red,
	h2.red {
		color:rgb(255, 255, 255);
		border:1px solid rgb(255,0,0);
		background-color:rgb(255,0,0);
		background-image: url(/web/css/img/header-gradient-red.png);
		background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255,98,0)), to(rgb(255,0,0)));
		background-image: -webkit-linear-gradient(left top, left bottom, from(rgb(255,98,0)), to(rgb(255,0,0)));
		background-image:    -moz-linear-gradient(left top, left bottom, from(rgb(255,98,0)), to(rgb(255,0,0)));
		background-image:     -ms-linear-gradient(left top, left bottom, from(rgb(255,98,0)), to(rgb(255,0,0)));
		background-image:      -o-linear-gradient(left top, left bottom, from(rgb(255,98,0)), to(rgb(255,0,0)));
		background-image:         linear-gradient(left top, left bottom, from(rgb(255,98,0)), to(rgb(255,0,0)));
	}
	.poll .silver,
	h2.silver {
		border:1px solid rgb(230,230,230);
		background-color:rgb(230,230,230);
		background-image: url(/web/css/img/header-gradient-silver.png);
		background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(249,249,249)), to(rgb(230,230,230)));
		background-image: -webkit-linear-gradient(left top, left bottom, from(rgb(249,249,249)), to(rgb(230,230,230)));
		background-image:    -moz-linear-gradient(left top, left bottom, from(rgb(249,249,249)), to(rgb(230,230,230)));
		background-image:     -ms-linear-gradient(left top, left bottom, from(rgb(249,249,249)), to(rgb(230,230,230)));
		background-image:      -o-linear-gradient(left top, left bottom, from(rgb(249,249,249)), to(rgb(230,230,230)));
		background-image:         linear-gradient(left top, left bottom, from(rgb(249,249,249)), to(rgb(230,230,230)));
	}
	.poll .gray,
	h2.gray { /* Bonus farve */
		color:#444444;
		border:1px solid rgb(230,230,230);
		background-color:rgb(230,230,230);
		background-image: url(/web/css/img/header-gradient-silver.png);
		background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(249,249,249)), to(rgb(230,230,230)));
		background-image: -webkit-linear-gradient(left top, left bottom, from(rgb(249,249,249)), to(rgb(230,230,230)));
		background-image:    -moz-linear-gradient(left top, left bottom, from(rgb(249,249,249)), to(rgb(230,230,230)));
		background-image:     -ms-linear-gradient(left top, left bottom, from(rgb(249,249,249)), to(rgb(230,230,230)));
		background-image:      -o-linear-gradient(left top, left bottom, from(rgb(249,249,249)), to(rgb(230,230,230)));
		background-image:         linear-gradient(left top, left bottom, from(rgb(249,249,249)), to(rgb(230,230,230)));
	}
	
	.teaser div.blue,
	.teaser div.magenta,
	.teaser div.lightblue {
		overflow:hidden;
		border-bottom:0;
		   -moz-border-radius-bottomright: 4px;
		   -moz-border-radius-bottomleft: 4px;
		-webkit-border-bottom-right-radius: 4px;
		-webkit-border-bottom-left-radius: 4px;
		        border-bottom-right-radius: 4px;
		        border-bottom-left-radius: 4px;
	}	
	.teaser div.lightblue {
		background:#BFFFFF;
	}
	.teaser div.blue {
		background:#BFBFFF;
	}
	.teaser div.magenta {
		background:#FFBFDD;
	}
	

/*
	YOUTUBE
*/
a.youtube {
	/*background-image: url(/web/css/img/ajax-loader.gif);*/
	background-repeat: no-repeat;
	background-position: center center;
	background-color:rgb(128, 255, 0);
	line-height:140px;
	text-align:center;
	color:red;
}
a.youtube:focus,
a.youtube:hover 
{
		color:#000;
}
a.youtube img 
{
	display:inline-block;
	margin:0;
	width:460px;
	height:285px;
}
	.youtubeWrap {
		background-image: url(/web/css/img/ajax-loader.gif);
		background-repeat: no-repeat;
		background-position: center center;
		background-color:rgb(128, 255, 0);
	}	
	a.youtube object {
		background-color:rgb(128, 255, 0);
	}
	a.youtube,
	.youtubeWrap,
	a.youtube object {
		margin:0 auto;
		display: block;
		min-width:460px;
		min-height:285px;
	}
/*
	BUTTON
*/
input.button,
button.button {
	padding:0px 6px 2px 6px;
	margin:0;
	font-weight:normal;
	color:#ffffff;
	background-position: top;
	background-repeat: repeat-x;
	background-color:rgb(156,158,161);
	background-image: url(/web/css/img/button-gradient-gray.png);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#CCCCCC), to(#9C9EA1));
		background-image: -webkit-linear-gradient(left top, left bottom, from(#CCCCCC), to(#9C9EA1));
		background-image:    -moz-linear-gradient(left top, left bottom, from(#CCCCCC), to(#9C9EA1));
		background-image:     -ms-linear-gradient(left top, left bottom, from(#CCCCCC), to(#9C9EA1));
		background-image:      -o-linear-gradient(left top, left bottom, from(#CCCCCC), to(#9C9EA1));
		background-image:         linear-gradient(left top, left bottom, from(#CCCCCC), to(#9C9EA1));
	border:0;
		-webkit-border-radius:5px;
		   -moz-border-radius:5px;
		        border-radius:5px;
		-webkit-box-shadow:0 1px 3px rgba(0,0,0, 0.2);
		   -moz-box-shadow:0 1px 3px rgba(0,0,0, 0.2);
		        box-shadow:0 1px 3px rgba(0,0,0, 0.2);
}
	/*
		:root is not support in IE6 + 7 + 8
		The :hover pseudo-selector on non-anchor elements is known to make IE7 and IE8 slow in some cases
		http://connect.microsoft.com/IE/feedback/ViewFeedback.aspx?FeedbackID=391387
	*/
	:root input.button:focus,
	:root input.button:hover,
	:root button.button:focus,
	:root button.button:hover {
		background-position: top;
		background-repeat: repeat-x;
		background-color:rgb(0, 255, 0);
		background-image: url(/web/css/img/button-gradient-green.png);
			background-image: -webkit-gradient(linear, left top, left bottom, from(#A4FF00), to(#0EFF00));
			background-image: -webkit-linear-gradient(left top, left bottom, from(#A4FF00), to(#0EFF00));
			background-image:    -moz-linear-gradient(left top, left bottom, from(#A4FF00), to(#0EFF00));
			background-image:     -ms-linear-gradient(left top, left bottom, from(#A4FF00), to(#0EFF00));
			background-image:      -o-linear-gradient(left top, left bottom, from(#A4FF00), to(#0EFF00));
			background-image:         linear-gradient(left top, left bottom, from(#A4FF00), to(#0EFF00));
		outline:none;
			-webkit-box-shadow:0 1px 3px rgba(0,0,0, 0.1);
			   -moz-box-shadow:0 1px 3px rgba(0,0,0, 0.1);
			        box-shadow:0 1px 3px rgba(0,0,0, 0.1);
	}
	input.button.focus,
	input.button.hover,
	button.button.focus,
	button.button.hover
	{
		background-color:rgb(0, 255, 0);
		background-image: url(/web/css/img/button-gradient-green.png);
	}
	button.button img 
	{
	}
		button.button img.right 
		{
			float:right;
			margin-left:10px;
		}
		button.button img.left 
		{
			float:left;
			margin-right:10px;
		}
/*
	SEARCHRESULT
*/
.searchresult {}
	.searchresult .search
	{
		margin-bottom:1em;
	}
	.searchresult h2 {
		margin:0;
	}
	.searchresult .image {
		float:left;
		margin-right:10px;
		margin-top:5px;
	}
	.searchresult .paging
	{
		margin:1em 0;
		padding:0;	
		list-style:none;
	}
		.searchresult .paging li
		{
			margin:0;
			padding:0;	
			display:inline;
		}
			.searchresult .paging a
			{
				margin:0;
				padding:0;	
				display:inline-block;
				border:1px solid silver;
				min-width:1.2em;
				text-align:center;
				text-decoration:none;
				font-weight:normal;
				color:gray;
			}
			.searchresult .paging a:focus,
			.searchresult .paging a:hover,
			.searchresult .paging .selected a
			{
				border:1px solid gray;
				background:#00FF00;
				color:black;
			}
			
	.searchresult .items 
	{
		border-bottom:1px dashed #ccc;
		margin-top:15px;
	}
		.searchresult .items .item
		{
			padding:15px 0;
			border-top:1px dashed #ccc
			
		}
		.searchresult .items .item p
		{
			margin:.4em 0 0 0;
		}
	.searchresult .breadcrumb {
		margin:0;
		padding:0;
		list-style:none;
		overflow:hidden;
		clear:left;
		}
		.searchresult .breadcrumb li {
			display:inline;
			}
			.searchresult .breadcrumb li:before {content: "/"}
			.searchresult .breadcrumb li:first-child:before {content: ""}
			
/*
	SEARCH (Input and search button)
*/
.search {
	position:relative;
	width:188px;
	height:24px;
	overflow:hidden;
	background:#fff url(/web/css/img/searchbtn-arrow.png) no-repeat 9px center;
	border:1px solid #7F7F7F;
		-webkit-border-radius:3px;
		   -moz-border-radius:3px;
		        border-radius:3px;
}
	.search .text,
	.search .submit {
		position:absolute;
		top:0;
		border:0;
		margin:0;
		padding:0;
	}
	.search .text {
		left:0;
		padding:4px 4px 4px 22px;
		width:138px;
		height:16px;
		color:rgb(76,76,76);
		background-color: transparent;
		background-image: url(/web/css/img/search-arrow.png);
		background-repeat: no-repeat;
		background-position: 9px center;
	}
	.search .submit {
		cursor:pointer;
		right:0;
		width:24px;
		height:24px;
		text-indent:-9999px;
		background-color:transparent;
		background-image: url(/web/css/img/icon-magnify.png);
		background-repeat: no-repeat;
		background-position: 4px center;
	}
		.search .submit:focus,
		.search .submit:hover {
			right:-1px;
			top:1px;
		}
		
/*
	TABS
*/
.tabs {
	margin:0 !important;
	padding:5px 0 0 100px;
	height:30px;
	border-bottom:10px solid #fff;
	background-color:rgb(123, 124, 127);
	background-repeat: repeat-x;
	background-position: top;
	background-image: url(/web/css/img/tab-gradient.png);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#9B9DA0), to(#5B5C5E));
		background-image: -webkit-linear-gradient(left top, left bottom, from(#9B9DA0), to(#5B5C5E));
		background-image:    -moz-linear-gradient(left top, left bottom, from(#9B9DA0), to(#5B5C5E));
		background-image:     -ms-linear-gradient(left top, left bottom, from(#9B9DA0), to(#5B5C5E));
		background-image:      -o-linear-gradient(left top, left bottom, from(#9B9DA0), to(#5B5C5E));
		background-image:         linear-gradient(left top, left bottom, from(#9B9DA0), to(#5B5C5E));
		   -moz-border-radius-topright: 4px;
		   -moz-border-radius-topleft: 4px;
		-webkit-border-top-right-radius: 4px;
		-webkit-border-top-left-radius: 4px;
		        border-top-right-radius: 4px;
		        border-top-left-radius: 4px;
}
	.tabs ul {
		list-style:none;
		margin:0 !important;
		padding:0;
	}
		.tabs li {
			float:left;
			text-indent:0;
			padding:0;
			margin:0 !important;
			list-style-image:none !important;
		}
			.tabs a {
				float:left;
				display:block;
				padding:4px 50px 4px 10px;
				text-decoration:none;
				border-bottom:0px;
				height:18px;
				background:rgb(162, 164, 166);
				color:#fff;
				margin-right:9px;
				position:relative;
				top:4px;
				outline:none;
					   -moz-border-radius-topright: 4px;
					   -moz-border-radius-topleft: 4px;
					-webkit-border-top-right-radius: 4px;
					-webkit-border-top-left-radius: 4px;
					        border-top-right-radius: 4px;
					        border-top-left-radius: 4px;
			}
			.tabs a:active {
				outline:none;
			}
			.tabs a:hover,
			.tabs a:focus
			{
				background:rgb(128, 255, 0);
				background-image: url(/web/css/img/tab-gradient-hover.png);
				background-repeat: repeat-x;
				background-position: top;
				color:#fff;
			}
			.tabs a.current {
				background-color:#fff;
				background-image:none;
				color:rgb(102, 102, 102);
				cursor:default;
			}
			.tabs a.current:hover,
			.tabs a.current:focus {
				color:#000;
			}
			
/*
	PANES (.panes is used together with .tabs)
*/		
.panes .pane {
	display:none;
	min-height:150px;
	background-color:#fff;
	
	position:relative;
	border-bottom:1px dashed #ccc;
	padding-bottom:10px;
}
/*
	SPLASH
*/
.splash 
{
	position:relative;
	margin-bottom:10px;
}
	.splash img 
	{
		display:block;
	}
/*
	TAB-BOX
*/
.tabbox 
{
	width:693px;
	width:698px;
	position:relative;
	margin-bottom:10px;
}
.js .tabbox
{
	height:230px;
	overflow:hidden;
	background:rgb(230, 230, 230);
	border:1px solid rgb(230, 230, 230);
		-webkit-border-radius:4px;
		   -moz-border-radius:4px;
		        border-radius:4px;
}
	.tabbox .navigation 
	{
		display:none;
		width:34px;
		height:230px;
		position:absolute;
		z-index:100;
		top:0;
		left:0;
		background-color:rgb(230, 230, 230);
		background-position: bottom;
		background-repeat:repeat-x;
		background-image: url(/web/css/img/tabbox-gradient.png);
			background-image: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#E6E6E6));
			background-image: -webkit-linear-gradient(left top, left bottom, from(#FAFAFA), to(#E6E6E6));
			background-image:    -moz-linear-gradient(left top, left bottom, from(#FAFAFA), to(#E6E6E6));
			background-image:     -ms-linear-gradient(left top, left bottom, from(#FAFAFA), to(#E6E6E6));
			background-image:      -o-linear-gradient(left top, left bottom, from(#FAFAFA), to(#E6E6E6));
			background-image:         linear-gradient(left top, left bottom, from(#FAFAFA), to(#E6E6E6));
			   -moz-border-radius-topleft:4px;
			   -moz-border-radius-bottomleft:4px;
			-webkit-border-top-left-radius:4px;
			-webkit-border-bottom-left-radius:4px;
			        border-top-left-radius:4px;
			        border-bottom-left-radius:4px;

	}
	.js .tabbox .navigation 
	{
		display:block;
	}
		.tabbox .navigation a
		{
			width:34px;
			height:46px;
			background-image:url(/web/css/img/tabbox-button.png);
			background-position:-7px -7px;
			background-repeat:no-repeat;
		}
		.tabbox .navigation .current
		{
			z-index:200;
			background-color:rgb(128, 255, 0);
			background-repeat: repeat-x;
			background-position: top;
			background-image: url(/web/css/img/menu-gradient.png);
				background-image: -webkit-gradient(linear, left top, left bottom, from(#00FF00), to(#7BFF00));
				background-image: -webkit-linear-gradient(left top, left bottom, from(#00FF00), to(#7BFF00));
				background-image:    -moz-linear-gradient(left top, left bottom, from(#00FF00), to(#7BFF00));
				background-image:     -ms-linear-gradient(left top, left bottom, from(#00FF00), to(#7BFF00));
				background-image:      -o-linear-gradient(left top, left bottom, from(#00FF00), to(#7BFF00));
				background-image:         linear-gradient(left top, left bottom, from(#00FF00), to(#7BFF00));
		}
		.tabbox .navigation .current span
		{
			display:block;
			width:34px;
			height:46px;
			background-image:url(/web/css/img/tabbox-button.png);
			background-position:-7px -67px;
			background-repeat:no-repeat;
		}
		.tabbox .navigation a 
		{
			display:block;
			width:34px;
			height:46px;
		}
		.tabbox .navigation a:first-child
		{
			   -moz-border-radius-topleft:4px;
			-webkit-border-top-left-radius:4px;
			        border-top-left-radius:4px;
		}
		.tabbox .navigation a:last-child
		{
			   -moz-border-radius-bottomleft:4px;
			-webkit-border-bottom-left-radius:4px;
			        border-bottom-left-radius:4px;
		}
	.tabbox .item 
	{
		height:230px;
		width:693px;
		width:698px;
		overflow:hidden;
		position:relative;
		margin-bottom:10px;
		z-index:25;
			-webkit-border-radius:4px;
			   -moz-border-radius:4px;
			        border-radius:4px;
	}
	.js .tabbox .item 
	{
		position:absolute;
		top:0;
		margin-bottom:0;
	}
	.tabbox .largelink 
	{
		position:absolute;
		z-index:110;
		height:230px;
		width:693px;
		width:698px;
	}
	.tabbox .item.active
	{
		z-index:50;
	}
		.tabbox .image 
		{
			overflow:hidden;
			height:230px;
			width:693px;
			width:698px;
			background-position:center center;
			background-repeat:no-repeat;
				-webkit-border-radius:5px;
				   -moz-border-radius:5px;
				        border-radius:5px;
		}
		.tabbox .image a 
		{
			display:block;
			height:230px;
			width:693px;
			width:698px;
		}
		
		.js .tabbox .image img 
		{
			display:none !important;
		}
		.tabbox .text
		{
			background:rgb(0,0,0);
			background:rgba(0,0,0,0.7);
			color:#ddd;
			position:absolute;
			bottom:0;
			right:0;
			width:654px; /* ??? */
			padding-left:12px;
				   -moz-border-radius-bottomright:4px;
				-webkit-border-bottom-right-radius:4px;
				        border-bottom-right-radius:4px;
		}
			.tabbox .wrap
			{
				position:relative;
			}
				.tabbox strong
				{
					color:#fff;
				}
				.tabbox p.date 
				{
					position:absolute;
					top:15px;
					right:20px;
					color:silver;
					margin:0;
				}
		.tabbox a.link 
		{
		}
		.tabbox .content {
			padding:8px 10px;
			background:transparent;
		}
			.tabbox .content p 
			{
				width:40em;
			}
/* 
	SCROLLABLE
*/
.scrollable {
	position:relative;
	overflow:hidden;
	width: 695px;
	width: 700px;
	min-height:165px;
	background-color:#fff;
	z-index:200;
	position:relative;
}
	.scrollable .items {
		width:20000em;
		position:absolute;
		clear:both;
	}
		.scrollable .items div {
			float:left;
			width:auto;
		}
		.scrollable .items div div {
			float:left;
			width:160px;
		}
		.scrollable .items div.active {}
			.scrollable .items div img {
				display:block;
			}
			.scrollable .items p 
			{
				margin:0;
				padding-right:10px;
			}
			.scrollable .items h3 
			{
				margin-top:13px;
				padding-right:10px;
				margin-bottom:4px;
			}
			.scrollable .items h3 a
			{
				text-decoration:none;
			}
				.scrollable .items p a
				{
					margin-top:13px;
					margin-bottom:3px;
					display:block;
					color:#4c4c4c;
				}
	/* (a.prev and a.next are used together with .scollable) */
	a.prev, 
	a.next
	{
		display:block;
		width:35px;
		height:90px;
		z-index:300;
		cursor:pointer;
		font-size:1px;
		background-repeat:no-repeat;
		background-position:0 0;
	}
	a.prev:hover, 
	a.next:hover
	{
		background-position:0px -90px;
	}
	a.disabled
	{
		visibility:hidden !important;
		cursor:default !important;
	}
	a.prev
	{
		background-image:url(/web/css/img/scrollable-arrow-prev.png);
		position:absolute;
		top:0;
		left:0;
	}
	a.next
	{
		background-image:url(/web/css/img/scrollable-arrow-next.png);
		position:absolute;
		top:0;
		right:0;
	}
	/* (.navi is used together with .scollable) */
	.navi {
		position:absolute;
		bottom:0;
		z-index:200;
		left:325px;
		width:200px;
		height:20px;
	}
		.navi a {
			width:8px;
			height:8px;
			float:left;
			margin:3px;
			background:url(/web/css/img/scrollable-arrow-navigator.png) 0 0 no-repeat;
			display:block;
			font-size:1px;
		}
		.navi a:hover {
			background-position:0 -8px;
		}
		.navi a.active {
			background-position:0 -16px;
		}
/*
	ARTICLE
*/
.article
{
	position:relative;
	margin-top:8px;
	padding-right:5px;
}
.article h1
{
	margin-top:0;
	line-height:26px;
}
	/**/
	.article h2 {
		margin-bottom:3px;
	}
	.article p {
		margin:0 0 11px 0;
		line-height:1.4;
	}
	.article p.readmore {
		margin-top:-7px;
	}
	.article ul.readmore {
		margin:-7px 0 11px 0;
		padding:0;
		background:red;
		list-style:none;
	}
	.article ul.readmore li {
		margin:0;
		padding:-7px 0 0 13px;
		background-image: url(/web/css/img/readmore-arrow.png);
		background-repeat: no-repeat;
		background-position: 0px 4px;
	}
	.article p.date {
		margin:0;
		line-height:normal;
	}
	.article h3 {
		margin-bottom:0;
	}
	
	.article .fakta {
		background:#f2f2f2;
		padding:5px 20px;
	}
	h2.safety {
		font-family: "SafetyRegular", "myriad pro","trebuchet ms","helvetica neue",helvetica,arial,sans-serif;
		font-weight: normal;
		font-size:18px;
		color:#000;
	}
	
	
	.article .tools {
		top:35px;
		right:5px;
	}
	.article .date {
		color:rgb(128, 128, 128);
		position:absolute;
		top:0;
		right:5px;
	}
.lastUpdated {
	margin-top:20px;
	font-size:11px;
	color:#999;
}
.atoaa {
}
.atoaa .letters {
	overflow:hidden;
}
.atoaa .letters ul {
	list-style:none;
	margin:10px 0;
	padding:0;
}
.atoaa .letters li {
	float:left;
}
.atoaa .letters a {
	float:left;
	outline:0;
	margin:0 4px 0 0;
	padding:3px 4px;

	border:1px solid #ccc;
	white-space:nowrap;
	vertical-align:middle;
	cursor:pointer;
	overflow:visible;

	background:#f6f6f6;
	background-image:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#efefef));
	background-image:-webkit-linear-gradient(top,#ffffff,#efefef);
	background-image:   -moz-linear-gradient(top,#ffffff,#efefef);
	background-image:    -ms-linear-gradient(top,#ffffff,#efefef);
	background-image:     -o-linear-gradient(top,#ffffff,#efefef);
	background-image:        linear-gradient(top,#ffffff,#efefef);

	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
	        border-radius:3px;
}
.atoaa .letters a:focus,
.atoaa .letters a:hover
{
	outline:0 none;
	border-color:#999999;
	-webkit-box-shadow:0 0 3px #999;
	   -moz-box-shadow:0 0 3px #999;
	        box-shadow:0 0 3px #999;
}
.atoaa .letters a.selected {
	color:#000;
	font-weight:bold;
	background:#ddd;
	cursor:default;
	border-color:#ccc;
	-webkit-box-shadow:none;
	   -moz-box-shadow:none;
	        box-shadow:none;
}

.atoaa .letters .selected {
	color:red
}
.atoaa .links {
	margin-top:10px;
	clear:both;
}
.atoaa .links ul {
	list-style:none;
	margin:10px 0;
	padding:10px 0;
	border-top:1px dashed #ccc;
	border-bottom:1px dashed #ccc;
}

/* 
	BLOGLIST
*/
.bloglist {}
	.bloglist .item {
		margin-top:10px;
		border-bottom:1px dashed #ccc;
		padding-bottom:10px;
		overflow:hidden;
	}
		.bloglist .image {
			width:80px;
			float:left;
		}
		.bloglist .text {
			width:140px;
			float:left;
		}
		.bloglist h3 {
			margin-top:0;
		}
			.bloglist h3 a {
				color:#F32B3A;
				text-decoration:none;
			}
		.bloglist .manchet {
			font-weight:normal;
		}

/*
	CAMPAIGNS (3 elements)
*/
.campaigns 
{
	margin-bottom:10px;
	position:relative;
	   -moz-border-radius-bottomright: 4px;
	   -moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	        border-bottom-right-radius: 4px;
	        border-bottom-left-radius: 4px;
}
	.campaigns .items
	{
		overflow:hidden;
	}
		.campaigns .item
		{
			float:left;
			width:231px;
			width:233px;
		}
			.campaigns .largelink 
			{
				position:absolute;
				z-index:210;
				height:160px;
				width:231px;
				width:233px;
				background:transparent;
				zoom:1;
			}
			.campaigns .item .campaign h2 a
			{
				text-decoration:none;
			}
			.campaigns .item.nth-child-0 .campaign h2 
			{
				   -moz-border-radius-topright:0; 
				-webkit-border-top-right-radius:0;
				        border-top-right-radius:0;
			}
			.campaigns .item.nth-child-0 .campaign .text,
			.campaigns .item.nth-child-0 .campaign .image
			{
				   -moz-border-radius-bottomleft: 4px;
				-webkit-border-bottom-left-radius: 4px;
				        border-bottom-left-radius: 4px;
			}
			
			.campaigns .item.nth-child-1 .campaign h2 
			{
				-webkit-border-radius:0;
				   -moz-border-radius:0;
				        border-radius:0;
			}
			.campaigns .item.nth-child-2 .campaign h2 
			{
				   -moz-border-radius-topleft:0; 
				-webkit-border-top-left-radius:0;
				        border-top-left-radius:0;
			}
			.campaigns .item.nth-child-2 .campaign .text,
			.campaigns .item.nth-child-2 .campaign .image
			{
				   -moz-border-radius-bottomright: 4px;
				-webkit-border-bottom-right-radius: 4px;
				        border-bottom-right-radius: 4px;
			}
			.campaigns .imageText 
			{
				position:relative;
				height:130px;
				overflow:hidden;
				
			}
				.campaigns .image 
				{
					height:130px;
					width:231px;
					width:233px;
					background-position:center center;
					background-repeat:no-repeat;
				}
				.js .campaigns .image img 
				{
					display:none !important;
				}
				.campaigns .text 
				{
					background:rgb(0,0,0);
					background:rgba(0,0,0,0.7);
					color:#ddd;
					position:absolute;
					bottom:0;
					left:0;
					width:231px;
					width:233px;
				}
				.js .campaigns .text 
				{
				}
					.campaigns .content
					{
						background:transparent;
						padding:0 10px;
					}
					
/*
	FAQ
*/
.faq
{
	border-bottom:1px dashed #ccc;
}
	.faq select
	{
		margin-bottom:10px;
		width:99%;
	}
/* 
	LATEST COMMENTS
*/
.latestComments {
	border-bottom:1px dashed #ccc;
}
		.latestComments .blockquote 
		{
			margin:10px 0;
			padding-bottom:11px;
			border-bottom:1px solid #fff;
			background-repeat: no-repeat;
		}
		.latestComments .left {
			background-image:url(/web/css/img/comment.arrow.left.gif);
			background-position: 20px bottom;
		}
		.latestComments .right {
			background-image:url(/web/css/img/comment.arrow.right.gif);
			background-position: 190px bottom;
		}
			.latestComments blockquote  {
				background-color:#FDE4E5;
				padding:10px;
					-webkit-border-radius: 4px;
					   -moz-border-radius: 4px;
					        border-radius: 4px;
			}
				.latestComments cite 
				{
					font-style:normal;
					font-weight:bold;
				}
				.latestComments p
				{
					margin:0;	
				} 
				.latestComments a {
					text-decoration:none;
				}
				.latestComments a:hover,
				.latestComments a:active,
				.latestComments a:focus {
					text-decoration:underline;
				}


/*
	NEWSLIST
*/
.newslist {
	margin-top:20px; /* WARNING */
	margin-top:0;
}
	.newslist .item {
		overflow:hidden;
		padding:10px;
		border-bottom:1px dashed #ccc;
	}
		.newslist .image {
			float:left;
			width:100px;
			overflow:hidden;
			margin-right: 10px; /* Corrected by TVO */
		}
		.newslist .text {
			/* Corrected by TVO */
			/*float:left;
			width:330px;
			margin-left:10px;*/
			overflow: hidden;
		}
			.newslist h3 {
				margin:0;
			}
				.newslist h3 a {
					text-decoration:none;
				}
			.newslist .item p
			{
				margin:0;
			}						
			.newslist .date {
				margin:0;
				float:right;
			}
			/* Added by SKK. 
				Usage: SikkerTrafik_RightContent_NewsList.ascx */
			.newslist .listdate	{
				font-size: 0.8em;
			}
/*
	RELATED ARTICLES
*/
.relatedarticles {}
	.relatedarticles .items {}
		.relatedarticles .item 
		{
			padding:10px;
			border-bottom:1px dashed #ccc;
		}
		.relatedarticles h3
		{
			margin-top:0;
		}
		.relatedarticles .item p
		{
			margin:0;
		}
/* 
	RELATED PRODUCTS
*/
.relatedproducts .item 
{
	border-bottom:1px dashed #ccc;
	padding:10px;
}
	.relatedproducts h3
	{
		margin-top:0;
	}
		.relatedproducts .price 
		{
			margin:0;
		}
		.relatedproducts .image 
		{
			float:left;
		}
/*
	POLL
*/
.poll
{
	border-bottom:1px dashed #ccc;
}
	.poll .content {}
		.poll .intro p 
		{
			margin-top:0;
		}
	.poll .radios 
	{
		padding:10px 0;
	}
		.poll p 
		{
			margin-bottom:0;
		}
		.poll .pipe  
		{
			height:15px;
				-webkit-border-radius:4px;
				   -moz-border-radius:4px;
				        border-radius:4px;
		}

/*
	TOOLS (in article and comments)
*/
.tools {
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
	position:absolute;
	top:0px;
	right:0;
}
	.tools li 
	{
		float:left;
	}
		.tools a 
		{
			display:block;
			width:16px;
			height:16px;
			margin-left:1px;
			background-position:top left;
			background-repeat:no-repeat;
			background-image: none;
		}
		.tools a.send {	background-image:url(/web/css/img/tool-send.png);}
		.tools a.print {	background-image:url(/web/css/img/tool-print.png);}
		.tools a.share {	background-image:url(/web/css/img/tool-share.png);}
		.tools a.rss {		background-image:url(/web/css/img/tool-rss.png);}
		.tools a:hover,
		.tools a:active,
		.tools a:focus 	
		{
			background-position:bottom left;
		}
			.tools span {
				position:absolute;
				left:-999em;
			}
			
/*
	RssView
*/
	.rssView ul 
	{
		list-style:none;
		margin:.5em 0 1.5em 0;
		padding:0;
	}
		.rssView ul li img 
		{
			vertical-align:middle;
		}
/*
	WEBSHOP
*/
.webshop 
{
	position:relative;
}
.webshop .categories {
	overflow:hidden;
}
	.categories .category 
	{
		width:140px;
		min-height:160px;
		display: -moz-inline-stack; /* FF2 */
		display: inline-block;
		border-bottom:1px dashed #ccc;
		vertical-align:top;
		margin:0 0 15px 5px;
		padding-bottom:5px;
	}
		.categories .nth-child-3n1 {
			margin-left:0;
		}	
		.category .image img {
			max-width:140px;
			margin:0 auto;
			display:block;
		}
		.category .image a:focus img,
		.category .image a:hover img {
			opacity:0.8;
			filter:alpha(opacity=80);
		}
		.webshop .manchet {
			font-weight:normal;
		}
/**/
	.products 
	{
		overflow:hidden;
	}
		.products .product {
			float:left;
			overflow:hidden;
			width:140px;
			min-height:175px;
			padding-bottom:5px;
			margin:0 0 15px 20px;
			border-bottom:1px dashed #ccc;
			position: relative;
		}
			.products .product img {
				max-height:90px;
				overflow:hidden;
			}
			.products .buttonsAndPrice {
				overflow:hidden;
			}
			.products .buttons {
				float:right;
				text-align:right;
				clear:right;
			}
			.products .price {
				float:right;
				margin:5px 0;
				clear:right;
			}
			.products .nth-child-3n1 {
				margin-left:0;
			}
			.products .product .quantum {
				bottom:15px;
				left:0;
				position:absolute;
			}
			.products .product .quantum input {
				width:40px;
			}

			
	.webshop .productInfo 
	{
		width:460px;
	}
		.webshop .productInfo .images 
		{
			width:310px;	
			float:left;
		}
		.webshop .productInfo .meta 
		{
			width:150px;
			float:left;
		}
		
	.webshop .basket {}
		.basket table.data 
		{
			max-width:100%;
		}
			.webshop .data .price,
			.webshop .data .priceTotal,
			.webshop .data .totalPriceExclusiveVAT,
			.webshop .data .totalVAT,
			.webshop .data .totalPriceInclusiveVat
			{
				text-align:right;
			}
			.webshop .data .totalPriceExclusiveVAT,
			.webshop .data .totalPriceInclusiveVat 
			{
				font-weight:bold;
				color:rgb(120, 0, 255);
			}
			.webshop .data .totalVAT th
			{
				font-weight:normal;
			}
			.webshop .data .amount input.text
			{
				width:2em;
			}
			.buttons
			{
				overflow:hidden;
			}
				.buttons .prev
				{
					float:left;
				}
				.buttons .next
				{
					float:right;
				}
	.webshop a.delete
	{
		color:red;
		margin-left:10px;
	}	
	.basket {}
		.basket .items {}
			.basket .item {
				border-bottom:1px dashed #ccc;
			}
			.basket .title strong 
			{
				float:right;	
			}
	.steps
	{
		margin:0;
		padding:10px 0 0 10px;
		list-style-position:inside;
		display:inline-block;
		background-color:rgb(120, 0, 255);
		border:1px solid rgb(120, 0, 255);
		color:rgb(255, 255, 255);
		width:690px;
	}
		.steps ol
		{
			list-style:none;
			margin:0 !important;
			padding:0;
		}

			.steps li
			{
				float:left;
				text-indent:0;
				padding:0;
				margin:0 !important;
				list-style-image:none !important;
				padding:4px 15px 4px 15px;
				min-width:1.2em;
				text-align:center;
				text-decoration:none;
				font-weight:normal;
				color:white;
				height:18px;
			}
			.steps li:first-child 
			{
				margin-left:0;
			}
			.steps li.current
			{
				background:#fff;
				color:black;
				position:relative;
				bottom:-1px;
				background-color:#fff;
				background-image:none;
				color:rgb(102, 102, 102);
					   -moz-border-radius-topright: 4px;
					   -moz-border-radius-topleft: 4px;
					-webkit-border-top-right-radius: 4px;
					-webkit-border-top-left-radius: 4px;
					        border-top-right-radius: 4px;
					        border-top-left-radius: 4px;
			}
				.steps li.current strong 
				{
					font-weight:normal;
				}

	.webshopOrdreConfirmation .section1 
	{
		width:345px;
		float:left;
		margin-bottom:20px;
	}
	.webshopOrdreConfirmation .section2 
	{
		width:345px;
		float:left;
		margin-bottom:20px;
	}
	
	.webshopOrdreConfirmation .basketOrOrderView 
	{
		clear:both;	
	}
	.checkOutConfirmation .section1,
	.checkOutConfirmation .section2,
	.checkOutConfirmation .section3,
	.checkOutConfirmation .section4,
	.checkOutConfirmation .section5,
	.checkOutConfirmation .section6 
	{
		float:left;	
		width:345px;
		margin-bottom:20px;
	}
	.checkOutPayment .options
	{
		padding:8px 0;
	}
	.checkOutPayment .option 
	{
		position:relative;
	}
	.checkOutPayment .option label
	{
		width:300px;
		display:inline-block;
		position:relative;
		padding:12px 0;
	}
	.checkOutPayment .option label img
	{
		position:absolute;
		left:100px;
		top:0;
	}
	
dl.valuePair
{
	margin-bottom:1em;
}
	dl.valuePair dt 
	{
		float:left;
		clear:left;
		width:130px;
		font-weight:bold;
	}
	dl.valuePair dd 
	{
	}
form {
	margin:0;
	padding:0;
}
/*
		:root is not support in IE6 + 7 + 8
*/
:root fieldset 
{
	background:transparent;
	border:1px solid #D5DFE5;
		-webkit-border-radius:6px;
		   -moz-border-radius:6px;
		        border-radius:6px;
}
fieldset
{
	margin:0 0 1em 0;
}
legend
{
	font-weight:bold;
}

.error
{
	color:red;
}
.fieldrow
{
	margin:1px 0;
}
label b
{
	font-weight:normal;
	color:red;
}
.fieldrow label 
{
	display:inline;
	width:auto;
}
.fieldrow label.label
{
	display:inline-block;
	width:130px;
}
.billing-shipping 
{
	overflow:hidden;
}
	.billing
	{
		width:320px;
		vertical-align:top;
		display:inline-block;
	}
	.shipping
	{
		width:320px;
		vertical-align:top;
		display:inline-block;
		float:right;
	}
.trailerCalculation {
}
	.trailerCalculation .steps {
		width: 445px;
	}

	.trailerCalculation .fieldrow {
		margin:18px 0;
	}
	.trailerCalculation .fieldrow label.label {
		display:block;
		width:auto;
	}
	.trailerCalculation .fieldrow label img {
		display:block;
		margin:0 6px 6px 6px;
	}
	.chooseImage {
		overflow:hidden;
	}
	.chooseImage label {
		display:inline-block;
		margin-right:6px;
		cursor:pointer;
	}
	.chooseImage label.hover,
	.chooseImage label:hover
	{
		background:#f6f6f6; /* # */
	}
	
	
/*
	TABLE
*/
	table.data 
	{
		margin-bottom:10px;
	}
	.data td,
	.data th
	{
		border-left:1px dashed #ccc;
		padding:5px 10px;
	}
	.data td:first-child,
	.data th:first-child 
	{
		border-left:0;
	}
	.data thead th
	{
		background-color:#ddd; 
	}
	.data tfoot th,
	.data tfoot td
	{
		background-color:#ddd; 
	}
	.data tbody tr:nth-child(odd)
	{
		background-color:#fff; 
	}
	.data tbody tr:nth-child(even)
	{
		background-color:#eee; 
	}
	.data tbody tr.even
	{
		background-color:#eee; 
	}

.googleMapsStatistics table 
{
	table-layout:fixed;	
}

#rightContent {
	padding-top:73px;
}
.frontpage #rightContent {
	padding-top:0;
}
#rightContent img[height='54'] {
	display:none;
}

.contentBox {
	/*width:220px;*/
	overflow:hidden;
	margin:0 0 15px 0;
	}
	
/* Shortcuts */

.shortcuts ul {
	margin:0;
	padding:0 0 2px 0;
	list-style:none;
  	background-color: #f0f0f0;
  	background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e7e7e7)); /* Saf4+, Chrome */
  	background-image: -webkit-linear-gradient(top, #f7f7f7, #e7e7e7); /* Chrome 10+, Saf5.1+, iOS 5+ */
  	background-image:    -moz-linear-gradient(top, #f7f7f7, #e7e7e7); /* FF3.6 */
  	background-image:     -ms-linear-gradient(top, #f7f7f7, #e7e7e7); /* IE10 */
  	background-image:      -o-linear-gradient(top, #f7f7f7, #e7e7e7); /* Opera 11.10+ */
  	background-image:         linear-gradient(top, #f7f7f7, #e7e7e7);
  			
  	-webkit-border-radius:0 0 4px 4px;
  	   -moz-border-radius:0 0 4px 4px;
  			border-radius:0 0 4px 4px;
}
.shortcuts li {
	margin:0;
	padding:0;
}
.shortcuts a {
	border-top:1px solid #fff;
	display:block;
	color:#333;
	text-decoration:none;
	padding: 7px 24px 6px 10px;
	font-size: 1.1em;
	font-family: "SafetyRegular", "myriad pro","trebuchet ms","helvetica neue",helvetica,arial,sans-serif;
	font-weight: normal;
	background: url('img/arrow-right.png') no-repeat right;
}
.shortcuts a:focus,
.shortcuts a:hover {
	color:#0C0;
}
.shortcuts li:last-child {
    
}
/* Newsletter subscribe */

.newsletter-subscribe {
	border-bottom:1px dashed #ccc;
	}
	.newsletter-subscribe p {
		margin:10px;
		overflow:hidden;
		}
		.newsletter-subscribe p label {
			width:50px;
			height:20px;
			display:block;
			float:left;
			}
		.newsletter-subscribe p .txt {
			width:144px;
			float:left;
			}
		.newsletter-subscribe p span {
			float:left;
			}
		.newsletter-subscribe p .button {
			float:right;
			}

/* LeftNavigation start */
.leftNavigation {
	background:url(/web/css/img/leftmenu-arrow.png) no-repeat 1px 20px;
	padding-top:69px;
	}

.leftNavigation ul {
	margin:0;
	padding:0;
	list-style:none;
	}
	.leftNavigation ul li {
		padding:0;
	}
		.leftNavigation ul li a {
			text-decoration:none;
			color:#333;
			padding:1px 0;
			display:block;
		}
		.leftNavigation ul li a:focus, 
		.leftNavigation ul li a:active, 
		.leftNavigation ul li a:hover {
			color:#00cc00;
		}
		.leftNavigation ul li a.selected {
			background-image:url(/web/css/img/submenu-arrow.png);
			background-position:1px 3px;
			background-repeat:no-repeat;
			color:#00cc00;
			padding-left:12px;
		}
		
	.leftNavigation ul ul {
		margin-left:30px;
	}

/* LeftNavigation end */


/* Search results page end */

/* Start: Blog overview */

.blog-overview {}
	.blog-overview .blog {
		overflow:hidden;
		border-bottom:1px dashed #ccc;
		padding-bottom:10px;
		margin-bottom:15px;
		}
	.blog-overview .blog .txt {
		float:left;
		margin-left:10px;
		width:378px;
		}
		.blog-overview .blog .txt h2 {
			margin:0 0 10px 0;
			}
			.blog-overview .blog .txt h2 a {
				text-decoration:none;
			}
	.blog-overview .blog .img {
		float:left;
		width:72px;
		height:90px;
		overflow:hidden;
		}
/* End: Blog overview */
/*
	COMMENTS
*/	
.comments 
{
	position:relative;
	margin-top:40px;
}
	.comments h2 {
		height:28px;
		color:#fff;
		background:url("/web/css/img/header-comments-begin.png") no-repeat left top;
		font-weight:normal;
		margin-bottom:15px;
		display:inline-block;
	}
		.comments h2 span 
		{
			height:28px;
			padding:1px 10px 0 10px;
			display:inline-block;
			background:url("/web/css/img/header-comments-end.png") no-repeat right top;
		}
	.comments .comment,
	.report-comment .comment {
		border-bottom:1px dashed #ccc;
		position:relative;
		clear:both;
		overflow:hidden;
		padding:10px 0;
	}
	.comments .image 
	{
		float:left;
		margin:0 10px 0 0;
		width:50px;
		height:50px;
		background:#eee;
		
	}
		.comments .image a
		{
			display:block;
		}
	.comments .text 
	{
	}
	.comments .text.withImage 
	{
		float:left;
		width:400px;
	}
		.comments h3 
		{
			margin-top:0;
			font-weight:normal;
			display:block;
		}
		.comments h3 .date-time 
		{
			float:right;
		}
	.comments .comment .comment-report 
	{
		visibility:hidden;
		position:absolute;
		bottom:0;
		right:0;
	}
	.comments .comment.hover .comment-report,
	.comments .comment:hover .comment-report
	{
		visibility:visible;
	}
	.comments .comment.hover,
	.comments .comment:hover
	{
		background:#fcfcfc;
	}
	.comments fieldset
	{
		margin:20px 0;
	}
		.comments .fieldset
		{
			position:relative;
			padding:0;
		}
			.comments .fieldrow 
			{
				margin-bottom:10px;
			}
				.comments .fieldrow label 
				{
					display:block;
				}
		.comments .buttons 
		{
			margin:10px 0;
			text-align:right;
		}
		.comments #facebook-connect 
		{
			margin-top:10px;
		}
	/* Start: Facebook Connect for comments */
	.fb_profile_pic_rendered {
		float:left;
		}
	#fb_login_image {
		padding:15px 0 5px 0;
	}
	#facebook-loggedin {
		padding-left:24px;
		height:27px;
		background:url("/web/css/img/fb-loggedin-logo.png") no-repeat;
		color:#fff;
		font-weight:bold;
		}
		#facebook-loggedin a {
			color:#fff;
			text-decoration:none;
			}
			#facebook-loggedin a:hover,
			#facebook-loggedin a:active,
			#facebook-loggedin a:focus {
				text-decoration:underline;
			}

		#facebook-loggedin-name {
			display:block;
			height:27px;
			background:url("/web/css/img/fb-loggedin-bg.png") repeat-x;
			padding:0 5px;
			float:left;
			}
		#facebook-loggedin-logoff {
			display:block;
			height:27px;
			width:60px;
			line-height:25px;
			background:url("/web/css/img//fb-loggedin-logoff.png") no-repeat;
			text-align:center;
			float:left;
			}
.teasers
{
}
		.teasers .teaser
		{
			margin-bottom:10px;	
		}

		.teaser a.linkheader
		{
			text-decoration:none;
		}

		.teasers .clear
		{
			clear:left;
		}
		
		.teaser .teaserContent {
			border-bottom:1px dashed #ccc;
		}
			.teaser .teaserContent a:focus img,
			.teaser .teaserContent a:hover img
			{
				opacity:0.8;
			}
			.teaser .teaserContent .content {
				background-color:transparent;
			}
			.teaser .teaserContent .content h3 {
				margin:0;
			}
			
/* 
	Sitecore Form Modules 
*/
.scfDropListBorder,
.scfEmailBorder,
.scfMultipleLineTextBorder,
.scfSingleLineTextBorder,
.scfPasswordBorder,
.scfNumberBorder,
.scfDateBorder,
.scfRadioButtonListBorder,
.scfListBoxBorder,
.scfCheckBoxListBorder,
.scfFileUploadBorder,
.scfDateSelectorBorder
{
	margin-bottom:10px;
}
.scfDropListLabel,
.scfEmailLabel,
.scfMultipleLineTextLabel,
.scfSingleLineTextLabel,
.scfPasswordLabel,
.scfNumberLabel,
.scfDateLabel,
.scfRadioButtonListLabel,
.scfCheckBoxListLabel,
.scfListBoxLabel,
.scfFileUploadLabel,
.scfDateSelectorLabel
{
	display:block;
}
.scfValidatorRequired,
.scfRequired
{

}
fieldset.scfSectionBorderAsFieldSet
{
	border: 0;
	margin: 0 0 12px 0;
	padding: 0; 
}
.scfLegendAsDiv {
	font-weight:bold;
	margin:15px 0;
}

.scfSingleLineTextLabel,
.scfRadioButtonListLabel
{
   width:100% !important;
}

.scfSectionLegend {
    color:#333;
 }


  /*******************/
 /*    HTML PAGE    */
/*******************/

.htmlPage
{
    /*margin:10px 5px 10px 5px;
    padding:10px 0px 10px 0px;
    border:dashed 1px gray;*/
         
}

.htmlPage .content
{
	margin: 0;
	padding: 0;	
}
 
 
  /**********************************/
 /* Checkout Name Adresse Formular */
/**********************************/


.FA_labels
{
 font-size:11px;
}










/*
   ___________________________________
  /                                  /|
 /      Cyklistpr�ven classes       //
/_________________________________ //          
|_________________________________|/

*/

/* MainLayout_CP */
.cp {
	background:#1c1c1c;
}
.cp #menu {
	background:#fff;
}


.cp #submenu .login	{
	float: right;
	padding-right: 30px;
	text-align: right;
}

.cp #submenu .login a {
	display: inline;
}

.cp #submenu ul {
	float:left;
	width:auto;
	padding-left:20px;
}
.cp #submenu ul li  {
	float:left;
	/*width:100px;*/
	padding: 0 40px 0 0;
}
.cp #main {
	background:#fff url(img/cp/cp-cykkelistproeven-banner.jpg) no-repeat top;
	padding-top:142px;	

	background-color:#fff;
	margin:10px 5px 10px 5px;
	padding-left:20px;
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
	        border-radius:3px;

}
.cp .cols_4 .col_2 {
	width:430px; 
	margin:0 10px 0 0;
}
.cp .cols_4 .col_3 {
	width:665px; 
}
.cp .date {
    display:none;    
}
.cp .article h1 {
     color:#df3f21;
}
.cp .centerNavigation ul {
	background:url("img/cp/cp-icon-arrow-down-red.png") no-repeat scroll 1px 8px transparent;
}
.cp .centerNavigation ul ul {
	background:none;
}
.cp .centerNavigation a.selected {
    background: url("img/cp/cp-submenu-arrow-red.png") no-repeat 1px 4px;
    color:#df3f21;
}
.cp .centerNavigation a:focus, 
.cp .centerNavigation a:active, 
.cp .centerNavigation a:hover, 
.cp .centerNavigation a.selected {
	color:#df3f21;
}
.cp-landingpage .cols_4 {
	padding:0;
}
.cp-landingpage .cols_4 a {
	float:left;
	width:465px;
}
.cp-landingpage .cols_4 img {
	display:block;
}
.cp .expose {
	border:1px dashed black;
	background:white;
	padding:10px;
	text-align:center;
}

.cp .overlay   {
    /* must be initially hidden */
    display:none;
                      
    /* place overlay on top of other elements */
    z-index:100;
}

.cp #overlay {
                      
    /* must be initially hidden */
    display:none;
                      
    /* place overlay on top of other elements */
    z-index:100;
                      
    /* styling */
    background-color:transparent;
                      
    text-align: center;
    width: 100%;
}

.cp #overlay .wrap {
    display: inline-block;
    text-align: left;
    position: relative;
                      
    /* CSS3 styling for latest browsers */
	-webkit-box-shadow: 0 0 90px 5px #000;
	   -moz-box-shadow: 0 0 90px 5px #000;
	        box-shadow: 0 0 90px 5px #000;
                      
	-webkit-border-radius: 14px;
	   -moz-border-radius: 14px;
	        border-radius: 14px;
}


/* close button positioned on upper right corner */
.cp .close {
	background-image:url(/web/images/overlay/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
	z-index : 1000000;
}

.cp .overlayform
{
	display: none;
	z-index: 100;
	background-color: #fff;
	border: 1px solid #666; /* CSS3 styling for latest browsers */
	-webkit-box-shadow: 0 0 90px #000;
	   -moz-box-shadow: 0 0 90px 5px #000;
	        box-shadow: 0 0 90px 5px #000;
}
	
.cp .overlayform .sendform
{
	margin: 20px;
}



/* Tooltip */
.tooltip	{ 
	border: 3px solid #fff; 
	background: rgba(100,100,100, 0.9); 
	padding: 15px; color: #fff; 
	-webkit-border-radius: 3px; 
	   -moz-border-radius: 3px; 
	        border-radius: 3px; 
	-webkit-box-shadow: 0 0 10px black; 
	   -moz-box-shadow: 0 0 10px black; 
	        box-shadow: 0 0 10px black; 
}


/*
#form_CP .date
{
    display:none;    
}

#form_CP #submenu 
{
	overflow:hidden;
	padding:12px 0;
	background:rgb(255, 255, 255);
	border-bottom:0px solid red;
}	


#form_CP .article h1
{
     color:#df3f21;
     font-size:22px;
     font-weight:bold;   
}

#form_CP .centerNavigation UL
{
    background: url(img/icon-arrow-down-red.png) no-repeat 1px 8px;
}

#form_CP .centerNavigation A.selected
{
    background: url(img/submenu-arrow-red.png) no-repeat 1px 4px;
    color:#df3f21;
}

#form_CP .cols_4 .col_1
{
    width:205px;
    padding-left:20px;    
}

#form_CP .tools
{
    display:none;    
}
*/
/*  Diploma page */ 
/*
.tbDiploma
{
    font-size:14px;    
    color:gray;
        
}

.tdDiploma
{
    font-weight:bold;
    color:Gray;
    font-size:12px;    
    padding-top:15px;
}
*/


/* Result page */
/*
.divContentResult
{
    border:dotted 0px #F2F2F2;
    padding:0px 10px 10px 0px;    
    color:Gray;    
    
}

.divResultForm
{
    padding:0px 10px 10px 0px;    
    
}

.divContentResult .divResultFormTable
{
    border:dotted 0px #F2F2F2;
    width:350px;
    padding-bottom:20px;
}

.divContentResult .rbCtrl,
.divContentResult .ddlCtrl
{
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size:12px;
    color:Gray;    
    margin-left:10px;
}

.divContentResult .lbClassName
{
    font-style:italic;    
    font-weight:bold;
}

.divResultRepeater
{
    border:dotted 0px #F2F2F2;
    
}

.lkbMission
{
    border: solid 0px #ffffff;
}
*/
/*
a.lkbMission:visited 
{
      background-color:red;
}

a.lkbMission:hover 
{
      background-color:#999999;
}
*/


  /**********************************/
 /* Oktoberfest */
/**********************************/


.oktoberfest {
	position: relative;
	margin-left : 5px;
}
	.oktoberfest div {
		position:absolute;
		left:0;
		top:0;
		z-index:10;
	}
	.oktoberfest div {
		text-indent:-9999em;
	}
	.oktoberfest .hidden {
		display:none;
	}
		.oktoberfest .link {
			text-indent:0;
			display:inline-block;
			overflow:visible;
			width:100px;
			height:100px;
			left:0;
			top:0;
			position:absolute;
					
			background:rgb(255,255,255);
			background:rgba(255,255,255,0);
			filter:alpha(opacity=0);
					
			-webkit-border-radius:3px;
			   -moz-border-radius:3px;
			        border-radius:3px;
			-webkit-transition:all 0.2s;
			   -moz-transition:all 0.2s;
			    -ms-transition:all 0.2s;
			     -o-transition:all 0.2s;
			        transition:all 0.2s;
		}
		.oktoberfest .link:hover,
		.oktoberfest .link:focus {
			-webkit-box-shadow: 0 0 10px rgba(255,255,255,.3);
			   -moz-box-shadow: 0 0 10px rgba(255,255,255,.3);
			        box-shadow: 0 0 10px rgba(255,255,255,.3);
			background:rgba(255,255,255,0.15);
			filter:alpha(opacity=100);
		}
		.oktoberfest.forside
		{
			margin:0;
			margin-bottom:10px;
		}
		.oktoberfest.forside .link.deltag {
			width:671px;
			height:390px;
			left:12px;
			top:15px;
		}
		.oktoberfest.forside .link.easyrider {
			width:216px;
			height:152px;
			left:12px;
			top:419px;
		}
		.oktoberfest.forside .link.filmene {
			width:220px;
			height:152px;
			left:237px;
			top:419px;
		}
		.oktoberfest.forside .link.alkphone {
			width:220px;
			height:152px;
			left:465px;
			top:419px;
		}
		.oktoberfest.alkophone .link.iphone {
			width:422px;
			height:36px;
			left:0px;
			top:407px;
		}
		.oktoberfest.alkophone .link.android {
			width:405px;
			height:36px;
			left:0px;
			top:459px;
		}
		.oktoberfest.player iframe {
			position:absolute;
			left:232px;
			top:72px; /* 78px */
			z-index:30;
			display:block;
			width:455px;
			height:281px;
			text-indent:0;
		}
		.oktoberfest.player .link {
			width:140px;
			/*height:105px;*/
			left:232px;
			top:362px;
			overflow:visible;
			text-decoration: none;
			color:#fff;
		}
		.oktoberfest.player .link + .link {
			left:390px;
		}
		.oktoberfest.player .link + .link + .link {
			left:547px;
		}
		.oktoberfest.player .link img {
			position:relative;
			z-index:30;
		}
		.oktoberfest.player .link span {
			text-decoration: none;
			color:#fff;
			position:relative;
			top:-100px;
			left:7px;
			z-index:40;
			font-family: Arial, Helvetica, sans-serif;
			font-size:12px;
		}
		.oktoberfest.player .link:hover span{
			text-decoration: underline;
		}
		.oktoberfest.drinks h2,
		.oktoberfest.drinks h3,
		.oktoberfest.drinks ul,
		.oktoberfest.drinks p
		{
			margin-left:  15px;
		}
		.oktoberfest.drinks h2,
		.oktoberfestbox h2
		{
			margin-bottom : 10px;
			font-size : 20px;
		}
		.oktoberfest.drinks h3
		{
			margin-top: 20px;
			margin-bottom : 10px;

		}
		.oktoberfestmenu
		{
			list-style : none;
			/*margin-left : 23px;*/
			padding-left : 0;
			margin-bottom : 0;
			margin-top : 10px;
		}
		
		.oktoberfestmenu li
		{
			display:inline;
		}
		
		.oktoberfestmenu a
		{
			margin-left : 55px;
			text-decoration : none;
			font-size : 16px;
			color : #999;
		}
		
		.oktoberfestmenu a:focus,
		.oktoberfestmenu a:hover
		{
			color:#000;
		}
		
		.oktoberfest #facebook
		{
			background: url(/web/images/oktoberfest/like_knapBg.png) no-repeat;
			height: 70px; 
			width: 396px; 
			margin: 10px auto; 
			padding: 16px 0 0 46px; 
			position: relative;
			
		}
		
			#oktoberfest_facebook
		{
			background: url(/web/images/oktoberfest/like_knapBg.png) no-repeat center;
			height: 50px; 
			width: 870px; 
			margin: 10px auto; 
			padding: 16px 0 0 16px; 
			position: relative;
			margin-top:-3px;
			text-align:center;
			padding-top:30px;
		}
		
		
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }		






/*
   ___________________________________
  /                                  /|
 /        23 VIDEO Connector        //
/_________________________________ //          
|_________________________________|/                          */



.Main23Video
{
  padding:10px 20px 0px 0px;    
}

.divMain
{
}


.Video23Date
{
  text-align:left;
  padding-bottom:0px;
}

.Video23Teaser
{
  font-weight:bold;
  font-style:italic;
}

.Video23content
{
}

.Video23Object
{
   text-align:left;
  padding:20px 0 0 0;
}

.div23VideoContent
{
  padding-bottom:10px;
}

.Video23Description
{
  border:dotted 1px gray;  
  padding:10px;
}
