/*FARVER
*******************************
Farve01 = #DAE1E1
Farve02 = #B8BCC2
Farve03 = #A9B0B4
Farve04 = #35342C
Farve05 = #DBD6B7
*******************************


*/




html {
  position: relative;
  min-height: 100%;
}

body{
	font-family: 'Droid Sans', sans-serif !important; 
	color:#444D51 !important;
  	/* Margin bottom by footer height */
  margin-bottom: 60px;
  background-color: #B8BCC2 !important;
}
.row{
  margin-left:00px !important;
}
header{
  padding:15px 0px 15px 0px;
}

.top{background-color:#B8BCC2;}

small{color: #B8BCC2;}

p.lead-small{font-size:14px;}

a{color:#444D51; text-decoration: underline;}

h4{
  margin-top: 15px !important;
  margin-bottom: 0px !important;
  padding-bottom: 0px !important;
  }
h5{
  padding-top:0px !important; 
  padding-bottom: :15px !important;
  margin-top:5px !important;
  margin-bottom: 20px !important;
}

.breadcrumb {
     background-color:#fff !important;
     border-radius: 0;
     -moz-border-radius: 0;
     -webkit-border-radius: 0;
     -o-border-radius: 0;
}

.breadcrumb a {
     color: #B8BCC2;
     font-size: 11px;
}

.breadcrumb a:hover {
    color: #A9B0B4 !important;
     text-decoration: none;
     font-size: 11px;
}

/*change active color*/
.breadcrumb > .active {
     color: #A9B0B4 !important;
     font-size: 11px;
}

/*change breadcrumb separator to raquo symbol*/
.breadcrumb > li + li:before {
     content: "\00BB";
     color: #aaa;
}

.pagination {margin: 5px 0 20px 0 !important;}

.index .pagination>li>a,
.index .pagination>li>span {
  color:#B8BCC2;
  border: 1px solid #DAE1E1;
}

.index .pagination>li>a:hover{
     background: #DAE1E1 !important;
     color:#A9B0B4;
}

.pagination>li.active>a {
  background: #DAE1E1 !important;
  color: #A9B0B4;
}

.lead {
    margin-bottom: 4px !important;
    font-size: 16px !important;
    }

.btn-default{
    text-decoration: none;
	margin-bottom:10px;
}

.input-group .form-control{
	margin-bottom:10px;
}

/* menu
----------------------------------------------------- */
.menu .navbar-inverse { background-color: #DAE1E1; }
.menu .navbar-inverse .navbar-nav>.active>a:hover,.menu .navbar-inverse .navbar-nav>li>a:hover,.menu  .navbar-inverse .navbar-nav>li>a:focus { background-color: #A9B0B4}
.menu .navbar-inverse .navbar-nav>.active>a,.menu .navbar-inverse .navbar-nav>.open>a,.menu .navbar-inverse .navbar-nav>.open>a,.menu  .navbar-inverse .navbar-nav>.open>a:hover,.menu .navbar-inverse .navbar-nav>.open>a,.menu  .navbar-inverse .navbar-nav>.open>a:hover,.menu  .navbar-inverse .navbar-nav>.open>a:focus { background-color: #A9B0B4}
.menu .dropdown-menu { background-color: #FFFFFF}
.menu .dropdown-menu>li>a:hover,.menu  .dropdown-menu>li>a:focus { background-color: #DAE1E1}
.menu .navbar-inverse { background-image: none; }
.menu .dropdown-menu li {text-align: left !important;}
.menu .dropdown-menu>li>a:hover,.menu  .dropdown-menu>li>a:focus { background-image: none; }
.menu .navbar-inverse { border-color: #A9B0B4}
.menu .navbar-inverse .navbar-brand { color: #FFFFFF}
.menu .navbar-inverse .navbar-brand:hover { color: #000}
.menu .navbar-inverse .navbar-nav>li>a { color: #444D51; text-decoration:none;}
.menu .navbar-inverse .navbar-nav>li>a:hover,.menu  .navbar-inverse .navbar-nav>li>a:focus { color: #000000}
.menu .navbar-inverse .navbar-nav>.active>a,.menu .navbar-inverse .navbar-nav>.open>a,.menu  .navbar-inverse .navbar-nav>.open>a:hover,.menu  .navbar-inverse .navbar-nav>.open>a:focus { color: #333333}
.menu .navbar-inverse .navbar-nav>.active>a:hover,.menu  .navbar-inverse .navbar-nav>.active>a:focus { color: #333}
.menu .dropdown-menu>li>a { color: #999}
.menu .dropdown-menu>li>a:hover,.menu  .dropdown-menu>li>a:focus { color: #333}
.menu .navbar-inverse .navbar-toggle{border:#fff;}
.menu .navbar-inverse .navbar-toggle .icon-bar {background-color: #A9B0B4;}
/* pil på dropdown*/
.menu .navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #A9B0B4}
.menu .navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #A9B0B4}
.menu .navbar-inverse .navbar-nav>.dropdown>a .caret { border-bottom-color: #A9B0B4}
.menu .navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #A9B0B4}
.menu .navbar-inverse .navbar-nav>.active>a,.menu .navbar-inverse .navbar-nav>.open>a{background-image: none;}
/*skygge*/
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav>li>a { text-shadow: none !important}



/* Main
--------------------------------------------------- */
main {
  padding-top:20px;
  background:#fff;
}



 /* Sticky footer styles
-------------------------------------------------- */

footer {
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 100px;
  background-color: #A9B0B4;
  font-size: 14px;
  margin-top: 40px;
}

footer a {
	color:#DAE1E1;
}

footer a:hover{
  color:#DAE1E1;
}

.container .text {
  margin: 20px 0 10px 0;
  color:#DAE1E1;
}

.webdesigner a{
	font-size: 10px;
	color:#DAE1E1;
}
.webdesigner a:hover{
	color:#DAE1E1;
}

.onesidedropshadow {
-webkit-box-shadow: 0 8px 6px -6px #333;
-moz-box-shadow: 0 8px 6px -6px #333;
box-shadow: 0 14 6px -6px #333;
}

/* Artwork template
----------------------------------------------------- */
.artwork-wrapper {
    margin-top:30px;
}
.artwork-wrapper > a {
    text-decoration:none;
}
.artwork-wrapper > a > div {
    padding:15px; 
    height:355px; 
    text-align:center;
}
.artwork-wrapper > a > div img.artwork-image {
    display: block;
    max-width: 100%;
    max-height: 260px;
    margin: 0 auto;
}