/*
Theme Name: TakeCare
Theme URI: http://www.vektorgrafik.se
Description: 
Version: 1.0
Author:Vektorgrafik Stockholm AB
Author URI: http://www.vektorgrafik.se
Tags: 
Text Domain: sv
*/

/* Begin Style Reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{ margin:0; padding:0}

table{border-collapse:collapse; border-spacing:0}

fieldset, img{ border:0}

address, caption, cite, code, dfn, th, var{font-style:normal; font-weight:normal}

ol, ul{list-style:none}

caption, th{text-align:left}

h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal}

q:before, q:after{content:''}

abbr, acronym{border:0}

object{outline:none}

/* End Style Reset */
/* Begin Structure */
body{background:#f2f2f3 url(img/bg.png) fixed center top no-repeat; color:#0e1c40; font-size:13px; font-family:Arial,Helvetica,sans-serif; padding:0 0 80px; text-align:center}

.container{text-align:left; margin:0 auto; width:960px}

#wrapper{width:974px}

#top{ height:110px;  padding:0px 0px 0px;  width:940px}

#top.wide{width:1070px}

#logo{height:51px; /*margin-left:-58px; */width:231px}

#nav{background:url(img/menu-bg.png) center top no-repeat; height:44px; margin-bottom:6px; min-width:974px; width:100%}

#submenu{background:/*#036*/ url(img/submenu.png) 0 0 no-repeat; height:30px; padding:5px 20px}

#content{width:974px; overflow:hidden}

#content-inner{width:910px; background:url(img/content-bg.png) 0 0 repeat-y; padding:20px 32px; min-height:300px; overflow:hidden}

.page-template-startpage-php div#content-inner{background-image:none; padding-bottom:0}

#content-top{width:974px; background:url(img/content-top.png) 0 0 no-repeat; height:10px}

#content-bottom{width:974px; background:url(img/content-bottom.png) 0 0 no-repeat; height:20px}

#sidebar{}

#footer{background:url(img/footer-bg.png) center top no-repeat; clear:both; height:44px; margin-top:10px; min-width:974px; width:100%}

#footer .container{padding:5px 15px; width:930px}

/* Begin Nav */
#nav .container ul{float:left; overflow:hidden; padding:4px 0 0 10px; width:740px}

#nav ul li{font:bold 13px Arial,Helvetica,sans-serif; float:left; color:#fff; text-transform:uppercase}

#nav ul li a{display:block; font:bold 13px Arial,Helvetica,sans-serif; color:#fff; height:20px; padding:5px 15px 15px; line-height:auto; text-transform:uppercase}

#nav ul li a:hover{text-decoration:none; color:#003366; }

#nav ul li.current_page_item a, #nav ul li.current_page_parent a{background:/*#036*/ url(img/menu-current.png) center bottom no-repeat}

#nav ul li.current_page_item a:hover, #nav ul li.current_page_parent a:hover{text-decoration:none; color:#f29400; }

#submenu ul li.current_page_item a{color:#f29400}

.tooltip{background:#eee; z-index:100; margin-top:-20px}

#submenu ul li{float:left; color:#fff}

#submenu ul li a{background:url(img/submenu-sep.png) right 8px no-repeat; display:block; font:bold 11px Arial,Helvetica,sans-serif; color:#fff; padding:5px 10px; text-transform:uppercase}

#submenu ul li a:hover{text-decoration:none; color:#f29400}

/* End Nav  */
/* Begin Search */
#searchform{background:url(img/search-bg.png) 0 9px no-repeat; float:right; padding:11px 0 0 4px; overflow:hidden; margin-right:30px; width:151px}

#searchform #s{background:transparent; border:0; color:#116591; float:left; font:11px Arial,Helvetica,sans-serif; height:19px; width:115px}

#searchform #s:active, #searchform #s:focus{color:#0e1c40; outline:none}

#searchform #searchsubmit{background:url(img/search-btn.png) 0 0 no-repeat; border:0; cursor:pointer; display:block; float:right; height:12px; margin:1px 10px 0 0; text-indent:-9999em; width:12px}

#searchform #searchsubmit:hover{opacity:0.8}

/* End Search */
/*
.features{width:958px; padding:20px 8px; overflow:hidden}
*/
.highlight{background:url(img/highlight.png) 0 0 no-repeat; width:259px; height:122px; float:left; padding:20px 28px; margin-right:14px}

.highlight.kalendarium{margin-right:0; background:url(img/highlight-blue.png) 0 0 no-repeat; color:#fff}

.highlight.kalendarium h3, .highlight.kalendarium ul li, #content .highlight.kalendarium a{color:#fff}

.highlight span.icon{display:block; height:61px; float:left; width:80px}

span.icon{background:url(img/icons/utropstecken.png) 0 0 no-repeat}

span.citat{background:url(img/icons/citat.png) 0 0 no-repeat}

span.utropstecken{background:url(img/icons/utropstecken.png) 0 0 no-repeat}

span.klocka{background:url(img/icons/klocka.png) 0 0 no-repeat}

span.kugghjul{background:url(img/icons/kugghjul.png) 0 0 no-repeat}

span.hjaerta{background:url(img/icons/hjarta.png) 0 0 no-repeat}

span.programfoenster{background:url(img/icons/fonster.png) 0 0 no-repeat}

span.foerpackning{background:url(img/icons/forpackning.png) 0 0 no-repeat}

span.kors{background:url(img/icons/kors.png) 0 0 no-repeat}

div.right{float:right; width:170px}

.highlight h3{font-size:14px}

.highlight p{font-size:12px; margin-bottom:0.8em}

.highlight p a{background:url(img/arrow.png) right 4px no-repeat; padding-right:10px}

.highlight.citat{cursor:pointer}

.highlight.citat p{font-size:13px; font-weight:bold; line-height:1.2em}

.highlight.citat div.right{overflow:hidden; height:108px}

.highlight.citat .sender{color:#666; font:normal 10px Arial,Helvetica,sans-serif}

.highlight ul li{color:#666; font-weight:normal; font-size:13px; margin-bottom:0.6em}

.highlight ul li span.date{color:#0E1C40; font-weight:bold; padding-right:10px}

.highlight.news{cursor:pointer}

.highlight.news .excerpt{height:56px; overflow:hidden; margin-bottom:8px}

/* End Structure */
/* Colors */
.darkblue{color:#0elc40}

.blue{color:#116591}

.orange{color:#f29400}

.green{color:#9c0}

.red{color:#f60}

/* End Colors */
/* Begin Typography */
/*
.thread-alt{background-color:#f8f8f8}

.thread-even{background-color:white}

.depth-1{border:1px solid #ddd}

.even, .alt{border-left:1px solid #ddd}

*/
small{font:11px Arial,Helvetica,sans-serif; line-height:1.5em; color:#999}

p{font-size:14px; line-height:1.5em; margin:0 0 1em}

h1, h2, h3, h4, h5, h6{font-family:Helvetica,Arial,sans-serif; font-weight:bold; color:#0e1c40; margin:0 0 0.3em}

h1{font-size:30px}

.page-template-startpage-php h1{font-size:21px}

.page-template-startpage-php .entry p{font-size:14px; line-height:19px}

.entry .more-link{font-weight:bold; display:block; margin-top:20px}

h2{font-size:24px}

h3{font-size:18px}

h4{font-size:16px}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description{text-decoration:none}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited{color:#0e1c40}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite{text-decoration:none}

/*
.entry p a:visited{color:#b85b5a}

.sticky{background:#f7f7f7; padding:0 10px 10px}

.sticky h2{padding-top:10px}

.commentlist li, #commentform input, #commentform textarea{font:0.9em 'Lucida Grande',Verdana,Arial,Sans-Serif}

.commentlist li ul li{font-size:1em}

.commentlist li{font-weight:bold}

.commentlist li .avatar{float:right; border:1px solid #eee; padding:2px; background:#fff}

.commentlist cite, .commentlist cite a{font-weight:bold; font-style:normal; font-size:1.1em}

.commentlist p{font-weight:normal; line-height:1.5em; text-transform:none}

#commentform p{font-family:'Lucida Grande',Verdana,Arial,Sans-Serif}

.commentmetadata{font-weight:normal}

#sidebar{font:1em 'Lucida Grande',Verdana,Arial,Sans-Serif}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike{color:#777}

*/
code{font:11px 'Courier New',Courier,Fixed}

acronym, abbr, span.caps{font-size:9px; letter-spacing:.07em}

#content a{color:#1A6590; text-decoration:underline}

#content h2 a, #content h3 a{color:#0e1c40; text-decoration:none}

a, #content h2 a:hover, #content h3 a:hover{color:#0e1c40; text-decoration:none}

#content a:hover{color:#f29400; text-decoration:underline}

#content .highlight a{color:#0e1c40; text-decoration:none}

#footer p{color:#fff}

/* WP-Calendar */
#wp-calendar #prev a, #wp-calendar #next a{font-size:12px}

#wp-calendar a{text-decoration:none}

#wp-calendar caption{text-align:center}

#wp-calendar th{font-style:normal; text-transform:capitalize}

/* End Typography */
/* Begin Images */
/*
img.alignright.marginbottom300{margin-bottom:300px}

*/
p img{padding:0; max-width:100%}

img.centered{display:block; margin-left:auto; margin-right:auto}

img.alignright{padding:4px; margin:0 0 40px 40px; display:inline}

img.alignleft{padding:4px; margin:0 30px 2px 0; display:inline}

.alignright{float:right}

.alignleft{float:left}

/* End Images */
/* Begin Forms */
#content-inner input{padding:4px}

/* End Forms */
/* Begin Lists */
#content-inner ul{margin:0 0 30px}

#content-inner ul li{font-size:14px; margin:0 0 8px 20px; list-style:disc}

/*
Special stylized non-IE bullets
Do not work in Internet Explorer, which merely default to normal bullets. */
/*
html>body .entry ul{margin-left:0px; padding:0 0 0 30px; list-style:none; padding-left:10px; text-indent:-10px}

html>body .entry li{margin:7px 0 8px 10px}

.entry ul li:before, #sidebar ul ul li:before{content:"\00BB \0020"}

.entry ol{padding:0 0 0 35px; margin:0}

.entry ol li{margin:0; padding:0}

.postmetadata ul, .postmetadata li{display:inline; list-style-type:none; list-style-image:none}

#sidebar ul, #sidebar ul ol{margin:0; padding:0}

#sidebar ul li{list-style-type:none; list-style-image:none; margin-bottom:15px}

#sidebar ul p, #sidebar ul select{margin:5px 0 8px}

#sidebar ul ul, #sidebar ul ol{margin:5px 0 0 10px}

#sidebar ul ul ul, #sidebar ul ol{margin:0 0 0 10px}

ol li, #sidebar ul ol li{list-style:decimal outside}

#sidebar ul ul li, #sidebar ul ol li{margin:3px 0 0; padding:0}

*/
/* End Entry Lists */
/* Begin Form Elements */
select{width:130px}

#commentform input{width:170px; padding:2px; margin:5px 5px 1px 0}

#commentform{margin:5px 10px 0 0}

#commentform textarea{width:100%; padding:2px}

#respond:after{content:".";  display:block;  height:0;  clear:both;  visibility:hidden}

#commentform #submit{margin:0 0 5px auto; float:right}

/* End Form Elements */
/* Begin Comments*/
.commentlist{padding:0; text-align:justify}

.commentlist li{margin:15px 0 10px; padding:5px 5px 10px 10px; list-style:none}

.commentlist li ul li{margin-right:-5px; margin-left:10px}

.commentlist p{margin:10px 5px 10px 0}

.children{padding:0}

#commentform p{margin:5px 0}

.nocomments{text-align:center; margin:0; padding:0}

.commentmetadata{margin:0; display:block}

/* End Comments */
/* Begin Calendar */
#wp-calendar{empty-cells:show; margin:10px auto 0; width:155px}

#wp-calendar #next a{padding-right:10px; text-align:right}

#wp-calendar #prev a{padding-left:10px; text-align:left}

#wp-calendar a{display:block}

#wp-calendar caption{text-align:center; width:100%}

#wp-calendar td{padding:3px 0; text-align:center}

#wp-calendar td.pad:hover{/* Doesn't work in IE */background-color:#fff}

/* End Calendar */
/* Begin Various Tags &Classes */
.left{float:left}

.right{float:right}

.clear{clear:both}

acronym, abbr, span.caps{cursor:help}

acronym, abbr{border-bottom:1px dashed #999}

blockquote{clear:both; margin:30px 0 0; padding-left:40px; background:url(img/citat-small.png) 0 4px no-repeat; /*border-left:1px dotted #1A6590; */font-size:15px; font-weight:bold; width:320px}

blockquote .sender{color:#999; font-size:13px}

blockquote cite{margin:5px 0 0; display:block}

.center{text-align:center}

.hidden{display:none}

.screen-reader-text{ position:absolute;  left:-1000em}

hr{display:none}

.navigation{display:block; text-align:center; padding:0 10px 0 40px; margin-top:10px; margin-bottom:60px; font-weight:bold}

/* End Various Tags &Classes*/
.navigation .alignleft a{background:url(img/arrowl.png) left 5px no-repeat; padding-left:10px}

.navigation .alignright a{background:url(img/arrow.png) right 5px no-repeat; padding-right:10px}

/* Captions */
.aligncenter, 

div.aligncenter{display:block; margin-left:auto; margin-right:auto}

.wp-caption{border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px; margin:10px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px}

.wp-caption img{margin:0; padding:0; border:0 none}

.wp-caption p.wp-caption-text{font-size:11px; line-height:17px; padding:0 4px 5px; margin:0}

/* End captions */
p#vtip{display:none; position:absolute; padding:4px 10px; left:0; color:#fff; font:bold 10px Arial; text-transform:uppercase; background-color:#f29400; margin-top:20px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -moz-box-shadow:0 3px 6px rgba(0,0,0,.2); -webkit-box-shadow:0 3px 6px rgba(0,0,0,.2); box-shadow:0 3px 6px rgba(0,0,0,.2); z-index:9999; min-width:100px}

p#vtip #vtipArrow{background:url(img/tip-arrow.png); position:absolute; top:-7px; left:30px; display:block; height:7px; width:11px}

.post{padding:20px 10px 20px 40px; overflow:hidden}

.page-template-systemet-php .post{padding:0 10px 20px 10px}

.page-template-default .entry, .single .entry, .blog .entry, .page-template-page-jobb-php .entry{float:left; width:400px}

.post small{display:block}

.page-template-default div.right, .single div.right, .blog div.right, .page-template-page-jobb-php div.right{float:right; width:400px; font-size:14px; line-height:1.5em}

.page-template-page-jobb-php div.right{width:320px}

.page-template-page-jobb-php #content-inner div.right ul li{list-style:none; font-weight:bold; padding:5px 0}

.right blockquote{margin:0}

.right blockquote .sender{display:block; margin-top:10px}

.right img{max-width:400px; margin-bottom:20px; float:none; clear:both; display:block}

.blog .right img{width:auto}

.bluebox{background:#036 url(img/bluebox-top.png) 0 0 no-repeat; color:#fff; padding:30px 20px 10px; margin-bottom:30px; width:360px; -moz-border-radius-bottomleft:6px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-left-radius:6px; -webkit-border-bottom-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px}

.bluebox p, .bluebox h1, .bluebox h2, .bluebox h3, .bluebox h4, .bluebox li{color:#fff}

#content-inner .bluebox p{font-size:12px}

#content-inner .bluebox ul li{font-size:12px; margin:0 0 8px 15px}

#content-inner .bluebox h3{font-size:15px; margin-bottom:8px}

.post-edit-link{color:#ccc; font-size:11px; font-weight:bold}

.post hr{background:#fff; color:#fff; border:0; border-bottom:1px dotted #ccc; display:block; margin-bottom:20px}

/* Pussel 
#puzzle{background:url(img/pussel-bg.png) 75px 30px no-repeat; clear:both; height:374px; overflow:hidden; padding:30px 0; width:832px}

#puzzle .left{background:url(img/takecare-intelligence.png) 0 0 no-repeat; height:374px; width:78px}

#puzzle .middle{float:left; height:374px; overflow:hidden; padding-top:5px; width:670px}

#puzzle .right{background:url(img/takecare-xchange.png) 0 0 no-repeat; height:374px; width:78px}

#puzzle .block{cursor:pointer; margin-right:1px; margin-bottom:1px; float:left; height:82px; padding-top:38px; text-align:center; width:166px}

#puzzle .block a{color:#fff; font-weight:bold; font-size:15px; line-height:8px}

#puzzle .block a:hover{text-decoration:none}

*/
/* Jox */
div#mainBox{padding:20px 0 20px 30px; width:850px}

div#mainBox div#left{float:left; width:605px}

div#mainBox #divright{float:left; width:240px}

div#frame{position:relative; width:405px; height:354px; float:left; font-weight:bold; font-family:Arial,Helvetica,sans-serif; margin-left:10px}

/* START � VERSTA */
div#tLeft{position:absolute; padding:25px 15px; width:107px; height:80px; top:0; left:0; background:transparent url('img/tLeft.png') top left no-repeat; text-align:center}

div#tMiddle{position:absolute; padding:25px 30px; width:117px; height:80px; top:0; left:113px; background:transparent url('img/tMiddle.png') top left no-repeat; text-align:center}

div#tRight{position:absolute; padding:25px 20px; width:107px; height:80px; top:0; left:256px; background:transparent url('img/tRight.png') top left no-repeat; text-align:center}

/* SLUT */
/* START N� ST � VERST */
div#uLeft{position:absolute; padding:37px 20px; width:115px; height:80px; top:83px; left:-6px; background:transparent url('img/uLeft.png') top left no-repeat; text-align:center}

div#uMiddle{position:absolute; padding:50px 20px; width:113px; height:80px; top:70px; left:125px; background:transparent url('img/uMiddle.png') top left no-repeat; text-align:center}

div#uRight{position:absolute; padding:30px 30px; width:110px; height:80px; top:83px; left:244px; background:transparent url('img/uRight.png') top left no-repeat; text-align:center}

/* SLUT */
/* START N� ST L� NGST NER */
div#lLeft{position:absolute; padding:40px 15px; width:107px; height:80px; top:159px; left:0px; background:transparent url('img/lLeft.png') top left no-repeat; text-align:center}

div#lMiddle{position:absolute; padding:30px 35px; width:107px; height:80px; top:171px; left:113px; background:transparent url('img/lMiddle.png') top left no-repeat; text-align:center}

div#lRight{position:absolute; padding:50px 20px; width:113px; height:80px; top:159px; left:256px; background:transparent url('img/lRight.png') top left no-repeat; text-align:center}

/* SLUT */
/* START BOTTEN */
div#bLeft{position:absolute; padding:30px 17px 30px 20px; width:112px; height:80px; top:260px; left:0px; background:transparent url('img/bLeft.png') top left no-repeat; text-align:center}

div#bMiddle{position:absolute; padding:40px 30px; width:110px; height:80px; top:240px; left:115px; background:transparent url('img/bMiddle.png') top left no-repeat; text-align:center}

div#bRight{position:absolute; padding:30px 30px; width:110px; height:80px; top:260px; left:244px; background:transparent url('img/bRight.png') top left no-repeat; text-align:center}

/* SLUT */
div#green{margin-top:45px; float:left; position:relative; width:69px; height:261px; background:transparent url('img/green.png') top left no-repeat}

div#orange{margin-top:45px; float:left; position:relative; width:70px; height:261px; background:transparent url('img/orange.png') top left no-repeat}

div#fadebox{float:right; width:240px; background:#e3e4e6; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; -moz-box-shadow:2px 2px 5px rgba(0,0,0,.2)}

div#fadebox h3{font-size:16px}

div#fadebox p{font-size:12px}

div#fadebox li{font-size:12px}

div.fadeblocks{float:left; padding:20px}

div#mainBox #frame a{display:block; color:#fff; text-decoration:none; width:100px; height:50px; font-size:11px}

div#mainBox #frame a:hover{display:block; color:#000; text-decoration:none; width:100px; height:50px}

div#mainBox #frame a:active, div#mainBox #frame a:focus{outline:none}

div#green a{display:block; width:60px; height:270px}

div#orange a{margin-left:15px; display:block; width:60px; height:270px}

div#mainText{float:left; margin-bottom:10px; width:555px}

.customersuccesses{width:440px; overflow:hidden; clear:both; padding-bottom:20px}

.customersuccesses p{font-size:12px}

.customersuccesses h4{clear:both; font-size:13px}

.customersuccesses img{margin:0 12px 16px 0}

.cycle{background:#fff}

.single .entry{padding-top:10px}

.page-template-startpage-php .entry{float:left; width:390px}

#slideshow-start{background:url(img/start-bg.png) 0 0 no-repeat; float:right; height:277px; width:422px; margin-top:7px}

#slideshow-start .holder{margin:1px 0 0 30px; background:#fff; width:356px; height:237px; overflow:hidden}

#slideshow-start img{width:356px; height:237px}