/*<agl.folder "css template + clearfix">*/

	/* Purpose: undo some of the default styling of common (X)HTML browsers */
	/* link underlines tend to make hypertext less readable, 
 because underlines obscure the shapes of the lower halves of words */
	:link,:visited { text-decoration:none }
	/* no list-markers by default, since lists are used more often for semantics */
	ul,ol { list-style:none }
	/* avoid browser default inconsistent heading font-sizes */
	/* and pre/code too */
	h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
	/* remove the inconsistent (among browsers) default ul,ol padding or margin*/
	/* the default spacing on headings does not match nor align with 
 normal interline spacing at all, so let's get rid of it. */
	/* zero out the spacing around pre, form, body, html, p, blockquote as well */
	/* form elements are oddly inconsistent, and not quite CSS emulatable. */
	/*nonetheless strip their margin and padding as well */
	ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }
	/* whoever thought blue linked image borders were a good idea? */
	a img,:link img,:visited img { border:none }
	/* de-italicize address */
	address { font-style:normal }

/* Clearfix - works like so: <div id="whatever" class="clearfix"> */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

/*ie Holly Hack \*/
* html .clearfix {
height:1%;
}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
/* end clearfix */
	
/*</agl.folder>*/

/* specific css starts here */

html, body { 
height: 100%;
}

body { color: #675c53; background: #fff; font-family: arial, helvetica, verdana, sans-serif; font-size: 0.85em; line-height: 140%; }

p { height: auto; margin-bottom: 0.5em; }

a:link, a:visited { color: #8a2529; text-decoration: none; }
a:hover { color: #c03; text-decoration: underline; }
a:active { color: #f80; }

/*<agl.folder "header h(x) files">*/
	h1 { color: #8a2529; font-size: 2em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; line-height: 120%; margin-top: 0.5em; margin-bottom: 0.2em; border-bottom-color: #999; border-bottom-width: 1px; text-align: left;}
	h2 { color: #8a2529; font-size: 1.5em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; line-height: 130%; margin-top: 0.5em; margin-bottom: 0.5em; padding-top: 0.5em; border-top: 1px dotted #999; text-align: left;}
	h3 { color: #675c53; font-size: 1.5em; font-family: Georgia, "Times New Roman", Times, serif ; font-weight: normal; line-height: 130%; margin-bottom: 0.5em; padding-top: 1em; text-align: left;}
	h4 { color: #675c53; font-size: 1.2em; font-weight: bold; margin-top: 1em; margin-bottom: 0.5em; text-align: left;}
	h5 { color: #675c53; font-size: 1.1em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; padding-bottom: 0.2em; text-align: left;}
	h6 { color: #675c53; font-size: 1.2em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; line-height: 130%; padding-top: 1em; text-align: left;}
/*</agl.folder>*/

#contentWrapper { background-color: #fff; position: relative; float: left; width: 910px; margin-top: 0; margin-bottom: 10px; margin-left: 25px; }
* html #contentWrapper { margin-left: 10px; }

#header { font-family: arial, helvetica, verdana, sans-serif; font-size: 0.8em; background-color: #c4c1bb; background-image: url(../img/topBG_gradient.gif); background-repeat: repeat-x; background-position: left bottom; width: auto; min-height: 30px; margin-bottom: 10px; padding: 10px 25px 5px; }
#header a, #header p { color: #fff; padding: 0; }
#header a:hover { text-decoration: underline; }
.tab { display: inline; float: right; font-family: Georgia, "Times New Roman", Times, serif; height: 30px; overflow: visible; min-height: 30px; padding: 0 3px 0 0; }
.tabActive { color: #c03; font-family: Georgia, "Times New Roman", Times, serif; background-image: none; display: inline; padding: 0 3px 0 0; height: 30px; float: right; }
#header ul { font-size: 1em; font-family: arial, Helvetica, Geneva, sans-serif; width: auto; height: 30px; float: right; min-height: 30px; margin-top: -15px; margin-right: 50px; }
#header ul li a { color: #8a2529; background-color: #fff; font-size: 1em; font-family: arial, Helvetica, Geneva, sans-serif; font-weight: bold; background-image: url(../img/platsenKnapp.png); background-repeat: repeat-x; background-position: left top; width: 130px; height: 30px; min-height: 30px; padding: 10px; border: solid 1px #fff; }
#header ul li a:hover { color: #c03; background-color: #fff; background-image: url(../img/platsenKnapp_over.gif); background-repeat: no-repeat; background-position: center top; text-decoration: none; min-height: 30px; border-color: #fff; border-style: none solid solid; border-width: 1px; }

* html #header ul li a { margin: 0; padding-top: 10px; }

#banner { font-size: 0.7em; line-height: 130%; width: 100%; padding-top: 10px; padding-bottom: 5px; border-bottom: 1px dotted #999; }
#banner img {  }

#nav { /*color: #83334a;*/ font-size: 0.9em; font-family: arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: bold; line-height: 140%; background-color: transparent; width: 200px; height: auto; float: left; margin-top: 10px; margin-bottom: 20px; }

/* 
#nav a { color: #83334a; }
#nav a:hover { color: #c03; padding-left: 2px; text-decoration: none;}
*/
#content_wide { margin-left: 220px; padding: 0 25px 0 0; width: 670px; }
#content { width: 480px; margin-left: 220px; padding: 0 25px 0 0; }
#content img { float: left; max-width: 480px; margin: 0px 20px 20px 0px;}
.numberedList { margin-bottom: 1em; margin-left: 1.5em; list-style-type: decimal; }
.bulletList { list-style-type: disc; margin-bottom: 1em; margin-left: 1em; }
#sitemap { list-style: none; }
#sitemap li { font-weight: bold; margin-top: 5px; padding-bottom: 2px; border-bottom: 1px dotted #999; }
#sitemap ul li { margin-left: 1em; font-weight: normal; margin-top: 0; margin-bottom: 0; border-bottom-style: none; }
#sitemap ul li ul { font-weight: normal; font-size: 0.9em }
#sitemap ul li ul li { margin-left: 2em; font-weight: normal; font-size: 0.9em; list-style: disc; }
#content li { padding-top: 2px; }
.blockquote { font-size: 1.2em; font-family: Georgia, "Times New Roman", Times, serif; line-height: 140%; background-color: #eae8e0; width: 40%; float: left; margin: 0.75em 2em 0.75em 0; padding: 1em; }

.ikon { margin-right: 3px; }
.textwithbg { font-size: 1.2em; font-family: Georgia, "Times New Roman", Times, serif; line-height: 140%; background-color: #eae8e0; margin: 1em; padding: 1em; width: 100%; }
.dateRubrik { font-size: 0.8em; font-weight: bold; line-height: 130%; background-repeat: no-repeat; background-position: left center; padding-top: 1em; border-top: 1px dotted #999; }

.email { background-image: url(../img/email.png); background-repeat: no-repeat; background-position: left center; padding-left: 22px; }
.map { background-image: url(../img/map.png); background-repeat: no-repeat; background-position: left center; padding-top: 3px; padding-left: 22px; }
.services_link { background-image: url(../img/services.png); background-repeat: no-repeat; background-position: left center; padding-top: 3px; padding-left: 22px; }
.forward_link { background-image: url(../img/arrow_forward.gif); background-repeat: no-repeat; background-position: right center; padding-top: 3px; padding-right: 22px; padding-left: 22px; }
.back_link { background-image: url(../img/arrow_back.gif); background-repeat: no-repeat; background-position: left center; padding-top: 3px; padding-left: 22px; }
.zoom_link { background-image: url(../img/zoom.png); background-repeat: no-repeat; background-position: left center; padding-top: 3px; padding-left: 22px; }
.utbildning_link { background-image: url(../img/utbildning.png); background-repeat: no-repeat; background-position: left center; padding-top: 3px; padding-left: 22px; }
.rss_link { background-image: url(../img/feedIkon.png); background-repeat: no-repeat; background-position: left center; padding-top: 3px; padding-left: 22px; }
.tools_link { background-image: url(../img/verktyg.png); background-repeat: no-repeat; background-position: left center; padding-top: 3px; padding-left: 22px; }
.pdf { background-image: url(../img/pdf.gif); background-repeat: no-repeat; background-position: left center; padding-top: 3px; padding-left: 22px; }

.divider { width: 40px; margin-top: 15px; margin-bottom: 15px; border-bottom: 1px dotted #999; }
.homelist { margin-left: 20px; list-style-type: disc; list-style-position: outside; display: block; margin-bottom: 1em;}

#rightCol { color: #fff; font-size: 0.9em; line-height: 1.6em; background-color: #948e87; position: absolute; top: 30px; right: 0; float: right; width: 170px; height: auto; overflow: hidden; margin: 200px 0 0 15px; padding: 10px 10px 0; }
* html #rightCol { top: 30px; }

#rightCol a { color: #fff; font-size: 1.1em; font-family: Georgia, "Times New Roman", Times, serif; text-decoration: underline; }
#rightCol a:hover { color: #fee789; text-decoration: none; }


.newsHeader { color: #fff; font-size: 1.4em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; background-color: #767270; width: 100%; margin: -10px 10px 10px -10px; padding: 10px; border-bottom: 1px dotted #fff; }
.newsDate { margin-top: 10px; color: #fff; font-size: 1.2em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; background-image: url(../img/news.gif); background-repeat: no-repeat; background-position: left center; margin-left: -10px; padding-left: 15px; }
.newsletter { font-size: 0.9em; font-weight: normal; background-repeat: no-repeat; background-position: left center; font-size: 1em; font-weight: normal; background-color: #8a2529; text-align: center; width: 100%; margin: 10px 10px 0 -10px; padding: 10px; border-top: 1px dotted #fff; }

#footer { color: #675c53; font-family: arial, helvetica, verdana, sans-serif; font-size: 0.8em; font-weight: normal; background-color: #fff; background-repeat: repeat-x; background-position: 0 top; width: 870px; /* 910px - 20px - 20px padding on both sides */  float: left; clear: both; margin-top: 1em; padding: 10px; border-top: 1px dotted #999; }
#footer p { width: 870px; margin: 0; padding: 0; }
#footer a { font-weight: bold; }

#loginWrapper { color: #a52a4d; text-decoration: none; font-weight: normal; }
#loginVT { color: #4f4a4a; font-size: 1.1em; font-family: Georgia, "Times New Roman", Times, serif; line-height: 140%; background-color: #eae8de; width: 200px; float: left; margin-top: 20px; margin-right: 10px; margin-bottom: 20px; padding: 15px; border-bottom: 5px solid #c4beb8; }
#loginPub { color: #4f4a4a; font-size: 1.1em; font-family: Georgia, "Times New Roman", Times, serif; line-height: 140%; background-color: #eae8de; margin-top: 20px; margin-right: 10px; margin-bottom: 20px; padding: 15px; width: 200px; float: left; border-bottom: 5px solid #c4beb8; }
#loginUT { color: #4f4a4a; font-size: 1.1em; font-family: Georgia, "Times New Roman", Times, serif; line-height: 140%; background-color: #dddbd2; width: 200px; float: left; margin-top: 20px; margin-bottom: 20px; margin-left: 10px; padding: 15px; border-bottom: 5px solid #c4beb8; }
.loginsmalltxt { font-size: 0.8em; font-family: arial, helvetica, verdana, sans-serif; }
.loginlargetxt { color: #83334a; font-size: 1.2em; font-family: arial, helvetica, verdana, sans-serif; background-color: #fff; background-image: url(../img/greyToWhitegrad.gif); background-repeat: repeat-x; background-position: left bottom; margin: -15px -15px 15px; padding: 15px; border-top: 1px dotted #7c7a72; border-bottom: 1px dotted #7c7a72; }