/*
Theme Name: Svedinos
Template: twentyeleven
*/
@import url("../twentyeleven/style.css");


body {padding: 0; background: #f2f2f2;}
#branding {border:0;}
#branding img {height: auto; width: auto; vertical-align:bottom; margin-bottom:0;}
#branding img {height: auto; width: auto; vertical-align:bottom; margin-bottom:0;display:inline;}


#flaglogo {height:133px; position:relative;}
#loggan {position:absolute; bottom:0; left:0;}
#loggan img {vertical-align:bottom; margin:5px 0;}
#flaglogo .addthis_toolbox {position:absolute; bottom:2px; right:140px;}
#flaglogo .addthis_toolbox a {padding:2px; border:0;}
#flaglogo .addtoany_shortcode {position:absolute; bottom:2px; right:140px;}
#flaglogo .addtoany_shortcode a {padding:2px; border:0;}
#flags {position:absolute; bottom:0px; right:20px;}
#flags img {vertical-align:bottom; position:relative; z-index:999999; margin:3px 3px -8px 3px; border:1px solid #ffffff; max-width: 97.5%;}
#flaglogo a:hover {background:none;}


.bodypage {background: #ffffff; clear:both; display:block; padding: 0 2.5%;}
.gradient {background: #ffffff url(/bild/back-gradient.gif) repeat-x; padding-top:8px;}
.one-column #page {max-width: 960px; margin:0 auto;}
.contentpage {margin: 0 auto; max-width: 960px; clear:both; display:block; background: #ffffff;}
#bodypage-footer {clear:both; display:block; border-top:2px solid #ed1d24; padding: 0 2.5%; background:url(/bild/footer-back.jpg) no-repeat top center;}
.footerpage {max-width: 960px; margin: 0 auto; clear:both; display:block;}
#body-page-nav {clear:both; display:block; margin: 0 auto; float:left; width:100%; background: #555657; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#9e9e9e, #555657);
	background: -o-linear-gradient(#9e9e9e, #555657);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9e9e9e), to(#555657)); /* older webkit syntax */
	background: -webkit-linear-gradient(#9e9e9e, #555657);
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
    border-top:1px solid #ed1d24;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7f8184', endColorstr='#555657'); /* for IE */
}
#page-nav {margin: 0 auto; max-width:960px; padding: 0 2.5%;}


#main {padding: 0 0 8px 0;}
#primary {float:none;background: url(/bild/back-leftside.png) repeat-y left top;}
.one-column #content, .error404 #primary #content {margin: 0; padding: 0 5% 1px; background: url(/bild/back-rightside.png) repeat-y right top;}
.top {width:100%; height:14px; background:url(/bild/back-top.png) no-repeat left top;}
.top span {display:block; position:relative; height:14px; background:url(/bild/back-top-right.png) no-repeat right top;}
.bottom {width:100%; height:14px; background:url(/bild/back-bottom.png) no-repeat left bottom;}
.bottom span {display:block; position:relative; height:14px; background:url(/bild/back-bottom-right.png) no-repeat right top;}

/* Links */
a {color: #ed1d25; text-decoration: none;}
a:focus, a:active, a:hover { text-decoration: none;background: #e9e9e9;}
.startbildl a, .startbildr a, .focus a {color: #000000;}
.startbildl a:hover,.startbildr a:hover, .focus a:hover {background: none;}

a .mer, .mer a {font-family:Arial; font-size:11px; font-weight:bold; color:#ed1d25; background:#ffffff; padding:1px 2px; border-left:3px double #e9e9e9; border-style:double;}
a:hover .mer, .mer a:hover {background: #e9e9e9;}

/* =Menu
-------------------------------------------------------------- */
#access div {margin: 0;}
#access {margin: 0 auto;
	background: #414243; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#727477, #414243);
	background: -o-linear-gradient(#727477, #414243);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#727477), to(#414243)); /* older webkit syntax */
	background: -webkit-linear-gradient(#727477, #414243);
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#727477', endColorstr='#414243'); /* for IE */    
}
#access ul {font: 11px Arial, sans-serif; margin: 0; font-weight:bold;}
#access a {color: #eee; line-height: 2.1em; border-left:1px solid gray;}
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
	background: #fbfbfb; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#ffffff, #bfbfc0);
	background: -o-linear-gradient(#ffffff, #bfbfc0);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#bfbfc0)); /* Older webkit syntax */
	background: -webkit-linear-gradient(#ffffff, #bfbfc0);
	color: #353535;
}
#access li:hover > a,
#access a:focus {
	background: #fbfbfb; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#ffffff, #bfbfc0);
	background: -o-linear-gradient(#ffffff, #bfbfc0);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#bfbfc0)); /* Older webkit syntax */
	background: -webkit-linear-gradient(#ffffff, #bfbfc0);
	color: #353535;    
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#bfbfc0'); /* for IE */      
}
#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current_page_item > a,
#access .current_page_ancestor > a {
	font-weight: bold;
	background: #fbfbfb; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#ffffff, #bfbfc0);
	background: -o-linear-gradient(#ffffff, #bfbfc0);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#bfbfc0)); /* Older webkit syntax */
	background: -webkit-linear-gradient(#ffffff, #bfbfc0);
	color: #353535;    
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#bfbfc0'); /* for IE */  
    
}


body, input, textarea {font: 16px Georgia, serif; line-height: 1.5em;}
p {margin-bottom: 1.5em;}

.singular .entry-title, .error404  .entry-title {font-size: 23px; line-height: 1.5em; font-weight:normal;}
.entry-title {padding-bottom:0; padding-top: 0;}
.singular.page .hentry, .error404 .hentry {padding: 1.2em 0 0 0;}
.entry-content, .entry-summary {padding: 1.2em 0 0;}
.hentry, .no-results {margin: 0 0 1.5em;}

#supplementary {padding: 1.2em 0 50px 0; border:0; font-family:Arial, sans-serif; line-height:1.2em;}
.widget-title {font-size: 11px; font-weight: bold; line-height: 1.6em; text-transform: uppercase;}

.one.footerpage #first {float:left;}
.one.footerpage #third {float:right;}
.one.footerpage #third p {margin-bottom:2px; font-size: 11px; font-weight: bold; color: #666666; float:left; line-height:1.2em; text-align:left; padding:10px 5px 0 0; }


.widecol h2 {clear:both; border-bottom:3px double #dddddd; margin-bottom:20px; line-height: 2em; font: 15px Arial, sans-serif; color:#808285; text-transform:uppercase; font-weight:bold;}

.ja {background: #ffffff url(/bild/bil-front.jpg) no-repeat bottom right;}
.ja .hentry {margin: 0;}
.focus {float:right; padding-left:1%; border-left:3px double #e9e9e9; border-style:double;width:28%; margin-left:2%;}
.focus h2 {font: 14px Arial, sans-serif;color:#808285; text-transform:uppercase;font-weight:bold; margin:0; line-height:100%;}
.focus p {font: 13px Arial, sans-serif; line-height:150%; margin-bottom:0;}
.startcont {width:62%; float:left;}
.datum {font-family:Arial; font-size:11px; font-weight:bold; color:#ed1d25; background:#ffffff;}

.bldra {margin-bottom:20px;}
.bldrb {margin-bottom:530px;}

.maincol {float:left; width:65%;}
.main-right {float:left; width:32%; padding-left:3%; text-align:right;}

.widecol {float:left; width:62%;}
.narrowcol-right {float:left; width:35%; padding-left:3%; text-align:right;}
.narrowcol-left {float:left; width:35%; padding-right:3%;}
.col-left {float:left; width:32%; padding-right:2%;}
.col-right {float:left; width:32%;}
.col-left strong, .col-right strong {font-size: 15px;}
.col-left p, .col-right p {font-size: 15px;}

img[class*="align"],
.narrowcol-left img,
.narrowcol-right img,
.main-right img {border: 1px solid #ddd; padding: 6px;}

.avdelning {clear: both; display: block; height:50px;}
.startavd {clear: both; display: block; height:15px;}

#besokleft {float:left; width:47%; padding:0 3% 0 0;}
#besokright {float:left; width:47%; padding:0 0 0 3%;}

#besokleft h2, #besokright h2 {line-height: 2em; text-transform: uppercase; font:bold 14px Arial, sans-serif; color:#808285; border-bottom:3px double #dddddd; padding-top:15px;}
#besokleft strong, #besokright strong {font:bold 14px Arial, sans-serif;}
#besokleft p, #besokright p {margin-bottom: 1em;}

.bildstart {float:right; margin:30px 20px 0 40px;}
.startbildl {border: 1px solid #808285; float: left; width: 49.0625%; margin-top:8px;}
.startbildr {border: 1px solid #808285; float: right; width: 49.0625%; margin-top:8px;}
.startbildl img, .startbildr img {clear: both; display: block; max-width: 97.5%; padding:1.3071% 1.3071% 0;}
.startbildl h2, .startbildr h2 {margin:4% 4% 0.5% 4%; font: 22px Arial, sans-serif;color:#808285; text-transform:uppercase;font-weight:bold;}
.startbildl h2 a, .startbildr h2 a {color:#808285;}
.startbildl p, .startbildr p {margin:0 4% 4% 4%; font: 13px Arial, sans-serif; line-height:150%;}

div.alignleft {float:left;margin:5px;}
div.alignnone {clear:both; float:left; margin:5px;}
.wp-caption .wp-caption-text {margin-bottom: 0.6em; padding: 10px 0 5px 6px; position: relative;}
.wp-caption .wp-caption-text:before {content: none; margin-right: 0; position: static;}
.wp-caption .wp-caption-text, .gallery-caption {color: #666; font-family: Arial, sans-serif; font-size: 12px;}
#bildbank img {border:1px solid #dddddd; background:#ffffff;}
#bildbank img:hover {background:#808285;}

.widget-title {letter-spacing: normal;}

/* =Responsive Structure
----------------------------------------------- */

@media (max-width: 800px) {
	/* Simplify the basic layout */
	#main #content {margin: 0;}
}

@media (max-width: 600px) {
    #flags img {margin-bottom:3px;}
    .maincol {width:100%; clear:both; padding:0 0 20px 0;}
    .main-right {padding:0; float:none; width:100%; text-align:left;}
    .widecol {width:100%; clear:both; padding:0 0 20px 0;}
    .narrowcol-right {padding:0 0 20px 0; width:50%;}
    .narrowcol-left {padding:0 0 20px 0; width:50%;}
    .avdelning {display:none;}
    .col-left strong, .col-right strong {font-size: 13px;}
    .col-left p, .col-right p {font-size: 12px; font-family:arial; line-height:1.4em;}
    img[class*="align"],
    .narrowcol-left img,
    .narrowcol-right img {border: 1px solid #ffffff; padding: 0;}
    #besokleft {float:none; width:100%; padding:0;}
    #besokright {float:none; width:100%; padding:0;}  
    body, input, textarea {font: 15px Georgia, serif; line-height: 1.5em;}
    .singular .entry-title {font-size: 20px; line-height: 1.3em; font-weight:normal;}
    .singular.page .hentry {padding: 0.8em 0 0 0;}    
    .entry-content,
    .entry-summary {
	    padding: 1em 0 0;
    }
    .startcont {width:100%; float:none;}    
    .focus {float:none; padding-left:2%; border-left:3px double #e9e9e9; border-style:double;width:auto; margin-left:0;}    
    .ja {background: #ffffff none;}
    .bildstart {display:none;}
    .bldra {display:none;}
    .bldrb {display:none;}
}

@media (max-width: 500px) {
    #flaglogo .addthis_toolbox {width:20px; right:40px;}
    #flaglogo .addthis_toolbox img {margin:20px;}
    #flaglogo .addtoany_shortcode {width:20px; right:40px;}
    #flaglogo .addtoany_shortcode img {margin:20px;}    
    #flags {width:30px; right:5px;}
    #flags img {margin:0 0 5px 0; border:0;}
    .addthis_button_print {display:none;}
    .addthis_toolbox a {margin-bottom:3px;}
    .addtoany_shortcode a {margin-bottom:3px;}
    .col-left p, .col-right p {font-size: 11px; font-family:arial; line-height:1.4em;}
    .startbildl {border: 1px solid #808285; float: none; width: 100%; margin-top:8px;}
    .startbildr {border: 1px solid #808285; float: none; width: 100%; margin-top:8px;}    
    #primary {background:none;}
    .top {display:none;}
    .bottom {display:none;}
    .one-column #content {background:none;}
}

/* =Print
----------------------------------------------- */

@media print {
#main #content {margin: 0;}
#branding {display:none;}
#primary {background:none;}
.top {display:none;}
.bottom {display:none;}
.one-column #content {background:none; padding:0; margin:0;}

    .maincol {width:100%; clear:both; padding:0 0 20px 0;}
    .main-right {padding:0; float:none; width:100%; text-align:left;}
    .widecol {width:100%; clear:both; padding:0 0 20px 0;}
    .narrowcol-right {display:none;}
    .narrowcol-left {display:none;}
    img[class*="align"],
    .narrowcol-left img,
    .narrowcol-right img {border: 1px solid #ffffff; padding: 0;}
    #besokleft {float:none; width:100%; padding:0;}
    #besokright {float:none; width:100%; padding:0;}  
    .bldra {display:none;}
    .bldrb {display:none;}

}