/*
	 @CSS by default
	 @Created by www.devspot.se
	-----------------------------------------

	 www.elogistik.se
    ----------------------------------------- 
*/


/* Reset margin and padding by default */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}

table{border-collapse:collapse;border-spacing:0;}

fieldset,img{border:0;}

cite,code,th{font-style:normal;font-weight:normal;}

ol,ul{margin-left: 30px; }

th{text-align:left;}

q:before,q:after{content:'';}



body, html 
{	
	margin: 0 auto;
	padding: 0;
	background-image: url(page_graphic/page_bg.jpg);
	background-repeat: repeat-x;
}

/* Containers */
#container
{
	margin: 0 auto;
	padding: 0;
	width: 737px;
}
#maincontainer
{
	width: 740px;
	background: url(page_graphic/box_bg.gif) no-repeat top left;
	margin: 24px 0px 0px 0px;
	height: 400px;
}
#maincontainer_nosubmenu
{
	width: 740px;
	background: url(page_graphic/box_bg.gif) no-repeat top left;
	margin: 42px 0px 0px 0px;
	height: 400px;
}

/* Contents */
#language
{
	position: absolute;

	top: 10px;

	right: 40px;
}
#topcontent
{
	width: 737px;
	padding-top: 20px;
}

#menucontent
{
	width: 737px;
	color: #fff;
	font-family: 'Trebuchet MS', Arial, Verdana, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding: 10px 0px 0px 0px;
}

/* @start & news ##### */
#startcontent
{
	width: 360px;
	float: left;
	margin: 0px 50px 0px 0px;
	padding: 20px 0px 0px 30px;
	color: #333;
	font-family: 'Trebuchet MS', Arial, Verdana, sans-serif;
	font-size: 14px;
	line-height: 21px;	
}


#subcontent
{
	width: 270px;
	float: left;
	padding: 50px 30px 0px 0px;
	font-family: 'Trebuchet MS', Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #333;
}

/* !start & news */
#maincontent
{
	width: 700px;
	margin: 0px 50px 0px 0px;
	padding: 20px 0px 0px 30px;
	color: #333;
	font-family: 'Trebuchet MS', Arial, Verdana, sans-serif;
	font-size: 14px;
	line-height: 21px;	
}
#submenucontent
{
	width: 710px;
	margin: 0px 50px 0px 0px;
	padding: 20px 0px 0px 20px;
	color: #333;
	font-family: 'Trebuchet MS', Arial, Verdana, sans-serif;
	font-size: 14px;
	line-height: 21px;
}
/* ############# */

#bottomcontent
{
	padding: 20px 0px 15px 0px;
	color: #666;
	font-family: 'Trebuchet MS', Arial, Verdana, sans-serif;
	font-size: 14px;
	text-align: center;
		background-image: url(page_graphic/page_bg.jpg);
	background-repeat: repeat-x;
}


/* Content elements such as <h>,<ul>,<li>,<a> */
#startcontent h1, #subcontent h1, #maincontent h1
{
	font-family: 'Trebuchet MS', Arial, Verdana, sans-serif;
	font-size: 24px;
	/*font-weight: bold;*/
	font-style: italic;
	
	color: #31aabd;
	margin: 0px 0px 15px 0px;
}
#startcontent h2, #subcontent h2, #maincontent h2
{
	font-family: 'Trebuchet MS', Arial, Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #31aabd;
	margin: 15px 0px 0px 0px;
}

#startcontent p, #subcontent p, #maincontent p
{
	padding: 10px 0px 10px 5px;
}

#menucontent ul
{
	list-style-type: none;
	margin: 0px 0px 0px 40px;
	padding: 0;
}
#menucontent li
{
	float: left;
	margin-left: 15px;
}
#menucontent a
{
	text-decoration: none;
	color: #fff;
}
#menucontent a:hover
{
	text-decoration: none;
	color: #5a5959;
}

#maincontainer_nosubmenu a, #maincontainer a
{
	text-decoration: none;
	color: #7a9e56;
	font-weight: bold;
	border-bottom: 1px dashed #7a9e56;
}

#maincontainer_nosubmenu a:hover, #maincontainer a:hover
{
	text-decoration: none;
	color: #707070;
	font-weight: bold;
	border-bottom: 1px dashed #707070;
}

#submenucontent a
{
	text-decoration: none;
	color: #304347;
	border-bottom: 1px dashed #304347;
	font-weight: bold;
}
#submenucontent a:hover
{
	text-decoration: none;
	color: #999;
	border-bottom: 1px dashed #999;
}

#listofsubmenu
{
	font-size: 12px;
	font-family: 'Trebuchet MS', Arial, Verdana, sans-serif;
	width: 675px;
	padding: 0px 0px 0px 30px;
	text-align: center;
}
#listofsubmenu a
{
	color: #fff;
	text-decoration: none;
}
#listofsubmenu a:hover
{
	color: #5a5959;
	text-decoration: underline;

}

#menucontent li.selected a
{
	color: #99cc66;
}
#menucontent li.selected a:hover
{
	color: #99cc66;
}

#contactul
{
	list-style-type: none;
}


#startcontent div.rightimage a 
{
	border: 0;
}
#maincontainer div.centerimage a, #maincontent div.withoutborder a 
{
	border: 0;
}

#validName, #validCompany, #validStreet, #validPostal, #validCity, #validPhone, #validEmail
{
	color: #FF0000;
}

/* Classes */

.logotype
{
	float: left;
	margin: 35px 55px 0px 10px;
}
.headerimage
{
	border: 3px solid #7cb4c3;
}

.imagefloatleft
{
	float: left;
}

.imagefloat_left
{
	float: left;
	margin-right: 30px;
}

.imageleftmargin
{
	margin-left: 25px;
}
.image_medarbetare1
{
	margin-left: 25px;
	margin-bottom: 7px;
}

.image_medarbetare2
{
	margin-left: 200px;
}

.readmore a
{
	font-family: 'Trebuchet MS', Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #2e9db8;
}

.readmore a:hover
{
	font-family: 'Trebuchet MS', Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #2e9db8;
	text-decoration: none;
}

.centerimage
{
	text-align: center;
	width: 710px;
	margin: 10px 0px 0px 0px;
}
.rightimage
{
	text-align: right;
	width: 350px;
	margin: 10px 0px 0px 0px;
}

.submenuactive
{
	color: #99cc66;
	text-decoration: underline;
}

.txtfield_contact
{
	width: 200px;
}

/* BBcode */
.redcolor
{
	color: #CC0000;
}
.greencolor
{
	color: #7a9e56;
}
.bold_text
{
	font-weight: bold;
}
.italic_text
{
	font-style: italic;
}
/* End BBCode */


/* SQL */
.newsback
{
	font-family: 'Trebuchet MS', Arial, Verdana, sans-serif;
	font-size: 12px;
	text-decoration: none;

}

.dateclass
{
	color: #333;
	font-family: 'Trebuchet MS', Arial, Verdana, sans-serif;
	font-size: 14px;
	font-weight: normal;
}