@import "form.css";

html, body 																{ background-color: #fff; color: #444; font: 100% Helvetica, Arial, sans-serif; line-height: 1em; }
html>body 																{ font-size: 14px; }


/* Grundelement
----------------------------------------------------------------*/


/* Rubriker */
h1, h2, h3 															  { font-weight: normal; line-height: 1em; }

h1 																				{ font-size: 2em; padding-bottom: 0.25em; font-weight: 700; letter-spacing: -0.02em; } /*size:28px*/
h2 																				{ font-size: 2.857143em; letter-spacing: -0.04em; } /*size:40px*/
h3 																				{ font-size: 1.5em; padding-bottom: 0.333em; font-weight: 700; letter-spacing: -0.01em; } /*size:21px*/

/* Typografi */
p 																				{ font-size: 1.0em; line-height: 1.5em; padding-bottom: 1.5em; }
p.preamble 																{ font-size: 2em; line-height: 1.25em; padding-bottom: 0.5em; letter-spacing: -0.02em; }


/* LŠnkar */
a 																				{ color: #3377aa; text-decoration: underline; }
a:hover 																	{ color: #3377aa; text-decoration: none; cursor: hand; }


/* Listor */
ul 																				{ list-style-type: disc; padding: 0 0 1.5em 1em; text-indent: 1em; }
li 																				{ line-height: 1.5em; }


/* Sektioner
----------------------------------------------------------------*/  
#logo							 												{ margin-top: 30px; }

#wrapper 																	{ background: #fff url(images/design/bgr-main.jpg) no-repeat 0 0; }

#wrappercontent 													{ width: 890px; margin-left: 70px; }

#content 																	{  }
#content div#head 												{  }  
#content div#body 												{ clear: left; padding: 40px 30px 30px 30px; background-color: #fff; }

#primarycontent 													{ float: left; }
#primarycontent.onecol 										{ width: 830px; }
#primarycontent div#intro 								{ margin-bottom: 40px; padding:0 150px 0 20px; }

#footer 																	{ margin-top: 0px; padding: 30px 0; font-size: 0.85714286em; line-height: 1.5em; }
#footer img 															{ margin-right: 25px; margin-left: 100px; float: left; }
#footer #info															{ padding-top: 3px; float: left; }


/* Navigation
----------------------------------------------------------------*/
#navigation-main 													{ clear: left; float: left; margin-top: 40px; }
#navigation-main ul 											{ float: left; list-style-type: none; padding-bottom: 0; padding-left: 0; text-indent: 0; }
#navigation-main li 											{ float: left; margin-right: 2px; background: #fff url(images/design/bgr-nav-main-li.gif) repeat-x bottom left; }
#navigation-main li.current_page_item, 
#navigation-main li.current_page_parent 	{ background-image:none }
#navigation-main li.current_page_item a, 
#navigation-main li.current_page_parent a { color:#e7d100; }
#navigation-main a 												{ float: left; display: block; padding: 20px 30px; color:#444; font-weight: 700; text-decoration: none; text-transform: uppercase; }
#navigation-main a:hover 									{ color:#e7d100; }


/* Blogg
----------------------------------------------------------------*/
.blog-article 														{ margin-bottom: 60px; }
.blog-article .entry											{ margin-left: 330px; }

.blog-article img 												{ margin-bottom: 2em; }
#filmContent 															{ margin-bottom: 2.857160em; }

.blog-article h2 													{ float: left; text-transform: uppercase; font-weight: 700; width: 300px; margin-right: 30px; }
.blog-article h2 a 												{ color: #444; text-decoration: none; }

.blog-article h3 													{ font-weight: 700; }

.blog-article p 													{ width: 450px; }
.blog-article p.blogger-labels 						{ float: left; width: 500px; margin-left: 330px; }

.blog-article p.blogger-labels a 					{ color: #fff; background-color: #444; padding: 3px 5px; text-decoration: none; }


/* Medarbetare
----------------------------------------------------------------*/
.profile dl 															{ display: inline; width: 700px; float: left; }
.profile dl dt 														{ font-size: 1.5em; line-height: 1em; padding: 0 15px 5px 15px; font-weight: 700; }

.profile dl dt span.name 									{ text-transform: uppercase; letter-spacing: -0.02em; }
.profile dl dt span.title 								{ margin-left: 7px; padding-left: 7px; border-left: 1px #444 solid; font-weight: 400; }

.profile dl dt.img 												{ float: right; width: 568px; }
.profile dl dd.img img 										{ float: left; width: 100px; height: 100px; }

.profile dl dd.competence 								{ font-size: 0.714286em; line-height: 2.2em; text-transform: uppercase; background-color: #fff; padding: 0 15px 10px 15px; margin-left: 102px; }

.profile dl dd.txt 												{ font-size: 1em; line-height: 1.571429em; background-color: #fff; padding: 0 15px 15px 15px; margin-left: 102px; }
.profile dl dd.txt p 											{ padding: 0; }

.profile dl dd.footer 										{ padding: 0 15px 10px 15px; margin-left: 102px; }

.profile dl dd.divider 										{ clear: both; padding-bottom: 2.857160em; }
.profile dl dd.divider.last 							{ padding-bottom: 0; }


/* 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 */