/* ------------------------------ */
/* Stylesheet for Jockes testsida */
/* ------------------------------ */
body {
	color:#000000;
	font-family:verdana;
	font-size: 10px;
	padding-left:10px;
	background-color: #4C4C4C; 
	/* used */
}

a {
	text-decoration:none;
	color:#000000;
	font-family:verdana;
	font-size: 10px;
}
a.red {
	text-decoration:none;
	color:RED;
	font-family:verdana;
	font-size: 10px;
}
a.bold {
	text-decoration:none;
	color:BLACK;
	font-family:verdana;
	font-size: 10px;
	font-weight: bolder;
}
a:hover {
	text-decoration:none;
	/*color:#e1e133;*/
	color:red;
	font-family:verdana;
	font-size: 10px;
}
tr {
	font-size: 10px;
}
	
p.text {

	padding-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;

}
p.textruta {
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: orange;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;	
}

p.textrubrik {
	font-size: 15px;
	width: auto;
	font-family: verdana;
	font-weight: bolder;
	margin-bottom: 0em; 
	padding: 0;
}
td.text {
	color:#000000;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 1em; 

}

td.vit {
	color:#FFFFFF;
}

td.bgdark {
	background-color: #FFFFFF;
	/* used */
}

td.infobar {
	/*background-color: #6D695B;*/
	/*background-color: #FFFFFF;*/
	background-image: url(http://www.askew.se/kbs/layout/flower.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
	color:#ffffff;
}
DIV.bigbg {
	FON-SIZE: 9px;
	FONT-FAMILY: Geneva, Verdana, Arial, Helvetica, sans-serif; 
	BACKGROUND-IMAGE: url(http://www.askew.se/new/images/layout/askew_smoke.jpg);
	BACKGROUND-REPEAT: norepeat; 
	PADDING-RIGHT: 
	0px; PADDING-LEFT: 0px;
	FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}

td.list {
	background-color: #FFFFFF;
}

td.bglight {
	
	background-color: #22FFFF;
}
td.bg_main {
	background-color: #ffd908;	
	background-image: url(http://www.askew.se/kbs/layout/bg_fade.gif);
	background-repeat: repeat-x;
	background-attachment: fixed;
}
/*
div.rutameny {
	font-family: verdana;
	font-size: 10px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 1em; 
	background-color: #a3c6f4;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
}*/
/*	
a.red {
	font-family: verdana;
	font-size: 10px;
	color: red;
}
a.gray {
	font-family: verdana;
	font-size: 10px;
	color: gray;
}*/
/*
div.rutascroll {
	font-family: verdana;
	font-size: 10px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 1em; 
	background-color: #a3c6f4;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	overflow: auto;
}*/
th {
	background-color: #000000;
	font-family: verdana;
	font-size: 10px;
	padding-left: 1px; 
	padding-right: 1px;
	margin-top: 1em;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
}
th.gray {
	background-color: #4C4C4C;
	font-family: verdana;
	font-size: 10px;
	padding-left: 1px; 
	padding-right: 1px;
	margin-top: 1em;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
}

td.guestbook {
	font-family: verdana;
	font-size: 10px;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	height=350;
	overflow: auto;
}

td.ruta {
	/*background-color: #BABBA8;*/
/*	background-color: orange;*/
	font-family: verdana;
	font-size: 10px;
	padding-left: 1px; 
	padding-right: 1px;
	margin-top: 1em;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
}

/* Nyhetsruta */
td.nyhetsruta {
	background-color: #FFFFFF;
	font-family: verdana;
	font-size: 10px;
	padding-left: 1px; 
	padding-right: 1px;
	margin-top: 1em;
	/*border-top: 1px solid #000000;*/
	/*border-bottom: 1px solid #000FFF;*/
	/*border-right: 1px solid #000FFF;*/
	/*border-left: 1px solid #000000;*/
}

td.nyhetsrubrik {
	font-family: verdana;
	color: #000000;
	font-size: 10px;
	/*border-bottom: 1px solid #000000;*/
	background-image: url(images/layout/news_box_bg.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
}



td.rubrikruta {
	font-family: verdana;
	background-color: #000000;
	color: #ffffff;
	font-size: 10px;
	border-bottom: 1px solid #ffffff;
	padding-left: 0px; 
	padding-right: 0px;

}

td.listheader {
	font-family: verdana;
	/*background-color: #6D695B;*/
	/*background-color: #4C4C4C;*/
	color: #000000;
	font-size: 10px;
	/*border-bottom: 1px solid #000000;*/
	background-image: url(images/layout/news_box_bg.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
}

td.rubrikrutagra {
	font-family: verdana;
	background-color: #4C4C4C;
	color: #ffffff;
	font-size: 10px;
	padding-left: 1px; 
	padding-right: 1px;
	
	border-bottom: 1px solid #ffffff;
}
td.nyhetgra {
	padding-left: 1px; 
	padding-right: 1px;
}

td.rubrikrutaleft {
	font-family: verdana;
	background-color: #000000;
	color: #ffffff;
	font-size: 10px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
}
td.rubrikrutaright {
	font-family: verdana;
	background-color: #000000;
	color: #ffffff;
	font-size: 10px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}
div.knapp {
	font-family: verdana;
	background-color: #000000;
	color: #ffffff;
	font-size: 10px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
}
div.knapp_over {
	font-family: verdana;
	background-color: #4C4C4C;
	color: #ffffff;
	font-size: 10px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
}
a.paging {
	font-family: verdana;
	background-color: #000000;
	color: #ffffff;
	font-size: 10px;
	padding-left: 3px; 
	padding-right: 3px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
}
a:hover .paging {
	font-family: verdana;
	background-color: #4C4C4C;
	color: #ffffff;
	font-size: 10px;
	padding-left: 3px; 
	padding-right: 3px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
}

a.button {
	font-family: verdana;
	background-color: #990000;
	color: #ffffff;
	font-size: 10px;
	padding-left: 3px; 
	padding-right: 3px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
}
a:hover .button {
	font-family: verdana;
	background-color: CC0000;
	color: #ffffff;
	font-size: 10px;
	padding-left: 3px; 
	padding-right: 3px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
}

span .paging {
	font-family: verdana;
	
	color: #ffffff;
	font-size: 10px;
	padding-left: 3px; 
	padding-right: 3px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
}
span .pagingactive {
	font-family: verdana;
	background-color: #ffffff;
	color: #000000;
	font-size: 10px;
	padding-left: 3px; 
	padding-right: 3px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
}

.visaKort, .gomKort{
	position:absolute;
	top:120px;
	left:170px;
	width:410px;
	height:350px;
	font-family: verdana;
	font-size:8pt;
	padding-left: 20px; 
	padding-right: 20px;
	margin-top: 1em;
	background-color: #ffffff;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	wrap:virtual;

}
	
.gomKort {
	visibility:hidden;
}
	
.visaKort {
	visibility:visible;
}

.infoknapp {
	color: #999999;
	font-size:10pt;
	background:#ffffff;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
}
	
.infoknapp-skugga {
	color: #000000;
	font-size:10pt;
	background:#ffffff;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
}
	
.meny-text {
	color: #000000;
	font-family:verdana;
	font-size: 10pt;
	background:#ddeeff;
}

.meny-skugga {
	color: #000000;
	font-family:verdana;
	font-size: 10pt;
	background:#666666;
}
	
.textunderlogga{
	position:absolute;
	top:90px;
	left:0px;
	width:800px;
}
	
.meny{
	font-size: 10pt;
	background:#999999;
}
	
.black{
	background:#5b92e6;
	width:900px;
	font-size: 10pt;
}

.line1{
	position:absolute;
	top:85px;
	left:0px;
	z-index:3;
}

.line2{
	position:absolute;
	top:124px;
	left:0px;
}
	
.line3{
	position:absolute;
	top:500px;
	left:10px;
	width:570px;
}
	
.line4{
	position:absolute;
	top:550px;
	left:10px;
}
	
.line5{
	position:absolute;
	top:570px;
	left:0px;
	background=#5b92e6;
	font-size=10px;
}
	
.hidenewsbutton{
	visibility:hidden;
}

.shownewsbutton{
	visibility:visibility;
}

.kontrollOn {
	font-size: 10pt;
	background:#5b92e6;
	color:#a3c6f4;
}

.kontrollOff{
	font-size: 10pt;
	background:#5b92e6;
	color:black;
}
input.submit{
	font-family: Verdana;
	font-size: 10px;
	border: 1 solid BLACK;
	background:RED;
	color:WHITE;
	padding-right: 3px;
}
input.paging{
	font-family: Verdana;
	font-size: 10px;
	border: 1 solid BLACK;
	background:RED;
	color:WHITE;
	padding-right: 3px;

}

input.submitgreen{
	font-family: Verdana;
	font-size: 10px;
	border: 1 solid #FFFFFF;
	background:Green;
	color:#ffffff;
}
input.submityellow{
	font-family: Verdana;
	font-size: 10px;
	border: 1 solid #FFFFFF;
	background:#ffa500;
	color:#ffffff;
}
input.submitred{
	font-family: Verdana;
	font-size: 10px;
	border: 1 solid #FFFFFF;
	background:Red;
	color:#ffffff;
}


input {
	font-family: Verdana;
	font-size: 10px;
	border: 1 solid #FFFFFF;
}

input.headertext {
	font-family: Verdana;
	font-size: 10px;
	border: 1 solid #FFFFFF;
	width: 625px;
}

input.footertext {
	font-family: Verdana;
	font-size: 10px;
	border: 1 solid #FFFFFF;
	width: 450px;
}
#tablist{
	float: left;
	display: inline;
	}
	
#tabpict{
	height: 50px;
	width: 200px;
	overflow: hidden;
	}

#pic{
	display: inline;
	}	
#pic img{
	height: 50px;
	}
#cat{
	display: inline;
	float: left;
	padding: 2px 5px;
	height: 10px;
	background: #fff;
	border-right: 1px solid #000;
	margin: 5px 0;
	}
td.map{
	background: #fff;
	padding: 5px;
	border: 0px solid #555;
	width: 330px;
	height: 150px;
	margin: 10px auto;
	}
#map{
	overflow: hidden;
	width: 500px;
	height: 150px;
	}
img.map{
	margin: -20% 20% 0 0;
	}
p.breadcumb{
	display: none;
	}
p.description	{
	width: 200px;
	}
#def td{
	padding: 0 5px;
	width: auto;
	}

td.hotel{
	padding: 5px;
	background: #fff;
	border: 0px solid #555;
	}
table#hotelist{
	background: #fff;
	padding: 3px;
	border: 0px solid #555;
	}

/*
textarea {
	font-family: Verdana;
	font-size: 10px;
	color: #000000;
	border: 1 solid #FFFFFF
}
*/
/*		
#silver{color:silver;font-family:verdana; font-size: 10pt;}
#ruta{position: absolute; z-index: 50; left:750px; top:120px; ; width=150; height=423;color: #666666;}
#idrutalinks{position: absolute; z-index: 50; left:590px; top:120px;width=150;height=423; color: #666666;}
#idrutameny{position: absolute; z-index: 8; left:10px; top:120px; width=150; height=350;color: #666666;}
#idrutaadmin{position: absolute; z-index: 8; left:10px; top:120px; width=880; height=200;color: #666666;}
#idrutaadminbottom{position: absolute; z-index: 8; left:10px; top:330px; width=880; height=200;color: #666666;}
#logo{position: absolute; z-index: 4; left:140px; top:10px; color: #5b92e6;}
#logo-skugga{position: absolute; z-index: 2; left:143px; top:13px; color: #a3c6f4;}
#stortext{position: absolute; z-index: 1;}
#mtext1 {position:absolute; top:92px; left:470px; width=100; z-index=40;}
#mtext2 {position:absolute; top:92px; left:570px; width=100; z-index=41;}
#mtext3 {position:absolute; top:92px; left:650px; width=100; z-index=42;}
#mtext4 {position:absolute; top:92px; left:850px; width=100; z-index=43;}
#bild {position:absolute; top:0px; left:0px; z-index=5;overflow:false}
#sliderpil {position:absolute; top:88px; left:0px; z-index=50}
#vtext {position: absolute; z-index: 2; left:100px; top:102px; width=710;}
#menytext {position: absolute; z-index: 2; left:100px; top:68px; width=710;}
#infoknapp1 {position:absolute; top:150px; left:20px; width=130; z-index=20}
#infoknapp2 {position:absolute; top:170px; left:20px; width=130; z-index=21}
#infoknapp3 {position:absolute; top:190px; left:20px; width=130; z-index=22}
#infoknapp4 {position:absolute; top:210px; left:20px; width=130; z-index=23}
#infoknapp5 {position:absolute; top:230px; left:20px; width=130; z-index=24}
#infoknapp6 {position:absolute; top:250px; left:20px; width=130; z-index=25}
#infoknapp7 {position:absolute; top:270px; left:20px; width=130; z-index=26}
#infoknapp8 {position:absolute; top:290px; left:20px; width=130; z-index=27}
#newsbutton {position:absolute; top:135px; left:885px; z-index=51;}
#linksbutton {position:absolute; top:135px; left:725px; z-index=51;}
#kontroll-news {position:absolute; top:105px; left:105px; z-index=35;}
#kontroll-links {position:absolute; top:105px; left:200px; z-index=35;}
#kontroll-chat {position:absolute; top:105px; left:305px; z-index=35;}
#kontroll-logon {position:absolute; top:105px; left:500px; z-index=35;}
*/