/* backgrundfärg och bodyn */
.body_int {
    padding: 0px;
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    font-style:  normal;
    color: black;
    background-color: #FFFFFF;
	!width: 1000px;
     }
.body_def {
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    font-style:  normal;
    color: black;
    background-color: #FFFFFF;
	!width: 1000px;
}
.myline { 
	width: auto;
	height:2px;
!	background-color:#@bgcolor-sel@;
    margin-left: 5px;
    margin-right: 20px;
}


 .table_color_def {
    background-color: #FFFFFF;
     }

* {padding:0; margin:0}
a:link { color: #0000FF; TEXT-DECORATION: none }  
a:visited { color: #0000FF; TEXT-DECORATION: none }  
a:hover {
	TEXT-DECORATION: underline; 
	color: #000000;  
}

p { 
    font-family: "Roboto",sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    text-align: left;
    margin-top: 3px;
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom: 3px;
    padding-top: 0px;
    color: #000000 
}
p.rubr { 
	font-family: 'Open Sans', sans-serif; 
	font-weight: 600; 
	font-size:   18px;
    font-style:  normal;
    margin-top: 6px;
    margin-left: 10px;
    margin-right: 20px;
    margin-bottom: 6px;
    padding-top: 0px;
	text-align: left;
    color: #000000 
}
p.rubr16 { 
	font-family: 'Open Sans', sans-serif; 
	font-weight: 600; 
	font-size:   16px;
    font-style:  normal;
    margin-top: 6px;
    margin-left: 10px;
    margin-right: 20px;
    margin-bottom: 6px;
    padding-top: 0px;
	text-align: left;
    color: #000000 
}
p.newsrubr {    
	font-family: 'Open Sans', sans-serif; 
    font-size: 13px;
    font-weight: 600;
    font-style:  normal;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 20px;
    margin-bottom: 6px;
    padding-top: 0px;
	text-align: left;
    color: #000000 }

p.newstext {    
	font-family: 'Open Sans', sans-serif; 
    font-size: 11px;
    font-weight: 400;
    font-style:  normal;
    margin-top: 0px;
    margin-left: 16px;
    margin-right: 26px;
    margin-bottom: 8px;
    padding-top: 0px;
	text-align: left;
    color: #000000 }


/* Rounded Corner */
.tb5 {
	border:2px solid #456879;
	border-radius:4px;
	height: 22px;
	width: 230px;
	margin-top: 5px; margin-bottom: 10px;
}

.lu {
	color: white; 
	text-align:left;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 400;	
	font-size:13px;   
	font-style:normal;
!	text-shadow: 1px 1px 4px #262621;
}

.buttext {
	color: #FFFFFF; 
	text-align:left;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 600;	
	font-size:22px;   
	font-style:normal;
	cursor:pointer;
}
.buttext a:visited {color: #FFFFFF; TEXT-DECORATION: none}
.buttext a:link { color: #FFFFFF; TEXT-DECORATION: none }  

.data1_black { 
	font-family: 'Open Sans', sans-serif; 
	font-weight: 400; 
	font-size:   12px;
    font-style:  normal;
	line-height:1.1;
	text-align: left;
    margin-top: 0px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 2px;
    padding: 4px 5px 4px 10px;
    color: #000000 
}
.data1_black.center { 
	text-align: center;
}
.teams { 
	line-height:1.4;
}
.data1_red { 
	font-family: 'Open Sans', sans-serif; 
	font-weight: 600; 
	font-size:   12px;
    font-style:  normal;
    margin-top: 0px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 0px;
    padding: 8px 5px 8px 10px;
    color: #800000 
}
.data1_red.left { 
	text-align: center;
}
.data1_red.center { 
	text-align: center;
}

.butborder {
	border-radius:10px;
	background-color:#3e3e3e;
	vertical-align:middle;
	margin: 2px;
	padding:2px 10px 2px 5px;
	text-align:left;
	display: inline-block
}
.favtext {
	color: #FFFFFF; 
	text-align:left;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 400;	
	font-size:13px;   
	font-style:normal;
	cursor:pointer;
}
.favtext a:visited {color: #FFFFFF; TEXT-DECORATION: none}
.favtext a:link { color: #FFFFFF; TEXT-DECORATION: none }  
.blackrubr {
	color: white; 
	text-align:left;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;	
	font-size:20px;   
	font-style:normal;
}
.blacktext {
	color: white; 
	text-align:left;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;	
	font-size:11px;   
	font-style:normal;
}
.blacktext a:link { color: white; TEXT-DECORATION: none }  
.blacktext_rubr {
	color: white; 
	TEXT-DECORATION: underline; 
	text-align:left;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;	
	font-size:12px;   
	font-style:normal;
}

#stickyFooter {
     position: fixed;
     bottom: 0px;
	 left: 20px;
	 right:20px;
!     width: 95%;
     overflow: visible;
     z-index: 99;
     padding-top: 5px;
     padding-bottom: 3px;
     background: white;
     -webkit-box-shadow: 0px -5px 15px 0px #bfbfbf;
     box-shadow: 0px -5px 15px 0px #bfbfbf;
     height: 54px;
  border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
  -webkit-border-radius: 10px 10px 0px 0px;
}

.sidebar {
  font-family: Arial;
  color: #14396A !important;
  font-size: 14px;
  text-shadow: 1px 1px 0px #7CACDE;
  box-shadow: 1px 8px 7px #BEE2F9;
  padding: 5px 20px 5px 5px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: 4px solid #3866A3;
  background: #63B8EE;
  background: linear-gradient(top,  #E8F5FC,  #80D4FF);
  background: -ms-linear-gradient(top,  #E8F5FC,  #80D4FF);
  background: -webkit-gradient(linear, left top, left bottom, from(#E8F5FC), to(#80D4FF));
  background: -moz-linear-gradient(top,  #E8F5FC,  #80D4FF);
}
.sidebar:hover {
  color: #14396A !important;
  background: #468CCF;
  background: linear-gradient(top,  #DCEDFA,  #55A9FA);
  background: -ms-linear-gradient(top,  #DCEDFA,  #55A9FA);
  background: -webkit-gradient(linear, left top, left bottom, from(#DCEDFA), to(#55A9FA));
  background: -moz-linear-gradient(top,  #DCEDFA,  #55A9FA);
}
	
/* Till admin etc */
div.box { 
	border-color: black;
	border: solid;  
/*	border-top: thin dotted;  */
	border-width: thin;
	width=100%;
    padding: 0.5em
}

/* Till resultat etc */
div.boxres { 
	border-color: black;
	border: solid;  
/*	border: thin dotted;  */
	border-width: thin;
    padding: 0.5em
}
#header_placeholder {
    height:60px;
    width:100%;
    display:none;
}

.rubr_left.center {
	text-align:center;
}	
.rubr_def.center {
	text-align:center;
}	
.rubr_right.center {
	text-align:center;
}	
.rubr_left {
!	border:solid #@bgcolor-komp-light@;
	border-width: 2px 0px 2px 2px !important;
	border-radius: 3px 0px 0px 3px; 
	-moz-border-radius: 3px 0px 0px 3px; 
	-webkit-border-radius: 3px 0px 0px 3px;	
!	background-color:#@bgcolor-sel@;
     -webkit-box-shadow: 2px 2px 3px 0px #888888;
     box-shadow: 2px 2px 3px 0px #888888;
	vertical-align:middle;
	margin: 0px 0px 6px 0px;
	padding:2px 10px 3px 10px;
	text-align:left;
!	display: flex;
!	color: #@textcolor-sel@; 
	text-align:left;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;	
	font-size:13px;   
	font-style:normal;
}
.rubr_right {
!	border:solid #@bgcolor-komp-light@;
	border-width: 2px 2px 2px 0px !important;
	border-radius: 0px 3px 3px 0px; 
	-moz-border-radius: 0px 3px 3px 0px; 
	-webkit-border-radius: 0px 3px 3px 0px;	
!	background-color:#@bgcolor-sel@;
     -webkit-box-shadow: 2px 2px 3px 0px #888888;
     box-shadow: 2px 2px 3px 0px #888888;
	vertical-align:middle;
	margin: 0px 0px 6px 0px;
	padding:2px 10px 3px 10px;
	text-align:left;
!	display: flex;
	color: #FFFFFF; 
	text-align:left;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;	
	font-size:13px;   
	font-style:normal;
}
.rubr_def {
!	border:solid #@bgcolor-komp-light@;
	border-width: 2px 0px 2px 0px !important;
!	background-color:#@bgcolor-sel@;
     -webkit-box-shadow: 2px 2px 3px 0px #888888;
     box-shadow: 2px 2px 3px 0px #888888;
	vertical-align:middle;
	margin: 0px 0px 6px 0px;
	padding:2px 10px 3px 10px;
	text-align:left;
!	display: flex;
!	color: #@textcolor-sel@; 
	text-align:left;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;	
	font-size:13px;   
	font-style:normal;
}
.rubr_one {
!	border:solid #@bgcolor-komp-light@;
	border-width: 2px 2px 2px 2px !important;
	border-radius: 3px 3px 3px 3px; 
	-moz-border-radius: 3px 3px 3px 3px; 
	-webkit-border-radius: 3px 3px 3px 3px;	
!	background-color:#@bgcolor-sel@;
     -webkit-box-shadow: 2px 2px 3px 0px #888888;
     box-shadow: 2px 2px 3px 0px #888888;
	vertical-align:middle;
	margin: 0px 0px 1px 0px;
	padding:2px 0px 3px 4px;
!	display: flex;
!	color: #@textcolor-sel@; 
	text-align:left;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;	
	font-size:13px;   
	font-style:normal;
}
.classbutton {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;	
	font-size:14px;   
	font-style:normal;
  color: #000000 !important;
  text-shadow: 1px 1px 0px #E1E7E8;
  box-shadow: 1px 1px 1px #D5D0D0;
	text-align:left;
  padding: 2px 6px;
  margin: 1px 2px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #9D9EA1;
  background: #EDEBEB;
  background: linear-gradient(top,  #EDEBEB,  #D5D0D0);
  background: -ms-linear-gradient(top,  #EDEBEB,  #D5D0D0);
  background: -webkit-gradient(linear, left top, left bottom, from(#EDEBEB), to(#D5D0D0));
  background: -moz-linear-gradient(top,  #EDEBEB,  #D5D0D0);
  display: inline-block;
  cursor:pointer;
}
.classbutton:hover {
  color: #14396A !important;
  background: #bdb5b5;
  background: linear-gradient(top,  #D5D0D0,  #a59a9a);
  background: -ms-linear-gradient(top,  #D5D0D0,  #a59a9a);
  background: -webkit-gradient(linear, left top, left bottom, from(#D5D0D0), to(#a59a9a));
  background: -moz-linear-gradient(top,  #D5D0D0,  #a59a9a);
}
.classbutton_sel {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;	
	font-size:14px;   
	font-style:normal;
  color: #000000 !important;
  text-shadow: 1px 1px 0px #E1E7E8;
  box-shadow: 1px 1px 1px #D5D0D0;
	text-align:left;
  padding: 2px 6px;
  margin: 1px 2px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 2px solid #9D9EA1;
  background: #bdb5b5;
  background: linear-gradient(top,  #D5D0D0,  #a59a9a);
  background: -ms-linear-gradient(top,  #D5D0D0,  #a59a9a);
  background: -webkit-gradient(linear, left top, left bottom, from(#D5D0D0), to(#a59a9a));
  background: -moz-linear-gradient(top,  #D5D0D0,  #a59a9a);
  display: inline-block;
}
.normrubr {
	color: #000000; 
    padding: 0px 6px 0px 0px;
	text-align:right;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;	
	font-size:12px;   
	font-style:normal;
}
.normtext {
	color: #000000; 
	text-align:left;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;	
	font-size:11px;   
	font-style:normal;
}
.groupbutton {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;	
	font-size:12px;   
	font-style:normal;
  color: #000000 !important;
  text-shadow: 1px 1px 0px #E1E7E8;
  box-shadow: 1px 1px 1px #D5D0D0;
	text-align:left;
  padding: 2px 6px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #9D9EA1;
  background: #EDEBEB;
  background: linear-gradient(top,  #EDEBEB,  #D5D0D0);
  background: -ms-linear-gradient(top,  #EDEBEB,  #D5D0D0);
  background: -webkit-gradient(linear, left top, left bottom, from(#EDEBEB), to(#D5D0D0));
  background: -moz-linear-gradient(top,  #EDEBEB,  #D5D0D0);
  display: inline-block;
}
.groupteam {
  color: #000000 !important;
	text-align:left;
!  background: #EDEBEB;
  display: inline-block;
  width:100%;
  padding: 2px 3px 3px 5px;
}
.groupteam:hover {
  text-decoration:underline;
 }
.groupteam a:link { color: #000000; TEXT-DECORATION: none }  
.showgroup {
  color: #000000 !important;
  border-radius: 3px;
  border: 1px solid #9D9EA1;
  background: #EDEBEB;
  background: linear-gradient(top,  #EDEBEB,  #D5D0D0);
  background: -ms-linear-gradient(top,  #EDEBEB,  #D5D0D0);
  background: -webkit-gradient(linear, left top, left bottom, from(#EDEBEB), to(#D5D0D0));
  background: -moz-linear-gradient(top,  #EDEBEB,  #D5D0D0);
  display: inline-block;
  padding: 2px 6px 4px 6px;
  float:right;
'  width:90%
}
.showgroup:hover {
  color: #000000 !important;
  text-decoration:underline;
 }
.showgroup a:link { color: #000000; TEXT-DECORATION: none }  

img.procup_large {
    display: block;
    max-width:230px;
    max-height:230px;
    width: auto;
    height: auto;
}
img.procup_medium {
    display: block;
    max-width:150px;
    max-height:150px;
    width: auto;
    height: auto;
}
img.procup_small {
    display: inline;
    max-width:110px;
    max-height:110px;
    width: auto;
    height: auto;
}
img.procup_xsmall {
    display: inline;
    max-width:75px;
    max-height:75px;
    width: auto;
    height: auto;
}
img.sponsorpic {
    display: inline;
    max-width:270px;
    max-height:112px;
    width: auto;
    height: auto;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
img.toppic1 {
    display: inline;
    max-width:1160px;
    max-height:300px;
    width: auto;
    height: auto;
	position: relative;
!	top: 50%;
!	transform: translateY(-50%);
}
img.toppic2 {
    display: inline;
    max-width:1000px;
    max-height:300px;
    width: auto;
    height: auto;
	position: relative;
!	top: 50%;
!	transform: translateY(-50%);
}
img.menupic {
    display: inline;
    max-width:48px;
    max-height:48px;
    width: auto;
    height: auto;
	margin-right:10px;
}
img.cuplogga {
    display: inline;
    max-width:300px;
    max-height:300px;
    width: auto;
    height: auto;
}
img.startpic {
    display: inline;
    max-width:800px;
    max-height:450px;
    width: auto;
    height: auto;
}
p.xl_wh {
	color: #ffffff;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 24px;
    font-style: bold;
    font-weight: 600;
    text-align: left;
}
p.l_wh {
	color: #ffffff;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 18px;
    font-style: bold;
    font-weight: 600;
    text-align: left;
}

p.m_wh {
	color: #ffffff;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    text-align: left;
}

p.mbold_wh {
	color: #ffffff;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 14px;
    font-style: bold;
    font-weight: 600;
    text-align: left;
}

p.s_wh {
	color: #ffffff;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    text-align: left;
}
p.black {
	color: #000000 !important;
}
p.pad6 {
	padding-left:6px;
}
.box_black { 
	border-color: black;
	border: solid;  
	border-width: thin;
	width=100%;
    padding: 2px
}
.captionOrange {
!    background: rgba(235, 81, 0, 0.6) none repeat scroll 0 0; /* orange */
!    background: rgba(26, 32, 192, 0.6) none repeat scroll 0 0; /* mörkblå */
!    background: rgba(138, 141, 157, 0.6) none repeat scroll 0 0; /* mörkgrå */
!    background: rgba(52, 50, 50, 0.6) none repeat scroll 0 0; /* grafitgrå */
!    background: rgba(255, 255, 255, 0.6) none repeat scroll 0 0; /* vit */
    background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0; /* svart */
    border-radius: 3px;
	-moz-border-radius: 3px 3px 3px 3px; 
	-webkit-border-radius: 3px 3px 3px 3px;	
     -webkit-box-shadow: 2px 2px 3px 0px #888888;
     box-shadow: 2px 2px 3px 0px #888888;
    font-family: "Roboto Condensed",sans-serif;
    color: #000;
    font-size: 32px;
    line-height: 50px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
	z-index:99999;
}
.captionOrange_small {
!    background: rgba(235, 81, 0, 0.6) none repeat scroll 0 0; /* orange */
!    background: rgba(26, 32, 192, 0.6) none repeat scroll 0 0; /* mörkblå */
!    background: rgba(138, 141, 157, 0.6) none repeat scroll 0 0; /* mörkgrå */
!    background: rgba(52, 50, 50, 0.6) none repeat scroll 0 0; /* grafitgrå */
!    background: rgba(255, 255, 255, 0.6) none repeat scroll 0 0; /* vit */
    background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0; /* svart */
    border-radius: 3px;
	-moz-border-radius: 3px 3px 3px 3px; 
	-webkit-border-radius: 3px 3px 3px 3px;	
     -webkit-box-shadow: 2px 2px 3px 0px #888888;
     box-shadow: 2px 2px 3px 0px #888888;
    font-family: "Roboto Condensed",sans-serif;
    color: #000;
    font-size: 30px;
    line-height: 50px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
	z-index:99999;
}

/* marquee */
.example4 {
	height: 30px;  
	overflow: hidden;
	position: relative;
}
.example4 h3 {
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0;
	line-height: 30px;
	text-align: left;

	/* Apply animation to this element */          
	-moz-animation: example4 5s ease-out;
	-webkit-animation: example4 5s ease-out;
	animation: example4 5s ease-out;
}
/* Move it (define the animation) */
@-moz-keyframes example4 {
	0%   { -moz-transform: translateX(100%); }
	100% { -moz-transform: translateX(0%); }
}
@-webkit-keyframes example4 {
	0%   { -webkit-transform: translateX(100%); }
	100% { -webkit-transform: translateX(0%); }
}
@keyframes example4 {
	0%   { 
		 -moz-transform: translateX(100%); /* Firefox bug fix */
		-webkit-transform: translateX(100%); /* Firefox bug fix */
		transform: translateX(100%);                                                        
	}
	100% { 
		 -moz-transform: translateX(0%); /* Firefox bug fix */
		-webkit-transform: translateX(0%); /* Firefox bug fix */
		transform: translateX(0%); 
	 }
}