/*::::::: GENERELLA INSTÄLLNINGAR FÖR GRÄNSSNITTET :::::::*/
body
{
font-size: 70%;
margin: 0px;
Padding: 0px;
font-family: verdana, sans-serif;
background-color:#FFEC84;
line-height:150%;
height: 100%;
color: #000000;
}

html
{
height: 100%;
}


/*::::::::::::: LAYOUT :::::::::::::::*/
.head
{
background-image:url("images/headbg.jpg");
background-repeat:repeat-x;
background-color:#F5A408;
height:96px;
border-bottom: 1px solid #000000;
overflow: hidden;
width: 100%;
color:  #000000;
}
/*::::::::::::: Knappar i menyn och meny utseende :::::::::::::::*/
.menubg
{
border-top:1px solid #ffffff;
background-color:#7A7A7A;
border-bottom:1px solid #000000;
padding:0.5em 0em 0.5em 0em;
width: 100%;
color:  #000000;
}

.yellowmenu

{
line-height: 1.5em;
padding: 1px 0px 1px 0px;
background-image:url("images/ymenu.jpg");
background-repeat:repeat-x;
border-top:1px solid #ffffff;
border-bottom:1px solid #000000;
background-color:#FFC505;
width: 100%;
color:  #000000;
}

	.menubreak
	{
	border-left: 1px solid white;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	float: left;
	}
	

	.blankimg
	{
	height: 300px;
	width: 1px;
	float: left;
	display: block;
	}

	.text
	{
	float: left;
	width: 95%;
	}

/*::::::::::::: Innehåll mitten :::::::::::::::*/

.content
{
background-color: #DF9000;
width: 100%;
border-bottom: 1px solid black;
border-top: 1px solid white;
background-position: center;
height: 300px;
color:  #000000;
}

.content2
{
background-color: #DE8E00;
width: 100%;
border-bottom: 1px solid black;
border-top: 1px solid white;
background-position: center;
height: 450px;
color:  #000000;
}

/*::::::::::::: Vänstra sidans layout:::::::::::::::*/

	.leftcol
	{
	float:left;
	width: 68%;
	height: 100%;
	}

		.test
		{
		position: relative;
		background-color: #FFAD09;
		border-right: 1px solid black;
		width: 100%;
		height: 100%;
		color:  #000000;
		}

			.testtextleft
			{
			background-color: #FFAD09;
			width:90%;
			position: relative;
			padding: 20px;
			color:  #000000;
			}


.center
{
text-align: center;
}

/*::::::::::::: bilder markhoj.htm :::::::::::::::*/

		.leftcolimg
		{
		float: left;
		padding: 2%;
		}

		.leftcolimg2
		{
		float: left;
		padding: 2%;
		}
		.leftcolimg1
		{
		float:left;
		padding-top:4em;
		}

/*::::::::::::: Innehåll till höger :::::::::::::::*/



		.testtextright
		{
		float: left;
		background-color: #FFAD09;
		width:30%;
		color: #000000;
		}

		.leftcoltext
		{
		float: left;
		}


		.rightcol
		{
		
		position: relative;
		top: 0px;
		left: 0px;
		float:left;
		width:31.8%;
		}


		
/*::::::::::::: foretagsinfo :::::::::::::::*/

.footer
{
background-color: #FFEC84;
color:  #000000;
clear:both;
}

.col1footer
{
float:left;
}

.col2footer
{
float:left;
}

.col3footer
{
float:left;
}

.copyright
{
text-align:center;
padding-top: 2em;
clear:both;
}

.test3
{
background-color: #C27704;
width: 100%;
float: left;
overflow: hidden;
text-align: center;
color:  #000000;
}

.testtext
{

width: 95%;
padding: 2%;
}

.test2
{
width: 1px;
float: right;
height: 253px;
}

/*::::::::::::: Bilder på högra sidan ovanför länkarna :::::::::::::::*/

.img_top
{
height: 30px;
background-image: url("images/img_top.jpg");
background-repeat: repeat-x;
width: 100%;
}

.img_bot
{
height: 30px;
background-image: url("images/img_bot.jpg");
background-repeat: repeat-x;
width: 100%;
}


.img_mid
{
width: 100%;
text-align: center;
}

.bot
{
background-image: url("images/bot.jpg");
background-repeat: repeat-x;
overflow: hidden;
text-align: right;
width: 100%;
}


/*:::::::::::::::: LÄNKAR ::::::::::::::::::*/
a.menu
{
border-left: 1px solid white;
border-right: 1px solid #AE8600;
border-top: 1px solid white;
border-bottom: 1px solid #FFC505;
padding-left: 2em;
padding-right: 2em;
padding-top: 0.2em;
padding-bottom: 0.2em;
text-decoration: none;
color: #000000;
white-space: nowrap;
display: block;
float: left;
background-color: #ECB405;
background-image:url("images/ymenu.jpg");
background-repeat:repeat-x;
}

a.menu_a
{
border-left: 1px solid black;
border-right: 1px solid white;
border-top: 1px solid black;
border-bottom: 1px solid white;
background-image: url("images/ymenu_a.jpg");
background-repeat: repeat-x;
padding-left: 2em;
padding-right: 2em;
padding-top: 0.2em;
padding-bottom: 0.2em;
text-decoration: none;
color: #000000;
background-color: #ECB405;
display: block;
float: left;
}

.blur
{
	text-align: left;
	color: #000000;
	text-decoration: none;
	font-family: verdana, sans-serif;
	background-color: #C27704;
	display:block;
	padding: 1% 2% 1% 2%;
	position: relative;
	left: -1px;
	top: 0px;
	margin-left: 1px;
	
}

.focus
{
	text-align: left;
	color: #000000;
	text-decoration: none;
	font-family: verdana, sans-serif;
	background-color: #FFAD09;
	display:block;
	padding: 1% 2% 1% 2%;
	position: relative;
	left: -1px;
	top: 0px;
	border-top: 1px solid black;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	
}

/*:::::::::: RUBRIKER ::::::::::::*/

h1
{
font-family: "arial narrow", verdana, sans-serif;
font-size: 200%;
font-weight: normal;
margin-bottom: 0.5em;
text-align: center;
}

.h1r
{
font-family: "arial narrow", verdana, sans-serif;
font-size: 150%;
margin-bottom: 0.5em;
padding-left: 1%;
text-align: left;
font-weight: bold;
}


.bold
{
font-weight: bold;
}

/*:::::::::: LÄNKAR PÅ HÖGER SIDA ::::::::::::*/

.link
{
float: left;
}


/*:::::::::: SNEDSTEG :::::::::::::*/

.traktor
{
border-top: 47px solid black;
border-bottom: 38px solid black;
}

.frontcenter
{
padding-left: 6%;
width: 94%;
}

.fronter
{
position: relative;
top: 0px;
left: 0px;
text-align: left;
width: 28%;
float: left;
margin-right: 2%;
}

.fronth
{
background-image: url("images/fronth.jpg");
background-repeat: repeat-x;
line-height: 1.5em;
background-color: #E09400;
color: #523400;
margin: 0px;
font-size: 140%;
font-weight: normal;
border-top: 1px solid #FFE284;
border-left: 1px solid #FFE284;
border-right: 1px solid #C19401;
border-bottom: 1px solid #C19401;
padding: 4px;
}

.fronttext
{
background-image: url("images/fronttext.jpg");
background-repeat: repeat-x;
background-position: bottom;
background-color: #FFC505;
border-top: 1px solid #FFE284;
border-left: 1px solid #FFE284;
border-right: 1px solid #C19401;
border-bottom: 3px solid #C19401;
padding: 4px 4px 8px 4px;
color: #000000;
}

/*::::::::::::: startsidans fyrkanter  :::::::::::::::*/

.lcorner
{
position: absolute;
top: 0px;
left: 0px;
}

.rcorner
{
position: absolute;
top: 0px;
right: -1px;
}

/*:::::::::: LÄNKAR PÅ VÅRA TJÄNST-SIDAN :::::::::::::*/


a.blur
	{
	width: 98%;
	text-align: left;
	color: #000000;
	text-decoration: none;
	font-family: verdana, sans-serif;
	background-color: #C27704;
	display: block;
	border: 1px solid #CC9966;
	}
	
	a.blur:hover
	{
	width: 98%;
	text-align: left;
	color: #000000;
	text-decoration: none;
	font-family: verdana, sans-serif;
	background-color: #FFAD09;
	display: block;
	
	}
	
	a.focus
	{
	width: 98%;
	text-align: left;
	color: #000000;
	text-decoration: none;
	font-family: verdana, sans-serif;
	background-color: #FFAD09;
	display: block;
	border: 1px solid #BB8855;
	}

/*::::::::::::: Inramning runt bilderna:::::::::::::::*/

.imgram

{
border: 1px solid black;
}

.images
{
border: 1px solid black;
}





/* ::::::::::::  MAILFORMULÄR  ::::::::::::*/

label.mail
{
display: block;
clear: left;
float: left;
width: 10em;
padding-top: 0.3em;
text-align: right;
}

input.mail
{
float: left;
width: 30em;
margin-bottom: 1em;
}

textarea.mail
{
font-family: verdana, sans-serif;
font-size: 119%;
float: left;
width: 30em;
margin-bottom: 1em;
}


input.mailsubmit
{
clear: left;
float: right;
margin-right: 3em;
}