/* 
Scope
#supermodul : for all supermodul things
.web		: for web specifics
.mobile		: for mobile specifics
*/
 @font-face {
    font-family: 'DINregular';
    src: url('webfont/dinregular-webfont.eot');
    src: url('webfont/dinregular-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfont/dinregular-webfont.woff') format('woff'),
         url('webfont/dinregular-webfont.ttf') format('truetype'),
         url('webfont/dinregular-webfont.svg#dinregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
 /*
 @font-face {
    font-family: 'DINlight';
    src: url('webfont/dinlight-webfont.eot');
    src: url('webfont/dinlight-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfont/dinlight-webfont.woff') format('woff'),
         url('webfont/dinlight-webfont.ttf') format('truetype'),
         url('webfont/dinlight-webfont.svg#dinlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DINmedium';
    src: url('webfont/dinmedium-webfont.eot');
    src: url('webfont/dinmedium-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfont/dinmedium-webfont.woff') format('woff'),
         url('webfont/dinmedium-webfont.ttf') format('truetype'),
         url('webfont/dinmedium-webfont.svg#din_mediumregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/
@font-face {
    font-family: 'DINblack';
    src: url('webfont/dinblack-webfont.eot');
    src: url('webfont/dinblack-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfont/dinblack-webfont.woff') format('woff'),
         url('webfont/dinblack-webfont.ttf') format('truetype'),
         url('webfont/dinblack-webfont.svg#din_blackregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DINbold';
    src: url('webfont/dinbold-webfont.eot');
    src: url('webfont/dinbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfont/dinbold-webfont.woff') format('woff'),
         url('webfont/dinbold-webfont.ttf') format('truetype'),
         url('webfont/dinbold-webfont.svg#dinbold') format('svg');
    font-weight: normal;
    font-style: normal;

}



body {
    margin: 0px;
}

#supermodul {
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	padding: 12px;
}


#supermodul .web {
	width: 955px;
	height: auto;
	background: #e5e5e5;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	padding: 11px 0px 11px 0px;
    min-height: 600px;
}

#supermodul .web .tab-menu {
	width: 100%;
	overflow: visible;
	white-space: nowrap;
	font-size: 0px;
    margin-left: 11px;
}

#supermodul .web .tab-menu ul {
	height: 51px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#supermodul .web .tab-menu ul li {
	display: inline-block;

	background: #b2b2b2; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IyYjJiMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4NTg1ODUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #b2b2b2 0%, #858585 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2b2b2), color-stop(100%,#858585)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #b2b2b2 0%,#858585 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #b2b2b2 0%,#858585 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #b2b2b2 0%,#858585 100%); /* IE10+ */
	background: linear-gradient(to bottom, #b2b2b2 0%,#858585 100%); /* W3C */
	/*
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2b2b2', endColorstr='#858585',GradientType=0 );
	*/
    -webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	
	height: 39px;
	vertical-align: bottom;
	margin-top: 12px;
	color: #ffffff;
	font-family: DINblack;
	font-size: 16px;
	cursor: pointer;
}
#supermodul .web .tab-menu ul li span
 {
	display: block;
	line-height: 39px;
	vertical-align: middle;
	text-align: center;
	width: 100%;
}

#supermodul .web .tab-menu ul li:hover,
#supermodul .web .tab-menu ul li.active:hover
 {
	background: #419cd3; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQxOWNkMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzYzk0YzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #419cd3 0%, #3c94c5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#419cd3), color-stop(100%,#3c94c5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #419cd3 0%,#3c94c5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #419cd3 0%,#3c94c5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #419cd3 0%,#3c94c5 100%); /* IE10+ */
	background: linear-gradient(to bottom, #419cd3 0%,#3c94c5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#419cd3', endColorstr='#3c94c5',GradientType=0 ); /* IE6-8 */
	height: 51px;
	margin-top: 0px;
}

#supermodul .web .tab-menu ul li.active {
    background: #ffffff;
    height: 51px;
	margin-top: 0px;
}
#supermodul .web .tab-menu ul li.active > span {
    color: #1097df;
}

#supermodul .web .tab-menu ul li:hover > span {
    color: #ffffff;
}


#supermodul .web .tab-menu ul li.home {
	width: 63px;
    display: none;

}
#supermodul .web .tab-menu ul li.home span {
	width: 100%;
	height: 100%;
	background: url("img/tab-home.png") no-repeat center center;
}

#supermodul .web .tab-menu ul li.tips {
	width: 89px;
	margin-right: 1px;
}
#supermodul .web .tab-menu ul li.langoddsen {
	width: 175px;
	margin-right: 1px;
}
#supermodul .web .tab-menu ul li.liveoddsen {
	width: 158px;
	margin-right: 1px;
}
#supermodul .web .tab-menu ul li.godbiter {
	width: 142px;
	margin-right: 1px;
    display: none;
}
#supermodul .web .tab-menu ul li.statistikk {
	width: 153px;
	margin-right: 1px;
    display: none;
}
#supermodul .web .tab-menu ul li.resultater {
	width: 149px;
}

#supermodul .web .tab-menu .partnertext {
    position: absolute;
    left: 775px;
    top: 35px;
    font-size: 13px;
    color: #a0a0a0;
    font-family: DINregular;
    vertical-align: top;
}
#supermodul .web .tab-menu .partnertextImg {
    position: absolute;
    left: 850px;
    top: 50px;
    border: none;
    outline: none;
}

#supermodul .web .tab-menu #spillevett_header {    
    width: 325px;
    height: 35px;
    position: absolute;
    left: 630px;
    top: 35px;
}

#supermodul .web #spillevett_footer {   
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; 
    padding: 11px 11px 0px 11px;
    width: 950px;
    height: 45px;
}

#supermodul .web #mobile-spillevett-header {
    display: none;
}
/*
#supermodul .web .tab-menu .spillevett a {
    color: #a0a0a0;
}
#supermodul .web .tab-menu .spillevett a:hover {
    color: #bfbfbf;
}*/

#supermodul .web .main-content {
	background: #ffffff;
	width: 934px;
	padding: 38px 29px 21px 29px;
    margin-left: 11px;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;

}

#supermodul .web .header {
	width: 100%;
	height: 95px;
	margin-bottom: 38px;
}
#supermodul .web .header .header-image {
	display: inline-block;
	width: 95px;
	height: 100%;
	margin-right: 30px;
	background: url("img/img-test.png") center center no-repeat;
    background-size:contain;
}
#supermodul .web .header .header-title {
	display: inline-block;
	width: 300px;
	height: 100%;
	border-top: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	margin-right: 30px;
    overflow: hidden;
}
#supermodul .web .header .header-title .title{
	float: left;
	overflow: hidden;
	clear: both;
	font-family: DINblack;
	font-size: 18px;
	margin-top: 5px;
	color: #6b6b6b;
}


#supermodul .web .header .header-title .subtext{
	float: left;
	overflow: hidden;
	clear: both;
	font-family: DINregular;
    text-align: left;
	font-size: 14px;
	margin-top: 5px;
	color: #323232;
}

#supermodul .web .header .header-dropdowns {
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	display: inline-block;
	height: 100%;
	vertical-align: top;
	padding-top: 15px;
}
#supermodul .web .header .header-dropdowns > div{
	width: 180px;
}

#supermodul .web .tip {
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	padding: 26px 0px 25px 0px;
}

#supermodul .web .tip .left {
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	width: 500px;
	margin-right: 20px;
	display: inline-block;
	vertical-align: top;
	border-right: 1px solid #bbbbbb;
}
#supermodul .web .tip .left .texts {
	width: 100%;
	height: 240px;
	overflow: hidden;
	position: relative;
}
#supermodul .web .tip .left .texts .fade{
	height: 50px;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	background: url("img/fade.png") repeat-x;
}

#supermodul .web .tip .left .type{
	font-family: DINbold;
	font-size: 17px;
    text-transform: uppercase;
    color: #323232;
}
#supermodul .web .tip .left .teams{
	font-family: DINblack;
	font-size: 26px;
	color: #3c93c5;
	margin-bottom: 26px;
    text-transform: uppercase;
}
#supermodul .web .tip .left .ingress{
	font-family: DINbold;
	font-size: 16px;

	margin-bottom: 26px;
    color: #323232;
}
#supermodul .web .tip .left .mobile-spec {
	display: none;
}

#supermodul .web .tip .left  .maintext{
	font-family: DINregular;
	font-size: 14px;
    color: #323232;
    padding-right: 15px;
}

#supermodul .web .tip .left .links {
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	padding-top: 15px;
	width: 100%;
	height: 40px;
	font-family: DINregular;
	color: #0f8fd4;
	font-size: 17px;
}

#supermodul .web .tip .left .links .readmore {
	cursor: pointer;
	display:inline-block;
    width: 110px;
}
#supermodul .web .tip .left .links .comments {
	cursor: pointer;
	display:inline-block;
	margin-right: 30px;
}
#supermodul .web .tip .left .links .readmore:after ,
#supermodul .web .tip .left .links .comments:after {
	content: "\2193";
	position: relative;
	top: 5px;
	left: 5px;
	font-size: 24px;
}

#supermodul .web .tip .left .links .readmore.up:after ,
#supermodul .web .tip .left .links .comments.up:after {
    content: "\2191";
	position: relative;
	top: 5px;
	left: 5px;
	font-size: 24px;
}

#supermodul .no-after:after {
    content: none !important;
}

#supermodul .web .tip .left .links .stats {
	cursor: pointer;
	display:inline-block;
	margin-right: 15px;
}



#supermodul .web .tip .right {
	width: 337px;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	display: inline-block;

}
#supermodul .web .tip .right .top {
	height: 110px;
	width: 100%;
	border-bottom: 1px solid #e1e1e1;
	font-size: 14px;
	padding-bottom: 10px;
	
}
#supermodul .web .tip .right .top .gametype {
    float: left;
    display: inline-block;
    white-space: nowrap;
    color: #343637;
    height: 115px;
    overflow-y: auto;
    overflow-x: hidden;
    width: 165px;
}

#supermodul .web .tip .right .top .headrow {
	margin-bottom: 3px;
	font-family: DINbold;	

}
#supermodul .web .tip .right .top .txtrow {
	margin-bottom: 3px;
	font-family: DINregular;
}

#supermodul .web .tip .right .top .gametype span {
	position: relative;
	text-decoration: none;
	cursor: pointer;
	font-family: DINregular;
}

#supermodul .web .tip .right .top .gametype span.selected:before {
	content:"";
	display: block;
	position: absolute;
	left: -15px;
	top: 2px;
	float: left;
	width: 10px;
	height: 11px;
	background: url('img/gametype-indicator.png') no-repeat;
}

#supermodul .web .tip .right .top .gameinfo {
	float: right;
	display: inline-block;
	font-family: DINregular;	
	width: 160px;
	white-space: nowrap;
	
}

#supermodul .web .tip .right .bottom {
	height: 168px;
	width: 100%;
}

#supermodul .tip .stats-container {
	position: relative;
	height: 75px;
	width: 100%;
}

#supermodul .tip .stats-container .title {
	position: absolute;
	bottom: 0;
	width: 150px;
	font-family: DINregular;
	font-size: 14px;
	color: #555555;
    text-align: right;
}
#supermodul .tip .stats-container .stats {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 143px;
	height: 100%;
	border-bottom: 1px solid #bbbbbb;
    font-size: 0px;
}
#supermodul .tip .stats-container .stats .column-h,
#supermodul .tip .stats-container .stats .column-u,
#supermodul .tip .stats-container .stats .column-b {
	background: #419bd2;
	position: absolute;
	bottom: 0;
	height: 50px;
	width: 39px;
}



#supermodul .tip .stats-container .stats .column-u {
	left: 52px;
	height: 25px;
}

#supermodul .tip .stats-container .stats .column-b {
	left: 104px;
	height: 5px;
}

/* STATS DOUBLES */
#supermodul .tip .stats-container.double .stats .column-u {
	display: none;
}

#supermodul .tip .stats-container.double .stats .column-h,
#supermodul .tip .stats-container.double .stats .column-b {
	width: 65px;
}
#supermodul .tip .stats-container.double .stats .column-b {
	left: 78px;
	height: 5px;
}
/* !DOUBLES */

/* STATS SINGLE */
#supermodul .tip .stats-container.single .stats .column-u,
#supermodul .tip .stats-container.single .stats .column-b {
	display: none;
}

#supermodul .tip .stats-container.single .stats .column-h {
	width: 143px;
}
#supermodul .tip .stats-container.single .stats .column-b {
	left: 0px;
	height: 5px;
}
/*! STATS SINGLE */


#supermodul .tip .stats-container .stats .percentage-h,
#supermodul .tip .stats-container .stats .percentage-u,
#supermodul .tip .stats-container .stats .percentage-b {
	font-family: DINregular;
	font-size: 14px;
	color: #000000;
	position: relative;
	text-align: center;
	bottom: 20px;
}

#supermodul .web .tip .right .bottom .play-container {
	margin-top: 15px;
	position: relative;
	height: 50px;
	width: 100%;
}

#supermodul .web .tip .right .bottom .play-container > .title {
	position: absolute;
	bottom: 15px;
	width: 150px;
	vertical-align: bottom;
	font-family: DINblack;
	font-size: 16px;
	cursor: pointer;
    color: #555555;
    text-align: right;
	
}

#supermodul .web .tip .right .bottom .play-container > .title:after {
	content: "\2192";
	position: relative;
	font-family: DINregular;
	left: 5px;
	top: 5px;
	font-size: 30px;
	color: #12a6f5;
}

#supermodul .web .tip .right .bottom .play-container.completed > .title {
   /* bottom: 10px; */
    line-height: 15px;
    text-align: right;   
    cursor: auto; 
}

#supermodul .web .tip .right .bottom .play-container.completed > .title:after {
    position: absolute;
    left: 160px;
    width: 25px;
    height: 23px;
    content: "";
}
#supermodul .web .tip .right .bottom .play-container.completed.win > .title:after {
        background: url("img/completed-win.png") center center no-repeat;
}
#supermodul .web .tip .right .bottom .play-container.completed.loss > .title:after {
        background: url("img/completed-loss.png") center center no-repeat;
}

#supermodul .web .tip .right .bottom .play-container .buttons {
	position: absolute;
	top: 0;
	right: 0;
	width: 143px;
	height: 100%;
	border-bottom: 1px solid #bbbbbb;
	white-space: nowrap;
    font-size: 0px;
}
#supermodul .web .tip .right .bottom .play-container .buttons > .singleButton{
	width: 39px;
	margin-right: 13px;
}

/* BUTTONS DOUBLE */

#supermodul .web .tip .right .bottom .play-container.double .buttons > .singleButton.h,
#supermodul .web .tip .right .bottom .play-container.double .buttons > .singleButton.b {
	width: 65px;
}

#supermodul .web .tip .right .bottom .play-container.double .buttons > .singleButton.u {
	display: none;
}

/* ! BUTTONS DOUBLE */

/* BUTTONS SINGLE */
#supermodul .web .tip .right .bottom .play-container.single .buttons > .singleButton.h {
	width: 143px;
}

#supermodul .web .tip .right .bottom .play-container.single .buttons > .singleButton.u,
#supermodul .web .tip .right .bottom .play-container.single .buttons > .singleButton.b {
	display: none;
}
/*! BUTTONS SINGLE */



#supermodul .web .tip .right .bottom .odds-container {
	height: 20px;
	font-family: DINregular;
	white-space: nowrap;
	margin-top: 10px;
}

#supermodul .web .tip .right .bottom .odds-container .title {
	display: inline-block;
	width: 150px;
	text-align: right;
	margin-right: 45px;
    color: #555555;
    font-size: 14px;
}

#supermodul .web .tip .right .bottom .odds-container  > .odds {
	display: inline-block;
	width: 39px;
	margin-right: 13px;
	text-align: center;
    color: #323232;
}

/* ODDS DOUBLE */
#supermodul .web .tip .right .bottom .odds-container.double  > .odds.u {
	display: none;
}

#supermodul .web .tip .right .bottom .odds-container.double  > .odds.h,
#supermodul .web .tip .right .bottom .odds-container.double  > .odds.b {
	width: 65px;
}
/*! ODDS DOUBLE */

/* ODDS SINGLE */
#supermodul .web .tip .right .bottom .odds-container.single  > .odds.u,
#supermodul .web .tip .right .bottom .odds-container.single  > .odds.b {
	display: none;
}

#supermodul .web .tip .right .bottom .odds-container.single  > .odds.h {
	width: 143px;
}
/*! ODDS SINGLE */




/* Big fat divisor between tips */
#supermodul .divisor {
	background: #656565;
	height: 7px;
	width: 100%;
}

#supermodul .dropdown-container {
	display: inline-block;
    margin-left: 20px;
}

#supermodul .dropdown-container .dropdown {
	position: relative;
	display: inline-block;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	padding: 8px 5px 8px 15px;
	
	background: #419cd3; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQxOWNkMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzYzk0YzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #419cd3 0%, #3c94c5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#419cd3), color-stop(100%,#3c94c5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #419cd3 0%,#3c94c5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #419cd3 0%,#3c94c5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #419cd3 0%,#3c94c5 100%); /* IE10+ */
	background: linear-gradient(to bottom, #419cd3 0%,#3c94c5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#419cd3', endColorstr='#3c94c5',GradientType=0 ); /* IE6-8 */
	
	-webkit-box-shadow:  0px 2px 0px 0px #8dabbc;        
	box-shadow:  0px 2px 1px 0px #8dabbc;
	
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	width: 100%;
	cursor: pointer;
	
}


#supermodul .dropdown-container > .title {
	color: #000000;
	font-family: DINregular;
	font-size: 14px;
	margin-bottom: 3px;
	z-index: 0;
    text-align: left;
}


#supermodul .dropdown-container .dropdown > .title {
	float: left;
	text-align: left;
	display: inline-block;
	font-size: 16px;
	color: #ffffff;
	font-family: DINregular;
	text-shadow: 0px 2px 0px #417fa6;
	filter: dropshadow(color=#417fa6, offx=0, offy=2);
    overflow: hidden;
    white-space: nowrap;
	width: 140px;
}

#supermodul .dropdown .arrow {
	position: absolute;
    right: 10px;
    top: 14px;
    background: url("img/dropdown-arrow.png") center center no-repeat;
    width: 12px;
    height: 8px;
}

#supermodul .dropdown-container .options {
	position: absolute;
	top: 37px;
	left: 0px;
	/* alex edit..
	width: 100%; */
	min-width: 100%;
	min-height: 50px;
	background: #f4f4f4;
	z-index: 100;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
	display: none;	
}

#supermodul .dropdown-container .options.visible {
	display: block;
}

#supermodul .dropdown-container .options .option {

	font-family: DINregular;
	font-size: 14px;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	padding: 5px 5px 5px 5px;
    color: #848281;
    text-align: left;
	/* alex edit.. */
	white-space: nowrap;
}
#supermodul .dropdown-container .options .option:hover {
	background: #fbfbfb;
}

#supermodul .dropdown-container .options span.input {
    margin-right: 5px;
}

#supermodul .mobile-spec-tip {
	display: none;
}

#supermodul .mobile-spec-ingress {
	display: none;
}
#supermodul .mobile-spec-maintext {
    display: none;
}
#supermodul .mobile-spec-stats {
    display: none;
}



#supermodul iframe.resultater{
	height: 800px;
}

#supermodul iframe.langoddsen{
	height: 800px;
}

#supermodul iframe.liveoddsen{
	height: 800px;
}



/* hide main until page has decided if its mobile or not */
#main {
    visibility: hidden;
}