a{
    cursor: pointer;
}


body{
    background-color: #CDCAB9


}

img{
    position: block;
    margin-left: auto;
    margin-right: auto;
}

.card {
    background-color: #DFDED4;
    margin-top: 60px;
    padding: 0px 0px 0px 0px;
    box-shadow: 2px 10px 10px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    border-radius: 6px;
    max-width: 95%;
    margin-bottom: 60px;
    
}

.table{
    width:90%;
}


.projectstext{
    margin-right: 20px;
    margin-left: 20px;
    
    
}

.list-group.projectstext{
    box-shadow: 2px 10px 10px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    border-radius: 3px;
    padding: 20px;
}

.centerdiv{
    text-align: center;
    background-color: #f4f4f4;
    background: #DFDED4;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    margin-bottom: 30px;
}


.centerdiv img{
    
    width: 100%;
    height: 100%;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.table > thead > tr > th {
   border-bottom: 2px solid #CA171B;;
}
/* rows */
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
   border-top: 1px solid #432F21;;
}

.table td{
    color:#432F21;
    border: #CA171B;
}

.table th{
    color:#432F21;
    background: #DFDED4
}

.nav-tabs {
    background: #D6D3C4;
    
}

.nav-tabs > li > a{
  color:#432F21;
}


.nav-tabs > li > a:hover{
    background: #D6D3C4;
    color:#CA171B;
}

.nav-tabs > li.active > a,
        .nav-tabs > li.active > a:hover,
        .nav-tabs > li.active > a:focus{
            color: #DFDED4;
            background-color: #CA171B;  
        } 



#abouttext{
    color:#432F21;
    padding-left: 5px;
    
    margin-right: 30px;
    margin-left: 20px;
}

#abouttext p{
    padding-right: 35px;
    
}
#rasmuspic{
    max-width: 400px;
    padding: 5px;
    border-radius: 10px;
    background: #DFDED4;
    
}




/*Animation on ngview*/

.slide-container {
  position:relative;
}
.slide.ng-enter, .slide.ng-leave {
  -webkit-transition:0.5s linear all;
  -moz-transition:0.5s linear all;
  -o-transition: 0.5s linear all;
  -ms-transition: 0.5s linear all;
  transition:0.5s linear all;
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:600px;
}

.slide.ng-enter-stagger{
    transition-delay:1s;
    -webkit-transition-delay:1s;
    -moz-transition-delay: 1s;
    -o-transition-delay: 1s;
    -ms-transition-delay: 1s;
}

.slide.ng-enter {
  z-index:100;
  top:600px;
  opacity:0;
}
.slide.ng-enter.ng-enter-active {
  top:0;
  opacity:1;
}

.slide.ng-leave {
  z-index:101;
  top:0;
  opacity:1;
}
.slide.ng-leave.ng-leave-active {
  top:-600px;
  opacity:0;
}

.slide.ng-leave-stagger{
    transition-delay:1s;
    -webkit-transition-delay:1s;
    -moz-transition-delay: 1s;
    -o-transition-delay: 1s;
    -ms-transition-delay: 1s;
}


/*//navbar look*/
.navbar{
    background: #432F21;
    border-bottom: #CA171B
}

.navbar .nav > li > a{
    color: #D6D3C4
}

.navbar .nav > li > a:hover{
    color: #CA171B
}

.navbar .nav > li > a:focus,
.navbar .nav > li > a:active{
    background: #CA171B;
    color: #DFDED4;
    margin-top: 3px;
    border-radius: 4px;
}

.projectstext > a{
    color:#432F21;
}
.projectstext > p
{
    color: #432F21;
    
}

.projectstext{
    padding-left: 5px;
    background: #CDCAB9;
}



.navbar .navbar-brand:focus,
.navbar .navbar-brand:hover,
.navbar .navbar-brand,  
.navbar .navbar-brand > a:focus,
.navbar .navbar-brand > a:hover,
.navbar .navbar-brand > a
{
    background-image: url("headericon.png");
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 10px;
    width: 200px;
}

.navbar .navbar-brand > a:link{
    text-decoration: none;
}


.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active >   
 a:hover, .navbar-default .navbar-nav > .active > a:focus {
color: white; /*BACKGROUND color for active*/
color: #CA171B;
}

.navbar-default .navbar-toggle {
    border-color: #432F21;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #DFDED4;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #CA171B;
}


.slide{
    margin: 10px;
}

.redline{
    color: #CA171B;
    background-color: #CA171B;
    height: 2px;
}

.footer{
    background: #432F21;
        position:fixed;
    bottom:0px;
    height:30px;
    width:100%;
    
}

.footer a{
    font-size: 0.7em;
    color:#DFDED4;
}

#CDCAB9
#D6D3C4
#DFDED4
#432F21
#CA171B