/* CSS Document */
/* Property of videohelp.se */

/*========== page layout ========*/

* {
	margin:0;
	padding:0;
	}
body,
body {	font-size: 77%;
		font-family: arial, helvetica, sans-serif;
		letter-spacing: .025em;
			 }

#borderright { float:left;
			   width:73%;
			   padding:0;
			   /*border-right: 1px solid #cccccc;*/
			   
		  }

#main {
	float:left;
	width:810px;
	}

#container {margin:0 auto;
   			width: 69em;
			border: 1px solid gray;
			margin-left: auto;
			margin-right: auto;
			padding: 0em;
			color: #444444;
			/*-moz-border-radius: 20px*/
			}
		
#banner { 	margin:50px 10px 10px 0px;
		    padding: 0px 0px 0px 0px;
		    border-top: 1px solid #cccccc;
		    border-right: 1px solid gray;
		    font-size: 0.9em;		
		    margin: 0px;
		    color: #FFFAE1;		
		}
		
#sidebar { float:right;
	   	   width:15em;
 	       margin:0 20px 0 0;
		   
		   
		   
		}
		
/*=============== Headings ==========*/

h1 { font-weight: normal; 
	 font-size: 2em; 
	 font-style: italic;
	 margin: 0px; 
	 color: #339; 
	 }

h2 { font-size: 1.2em; 
	  margin: 1em 0px 0px; 
	  color:#006699;
	  /*color: #39c*/
	}

h5 {  font-size: 1.2em; 
	  margin: 1em 20px 0px; 
	  color: #36c;
	}	



#main h2.break { clear: left; 
			 	 border-top: 1px dotted #ccc; 
			 	 padding-top: 1em;
			   }		
	
p { margin-top: 0.25em;
	margin-bottom: 1em;
  }

/*==========Nyheter stil==========*/

#h3.break { clear: left; 
			 		     		border-top: 1px dotted #ccc; 
				    	    	 padding-top: 1em;
			   }		

#nyhet  { border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;

	border-bottom: 1px solid #666; 
	
	}

#news      {  color:#580801;
	background:#F1F8E1;
	border-color:#580801;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	padding:5px 0 4px 10px;
	margin:0;
	text-decoration:none;
	display:block;
	
	width:auto;
	font:bold 0.94em/1em Arial, Helvetica, sans-serif;
	}

.av   {	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#99B198;
	text-indent:15px;
}

#kommentar { border: #000000 solid 1px; 
                          border-bottom:#000000 solid 1px;
						}

.postatav  { color:#580801;
	background:#F1F8E1;
	border-color:#580801;
	padding:5px 0 0 10px;
	margin:0;
	text-decoration:none;
	display:block;
	}

	.meddelande { padding:0 0 4px 10px;
	margin:0; 
	text-decoration:none;
	display:block;
}

.titletext  { padding: 0 0 4px 10px;
	margin:0; 
	 }

	 .lankar  { padding: 0 0 4px 5px;
	margin:0; }

/*=========Rightbar=======================================*/



#rightbar { margin: 0;}

#rightbar .text { font-size: 82%;
				  font-family: arial, helvetica, sans-serif;
		          letter-spacing: .025em;
				  }	

#rightbar .stil { margin: 10px 0 0 0;
				  padding:10px;
			}

/*#rightbar .stil { margin: 10px 0 0 0;
				  border:1px solid #ECC50D; 
				  background-color:#F2F2F2; 
				  padding:10px;
			}
*/

.mellantext {  font-size: 1.0em;
			  font-family: "Trebuchet MS", arial, helvetica, sans-serif;
		        }	

.litentext {  font-size: 0.8em;
			  font-family: arial, helvetica, sans-serif;
		        }	

.namn		{ font-size: 1.1em;
			  font-family: "Trebuchet MS", arial, helvetica, sans-serif;
		}	

.title      { font-size: 1.5em ;
			  margin: 1em 10px 0px; 
			  color: #36c;
	}	



/*
#leftbar {
			float: right;
			width: 150px;
			padding-top:1em;
		   	padding-bottom:2em;
			color: #000033;
			border-left: 1px solid #cccccc;
}
*/

/*================= FOOTER ==========================*/

#footer { clear: both;
		  border-top: 1px solid #cccccc;
		  font-size: 75%;
		  color: #cccccc;
		  padding: 5px 5px 5px 5px;
		 }
		
#footer p {
			font-size:1em;
			text-align:right;
			padding:0;
			margin:0;
			}
			
#footer .textalign  { margin: 5px 0 0 20px; }

#footer a { color: #ccc;
		    width: 9em;
		    padding: .2em .1em;
		    text-decoration: none;
}

#footer a:hover { color: #339; }

		
/*================ Links ================================*/

a:link,
a:visited {
	color: #39c;
	font-weight:bold;
	text-decoration:none;
	padding:2px 2px 0;
	margin:0 -2px;
		}
/*a:visited {color:#333;}*/

a:hover {


	/*background: #ffff00;*/ 
    color:#005A9C;
	background:#F1F8E1;
	border-color:#580801;
	border-bottom: 1px solid #666;
	}
a.imglink:link, 
a.imglink:visited {border:0; background:transparent;}
a.imglink:hover {background:transparent;}



/*================= Navigation ==============================*/

#nav {
	float:left;
	width:100%;
	border-bottom:2px solid #555;
	border-top:1px solid #fff;
	background:#fff;
	margin:0 0 0em;
	padding:0 0 2px;
	}
#nav ul {
	float:left;
	width:100%;
	margin:0;
	padding:0;
	background:#FFFAE1;
	list-style-type:none;
		}
#nav li {
	display:inline;
	padding:0;
	margin:0;
	}
#nav a {
	background:#FFFAE1;
	border-right:1px solid #000;
	border-bottom:0;
	padding:20px 40px 4px 10px;
	margin:0;
	color:#333;
	text-decoration:none;
	display:block;
	float:left;
	width:auto;
	font:bold 0.94em/1em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
	}

#nav a:hover,

#nav .active a {
	background:#FFF3B3;
	color:#000;
	text-shadow:2px 2px 2px #777;
	}

/*#nav .active a:hover {background:#91cc14;}*/
#nav .active a:focus {background:#F1F8E1;}
#nav a:active {
	background:#FFF3B3;
	color:#fff;
	}

/*================== style ==========================*/
#om {
	border-right: #ccc 2px dotted; 
	padding-right: 1em; 
	border-top: #ccc 2px dotted; 
	margin-top: 1em; 
	padding-left: 1em; 
	padding-bottom: 1em; 
	font: 1em Arial, Helvetica, sans-serif; 
	border-left: #ccc 2px dotted; 
	width: auto; 
	padding-top: 0px; 
	border-bottom: #ccc 2px dotted; 
	white-space: normal;
}
.m1 {
	margin-left: 2em;
	
}
om .m2 {
	margin-left: 4em
}

#quote {
	background:#ffe;
	border:1px solid #ee7;
	padding:0.5em;
	}

.kant { padding:10px 0 5px 10px;
   	    border: 1px dotted #003366;
	    background-color:#f0efe4;
	  }

img.floatLeft { 
		  float: left;
		  margin: 0px 10px 10px 5px;
		  }		

img.floatRight { 
		  float: right;
		  margin: 0px 10px 10px 5px;
		  }				  

#note { margin-top: 650px;


			  }
		  
.note {
	border-right: #cce 1px solid; 
	border-top: #cce 1px solid; 
	margin-top: 1em; 
	padding-bottom: 1em; 
	border-left: #cce 1px solid; 
	border-bottom: #cce 1px solid; 
	background-color: #f2f5fc;
}

.note H4 {
	padding-right: 1em; 
	margin-top: 0px; 
	padding-left: 1em; 
	padding-bottom: 0.25em; COLOR: #339; 
	padding-top: 0.25em; 
	border-bottom: white 2px solid; 
	background-color: #e3eaf9;
}

.note P {
	padding-right: 1em; 
	padding-left: 1em; 
	padding-bottom: 0px; 
	padding-top: 0px;
}

.by {
	clear: left; 
	padding-bottom: 1em; 
	margin: 0px 0px 1em; 
	color: #999; 
	border-bottom: #ccc 2px dotted;
}

#by {
	clear: left; 
	padding-bottom: 1em; 
	color: #999; 
	}

#webstat {margin:-10px 0 0 830px; }

#nedladdning { color: #999;
			   font-size: 11px;
			   }

.req {color:#C00000;}

/*=============== Kontakt =============*/

#formular{
	background-color: #DEECE3;
	border: 1px solid;
	border-color: #FF9933;
	top: 20px;
	left: 50px;
	margin: 15px 0 50px 0;
	padding: 20px;
	/* REMOVE THE FOLLOWING LINE IF YOU WANT THE FORM TO WRAP TO THE BROWSER WINDOW SIZE*/
	width: 405px;
}

form span.required {
	color: red;
	text-align: left;
}

span.required {
	color: red;
	text-align: left;
	font: bold 1em/1em "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif;
}

form h2 {
	clear: left;
	font: bold 1em/1em "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif;
	text-align: left;
	margin: 5px 0 0 0;
	color: #BD6E64;
}

form label {
	font: bold 0.6em/1em "Trebuchet MS", Verdana, Arial, sans-serif; 
	color: #333333;
	margin: 0 15px 0 0;
}


div.row{
	clear: both;
	height: 15px;
	font-size: 18px;
	margin: 15px 0 0 0;
} 

/* COLUMN STYLES */

/* USED FOR GENERIC COLUMNS */
.col1{float: left; width: 100px; text-align: right;} 
.col2{float: left; width: 110px; text-align: left;} 
.col3{float: left; width: 100px; text-align: right;} 
.col4{float: left; width: 110px; text-align: left;} 


/* USED FOR ODD SIZED COLS*/
.col2b{float: left; width: 280px; text-align: left;} 


#kontaktform{
	background:#eee;
	border:1px solid #ccc;
	padding:5px 10px 10px 10px;

	}
	
		
label {
	float: left;

}

input, textarea {

	border: 2px solid;
	border-color: #666 #ddd #ddd #666;
}

input:focus, textarea:focus, input.sffocus, textarea.sffocus {
	background: #FFFAE1;
	/*border-color: #090;*/
	}

.kantlinje { border: 1px solid #CC6633;
			 margin: 0 0em;
		 }

.submit {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	background-color: #FF9933; 
	color: #FFFFFF;
	border: #666666; 
	border-style: solid;
 	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
}

.logout {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	background-color: #FF9933; 
	color: #FFFFFF;
	border: #666666; 
	border-style: solid;
 	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
}
/*.skugga {background-image: url(pages/bild/kontakt/skugga.gif);}*/


/*============Forum===========*/
/*.forumline  { font-size: 82%;
			  font-family: arial, helvetica, sans-serif;
	          letter-spacing: .025em;
			} */

/*========================*/
.introduktion {
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#99B198;

	padding-top:0;
	margin: 0;
    float: right;
}

.desc 	   { background-color: #eee; padding: 5px; }
.raknare   {  padding-right: 5px; color: #eee; font-size: 10px; }
.hemsida   { padding: 1px 1px 1px 5px; font-size: 11px; background-color: #F8F8F8;  }



#namn {	padding-left: 0px;
        font-size: 10px; 	
		
		}

#ruta { width:600px;
		padding: 5px;}


#lank a {
	color: #4d7097;
	border-bottom: 1px dotted #4d7097;
	text-decoration: none;
	padding: 1px 1px 1px 2px; font-size: 0.9em;  
	}


#lank a:hover {
	color: #f00;
	text-decoration: none;
	border-bottom: 1px solid red;
	background: #ffeeee;
}

.nav {float:left;
	width:100%;
	
	background:#fff;
	margin:0 0 0em;
	
	
	}

	
.nav a {
	background:#fff; /*#FFFAE1*/
	padding:20px 0px 4px 0px;
	margin:0;
	color:#920D02;
	text-decoration:none;
	display:block;
	float:left;
	width:auto;
	font:bold 1.5em/1em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
	}

.nav a:hover {background:#F1F8E1;}


/*=================================================*/
#amne   { width:300px;
		 margin:0 0 20px 0;
	border: solid 1px #ccc;
	
	
	}	

.smfkant { border: 1px solid #CC6633;
margin-top: 150px;

			  }
			 
			 
#floatleft { float:left;
			 background:#fff;
		       margin:0em;
			  border:1px solid #ccc;
			  margin-top:10px;
			  		}
	
#floatright { float:right;
		      background:#fff;
		      margin:0 0 0;
		      border:1px solid #ccc;
	
	}	
	
#boardnewsleft {
	
	background:#fff;
	margin:0em;
	border-top:1px solid #ccc;
    border-right:1px dashed #A41D1B;
	border-left:1px solid #A41D1B;
	
	
	}
	
#boardright {
	
	background:#fff;
	margin:0em;
	border-top:1px solid #ccc;
    border-right:1px solid #A41D1B;
	
	
	
	}
	
#rubrik {
	background:#eee;
	border-bottom:1px solid #ccc;
	
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  	font-size: 13px;
	font-weight: bold;
	text-align:left;
	background-image: url(../images/arrow_main.gif);
	background-position: left;
    background-repeat: no-repeat;
	border: 1px solid #4483C1;
	background-color : #86AED7;
	text-indent: 26px;
	line-height: 24px;
	}

.rowhover a {  width: 9em;
		    padding: .2em .1em;
		    text-decoration: none;
}

.rowhover a:hover { color: #339; }


.createdate {font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#999;}



#forumguides {	
margin:0;
padding:3px;


}

#forumnews  {	
margin:0;
padding:0 10px 5px 15px;

}
.forumnews  {	
margin:0;
padding:0 10px 5px 15px;

}
#recenttopics { float: left;
		width: 810px;
	    margin:0;
	
	}	


.topics {float: left;
		width: 700px;
	    margin:0;

		}

.cl {
clear:both;
}	
#newsleft { float:left;
			width:405px;
			background:#fff;
			margin:0em;
			border-bottom: 1px dashed #A41D1B;
				}


#newsrecent {  
              margin:0;
	text-align:left;
	background-image: url(../images/arrow_main.gif);
	background-position: left;
    background-repeat: no-repeat;
	text-indent: 26px;
	line-height: 24px;
	display:block;
	float:left;
	}	
			
#guidesright { float:right;
			width:405px;
			background:#fff;
			margin:0;
			
			
		
	}

.glossery  { 
			border-top: 1px solid #A41D1B; 
		   border-right: 1px dashed #A41D1B;
		   border-left: 1px solid #A41D1B; 
			height: 62px;
			margin:0em;
			/*background:#FFF3B3;*/
			font-size: 13px;
			font-weight:bold;
			color:#4766D1;
        	padding : 1px 2px 1px 40px;
         	
			background-image:url(../images/vad.png);
			background-repeat:no-repeat;
			
	
	}

.links	{  height: 62px;
		   border-top: 1px solid #A41D1B; 
		   border-right: 1px solid #A41D1B; 
		/*	background:#FFF3B3;*/
			margin:0;
		   	font-size: 13px;
			font-weight:bold;
        	color:#4766D1;
			padding : 1px 2px 1px 40px;
         	text-align : left;
	background-image:url(../images/kyssa2.gif);
			background-repeat:no-repeat;
	
	}
	
.rubriknyheter { font-size: 14px;
					font-weight:bold;

        		 
		 		 
				 }
				 
.rubriknyheter a {
	color: #339;
	font-weight:bold;
	text-decoration:none;
	padding:2px 2px 0;
	margin:0 -2px;
		}

.rubriknyheter a:hover
 {


	/*background: #ffff00;*/ 
    color:#005A9C;
	background:#F1F8E1;
	border-color:#580801;
	border-bottom: 1px solid #666;
	}
	


.login	{	margin:0;
			float: right;
		
		   }

.logintext {font-size:11px;
		   }

#welcome  { width: 810px;
			margin: 0;		 
	      float:left;
		 
		  
		  }  

.welcometext	{width:400px; float:left;}		

#loginblock { width:405px; float:right; }
		  
.block  {  
margin-bottom:5px;
margin-left:100px;
padding: 10px;
border: 1px dashed #A41D1B;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
width:200px;
float:right;
	}		  



.rub   {   font-family: Arial, Helvetica, sans-serif; 
		  font-size: 11px; 
		  width:180px;
		  color: #000;
          
		  

	}		  	  
#newsleftguidesright  {	 width:810px; margin-top:10px;}

#moreguides  {	border-right: 1px solid #A41D1B; 
				border-bottom: 1px dashed #A41D1B;
				margin:0;
				padding:5px;
				}

#sendguides {	border-right: 1px solid #A41D1B; 
				border-bottom: 1px dashed #A41D1B;
				/*border-left: 1px dashed #A41D1B;*/
				margin-bottom:0;
				}

.content {	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
            text-align:left;
			padding:10px 0 0 15px;
			margin:0;
			
	}

.margin {margin-bottom:0em;
height: auto;
padding:7.5px;}

#recentsoftware {	border-top: 1px dotted #ccc;
				border-right: 1px dashed #A41D1B;
				border-left: 1px solid #ccc; 
				margin:0;
				
				
				}
				
#mainsite {padding: 10px 0 10px 10px; float:left;}	

#guides {	
margin:0em;
padding:3px;

}	

.smaller { font-size:11px;}		

/*#rubrikpost {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  	font-size: 14px;
	font-weight: bold;
	text-align:left;
	padding:0 0 0 8px;
	text-indent: 5px;
	line-height: 24px;
	}*/

.rubrikpost  {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  	font-size: 16px;
	font-weight: bold;
	text-align:left;
	padding:0 0 0 8px;
	text-indent: 5px;
	line-height: 24px;
	}
	
#borderbarright { width:54em;
 	       margin:0;
		   padding: 10px 20px 10px 10px;
		   border-right: 1px solid #ccc;
		   
		   
		}

#bar { width:15em;
 	       margin:0;
		   padding:0;
		   border-left:1px solid #000;
		   
		}


/*================================================*/