html, body { margin: 0; padding: 0; }
body { background: #c8bfaa; font-family: "Lucida Grande", "Segoe UI", Tahoma, Helvetica, Verdana, sans-serif; color: #333; font-size: 100.1%; }
a { color: #333; text-decoration: none; }
a img { border: 0; }
h1, h2, h3  { color: #72b3e2; font-size: 1.6em; font-weight: normal; }
h3 { font-size: 1.3em; }
form { margin: 0; padding: 0; }
img { max-width: 100%; }
.hidden { display: none; }

ul { margin: 0 auto; }

#container { font-size: 0.75em; margin: 40px auto 20px auto; padding: 0; min-width: 640px; max-width: 974px; }

#content {  background: #fff;background-image: url( /graphics/shadow-right.gif ); background-position: top right; background-repeat: repeat-y; }
#body { padding: 20px 20px; background-image: url( /graphics/shadow-left.gif ); background-position: top left; background-repeat: repeat-y; }

#subnav { float: left; width: 19%; }
#subnav ul { list-style: none; margin: 0; padding: 0;}
#subnav ul li, #subnav ul li a.open { display: none; }
#subnav ul li.open, #subnav ul li.open ul li, #subnav ul li ul li a.open { display: block; margin-bottom: 5px; }
#subnav ul ul ul { margin: 0 0 5px 15px; }
#subnav ul ul a { display: inline; }
#subnav ul li a.open { font-weight: bold; }
#subnav ul li a { color: #333; }
#subnav ul ul ul li { margin-bottom: 1px; }


#pagecontent { float: right; width: 80%; }
.t_pod1_start #pagecontent { width: auto; float: none; }


#header { position: relative; margin: 0 auto; background-image: url( /graphics/shadow-top-right.gif ); background-position: top right; background-repeat: no-repeat; }
	#header div.wrapper { background-image: url( /graphics/shadow-top-left.gif ); background-position: top left; background-repeat: no-repeat; }
	#header form { float: left; display: none;  }
	#logo img { margin: 30px 0 0 20px;}
	#logo span { display: none; }
	#header div.clear { height: 0; }

	#navigation { margin: 11px 5px 0 5px; }
	#navigation table { width: 100%; background: #eee url( /graphics/nav.gif ) top left repeat-x; }
	#navigation table tr td a { display: block;  color: #fff;}
	#navigation table tr td { text-align: center; height: 36px;}
	
	#navigation ul { list-style-type: none; margin:0; padding: 0 0 0 20px; padding; background: #eee url( /graphics/nav.gif ) top left repeat-x; height: 36px; }
	#navigation ul li { margin: 0; padding: 0; display: inline; }
	#navigation ul li a { color: #fff; display: inline-block; float: left; padding: 10px 7px; margin-right: 30px; font-size: 1.1em; text-shadow: 0 1px 1px #1a679d; }
	#navigation ul li a:hover { text-decoration: underline;  }
	#navigation #nav_46 { display: none !important; }
	#navigation #nav_62 { display: none !important; }
	#navigation #nav_77 { display: none !important; }
	

#teasers { margin: 0 0; padding: 0 0 20px 0; background: white; }
	#teasers :after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	#teasers h1, h2 { border-bottom: 1px solid #d3d4d3; padding-bottom: 10px; margin: 0 0 10px 0; }

.pane, .teaser {  }
    .outer-teaser { width: 33.333333%; float: left; }
    .teaser div { padding: 0 30px; }
    .outer-teaser .teaser div div { background-image: none; padding: 0; }
    .teaser.last { margin-right: 0; }
    .pane h2, .teaser h2 { margin-top: 0; padding: 0; }
    .pane a, .teaser a { color: #ff8533; }
    .teaser a h2, .teaser h2 a { color: #72b3e2; float: left; }
    .pane img, .teaser img { float: right; margin: 0 0 10px 10px; }
    .teaser div div img { margin: 0 auto; float: none; }
    .pane p, .teaser p { margin: 0; }
    .pane .viewall, .teaser .viewall { margin-bottom: 0; }

	.outer-teaser .teaser-top { margin: 0; background-image: url( /graphics/teaser-top-right.gif ); background-position: top right; background-repeat: no-repeat; }	
	.outer-teaser .teaser-top  div { margin: 0; height: 25px; background-image: url( /graphics/teaser-top-left.gif ); background-position: top left; background-repeat: no-repeat; }	
	.outer-teaser .teaser { margin: 0; background-image: url( /graphics/teaser-body-right.gif ); background-position: top right; background-repeat: repeat-y; }	
	.outer-teaser .teaser div { margin: 0; background-image: url( /graphics/teaser-body-left.gif ); background-position: top left; background-repeat: repeat-y; }	
	.outer-teaser .teaser-bottom { margin: 0; clear: both; background-image: url( /graphics/teaser-bottom-right.gif ); background-position: bottom right; background-repeat: no-repeat; }	
	.outer-teaser .teaser-bottom div { margin: 0; height: 20px; background-image: url( /graphics/teaser-bottom-left.gif ); background-position: bottom left; background-repeat: no-repeat; }	
	.main-teaser { min-height: 192px;}


#news { float: right; width: 33.3333%; }
#news .rss, #news .twitter { position: relative; top: -3px; float: right; width: 24px; height: 25px; background-image: url( /graphics/rsslogo.gif ); background-repeat: no-repeat }
#news .twitter { background-image: url( /graphics/twitterlogo.gif ); margin-right: 5px;}
#news .rss span, #news .twitter span { display: none;}
#news a.article { clear: both; display: block; background: #f2f2f2; padding: 9px 5px; margin-top: 1px;}
#news .teaser div { min-height: 238px; }

.outer-teaser .teaser h2#driftinfo { margin-top: 16px; }
#news .drift-rss { position: relative; top: 6px; float: right; width: 29px; height: 31px; background-image: url( /graphics/rss.gif ); }

.right { float: right; }	
.paragraph {width: 100%; margin-bottom:30px;}
.paragraph a { text-decoration:underline; }
.img {width:604px; margin:12px 0 0 0;}
#main { float: left; width: 60%; margin: 12px 0 0; }
.main_image { width:604px; margin-left:10px; position: relative;}
.main_image div { width: 604px; height: 267px; }
.main_image div img { position: absolute; }
.main_image div span { display: block; position: relative; top: 227px; left: 20px; padding: 0 40px 0 0; color: #fff; }
.img1 { margin-bottom:27px;}
.img2.left { width:auto; float:left; margin-right:10px;}
.img2.right { width:auto; float:right; margin-left:10px;}


/* Changed made by Goran 2009-12-17

.main_image { width:608px; margin-left:11px; margin-top: -4px; position: relative;}

 /Changed made by Goran 2009-12-17 */

.filter { background: #f2f2f2; padding: 20px; margin-bottom: 20px; }
	.filter label { padding-right: 20px; }
	.filter form { padding-top: 20px; }
	.filter form input, .filter form select { vertical-align: middle; }
	.filter p { margin: 0; }

.alfa { padding-bottom: 20px; margin-left: -320px; padding-right: 320px; padding-left: 320px; }
.alfa:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.beta { margin-left: 320px; }
.gamma { min-width: 320px; width: 48%; float: left; margin-bottom: 20px; margin-right: 20px; clear: both; }
.delta { min-width: 320px; width: 49%; float: left; margin-bottom: 20px; }
.epsilon { float: right; width: 300px; }
.clear { clear: both; }
p.clear { margin: 0;}
.paging { margin: 0; padding: 5px 20px; background: #f2f2f2; border: 1px solid #d3d4d3; }
	.paging strong { font-weight: normal; text-decoration: underline; }
	.paging .show-on-map { float: right; }

#footer { clear: both; margin: -40px auto 0 auto; text-align: left;  background-image: url( /graphics/shadow-bottom-right.gif ); background-position: bottom right; background-repeat: no-repeat; }
#footer div { height: 100px; background-image: url( /graphics/shadow-bottom-left.gif ); background-position: bottom left; background-repeat: no-repeat; }
#footer p { margin: -70px 30px 0 30px; }
#footer img { float: right; margin: -70px 30px 0 0; }
#footer img.r-foretagen { float: right; margin: -70px 160px 0 0; }
#footer .footer-logos { float: right; }
.footer_top { border-top: 1px solid #ccc;}

.t_pod1_produktlista h1 { display: none; }
.product { width: 30%; float: left; margin: 0 10px 0 0; }
.product img { margin: 0 auto 20px 0; border: 0; }
.product .teaser h2 { display: none; }
.product p { min-height: 60px;  }
.product .prodimg { height: 75px; }
ul#faq-list { list-style-type: none; }
ul#faq-list li { margin: 0 0 25px 0; background: #fefefe;}

#column2 { float: right; width: 33.3333%; }
#column2 a { clear: both; display: block; background: #f2f2f2; padding: 3px; margin: 0 0 1px 0;}
#column1 { float: left; width: 498px; overflow: hidden;}

#rightTeaser { float: right; width: 33.3333%;}
#rightTeaser a { color:#000;}

.list { float:right; }
.teaser-link { cursor: pointer; }

.onlinesupport { float: right; margin-right: 10px; }

a.image1 img { /* border: 1px #72B3E2 solid; padding: 1px;*/ }



/* BLOGG */

.blogg_post { margin-bottom: 20px; }
.blogg_post h3 { font-size: 1.5em; padding-bottom: 0; margin-bottom: 0.5em; }
.blogg_post .date { font-size: 1em; padding-top: 0; border: none; margin-top: 0; }
.blogg_post .left { float: left; }
.blogg_post .right { float: right; }
.blogg_post .published_by { font-size: 0.8em; font-style: italic; }
.blogg_post .footerlinks { list-style-type: none; margin: 10px 0 0 0; border: 1px solid #D3D4D3; padding: 10px; background-color: #f3f3f3; }
.blogg_post .footerlinks li { display: inline; padding-right: 20px; }

.blogg_post .comment { border: 1px solid #D3D4D3; padding: 10px; margin-top: 10px; background-color: #f3f3f3; }
.blogg_post .comment h2 { font-size: 1.4em; padding: 0; margin: 0; border: none;  }
.blogg_post .comment .commentpost { border-bottom: 1px solid #D3D4D3; padding: 5px 0; margin: 5px 0; }
.blogg_post .comment .commentpost .date, .blog_post_full #blog-comments .comment .email { display: block; font-size: 0.9em; }
.blogg_post .comment .commentpost h3 { margin-bottom: 0.4em; padding-bottom: 0; }

.blogg_post .comment #comment-field input { display: block; margin-bottom: 10px; width: 80%; }
.blogg_post .comment #comment-field textarea { display: block; width: 80%; height: 70px; }
.blogg_post .comment #comment-field input.button { width: auto; margin-top: 10px; }

#blogglist .date { color: #D3D4D3; }
#subnav #blogglist ul li { display: block; margin: 5px 0; }

/* Personal */

ul.personal_list { list-style-type: none; padding: 0; margin: 0; }
ul.personal_list li img { opacity: 0.3; }
ul.personal_list li img:hover { opacity: 1; }
ul.personal_list li { float: left; margin: 10px 20px 0 0; text-align: center; }
ul.personal_list li span { display: block; }

.personal_large { position: relative; }
.personal_large h2 { font-size: 1.5em; border: none; padding-bottom: 0;  margin-bottom: 0; line-height: 1.4em; }
.personal_large h3 { font-size: 1.2em; margin-top: 0; color: #737373; }
.personal_large img {  }
.personal_large .information { position: absolute; bottom: 0; right: 0; width: 520px; }
.personal_large .information p { float: left; width: 54%; }
.personal_large ul { list-style-type: none; padding: 0; margin: 0 0 0 10px; float: right; }
.personal_large ul li { padding: 10px 0 0 40px; height: 21px; }
.personal_large ul li.phone { background: url(/graphics/contact_icons.gif) top left no-repeat; }
.personal_large ul li.email { background: url(/graphics/contact_icons.gif) bottom left no-repeat; }


/* POLL */
#pollform label, #pollform .label { display: block; font-weight: bold; margin-top: 1em; margin-bottom: 0.3em; }
#pollform .polltype1 label { display: inline; font-weight: normal; }
#pollform input { width: 400px; }
#pollform .polltype1 input { width: auto; }
#pollform .mandatory { border-left: thick solid #cc0000; padding-left: 0.5em; }

#pollform button { margin-top: 1em; }

#pollform .spamfilter input { width: 150px; }
#pollform .spamfilter .code { font-weight: bold; color: #cc0000; }


#courseImageDiv { float:left; }
.image { padding: 0 15px; margin-bottom: 10px; width: 213px; float: right; min-height: 250px; background: none; }
	.image.odd { background: none; margin-right: 0; float: left; }
	.image img { background: none; border: 1px solid #aaa; padding: 2px; }


#pollform input#label_34, #pollform input#label_44 { display: none; }
#pollform label#label_34, #pollform label#label_44  { color: #72b3e2; font-size: 1.3em; font-weight: normal; }