/*!
* Bootstrap Responsive v2.3.1
*
* Copyright 2012 Twitter, Inc
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*
* Designed and built with all the love in the world @twitter by @mdo and @fat.
*/

.clearfix {
*zoom: 1;
}

.clearfix:before,
.clearfix:after {
display: table;
line-height: 0;
content: "";
}

.clearfix:after {
clear: both;
}

.hide-text {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}

.input-block-level {
display: block;
width: 100%;
min-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

@-ms-viewport {
width: device-width;
}

.row .span2 {
width: 220px;
margin-right: 20px;
float: left;
margin-top: 60px;
}
.row .span6 {
float: left;
width: 446px;
margin-right: 20px;
margin-top:20px;
position: relative;
}
.row .span4 {
float: right;
width: 360px;
position: relative;
margin-top: 40px;
margin-right: 40px;
}

.row img.span4 {
width: 292px;
}

.hidden {
display: none;
visibility: hidden;
}

.visible-phone {
display: none !important;
}

.visible-tablet {
display: none !important;
}

.hidden-desktop {
display: none !important;
}

.visible-desktop {
display: inherit !important;
}

@media (min-width: 768px) and (max-width: 979px) {
.hidden-desktop {
display: inherit !important;
}
.visible-desktop {
display: none !important ;
}
.visible-tablet {
display: inherit !important;
}
.hidden-tablet {
display: none !important;
}
}

@media (max-width: 767px) {
.hidden-desktop {
display: inherit !important;
}
.visible-desktop {
display: none !important;
}
.visible-phone {
display: inherit !important;
}
.hidden-phone {
display: none !important;
}
}

@media (max-width: 568px) {
.hidden-desktop {
display: inherit !important;
}
.visible-desktop {
display: none !important;
}
.visible-phone {
display: inherit !important;
}
.hidden-phone {
display: none !important;
}
.nav-collapse,
.nav-collapse.collapse {
height: 0px;
}

p {
font-size: 10px;
}
.dropdown-submenu > .dropdown-menu {
top: 0;
left: 100%;
margin-top: -6px;
margin-left: -1px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}

.dropup .dropdown-submenu > .dropdown-menu {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
}

.visible-print {
display: none !important;
}

@media print {
.visible-print {
display: inherit !important;
}
.hidden-print {
display: none !important;
}
}

@media (min-width: 768px) and (max-width: 979px) {
.row {
margin-left: -20px;
*zoom: 1;
}
.row:before,
.row:after {
display: table;
line-height: 0;
content: "";
}
.row:after {
clear: both;
}
[class*="span"] {
float: left;
min-height: 1px;
margin-left: 20px;
}
.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
width: 724px;
}
.span12 {
width: 724px;
}
.span11 {
width: 662px;
}
.span10 {
width: 600px;
}
.span9 {
width: 538px;
}
.span8 {
width: 476px;
}
.span7 {
width: 414px;
}
.span6 {
width: 352px;
}
.span5 {
width: 290px;
}
.span4 {
width: 228px;
}
.span3 {
width: 166px;
}
.span2 {
width: 104px;
}
.span1 {
width: 42px;
}
.offset12 {
margin-left: 764px;
}
.offset11 {
margin-left: 702px;
}
.offset10 {
margin-left: 640px;
}
.offset9 {
margin-left: 578px;
}
.offset8 {
margin-left: 516px;
}
.offset7 {
margin-left: 454px;
}
.offset6 {
margin-left: 392px;
}
.offset5 {
margin-left: 330px;
}
.offset4 {
margin-left: 268px;
}
.offset3 {
margin-left: 206px;
}
.offset2 {
margin-left: 144px;
}
.offset1 {
margin-left: 82px;
}
.row-fluid {
width: 100%;
*zoom: 1;
}
.row-fluid:before,
.row-fluid:after {
display: table;
line-height: 0;
content: "";
}
input,
textarea,
.uneditable-input {
margin-left: 0;
}
.controls-row [class*="span"] + [class*="span"] {
margin-left: 20px;
}
input.span12,
textarea.span12,
.uneditable-input.span12 {
width: 710px;
}
input.span11,
textarea.span11,
.uneditable-input.span11 {
width: 648px;
}
input.span10,
textarea.span10,
.uneditable-input.span10 {
width: 586px;
}
input.span9,
textarea.span9,
.uneditable-input.span9 {
width: 524px;
}
input.span8,
textarea.span8,
.uneditable-input.span8 {
width: 462px;
}
input.span7,
textarea.span7,
.uneditable-input.span7 {
width: 400px;
}
input.span6,
textarea.span6,
.uneditable-input.span6 {
width: 338px;
}
input.span5,
textarea.span5,
.uneditable-input.span5 {
width: 276px;
}
input.span4,
textarea.span4,
.uneditable-input.span4 {
width: 214px;
}
input.span3,
textarea.span3,
.uneditable-input.span3 {
width: 152px;
}
input.span2,
textarea.span2,
.uneditable-input.span2 {
width: 90px;
}
input.span1,
textarea.span1,
.uneditable-input.span1 {
width: 28px;
}
}

@media (max-width: 767px) {
body {
padding-right: 20px;
padding-left: 20px;
}
}

@media (max-width: 979px) {
body {
padding-top: 0;
}

}

@media (min-width: 980px) {
.nav-collapse,
.nav-collapse.collapse {
height: auto;
overflow: visible;
}
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
#holder {
position:relative;
z-index:1;
width:auto;
}
.navbar .navbar-inner {
width: auto;
}
.nav-collapse,
.nav-collapse.collapse {
height: auto;
overflow: visible;
}
p {
font-size:10pt;
}

.row .span6 {
float: left;
margin-right: 20px;
margin-top: 20px;
position: relative;
width: 55%;
}
.row .span4 {
float: right;
margin-right: 0px;
margin-left:0px;
margin-top: 20px;
position: relative;
width: 35%;
}
#bild img.span4 {
width:215px;
margin: 0px;
}
#bild img {
margin-left: 0px;
}
#thumbs{
margin-left: 4px;
overflow:visible;
}
#thumbs img{
float:left;

}

#footer {
width: 100%;
}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
#holder {
width: 100%;
position:relative;
z-index:1;
}
.container {
width: 100%;
}

.navbar {
z-index:650 !important;
position:absolute;
z-index:100;
}
.container {
width: 90%;
margin-left: auto;
margin-right: auto;
position:relative;
z-index:10;
}
.navbar .container {
position:relative;
z-index:100;
}

#footer {
width: 100%;
margin-top:15px;
}
.navbar .navbar-inner {
width: 100%;
height: 71px;
margin-bottom: 0px;
padding-bottom: 0px;
z-index:700 !important;
}

.row .span6 {
display:block;
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top:10px;
z-index: 20;
}
.row .span4 {
display:block;
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top:10px;
z-index: 21;
}
.claim {
width: 100%;
margin-left: auto;
height: 50px;
margin-right: auto;
}
.claim h1 {
width: 100%;
margin-right: auto;
margin-left: auto;
font-weight: normal;
padding-left: 0px;
padding-bottom:8px;
border-bottom:1px solid #363636;
font-size: 18pt;
line-height:24pt;
margin-top:30px;
clear: both;
}
p {
font-size: 12px;
}
.nav-collapse .nav {
display:block;
position:relative;
height:auto;
background-color:white;
z-index:600;
}

.nav-collapse .nav a {
display:inline;
border-bottom:1px solid #666666;
background-color:white;
}

.nav-collapse .nav a:hover, .nav-collapse .nav.active {
display:inline;
background-color:white;
color:#9a000b;
}
.dropdown-menu .active > a, .dropdown-menu .active > a:hover, .dropdown-menu > a, .dropdown-menu > a:hover {
background-image: none;
color:#9a000b;
}

.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
text-decoration: none;
background-image: none;
}
.nav-collapse .nav li,
.nav-collapse .nav li li {
display:block;
position:relative;
width:100%;
height:auto;
border-bottom:0px solid #666666;
background-color:white;
text-align:left;
text-indent: 10px;
}
.nav-collapse .nav li > span{
display:inline !important;
}
.nav-collapse .nav > li > a,
.nav-collapse .dropdown-menu a {
padding: 3px;
font-weight: bold;
color: #777777;
height:auto !important;
}
.nav-collapse .nav a{
border:0px;
}
.nav li a {
color: #363636;
text-decoration: none;
font-size: 10pt;
text-transform: uppercase;
text-align:left;
}
.nav li li a {
color: #363636;
text-decoration: none;
font-size: 9pt;
text-transform: normal;
text-align:left;
font-weight:normal;
}
.nav-collapse .nav li ul,
.nav-collapse .nav li ul li {
display:block;
position:relative;
width:100%;
background-color:white;
}

.navbar .btn-navbar {
float: right;
clear:both;
height: 20px;
margin-right: -20px;
margin-top: -60px;
width: 20px;
}
.nav-collapse,
.nav-collapse.collapse {
margin-top: -50px;
width: 100%;
overflow: hidden;
position: absolute;
margin-left: auto;
margin-right: auto;
}

}

/* Landscape phones and down */
@media (max-width: 480px) {
#holder {
width: 100%;
position:relative;
z-index:1;
}
.container {
width: 100%;
}

.navbar {
z-index:650 !important;
position:absolute;
z-index:100;
}
.container {
width: 90%;
margin-left: auto;
margin-right: auto;
position:relative;
z-index:10;
}
.navbar .container {
position:relative;
z-index:100;
}

#footer {
width: 100%;
margin-top:15px;
}
.navbar .navbar-inner {
width: 100%;
height: 71px;
margin-bottom: 0px;
padding-bottom: 0px;
z-index:700 !important;
}

.row .span6 {
display:block;
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top:10px;
z-index: 20;
}
.row .span4 {
display:block;
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top:10px;
z-index: 21;
}
.claim {
width: 100%;
margin-left: auto;
height: 50px;
margin-right: auto;
}
.claim h1 {
width: 100%;
margin-right: auto;
margin-left: auto;
font-weight: normal;
padding-left: 0px;
padding-bottom: 8px;
border-bottom: 1px solid #363636;
font-size: 18pt;
line-height: 24pt;
margin-top: 30px;
clear: both;
}
p {
font-size: 12px;
}
.nav-collapse .nav {
display:block;
position:relative;
height:auto;
background-color:white;
z-index:600;
}

.nav-collapse .nav a {
display:inline;
border-bottom:1px solid #666666;
background-color:white;
}

.nav-collapse .nav a:hover, .nav-collapse .nav.active {
display:inline;
background-color:white;
color:#9a000b;
}
.dropdown-menu .active > a, .dropdown-menu .active > a:hover, .dropdown-menu > a, .dropdown-menu > a:hover {
background-image: none;
color:#9a000b;
}

.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
text-decoration: none;
background-image: none;
}
.nav-collapse .nav li,
.nav-collapse .nav li li {
display:block;
position:relative;
width:100%;
height:auto;
border-bottom:0px solid #666666;
background-color:white;
text-align:left;
text-indent: 10px;
}
.nav-collapse .nav li > span{
display:inline !important;
}
.nav-collapse .nav > li > a,
.nav-collapse .dropdown-menu a {
padding: 3px;
font-weight: bold;
color: #777777;
height:auto !important;
}
.nav-collapse .nav a{
border:0px;
}
.nav li a {
color: #363636;
text-decoration: none;
font-size: 10pt;
text-transform: uppercase;
text-align:left;
}
.nav li li a {
color: #363636;
text-decoration: none;
font-size: 9pt;
text-transform: normal;
text-align:left;
font-weight:normal;
}
.nav-collapse .nav li ul,
.nav-collapse .nav li ul li {
display:block;
position:relative;
width:100%;
background-color:white;
}

.navbar .btn-navbar {
float: right;
clear:both;
height: 20px;
margin-right: -20px;
margin-top: -60px;
width: 20px;
}
.nav-collapse,
.nav-collapse.collapse {
margin-top: -50px;
width: 100%;
overflow: hidden;
position: absolute;
margin-left: auto;
margin-right: auto;
height: 0px;
}
.nav-collapse ul {
padding:0px 10px 10px 10px;
}

.dropdown-menu {
background-clip: padding-box;
background-color: #FFFFFF;
background-image: none;
border: 0px;
border-radius: 0px;
box-shadow: 0 0px 0px rgba(0, 0, 0, 0.0);
display: none;
list-style: none outside none;
margin: 2px 0 0;
min-width: 160px;
padding: 5px 0;
position: relative;
}
.nav-collapse .dropdown-menu a {
color: #777777;
font-weight: normal;
line-height: 11pt !important;
padding: 3px;
}

#bild img {
margin-left: 0px;
}
.row img.span4 {
width: 100%;
}
}