#artiklar img 
{ 
border: 1px solid #000;
margin: 5px;
}


#PictureLeft {

padding: 10px;
float: left;
color: #000;
font-size: 10px;
font-style: italic;

}

#PictureRight {

padding: 10px;
float: left;
color: #000;
font-size: 10px;
font-style: italic;

}











#subnav { 
height: 25px; 
background:url(gfx/sub_bgr.gif) repeat-x; 
margin:0px; 
padding:0px; 
white-space:nowrap; 
font:10px Arial,Helvetica,sans-serif; 
text-align:center; } 

#subnav a { 
background:url(gfx/sub_bgr.gif) repeat-x; 
float:left; 
margin:0; 
padding:3px 8px 6px 8px; 
list-style-type:none; 
color:#555555; 
font-weight:normal; 
text-decoration:none } 

#subnav a:hover{ 
color:#3DAB00; 
background:url(gfx/sub_bgr_hover.gif) repeat-x; 
border-bottom:0px solid #272727; } 

#subnav a.active { 
background:url(gfx/sub_bgr_hover.gif) repeat-x; 
color:#3DAB00; 
} 

#subnav a.active:hover{ 
color:#3DAB00; 
background:url(gfx/sub_bgr_hover.gif) repeat-x; 
border-bottom:0px solid #272727; } 


#subnav ul{ 
float:none; 
margin:0;
padding:0; 
list-style-type:none; 
position:relative } 

#subnav ul li{ 
display:inline; 
margin:0; 
padding:0; 
list-style-image:none; l
ist-style-type:none }

#nav { 
height: 30px; 
background:url(gfx/main_bgr.gif) repeat-x; 
border-top: 0px solid #FFFFFF; 
margin:0px; 
padding:0px; 
white-space:nowrap; 
font:11px Arial,Helvetica,sans-serif; 
text-align:center; } 

#nav a { 
border-right:0px solid #000000; 
border-bottom:0px solid #272727; 
background:url(gfx/main_bgr.gif) repeat-x; 
float:left; 
margin:0; 
padding:6px 8px 6px 8px; 
list-style-type:none; 
color:#1F720B; 
font-weight:normal; 
text-decoration:none } 

#nav a:hover{ 
color:#FFFFFF; 
background:url(gfx/main_bgr_hover.gif) repeat-x; 
border-bottom:0px solid #272727; } 



#nav ul{ 
float:none; 
margin:0;
padding:0; 
list-style-type:none; 
position:relative } 

#nav ul li{ 
display:inline; 
margin:0; 
padding:0; 
list-style-image:none;
list-style-type:none }

	

	
	#nav a.active {

		color: #fff;
		background: transparent url(gfx/main_bgr_active.gif) repeat-x;
		
	}

	
	#nav a.active:hover {

		color: #fff;
		background: transparent url(gfx/main_bgr_active.gif) repeat-x;
		
	}
	
	
/*
ArtikelImage
*/
	
.floatright
{
float: right; 
margin: 15px 5px 15px 10px; 
width: 130px;
font-size: 10px;
font-weight: normal;
font-style: italic;
color: #000;
}



	
.floatrightfront
{
float: right; 
margin: 15px 5px 15px 10px; 
width: 260px;
font-size: 10px;
font-weight: normal;
font-style: italic;
color: #000;
}

.floatrightfront img
{
margin: 5px 0px 0px 0px;
border: 1px solid #000;
}


.floatleft
{
float:left; 
margin: 15px 10px 15px 5px; 
width: 130px;
font-size: 10px;
font-weight: normal;
font-style: italic;
color: #000;

}


/*
Slut
*/

 .image a { background-color: #FFFFFF; border: 1px solid #eaeaea; display: block; 
 vertical-align: middle; width: 106px; } 
 .image a:hover { background-color: #efefef; border: 1px dashed #3DAB00; } 
 .image img { margin: 2px; border:1px solid #f6f6f6; } 






.containingbox p { 
margin-top: 0;
}



	a:link 					{ text-decoration: none; color: #3DAB00 }
	a:active 				{ text-decoration: none; color: #3DAB00 }
	a:visited				{ text-decoration: none; color: #3DAB00 }
	a:hover					{ text-decoration: underline; color: #DA4800;  }

	body {
		margin:0;
		padding:0;
		background: url(gfx/bgr.jpg) #E5E5E5 repeat-x top left;
	 	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	 	font-size: 11px; 
	 	color: #333333;
		
		}


	div#container {
		background:#FFFFFF;
		margin-top: 2px;
		margin-left:10px;
		width:763px;
		border: 3px solid #ffffff;
		padding: 1px;
		
	}
	#header {
		background: url(gfx/top.jpg) #ffffff repeat-x top left;
		height: 186px;
		width: 763px;
	}
	
	#header h1 {
		padding:5px;
		margin:0;
	}

	
	
	#main {
		float:left;
		width:720px;
		Margin: 0 auto;
		Padding: 20px 20px 20px 20px; 

		
		
	}

	h1 
	{ 
	 font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	 font-size: 21px; 
	 color: #a8a8a8;
	 font-weight: normal;
	 margin-bottom: 5px;
	} 
	
	h2 
	{ 
	 font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	 font-size: 17px; 
	 color: #1D6483;
	 padding-bottom: 0px;
	 margin-bottom: 5px;
	 font-weight: normal;
	} 
	
	h3 
	{ 
	 font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	 font-size: 16px; 
	 color: #1D6483;
	 font-weight: normal;
	 margin-bottom: 5px;
	 margin-top: 0px;
	} 
	
	
	
	#sidebar {
		background-color:#99c;
		width:247px;
		margin-left:500px;
	}
	#container > #sidebar {
		width:250px;
	}
	#sidebar h3, #sidebar p {
		padding:0 10px;
	}
	#footer {
		color: #0A5500;
		padding-top:3px;
		padding-bottom:3px;
		padding-left:10px;
		padding-right:0px;
		background:url(gfx/main_bgr.gif) #555555 repeat-x top left;
		clear:both;
	}
	#footer p {
		padding:0px;
		margin:0;
		color:#0A5500;
		font-size: 10px;
	}
	
	th.center {
	 font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	 font-size: 12px; 
	 color: #111111;
	 background-color: #F7F6ED;
	}
	
	td.center {
	text-align: center;
	}
	/*
	#main li  {
		list-style-type: none;
		padding: 5px 10px 10px 27px;
		margin: 0px 0px 0px -30px;
		background:  url(gfx/listicon.gif) #fbfbfb no-repeat 5px 6px;
		border-bottom: 1px solid #d7d7d7;

	}
	
	
	#main ul  {
		margin-top: 0px;

	}
	*/
	
input {

font-family: verdana, arial;
font-size: 10px;
color: #444;
background-color: #FFF;
border: 1px solid #AAA;
}

input.noborder {

border: 0px;
}

input.submit {

border-top: 1px solid #AADB2A;
border-left: 1px solid #AADB2A;
border-right: 1px solid #43B700;
border-bottom: 1px solid #43B700;
background:url(gfx/main_bgr.gif) repeat-x; 
height: 20px;
color: #FFF;
}

input.preview {

border-top: 1px solid #3F89A2;
border-left: 1px solid #3F89A2;
border-right: 1px solid #1B5E7B;
border-bottom: 1px solid #1B5E7B;
background-color: #2F7996;
height: 20px;
color: #FFF;
}

textarea {

font-family: verdana, arial;
font-size: 10px;
color: #444;
background-color: #FFF;
border: 1px solid #AAA;
}


/*
MENY FÖR ARTIKLARNA
*/

#artikelnav{
   white-space : nowrap;
   float : left;
   color : #fff;
   width : 100%;
   border-top-color: #DBDBDB;
   border-bottom-color: #C2C2C2;
   border-left-color: #DBDBDB;
   border-right-color: #C2C2C2;
   border-style : solid; 
   border-width : 1px;
   background:  url(gfx/artikelbgr_blank.png) #DBDBDB ;
   margin-bottom: 20px;
} 
#artikelnav ul{
   padding : 0;
   margin : 0;
   float : left;
}
#artikelnav ul li{
   display : inline;
}
#artikelnav ul li a{
   padding : 4px 9px 4px 14px;
   color : #555;
   text-decoration : none;
   float : left;
   background:  url(gfx/artikelbgr.png) #DBDBDB repeat-x ;
   border-bottom: 1px solid #DBDBDB;
/*
   border-right-color : #66AFC8;
   border-right-style : solid;
   border-right-width : 1px;

   border-bottom-color : #66AFC8;
   border-bottom-style : solid;
   border-bottom-width : 1px;
   */
}
#artikelnav ul li a:hover{
   background:  url(gfx/artikelbgr_hover.png) #DBDBDB repeat-x ;
   color : #3DAB00;
} 

#artikelnav a.active:hover {
   background:  url(gfx/artikelbgr_active.png) #DBDBDB repeat-x ;
   color : #fff;
} 

#artikelnav a.active {
   background:  url(gfx/artikelbgr_active.png) #DBDBDB repeat-x ;
   color : #fff;
} 

/*
SLUT
*/


a.delete {
background-color: #C20000;
color: #fff;
padding: 10px;
font-weight: bold;

}

a.delete:hover {

background-color: #FF0000;
color: #FFF;

}

.ArtikelRubrik 	{ 
	 font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	 font-size: 17px; 
	 color: #1D6483;
	 padding-bottom: 0px;
	 margin-bottom: 5px;
	 font-weight: normal;
	} 
	
	
	#lankar ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}
	
	#lankar li {
	margin: 8px 0px 0px 8px;
	padding-left: 50px;
	border-bottom: 1px solid #efefef;
	font-weight: bold;
	}
	
	#lankar li a {
	font-weight: normal;
	}
	
	#lankar li.rek {
	background: url(gfx/rek.gif) #fff no-repeat ;

	}
	
	#lankar h2 {
	margin: 30px 0px 0px 58px;
	width: 200px;
	border-bottom: 1px dashed #444;

	}
	
td.lightshade {

 background-color: #fafafa;

}

td.darkshade {

 background-color: #ddd;

}

td.lightshadeinactive {

 background-color: #fafafa;
 color: #ccc;
 
}