@charset "iso-8859-1";
@import url(grid.css);
@import url(reset.css);
/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/
.clearfix { zoom: 1; }
.header { width: 100%; height: 180px;/*background: url("/media/Omsorgen/backgrounds/headerGreenBg.png") no-repeat center bottom #7b9f38;*/ }
.header .inside { width: 100%; height: 180px; background: url("../../media/Omsorgen/backgrounds/headerBg.png") repeat-x 0 0; }
.header .nav { display: block; text-align: right; padding: 16px 0 8px; }
.header .nav li { margin: 0 23px 0 14px; font-size: 1.1em; line-height: 1em; color: #838282; font-family: "HelveticaNeueLMedium"; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1;  *display: inline;
position: relative; }
.header .nav li a { color: #6c6c6c; text-decoration: none; }
.header .nav li a img { vertical-align: middle; margin-right: 9px; }
.header .nav li a:hover { color: #4a7b36; }
.header .nav li span.languages ul.items { display: none; }
.header .nav li.lang { min-width: 20px; min-height: 10px; cursor: pointer; }
.header .nav li.lang span.languages { display: none; z-index: 1000; }
.header .nav li.opened span.languages { background: url("../../media/Omsorgen/backgrounds/footerBg.png") repeat 0 0; border: 1px solid #b8b8b8; padding: 8px 10px; min-width: 114px; text-align: left; position: absolute; display: block; top: -9px; left: -11px; }
.header .nav li.opened span.languages ul.items { display: block; width: 100%; padding-top: 24px; }
.header .nav li.opened span.languages ul.items li.item { display: block; padding-left: 12px; padding-bottom: 22px; margin: 0; line-height: 1.15em; }

.header .container_24 { background: url("../../media/Omsorgen/backgrounds/headerTop.png") no-repeat 0 0; }
.header .container_24 .innerBlock { width: 100%; background: url("../../media/Omsorgen/backgrounds/headerBottom.png") no-repeat 0 bottom; height: 81px; }
.header .container_24 .innerBlock .navigation { width: 864px; display: block; padding: 35px 0 10px 96px; color: #6c6c6c; font-size: 1.43em; font-family: "HelveticaNeueLBold"; text-align: right; }
.header .container_24 .innerBlock .navigation .logo { margin: 0 20px 0 0; float: left; }
.header .container_24 .innerBlock .navigation .logo img { margin-top: -62px; }
.header .container_24 .innerBlock .navigation a { color: #6c6c6c; text-decoration: none; margin: 0 11px 0 9px; }
.header .container_24 .innerBlock .navigation a:hover { color: #4a7b36; text-decoration: none; }
.header .container_24 .innerBlock .navigation a.activeSlide { color: #4a7b36; text-decoration: none; }

.contentSection { background: #FFF; width: 100%; height: 453px; overflow: hidden; display: block; font-size: 1.3em; }
.contentSection .slides { width: 100%; height: 100%; display: block;/*background: url("/media/Omsorgen/backgrounds/slideBg.png") no-repeat center -22px #7b9f38;*/ }
.contentSection .slides .slide { display: block; width: 100%; height: 100%; }

.footer { width: 100%; background: url("../../media/Omsorgen/backgrounds/footerTop.png") repeat-x 0 0; padding-top: 11px; margin-top: -22px; display: block; position: relative; z-index: 20; font-size: 1.1em; color: #797979; font-family: 'HelveticaNeueLRoman'; }
.footer a { color: #797979; text-decoration: none; }
.footer a:hover { color: #4A7B36; text-decoration: none; }
.footer .innerBlock { width: 100%; background: url("../../media/Omsorgen/backgrounds/footerBg.png") repeat 0 0; min-height: 95px; padding: 13px 0 35px; }
.footer .innerBlock .container_24 { background: url("../../media/Omsorgen/backgrounds/footerBorders.png") repeat-y 0 0; overflow: hidden; }
.footer .innerBlock .container_24 .grid_8 { padding-bottom: 0; }
.footer .innerBlock .container_24 .contacts { padding: 0 30px; }
.footer .innerBlock .container_24 .contacts h6 { color: #797979; font-size: 1em; padding-left: 25px; font-weight: normal; padding-top: 4px; }
.footer .innerBlock .container_24 .contacts .image { float: right; margin-left: 10px; }
.footer .innerBlock .container_24 .contacts p { vertical-align: baseline; padding-left: 25px; margin-bottom: 4px; }
.footer .innerBlock .container_24 .contacts p.phone { background: url("../../media/Omsorgen/icons/phoneIcon.png") no-repeat 0 0; padding-top: 8px; padding-bottom: 3px; }
.footer .innerBlock .container_24 .contacts p.email { background: url("../../media/Omsorgen/icons/emailIcon.png") no-repeat 0 0; padding-bottom: 3px; }
.footer .innerBlock .container_24 .contacts p.mail { background: url("../../media/Omsorgen/icons/mailIcon.png") no-repeat 0 0; }
.footer .innerBlock .container_24 .linksBlock { padding: 0 11px 0 14px; }
.footer .innerBlock .container_24 .linksBlock .links { margin-bottom: 18px; }
.footer .innerBlock .container_24 .linksBlock .links a { margin-left: -3px; }
.footer .innerBlock .container_24 .linksBlock h6 { color: #797979; font-size: 1em; padding-left: 0; font-weight: normal; padding-top: 4px; margin-bottom: 10px; }
.footer .innerBlock .container_24 .linksBlock p { vertical-align: middle; }
.footer .innerBlock .container_24 .linksBlock p img { vertical-align: middle; margin-left: 10px; }
.footer .innerBlock .container_24 .moreBlock { padding: 0 19px 0 19px; }
.footer .innerBlock .container_24 .moreBlock img { margin-top: -13px; }
.footer .innerBlock .container_24 .moreBlock h6 { color: #797979; font-size: 1em; padding-left: 0; font-weight: normal; padding-top: 4px; margin-bottom: 0; }
.footer .innerBlock .container_24 .moreBlock .block { text-align: center; }

.homeBlock { padding-top: 22px; color: #fff; font-family: 'HelveticaNeueLMedium'; line-height: 1.2em; }
.homeBlock p { margin-bottom: 15px; font-size: 1em; }
.homeBlock a { color: #fff; text-decoration: underline; }
.homeBlock a:hover { color: #4A7B36; text-decoration: none; }
.homeBlock .grid_9 { height: 431px; }
.homeBlock aside { position: relative; }
.homeBlock aside .introImage { position: absolute; bottom: 0; }
.homeBlock article { text-align: center; overflow: hidden; }
.homeBlock article h1 { color: #fff; font-size: 3.6em; line-height: 1.05em; font-family: 'AGaramondPro-BoldItalic'; text-shadow: #5a663a 0 0 5px; margin-bottom: 10px; }
.homeBlock article .links img { margin-bottom: 5px; margin-right: 1px; }

.textBlock { padding-top: 22px; color: #fff; font-family: 'HelveticaNeueLMedium'; line-height: 1.2em; padding-top: 45px; height: 380px; overflow: auto; }
.textBlock a { color: #fff; text-decoration: underline; }
.textBlock a:hover { color: #4A7B36; text-decoration: none; }
.textBlock p { margin-bottom: 15px; }
.textBlock p img { vertical-align: middle; }
.textBlock .contacts { line-height: 1.7em; }
.textBlock .contacts span { padding-right: 10px; }
.textBlock h1 { margin-bottom: 20px; }

.whiteBlock { background: url("../../media/Omsorgen/backgrounds/white.png") no-repeat center 0; height: 400px; padding: 10px 0; color: #797979; }
.whiteBlock .grid_22 { height: 400px; }
.whiteBlock .insideBlock { padding: 18px 30px; height: 364px; overflow: hidden; }
.whiteBlock .contentBox { height: 315px; overflow-y: auto; overflow-x: hidden; }
.whiteBlock .contentBox video { background: #eaeaec; background-image: none; border: 1px solid; border-color: #808082 #c7c7c9 #eaeaec #c7c7c9; }
.whiteBlock h2.title01 { margin-bottom: 30px; }
.whiteBlock .contacts img { margin-left: 20px; margin-bottom: 15px; }
.whiteBlock .contacts p { padding-left: 15px; line-height: 1.6em; }
.whiteBlock .title { width: 100%; border-top: 1px solid #c4c4c4; margin-top: 23px; text-align: center; margin-bottom: 20px; }
.whiteBlock .title .box { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1;  *display: inline;
/*background: url("/media/Omsorgen/backgrounds/titleLeft.png") no-repeat 0 0;*/
padding-left: 23px; height: 37px; line-height: 26px; white-space: nowrap; margin-top: -24px; }
.whiteBlock .title .box span { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1;  *display: inline;
width: 100%; width: auto; /*background: url("/media/Omsorgen/backgrounds/titleRight.png") no-repeat right 0;*/
padding-left: 35px; padding-right: 58px; color: #fff; height: 37px; font-size: 1.2em; line-height: 26px; white-space: nowrap; font-family: "HelveticaNeueLBold"; text-shadow: #253209 0 -1px 1px; }
.whiteBlock .menu { padding-bottom: 20px; }
.whiteBlock .menu .menuTitle { font-size: 1.1em; line-height: 1.4em; display: block; padding-bottom: 3px; padding-left: 12px; }
.whiteBlock .menu .menuTitle img { vertical-align: middle; margin-right: 6px; }
.whiteBlock .menu li { display: block; margin-bottom: 3px; }
.whiteBlock .menu li a { font-size: 0.86em; display: block; padding-left: 12px; line-height: 1.15em; }
.whiteBlock .menu li.current a { background: url("../../media/Omsorgen/bullets/greenArrow.png") no-repeat 0 1px; }
.whiteBlock .menu.active .menuTitle { color: #4A7B36; }
.whiteBlock .phones { padding-bottom: 22px; }
.whiteBlock .phones li { width: 90px; display: -moz-inline-stack; display: inline-block; vertical-align: top; margin: 0 19px; zoom: 1;  *display: inline;
text-align: center; }
.whiteBlock .phones li a { display: block; width: 100%; font-size: 0.86em; line-height: 1.2em; }
.whiteBlock .phones li a span { display: block; }
.whiteBlock .phones li a img { margin-bottom: 3px; }
.whiteBlock .text { font-size: 0.9em; line-height: 1.2em; padding-top: 6px; }

.personalContacts { padding-bottom: 30px; }
.personalContacts .image { border: 1px solid; border-color: #808082 #c7c7c9 #eaeaec #c7c7c9; width: 113px; margin-bottom: 15px; }
.personalContacts p { margin-bottom: 7px; }
.personalContacts p .green { color: #4a7b36; }

/* Later additions */
.contactSeparator { margin-bottom: 15px; }
.margin-bottom-30 { margin-bottom: 30px; }

/*  #Mobile (Portrait & Landscape)
================================================== */
@media only screen and (max-width: 767px) {
  body {min-width:0;}
  .header { position:relative; z-index:20; height:auto;}
  
  .header .inside { background-position: 0 bottom; padding-bottom:30px; height:auto; }
  .container_24, .header .container_24 .innerBlock .navigation { width:100%; padding:0;}
  .header .nav {  text-align:center; float:left; width:100%; padding:10px 0;}
  .header .nav li { display:inline; margin:0;}
  .header .nav li.topNavItem { display:none;}
  
  .header .container_24 { background: #eee url(../../media/Omsorgen/backgrounds/headerTop.png) 0 60px no-repeat;}
    .header .container_24 .innerBlock { height:100%; background-position: 0 120px;}
  
  .header .container_24 .innerBlock .navigation { text-align:center;}
    .header .container_24 .innerBlock .navigation a { display:inline-block; padding:5px; margin:2px; font-family: "HelveticaNeueLMedium"}
    
  .header .container_24 .innerBlock .navigation a.logo { display:block; float:none; padding:0; margin:0 0 10px;}
    .header .container_24 .innerBlock .navigation a.logo img { width:100px;height:100px; position:relative; margin:0;}
    
.contentSection { position:relative; z-index:1; height:auto;}
.contentSection img { max-width:100%;}

  .contentSection .grid_5, .contentSection .grid_8, .contentSection .grid_9, .contentSection .grid_12, .contentSection .grid_13, .contentSection .grid_14, .contentSection .grid_17, .contentSection .grid_20, .contentSection .grid_22 { width:100%; padding:0; margin:0; height:auto;}
  .textBlock, .whiteBlock, .insideBlock, .whiteBlock .insideBlock, .whiteBlock .contentBox { height:auto; overflow:visible;}
  .insideBlock, .whiteBlock .insideBlock { padding:0;}

.contentSection .slides { height:auto;}
.contentSection .slides .slide { position:relative !important; height:auto !important;}

.homeBlock aside .introImage { position:relative;}

.whiteBlock .title { border:0;}
.whiteBlock .grid_22 { margin: 0 5% 10%; width: 80%; background:#fff; padding: 5%; font-size:13px;}
.container_24 .textBlock, .homeBlock {margin: 0 5% 10%; width: 90%;}
.whiteBlock .title .box { position:relative; margin: -24px -15px;}
.whiteBlock .title .box span { padding-left:5px; padding-right:28px;}
.whiteBlock .text { font-size:1em;}
.whiteBlock .text p { margin:.5em 0 1em;}
.whiteBlock .phones { margin-bottom:20px;}
.whiteBlock .phones li { width:49%; text-align:center; margin:0;}
.whiteBlock .phones img { }

.container_24 .personalContacts  { width:45%; padding:20px 0; }
 
.footer .linksBlock { text-align:center;}
.footer .moreBlock { display:none;}
.footer .innerBlock .container_24 { background:none;}
.footer .innerBlock .container_24 .grid_8 { width:100%; margin:0 0 20px;}
}
}

/* Note: Design for a width of 320px */   
@media only screen and (max-width: 479px){
}
/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media screen and (min-width: 768px) and (max-width: 959px)  {  


}