/* MOTIONSGUIDEN CSS */

/* *** css layout *** */
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 font-family : Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  background : #ECECEC;
} 
 
#pagewidth{ 
 width:780px; 
 text-align:left; 
 min-width: 780px;
 margin-left:auto; 
 margin-right:auto; 
} 
 
#header{ 
 height:62px; 
 width:100%; 
 background-color:#FFFFFF; 
 } 
 
#outer{ 
 border:solid white 0px; 
 background-color: #FFFFFF; /* center column colour */ 
width: auto; 

 } 
 
#footer{
 height:24px; 
 width:100%; 
 background-color:#FFFFFF; 
} 
 
#inner{margin:0; width:100%; }
 
#maincol{ 
 float: left; 
 width: 100%; 
 position: relative; 
 margin: 0 -0px 0 -0px; 
 }
 
#outer>#inner { border-bottom: 0px solid #ffffff;  }
 
.clr{clear:both;}
 
.content{padding:0px;} /*padding for content */ 
 
#header .content{padding-bottom:0;} /*padding bottom 0 to remove space in IE5 Mac*/ 
/* *** css layout *** */


td { font-family : Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #000000;}
h1 { font-size:13px; padding-top:5px; }
h2 { font-size:15px; padding:0 auto; margin: 0 auto; }
img {border: none;}
/*  LÄNKAR */

A:LINK {FONT-FAMILY: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; FONT-SIZE: 12px; color: #007C5D; FONT-WEIGHT: bold; TEXT-DECORATION: none;}	
A:VISITED {FONT-FAMILY: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; FONT-SIZE: 12px; color: #007C5D; FONT-WEIGHT: bold; TEXT-DECORATION: none;}
A:ACTIVE {FONT-FAMILY: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; FONT-SIZE: 12px; color: #007C5D; FONT-WEIGHT: bold; TEXT-DECORATION: none;}
A:HOVER {FONT-FAMILY: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; FONT-SIZE: 12px; color: #00A87E; FONT-WEIGHT: bold; TEXT-DECORATION: none;}

A.menulink:LINK {FONT-FAMILY: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; FONT-SIZE: 12px; color: #535353; FONT-WEIGHT: bold; TEXT-DECORATION: none;}	
A.menulink:VISITED {FONT-FAMILY: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; FONT-SIZE: 12px; color: #535353; FONT-WEIGHT: bold; TEXT-DECORATION: none;}
A.menulink:ACTIVE {FONT-FAMILY: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; FONT-SIZE: 12px; color: #535353; FONT-WEIGHT: bold; TEXT-DECORATION: none;}
A.menulink:HOVER {FONT-FAMILY: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; FONT-SIZE: 12px; color: #999; FONT-WEIGHT: bold; TEXT-DECORATION: underline; }

A.menusel:LINK {FONT-FAMILY: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; FONT-SIZE: 12px; color: #409791; FONT-WEIGHT: bold; TEXT-DECORATION: none;}	
A.menusel:VISITED {FONT-FAMILY: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; FONT-SIZE: 12px; color: #409791; FONT-WEIGHT: bold; TEXT-DECORATION: none;}
A.menusel:ACTIVE {FONT-FAMILY: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; FONT-SIZE: 12px; color: #409791; FONT-WEIGHT: bold; TEXT-DECORATION: none;}
A.menusel:HOVER {FONT-FAMILY: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; FONT-SIZE: 12px; color: #999; FONT-WEIGHT: bold; TEXT-DECORATION: underline; }

/* FORMULÄR */
.txtsvart {  font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #000000; text-decoration: none}
input, textarea, select { font-family : Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; font-size: 12px; background-color: #EBEBEB; border-color: #999999; border-width: 1px;}
.form { font-family : Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; font-size: 12px; background-color: #EBEBEB; border-color: #999999; border-width: 1px;}

.button { color: #000000; font-size: 12px; background-color : #E5E5E5; border: 1px #000000 solid; font-weight: bold ; font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif}

/* ÖVRIGT */

.Headline {  font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; font-size: 20px; font-style: normal; font-weight: bold; color: #000000; text-decoration: none; padding-top: 5px; margin-top: 0px; margin-bottom: 15px;margin-left: 0px; margin-right: 0px;}
.Headline2 {  font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; font-size: 15px; font-style: normal; font-weight: bold; color: #000000; text-decoration: none; padding-top: 5px; margin-top: 0px; margin-bottom: 15px;margin-left: 0px; margin-right: 0px;}
.ArticleHead {  font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; font-size: 16px; font-style: normal; font-weight: bold; color: #000000; text-decoration: none; padding-top: 5px; margin-top: 0px; margin-bottom: 15px;margin-left: 0px; margin-right: 0px;}
.small {  font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: #000000; text-decoration: none;}

.Body  {  font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #000000; text-decoration: none;margin-top: 12px; margin-bottom: 5px;margin-left: 12px; margin-right: 12px;}
.frame { margin: 8px; } 
.white {  font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #FFFFFF; text-decoration: none}
.red { font-family : Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #FF0000;}
.bold { font-weight:bold;} 
.greybold { color: #6C6C6C; font-weight:bold;}
.grey { color: #6C6C6C;}
 
.tableContent { background-image: url('http://www.motionsguiden.se/img/bg_body.gif'); background-repeat: no-repeat; }

.boxTop { background-image: url(http://www.motionsguiden.se/img/box_Top.gif); width:185px; height:20px;}
.boxContent { background-image: url(http://www.motionsguiden.se/img/box_Bottom.gif);height:200px; width:185px;}
.boxHeader { margin-left: 8px; font-weight: bold; color: #33756D; }

.margin { margin-left:2px;margin-right:2px;margin-top:2px; margin-bottom:2px;}

.tableShadow { background-image: url('http://www.motionsguiden.se/img/shadow.gif'); }


/* Articles */
.ArticleContent
{
	margin: 0;
	padding: 0.5em 0 0 0;
	line-height: 160%;
}

.ArticlePreview_1 
{
	width: 100%;
	padding-left:4px; 
	background-image: url(../img/bg_preview_1.gif);
	background-repeat: no-repeat;
	overflow: hidden;
	clear: both;
	border: 2px solid #fff;
}

.ArticlePreview_1 img
{
	float: right;
}

.ArticlePreview_1 h2
{
	margin-top: 3px;
}

.ArticlePreview_2 
{
	width: 100%;
	padding-left:4px; 
	background-image: url(../img/bg_preview_2.gif);
	background-repeat: no-repeat;
	overflow: hidden;
	clear: both;
	border: 2px solid #fff;
}

.ArticlePreview_2 img
{
	float: right;
}

.ArticlePreview_2 h2
{
	margin-top: 3px;
}
.lineheight
{
	line-height: 20px;
}
.headerstyle
{
	background-image: url(/img/header_mg.gif);
	height: 70px;
}
