/* CSS fil till aloeveraplus.se. Mediatyp, all. Författare Jens Josefsson, Webmind, jens@webmind.se */

/* 
Mörgrön : #83ad10;
Ljusgrön: #97cc06;

*/

html
{
	margin:0;
	padding:0;
	height: 100%;
	
}

body
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; font-weight: normal; 
	letter-spacing: 0.1em; line-height: 14px;
	color:#000;
	background-color: #97cc06;
	margin:0;
	padding:0;


}

#container
{
	position:relative;
	margin:25px 0 0 0;
	padding:0;
	width: 100%;
	height:550px;
	border-bottom: solid 4px #FFF;
	border-top: solid 4px #FFF;
	background-color: #83ad10;



}
#top
{
	position:relative;
	margin: 10px auto 0 auto;
	padding:0;
	width: 700px;
	height: 95px;

	background-color: #83ad10;



}


#main
{
	position:relative;
	margin: 0px auto 0 auto;
	padding:0;
	width: 700px;
	height: 400px;
	border: solid 2px #FFF;
	background-color: #97cc06;
	overflow:hidden;
	



}
#left
{
	position:relative;
	float:left;
	margin: 0px;
	padding:20px 0 0 20px;
	width: 376px;
	height: 380px;
	border: none;






}
#right
{
	position:relative;
	float:right;
	margin: 0px;
	padding:10px 10px 0 0px;
	width: 290px;
	height: 390px;
	text-align:right;


	




}


#menu
{
	position:relative;
	margin: 1px auto 0 auto;
	padding: 0 0 0 0px;
	width: 702px;
	height: 25px;
	border-right: solid 1px #FFF;
	border-left: solid 1px #FFF;



	background-color:#83ad10; 
	overflow:visible;

}
#sid1 {
	position:absolute;
	width:375px;
	height:300px;
	z-index:1;
	top: 54px;
	visibility: visible;
	background-color:transparent;
}
#sid2 {
	position:absolute;
	width:375px;
	height:300px;
	z-index:1;
	top: 54px;
	visibility: hidden;
	background-color:transparent;
}
#sid3 {
	position:absolute;
	width:375px;
	height:300px;
	z-index:1;
	top: 54px;
	visibility: hidden;
	background-color:transparent;
}
#sidc2 {
	position:absolute;
	width:375px;
	height:330px;
	z-index:1;
	top: 54px;
	visibility: hidden;
	background-color:#97cc06;
}

/* Texter & Rubriker */

p
{
		
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;
	line-height: 13px;
	color:#000; 

}

h1
{
	font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; font-weight: normal; color:#000;

}








/* Länkar */

a, a:visited, a:active
{
	text-decoration: underline; 
	color:#000;

}
a:hover
{
	color:#FFF;
	text-decoration:none;
	background-color: #83ad10;
}
a.imglink, a.imglink:visited, a.imglink:active, a.imglink:hover
{
	text-decoration: none; 
	background-color: transparent;
	border: none;

}

a.wmlink, a.wmlink:visited, a.wmlink:active
{
	text-decoration: underline; 
	color:#666;
}
a.wmlink:hover
{
	text-decoration: none; 
	color:#666;
	background-color: #83ad10;
}



/* Meny */

ul#navigation
{
			padding: 0;
			margin: 0 0 0 0px;
			list-style-type: none;
			


			float: left;

			
}
		
ul#navigation li 
{ 
	display: inline; 
				padding: 0;
			margin: 0 0 0 0px;
}
		
ul#navigation li a
{
			display: block;
			float: left;
			width: 99px;
			height: 20px;
			padding:5px 0 0 0;
			text-decoration: none;
			
			color: #fff;
			border-right: 1px solid #fff;
			text-align:center;
}
ul#navigation li a.stop
{
			display: block;
			float: right;
			width: 102px;
			height: 20px;
			padding:5px 0 0 0;
			text-decoration: none;
			
	
			
			color: #fff;
			border-right: none;
			text-align:center;
}
		
ul#navigation li a:hover
{
			color: #000;
			background: #97cc06;
}



/* Klasser */

.logo
{
	float:left;
	clear:right;
	border:none;



}
.img
{

	border:none;



}
.sigil
{
	position: absolute;
	bottom:20px;
	right: 0;
	margin:0;
	padding:0;


	clear: both;
	border:none;



}
.testlink
{
	position: absolute;
	bottom:30px;
	left: 20px;
	margin:0;
	padding:0;


	clear: both;
	border:none;



}

.flags
{
	margin: 60px 5px 0 0;
	float:right;

	border:none;



}
.wm
{
	display:block;
	float:right;
	margin:5px 10px 0 10px;
	padding:0;
	color: #666666;

}
sup
{
	font-size:10px;

	line-height:5px; 
	margin: 0;
	padding:0;

}

H1 sup
{
	font-size:12px; font-weight:normal;  

}
.nav
{
	position: absolute;
	bottom:25px;
	left: 20px;
	margin:0;
	padding:0;
	clear: both;
	border:none;
}
.center
{
	text-align:center;
}

table
{
	width:350px;
	border: none;
	vertical-align:top;

}
td
{
	vertical-align:top;
}

hr
{
color:#FFFFFF; 
height:1px; 
margin:3px 0;
background-color:#FFFFFF;


}