/* CSS Document */
html 
{
	height: 101%;
}
body 
{
	color: #c00; 
	font-size: 12px; 
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
	background-color: #222; 
	margin: 0; 
	padding: 0; 
	border-width: 0;
	position:relative;
	min-width:980px;

}
div, table, tr, td {
	margin:0;
	padding:0;
	border:0;
	border-collapse:0;
	border-spacing:0;
}
table#mainframe {
	width: 980px;
}

/* sidelement */
#container 
{
	width: 980px;
	position:absolute;
	top: 10px;
	left: 50%;
	margin-left: -490px;
	border:#ff0 solid 1px;
	margin-bottom: 10px;
}

#header 
{
	width: 980px;
	height: 127px;
	background-image: url(../images/lysmasken_layout_01.gif); 
	background-repeat: no-repeat;
}
/* meny */
#menu #current 
{ 
	color: red; 
}
#menu a:link 
{ 
	color: navy; 
	font-weight: bold; 
	text-decoration: none; 
}
#menu a:visited 
{ 
	color: navy; 
	font-weight: bold; 
	text-decoration: none; 
}
#menu a:active 
{ 
	color: #ff0; 
	font-weight: bold; 
	text-decoration: none; 
}
#menu a:hover 
{ 
	color: #ff0; 
	font-weight: bold; 
	text-decoration: none; 
}

#menu 
{
	color: navy; 
	font-size: 14px; 
	font-family: "Comic Sans MS", Comic, "Comic Sans", arial, sans-serif; 
	font-weight: bold; 
	background-image: url(../images/lysmasken_layout_02.gif); 
	background-repeat: no-repeat; 
	background-color: #ff7f66;
	width: 200px;  
	/* margin: -1px 0 0 -1px;  */
	padding: 0;
	vertical-align:top;

}
#menu ul 
{
	list-style:none;
	padding-left: 20px;
	padding-top: 10px;
}
#menu li
{
	padding-bottom: 7px;
}
#menu a.active 
{
	color: #FFF;
}

#contents 
{
	background-color: #ffffcc;
	vertical-align:top;
	min-height: 320px;
}

#matsedel
{
	width: 220px;
	background-color:#FF6;
	vertical-align:top;
	padding: 20px;
}
#matsedel label
{
	display:block;
	color:navy;
	font-weight:bold;
	margin-top: 5px;
}

#kalendarium p span {
	color: navy;
	font-weight:bold; 
	display:block;
}


#contentwrap_1 {
	padding: 20px;
	margin-right:1px;
}
#contentwrap_std {
	padding: 20px;
}

#footer
{
	background-color:#000;
	color:#FFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:3px;
	text-align:right;
}
#footer a:link, #footer a:active, #footer a:visited, #footer a:hover 
{
	text-decoration:none;
	color:#FFF;
}
#footer a:hover 
{
	text-decoration:underline;
}

#login
{
	margin: 10px;
	margin-top: 50px;
	padding:10px;
	border: 1px #00F dotted;
	font-weight:normal;
	text-transform:uppercase;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
}
#login input
{
	background-color:#FFF;
	padding: 2px;
	text-transform:none;
	border: 1px #00f solid;
}

#login h3
{
	font-weight:bold;
	text-transform:normal;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
}
/* blogg */
div.blog
{
	border-bottom: 2px dotted #C00;
	margin-bottom: 20px;
}
.blog img
{
	padding: 8px;
	background:#FFF;
	border: 1px solid #999;
	border-left-color: #eee;
	border-top-color: #eee;
}

.blog h3
{
	color: #390;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.blog h4
{
	margin-top: 0px;
	padding-top: 5px;
	color:#333;
	font-size: 10px;
	font-weight:100;
	font-family:Arial, Helvetica, sans-serif;
}
.blog .poster
{
	color:#999;
}
.blog .blogfilesheader
{
	margin-top: 0px;
	padding-top: 5px;
	color:#333;
	font-size: 10px;
	font-weight:100;
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom: 6px;
	margin-bottom:0;
}
.blog ul.blogfiles
{
	padding:0px;
	margin:0px;
	
}
.blog li
{
	padding-top:4px;
	padding-left: 30px;
	padding-bottom: 8px;
	list-style:none;
	margin-top:0px;
	background: no-repeat url(../images/downloadicon.gif);
}
.blog li:hover
{
	background: no-repeat url(../images/downloadicon.png);
}
/* kommentarer */
.comments
{
	display:none;
}
div.comment
{
	background-color:#FFd;
	margin-bottom:5px;
	padding: 5px;
	border: 1px dotted #00f;
}
.blog .info
{
	color:#333;
	font-size: 10px;
	font-weight:100;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:10px;
}
.blog textarea
{
	background-color:#FFF;
	border: 1px solid #F00;
	padding: 5px;
	color: #c00; 
	font-size: 12px; 
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	margin-bottom: 5px;
	display: block;
}
.blog form
{
	
	margin:0;
	padding:0;
	margin-bottom: 10px;
}
.blog input
{
	background-color:#FFF;
	border: 1px solid #f00;
	padding: 2px;
	color: #f00; 
	font-size: 10px; 
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	margin-bottom: 5px;
	text-transform:uppercase;
}

#filterbuttons a
{
	color: navy;
	border: 1px solid #999;
	border-left-color: #eee;
	border-top-color: #eee;
	background-color: none;
	padding: 4px;
	margin-right: 20px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px 4px;
}
#filterbuttons a:hover
{
	border: 1px solid #999;
	border-right-color: #eee;
	border-bottom-color: #eee;
	background-color: #FF6;
}
#filterbuttons a.active {
	color: #c00;
	border: 1px solid #999;
	border-right-color: #eee;
	border-bottom-color: #eee;
	background-color: #FF6;
}

/* ansökningsformulär */
#application td, #application th
{
	vertical-align:top;
}
#application th.rubrik
{
	color: #390;
	font-size: 16px;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	margin-bottom: 5px;
	text-align:left;
}
#application input
{
	color:#333;
	padding:2px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
}
#application input.datepicker
{
	width: 8em;
}
#application label.error
{
	color:#000;
}

/* text */
h1 
{ 
	color: #f30; 
	font-size: 18px; 
	font-weight: bold; 
	text-decoration: none; 
}
h2 
{
	color: #390;
	font-size: 16px;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
}

/* generella länkar */
a:link 
{ 
	font-weight: bold; 
	text-decoration: none; 
}
a:visited 
{ 
	font-weight: bold; 
	text-decoration: none; 
}
a:hover 
	{ color: #fc0; 
	font-weight: bold; 
	text-decoration: none; 
}
a:active 
	{ 
	font-weight: bold; 
	text-decoration: none; 
}

#WADAResultsNavBottom a:link, #WADAResultsNavBottom a:visited
{
	text-decoration:underline;
}
#WADAResultsNavBottom td
{
	padding:8px;
	border-collapse:collapse;
}

/* ClearFix
----------------------------------------------------------------*/
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix {display:inline-block}  
 /* Holly Hack Targets IE Win only \*/
* html .clearfix {height:1%}
.clearfix {display:block}
 /* End Holly Hack */