body {
	font-size:16px;
	margin:0;
	padding:0;
	background-color: #FFF;
	font-family: Verdana, Arial, sans-serif;
}

/** EGET 2 **/

a {
	text-decoration:none;
	color:#000;
	cursor:pointer;
}
a:hover {
	text-decoration:underline;
	color:#000;
	cursor:pointer;
}
p {
	margin:.4em 0 .8em 0;
	padding:0;
	font-size: 12px;
}
.right {
	float: right;
}
.space {
	line-height:190%;
}
.bold {
	font-weight:bold;
	}

#page-wrap {
	background: white;
	min-width: 300px;
	max-width: 1040px;
	margin: 0 auto;
	}
#footer p {
        padding:10px;
        margin:0;
		text-align:center;
    }
	
	.clfix {
  clear: both;
  font-size: 1px;
		}





/** Eget **/
	

.innlegg p, .innlegg {
	font-size:11px;
	margin-bottom:0px;
	margin-top:0px;
}

.eventimg {
	margin-left:-25px;
	padding-right:9px;
	vertical-align:middle
}
.rod {
	color:#FF0000;
	font-weight:bold
}
.strong {
	font-weight:bold;
	padding-right:5px;
}

.flamme {
	color:#FF8000;
	font-weight:bold;
}
.matchhead {
	width:100%;
	background-color:#000;
	font-family:Verdana, Helvetica, sans-serif;
	text-align:center;
	margin-bottom:5px;
	margin-top:10px
}
.matchhead .kampres {
	line-height:42px;
	color:#FFFFFF;
	font-weight:bold;
	font-style:italic;
	font-size:28px;
}
.matchhead .kampevent {
	color:#FFFFFF;
	font-weight:bold;
	font-style:italic;
	font-size:14px;
}
.lagoppstilling {
	background-color:#FFFFFF;
	font-size:10px;
	text-align:left;
	padding-top:10px;
	margin-bottom:10px;
	width:100%
}
.hj_11er {
	width:47%;
	float:left;
}
.b_11er {
	width:47%;
	float:right;
}
#center ul {
	list-style-type: none;
	padding: 0;
	margin: 0px 10px 0px 30px;
}
#center li {
	padding-bottom:3px;
	padding-top:3px;
	margin-top:4px;
	margin-bottom:4px;
	text-align: left;
	border-bottom:1px dotted #D6D6D6;
	line-height: 16px;
}

#match_col2 ul, #match_col ul {
		width: 90%;
		list-style-type: none;
		padding: 0;
		margin: 0;
	}

	#match_col2  li, #match_col li {
		padding-left: .6em;
		padding-bottom:1px;
		text-align: left;
	}

/** USTREAM */
#radio {
min-width:130px;
width:95%;
margin:0 auto;
margin-left: 2%;
}


/** Twitter **/

	#jstwitter {
	width:85%;
	min-width:130px;
	font-family: georgia;
	font-size: 11px;
	color: #333333;
	padding: 5px 10px 0 10px;
	margin:0 0;
	background:#fff;
	border:2px solid #eaeaea;
}
#jstwitter h1 {
	text-align:center;
	margin-top:0px;
	margin-bottom:10px;
	font-size:14px;
}
#jstwitter .tweet {
	margin: 0 auto 15px auto;
	padding: 0 0 20px 0;
	border-bottom: 1px dotted #ccc;
}
#jstwitter .tweet a {
	text-decoration: none;
	color: #03a8e5;
}
#jstwitter .tweet a:hover {
	text-decoration: underline;
}
#jstwitter .tweet .text {
	display:block;
}
#jstwitter .tweet .time, #jstwitter .tweet .user {
	font-style: italic;
	color: #C0C0C0;
}
#jstwitter .tweet .by {
	float:right;
	color:#C0C0C0;
	padding-bottom:10px;
}
#jstwitter .tweet:last-child {
	border:0;
}








@media all and (max-width: 620px) { /* mobile */

#forklaring:after {
	content:"Scroll ned for å velge etappe";
}
	body {
		font-size:90%;
	}
	.innlegg p, .innlegg {
		font-size:0.9em;
	}
	
	#mapdiv {		
		display:none;
		}
	
	#header {
		background:url(../images/letour_small.png) top center no-repeat;
		height:35px;
		padding:0;
		margin:0;	
		background-color: #FFF;
/*		background-size:100%;*/
	}
	#left {
		float:left;
		width:80%;
		margin-left:10%;
		min-height:650px; /* for modern browsers */
		height:auto !important; /* for modern browsers */
		height:650px; /* for IE5.x and IE6 */
		font-size: 0.9em;
		margin-right:10%;
		background-color:white;
		clear:both;
		padding-bottom:20px
	
	}
	#center {
		float:left;
		width:100%;
		min-height:20px; /* for modern browsers */
		max-height:1550px;
		padding-bottom:30px;
		border-bottom:1px dashed #999;
		overflow:hidden;
		clear:both;
		z-index:1;
	}
	#center li {
				line-height:1.4em;
		
		}
	.matchhead .kampres {
		line-height:22px;
		color:#FFFFFF;
		font-weight:bold;
		font-style:italic;
		font-size:0.9em;
	}

	.matchhead {
		padding: 5px 0;
	}
		
		 
	
	#radio {
		min-width:130px;
		width:80%;
		margin:0 20px;
	}
	#button2 { 
	margin: 10px 10% 10px 10%;
	width:80%;
	font-size:1.0em;
	}
	
	#button3 { 
	margin: 10px 10% 10px 10%;
	width:80%;
	font-size:1.0em;
	}
	
	.cssShoutBox { height:350px !important;}


		
	#jstwitter {
		font-size: 1.1em;
		width: 95%;
		overflow:hidden;
		height:450px; /* for modern browsers */
		max-height:650px;
	}
	#jstwitter .tweet {
	padding: 0 0 2em 0;
	border-bottom: 1px dotted #ccc;
}

#footleft {
	display:block;
	}
#footright {
display:none;
	}

}

@media all and (min-width: 620px) {  /* desktop*/

#forklaring {
	content:"Klikk på en av etappene i menyen til venstre under chatten for å følge den etappen";
}

		#button2 { 
			display:none;
		}
		#button3 { 
			display:none;
		}
		#header {
			background:url(../images/letour.jpg) 20% 65% no-repeat;
			height:100px;
			padding:0;
			margin:0;
			background-color: #FFF;
		}
		#left {
			float:left;
			min-width:155px;
			max-width:280px;
			width:25%;
			margin-left:8px;
			min-height:650px; /* for modern browsers */
			height:auto !important; /* for modern browsers */
			height:650px; /* for IE5.x and IE6 */
			font-size: 11px;
			margin-right:10px;
			padding-bottom:20px
		
		}
		#center {
		/*	margin-left:290px;*/
		float:right;
		max-width:740px;
		min-width:110px;
		width:70%;
			min-height:650px; /* for modern browsers */
			
			height:auto !important; /* for modern browsers */
			height:650px; /* for IE5.x and IE6 */
		}
		#footer {
			clear:both;
			height:30px;
			border-top: 1px solid #999;
			margin-top: 15px;
		}
#footleft {
	float:left;
	}
#footright {
	float:right;
	}

}