/* Stylesheets for Parksnackan */

body {
margin: 0px auto;
padding: 0px;
background-color: #000/*#0c4d00*/;
background-image: url(../images/parksnackan_bgr_4.jpg);
background-attachment: scroll;
background-repeat: no-repeat; 
background-position: top center;
font-family: arial, verdana, sans-serif;
font-size: 1em;
font-style: normal;
color: #000000;
text-align: center;
}

#wrapper {
margin: 0px auto;
padding: 0px;
width: 964px;
height: auto;
background-color: transparent;
text-align: left; 
position: relative;   
}

/* Space tracking */

#header {
clear: left;
float: left;
display: block;
margin: 0px auto 0px 0px;
padding: 0px;
width: 964px;
height: 200px;  
background-color: transparent;
}

#contenttop {
clear: left;
float: left;  
display: block;
margin: 0px 0px 0px 0px;
padding: 0px;
width: 964px;
height: 20px; 
background-color: #ffffff;
/*background-image:  url(../images/contenttop3.jpg)*/;
}

#contentmiddle {
clear: left;
float: left;  
display: block;
margin: 0px auto;
padding: 0px;
width: 964px;
height: auto; 
background-color: #ffffff;
/*background-image:  url(../images/contentmiddle3.jpg)*/;
background-repeat: repeat-y;
}

#maincontent  {
clear: left; 
float: left; 
display: inline;
width: 724px; 
height: auto;
margin: 0px; 
padding: 0px;
}

#sidebar  {
float: left; 
display: inline;
width: 240px; 
height: auto;
margin: 20px 0px 0px 0px; 
padding: 0px; 
}


#footer {
clear: both;
float: left;  
display: block;
margin: 0px 0px 0px 0px;
padding: 0px;
width: 964px;
height: 140px;
background-color: #ffffff;
/*background-image:  url(../images/contentmiddle3.jpg);*/
background-repeat: repeat-y;
}

#contentbottom {  
clear: both;
float: left;  
display: block;
margin: 0px 0px 0px 0px;
padding: 0px;
width: 964px;
height: 20px;
background-color: #ffffff;
/*background-image:  url(../images/contentbottom3.jpg);*/
background-repeat: no-repeat;
}





/* header */

#toppbild  {
clear: left; 
float: left; 
position: relative;
margin: 0; 
padding: 0;
background-image: url(../images/toppen.gif); 
background-position: top left;
width: 964px; 
height: 200px; 
}

#logo  {
z-index: 10;
float: left; 
display: block;
position: absolute;
top: 30px;
left: 40px; 
width: 419px;
height: 122px;
}

#star  {
z-index: 10;
float: left;
display: block;
position: absolute;
top: 4px;
left: 785px; 
width: 169px;
height: 169px; 
border: none;
outline: none;
}


#navigation  {  
clear: both; 
float: left; 
position: absolute;
z-index: 800;
top: 164px;
left: 10px; 
width: 964px;
height: 40px;  
padding: 5px 7px 5px 7px;
margin: 0px 0px 0px 0px; 
background: transparent;
}


#navigation ul li  { 
display: inline;
list-style: none;
margin: 0px 0px 0px 0px; 
padding: 0px;
width: auto; 
height: auto; 
}

a.toplink:link, a.toplink:visited, a.toplink:active  { 
font-family: arial, verdana, sans-serif;
font-size: 14px;
font-weight: bold;
color: #ffffff; 
line-height: 1.6em;
text-align: left;
text-decoration: none;
margin: 0px 5px 0px 5px; 
padding: 3px 6px;
width: auto; 
height: auto; 
}

a.toplink:hover, a.toplink:focus { 
font-family: arial, verdana, sans-serif;
font-size: 14px;
font-weight: bold;
color: #ffff00; 
line-height: 1.6em;
text-align: left;
text-decoration: none;
margin: 0px 4px 0px 4px; 
padding: 3px 6px;
width: auto; 
height: auto; 
background-color: #121212;
border: 1px solid #232323;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px; 
-khtml-border-radius: 4px; 
}




/* Slideshow */


.pics  {   /* Slideshowpics */
clear: left;
float: left;
display: block;
margin: 0px 0px 0px 0px;
width: 964px; 
height: 180px; 
overflow: hidden; 
}


/* Contentmiddle = maincontent + sidebar */


/* Maincontent */


.rubrikpic1  {
float: left; 
display: block;
position: relative;
top: -8px;  
left: -17px; 
margin: 0px 0px 10px 0px; 
padding: 0px;
width: 343px; 
height: 37px;
z-index: 100; 
background: url(../images/rubrik_bgr_curly7.png) no-repeat;
}

.rubrikpic2  {
float: left; 
display: block;
position: relative;
top: 10px;  
left: -17px; 
margin: 0px 0px 10px 0px; 
padding: 0px;
width: 343px; 
height: 37px;
z-index: 100; 
background: url(../images/rubrik_bgr_curly7.png) no-repeat;
}



h1.rubriktext  { 
font-family: arial, verdana, sans-serif;
font-size: 1.4em;
font-weight: normal;
color: #ffffff;  
line-height: 1.6em;
text-align: left;
margin: 10px 0px 0px 58px; 
padding: 0px;
width: 300px; 
height: auto;  
}


#nyhetsblock ul li { 
clear: left;
float: left;
display: list-item;
list-style: square;
list-style-position: outside;
font-family: verdana, arial, sans-serif;
font-size: 1em;
font-weight: normal;
color: #333333;  
line-height: 1.6em;
text-align: left;
margin: 0px 0px 0px 40px; 
padding: 0px;
width: 100%; 
height: auto;  
}

a.page:link, a.page:visited, a.page:active {
color: #333333;
text-decoration: none;
}

a.page:hover, a.page:focus {
color: #000000;
text-decoration: underline;
} 


#tabell  {
clear: left; 
float: left;
display: block; 
width: 500px; 
height: auto;
margin: 10px 20px 20px 20px; 
padding: 6px;
background-color: #fbfcf4;
border: 1px solid #dcdfc4; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; 
-khtml-border-radius: 5px; 


}

#tabell table  {
width: 100%; 
height: auto; 
margin: 0px; 
padding: 0px;
border-collapse: collapse;
}

#tabell table td  {
font-family: verdana, arial, sans-serif;
font-size: 1em;
font-weight: normal;
color: #333333; 
line-height: 1.3em;
text-align: left;
margin: 0px; 
padding: 5px; 
}

#tabell table td.whitebgr  {
background-color: #ffffff;
padding: 5px; 
}



.rundbox  {
clear: left; 
float: left;
display: block; 
width: 270px; 
height: auto;
margin: 10px 20px 10px 20px; 
padding: 5px 10px;
background-color: #fbfcf4;
border: 1px solid #dcdfc4; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; 
-khtml-border-radius: 5px; 
}



/* Sidebar */

#banner {
float: left; 
display: inline;
position: relative;
top: -26px;  
left: 133px; 
margin: 0px; 
padding: 0px;
width: 112px; 
height: 110px;
z-index: 100;
}

#socialicons   {
z-index: 10;
float: left; 
display: block;
width: 208px;
height: 48px;
margin: -10px 0px 10px 20px;
padding: 0px;
}

#nyheter   {
z-index: 10;
float: left; 
display: block;
width: 190px;
height: 100px;
margin: 0px 0px 40px 20px;
padding: 10px;
background: #efefef;
line-height: 14px;

}

img.opasityOFF {
float: left;
display: inline;  
margin: 0px 0px 0px 0px;
width: 48px; 
height: 48px; 
border: none;
outline: none;
}

img.opasityON  {
float: left;
display: inline;  
margin: 0px 0px 0px 0px; 
width: 48px; 
height: 48px; 
opacity: 0.8; 
-moz-opacity: 0.8; 
-khtml-opacity: 0.8; 
filter: alpha(opacity=80);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); 
border: none;
outline: none;
}

h2.sidebarheading1  {
clear: left;
float: left;
font-family: verdana, arial, sans-serif;
font-size: 1.1em;
font-weight: bold;
color: #333333; 
text-align: left;
margin: 0px 0px 10px 0px; 
padding: 0px;
width: 180px; 
height: auto; 
}


a.sidebar:link, a.sidebar:visited, a.sidebar:active {
color: #333333;
text-decoration: none;
text-align: left;   
}

a.sidebar:hover, a.sidebar:focus {
color: #000000;
text-decoration: underline;
text-align: left;   
} 

p.sidebartext  {
clear: left; 
float: left;
width: 180px; 
height: auto; 
font: 11px/16px verdana, arial, sans-serif;
color: #333333;
text-align: left;
margin: 0px 0px 0px 0px; 
}


#annonsbox  {
clear: left;
float: left;
display: block; 
width: 200px; 
height: auto; 
margin: 0px 20px 20px 20px;
padding: 0px;
text-align: left;
font-family: verdana, arial, sans-serif; 
font-size: 1em;
font-weight: normal;
color: #333333; 
line-height: 1.4em;
}               


img.sidebarpics1  {
clear: left;
float: left;
display: block; 
margin: 0px 0px 5px 0px;
padding: 0px;
border: 2px solid #FFFFFF;
}

img.sidebarpics2  {
clear: left;   
float: left; 
display: inline;
margin: 0px 5px 5px 0px;
padding: 0px;
}

img.sidebarpics3  {   
float: left; 
display: inline;
margin: 0px 0px 5px 0px;
padding: 0px;
}

img.sidebarpics4  {
clear: left;
float: left;
display: block; 
margin: 0px 0px 0px 0px;
padding: 0px;
border: none; 
outline: none; 
}

img.sidebarpics5  {
clear: left;
float: left;
display: block; 
margin: 5px 0px 0px 0px;
padding: 0px;
border: none; 
outline: none; 
}


/* Footer */

.line {  
border-top: 1px solid #D3D3D3; 
margin: 20px 20px 0px 20px;
}



#footer_column1 {
clear: left;
float: left;
display: inline;
margin: 0px; 
padding: 0px;
width: 320px;
height: 140px;
background-color: transparent;
}

#footer_column2 {
float: left;
display: inline;
margin: 0px;
padding: 0px;
width: 320px;
height: 140px;
background-color: transparent;
}

#footer_column3 {
float: left;
display: inline;
margin: 0px 0px 0px 0px;
padding: 0px;
width: 324px;
height: 140px;
background-color: transparent;
}

/* footer columns content */

a.footerlink:link, a.footerlink:visited, a.footerlink:active {
font: 11px/16px arial, verdana, sans-serif;
color: #777777;
margin: 5px 0px 3px 0px;
text-align: left;
text-decoration: none;
background: transparent;
}

a.footerlink:hover, a.footerlink:focus {
color: #000000;
text-decoration: none;
}

h4.footerrubrik {
clear: left;
float: left;
width: 300px;
font: 11px/16px arial, verdana, sans-serif;
color: #777777;
margin: 10px 0px 0px 70px;
padding: 0px;
}


p.footertext {
clear: left;
float: left;
width: 300px;
font: 11px/18px arial, verdana, sans-serif;
color: #777777;
margin: 5px 0px 0px 70px;
background: transparent;
}

.footer_img {
float: right; 
margin: 10px 10px 0px 0px;
}

.space  { 
clear: both; 
width: 100%; 
height: 30px; 
background-color: transparent;
}



a.scrollup:link, a.scrollup:visited, a.scrollup:active   {
clear: left;
font: 11px/16px arial, verdana, sans-serif;
color: #ffffff;
font-weight: bold;  
text-align: center;
text-decoration: none;
text-shadow: #006600 1px 1px 0px;    
margin: 0px; 
padding: 3px 10px;
background-color: #008800;
border: 1px solid #007700; 
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; 
-khtml-border-radius: 3px; 
}

a.scrollup:hover, a.scrollup:focus {
color: #ffff00;
text-decoration: none;
text-shadow: #007700 1px 1px 0px;    
background-color: #009900;
border: 1px solid #007700; 
}

.vitruta {
background: #ffffff;
}

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin: 0px 0px 0px 0px;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:964px;
		height:180px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */

.textruta {
clear: left; 
float: left;
display: block;
position: relative; 
width: 680px; 
height: auto;
margin: 20px 10px 10px 20px; 
padding: 6px;
background-color: #ffffff;
border: 0px solid #dcdfc4; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; 
-khtml-border-radius: 5px; 
} 

a {
color:#006600;
text-decoration:none;}