/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 20.07.2018, 10:43:46
    Author     : michelle
*/

/*
Test 2
*/

    /*variables*/
    $grid-columns: 12;
    $tile-gutter-width: 6px;
    $tile-gutter-left: ceil(($tile-gutter-width / 2));
    $tile-gutter-right: floor(($tile-gutter-width / 2));
    //mixins
    // Add gutter width to height for tile that span more rows
    @mixin row-span-add-gutter ($index, $perc) {
      &.row-span-#{$index} {
        $add-gutter: $tile-gutter-width * ($index - 1);
        padding-bottom: calc(#{$perc} + #{$add-gutter});
      }
    }
    
    // Define square and rectangular tiles
    @mixin calc-tile-column($index, $class) {
      .col-#{$class}-#{$index} {
        &.tile {
          padding: 0;
          border-color: transparent;
          border-style: solid;
          border-top-width: 0;
          /*border-left-width: $tile-gutter-left;*/
          border-right-width: $tile-gutter-right;
          border-bottom-width: 0;
          /*margin-bottom: $tile-gutter-width;*/
          &.square {
            $perc: percentage(($index / $grid-columns));
            padding-bottom: $perc;
            @for $i from 2 through 4 {
              @include row-span-add-gutter ($i, $perc)
            }
          }
          &.rect_2x3 {
            $perc: percentage(($index / $grid-columns * 1.5));
            padding-bottom: $perc;
            @for $i from 2 through 4 {
              @include row-span-add-gutter ($i, $perc)
            }
          }
          &.rect_3x2 {
            $perc: percentage(($index / $grid-columns * 0.75));
            padding-bottom: $perc;
            @for $i from 2 through 3 {
              @include row-span-add-gutter ($i, $perc)
            }
          }
          &.rect_2x1 {
            $perc: percentage(($index / $grid-columns * 0.5));
            padding-bottom: $perc;
            @for $i from 2 through 3 {
              @include row-span-add-gutter ($i, $perc)
            }
          }
          &.rect_3x1 {
            $perc: percentage((($index / $grid-columns) / 3));
            padding-bottom: $perc;
            @for $i from 2 through 3 {
              @include row-span-add-gutter ($i, $perc)
            }
          }
          &.rect_4x1 {
            $perc: percentage(($index / $grid-columns * 0.5));
            padding-bottom: $perc;
            @for $i from 2 through 3 {
              @include row-span-add-gutter ($i, $perc)
            }
          }
        }
      }
    }
    
    // [converter] This is defined recursively in LESS, but Sass supports real loops
    @mixin loop-tile-columns($columns, $class) {
      @for $i from 1 through $columns {
        @include calc-tile-column($i, $class);
      }
    }
    
    // Create tiles for specific class
    @mixin make-grid-tile() {
      @include loop-tile-columns($grid-columns, xs);
      @media screen and (min-width: 768px) {
        @include loop-tile-columns($grid-columns, sm);
      }
      @media screen and (min-width: 992px) {
        @include loop-tile-columns($grid-columns, md);
      }
      @media screen and (min-width: 1200px) {
        @include loop-tile-columns($grid-columns, lg);
      }
    }
    
    // classes
    .row.row-tile {
      margin-left: -$tile-gutter-left;
      margin-right: -$tile-gutter-right;
      @include make-grid-tile();
      [class*="col-"] .tile-content:hover {
        box-shadow: #bbb 0px 0px 0px 2px;
      }
      .tile-content {
        position: absolute;
        //display: table-cell;
        top: 0px;
        left: 0;
        bottom: 0;
        right: 0;
        /*background: #4679BD;*/
        * {
          margin: 0;
        }
        >  .tile-content-title {
          position: absolute;
          padding: $tile-gutter-width;
          left: 0;
          bottom: 0;
          right: 0;
        }
      }
    }


 .square:first-of-type{
      background-color: #797FFF;
 }

     .square:nth-of-type(2) {
      background-color: #2D35FF; 
}

     .square:nth-of-type(3) {
      background-color: #161B7F; 
}

     .square:nth-of-type(4) {
      background-color: #8A8DCA; 
}

     .square:nth-of-type(5) {
      background-color: #444AC0; 
}

    .square:nth-of-type(6) {
      background-color: #3d475f; 
}
.banner{
  background: #4679BD;

  
}
div.tile-content.banner{

  padding-top:0px;
  
}
.tile-content a{
  color: white !important; 
  font-size: 0.7vw;
  font-weight: bold;
}

.tile-content{
  vertical-align: middle;
    text-align: center;
    /*padding-top: 30px;*/
	padding-top: 10px;
    /*padding-right: 5px;
    padding-left: 5px; */
}

.row-tile,
.senatbanner .row-tile{
	height:100%;
	width:100%;
		margin-left:0px;
	margin-right:0px;
}

div.col-md-2.tile{
	padding-left:0px;
	padding-right:0px;
}
div.row.row-tile.text-white{
	margin-left:0px;
	margin-right:0px;
}
.senatbanner .col-md-10{
	padding-left:0px;
	padding-right:0px;
}

.senatbanner {
	margin-left:0px;
	margin-right:0px;
}

div.row.row-tile.senatbanner{
	margin-left:0px;
	margin-right:0px;
}

.senatbanner  .row-span-1{
		padding-left:0px;
	padding-right:0px;
}

.senatbanner .col-md-12{
	padding-left:0px;
	padding-right:0px;
}



.carousel-item .carousel-caption {
  bottom: 10px;
  width: 100%;
  text-align: left;
  font-family: Verdana;
  right: 77%; 
  left:10%

}
.carousel-item .carousel-caption p{
  font-size: 1vw;
}
/* ----*/

@import url(//use.fontawesome.com/releases/v5.1.1/css/all.css);
body {
  font-family: "Verdana" , Arial, sans-serif; }
  body a {
    color: #003563 !important; }
  body p {
    line-height: 25px;
    font-size: 16px; }
  body .main-container {
    margin-top: 50px;
    margin-bottom: 50px; }
  body h1, body h2, body h3, body h4, body h5, body h6 {
    color: #003563; 
	
	}
	
	body h2 {
    font-size: 1.5rem; 
	}
	body h3 {
    font-size: 1.25rem; 
	}
	body h4 {
    font-size: 0.75rem; 
	}
	
	
body	.cookie_button{
	background: #003563 !important;
	color: #ffffff !important;
}
.employee_detail_content h2{
	font-size:1.4rem;
}
	
#search {
  float: right;
  margin-top: 9px;
  width: 250px; }

.search {
  padding: 5px 0;
  width: 230px;
  height: 40px;
  position: relative;
  float: left;
  line-height: 22px;
  margin-right: 30px; }

  .search .btn {
    height: 30px;
    position: absolute;
    right: 0;
    top: 5px;
    border-radius: 1px;
    background-color: #003563;
    border: none;
    font-size: 18px; }

  .search .search-autocomplete-results {
    position: absolute;
    top: 40px;
    width: 80px; }

  .search .tx-indexedsearch-autocomplete {
    width: 197px; }

  .search input {
    position: absolute;
    width: 0px;
    float: Left;
    margin-left: 210px;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
    height: 30px;
    line-height: 18px;
    padding: 0 2px 0 2px;
    border-radius: 1px; }

  .search.active input {
    width: 200px;
    margin-left: 0px; }

header {
  font-size: 15px !important; }

.senatswelt {
  background-color: #3d475f;
  margin-right: 0px !important;
  /*height: 47px; 
  width:230px;*/
  }

  .senatswelt .desktopnav{
	  padding-top: 0px;
  }

  .senatswelt .senat_icon {
    margin-left: -15px; }

  .senatswelt li {
    padding-left: 15px !important;
    padding-right: 0px !important;
    padding-top: 2px; }

  .senatswelt a {
    color: white !important; }

  .senatswelt .row {
    margin-right: 0px;
    margin-left: 0px; }

  .senatswelt .col-md-4,
  .senatswelt .col-lg-6,
  .senatswelt .col-sm-4,
  .senatswelt .col-xs-6 {
    /*height: 100px;
    width: 100px;*/
	height: 115px;
    width: 115px;
   /* display: table-cell;*/
    vertical-align: middle;
    text-align: center;
    /*padding-top: 30px;*/
	padding-top: 38px;
    padding-right: 5px;
    padding-left: 5px; 

/*-ms-flex-preferred-size:42%;*/

}

    .senatswelt .col-md-4:first-of-type,
    .senatswelt .col-lg-6:first-of-type,
    .senatswelt .col-sm-4:first-of-type,
    .senatswelt .col-xs-6:first-of-type {
      background-color: #797FFF; }

    .senatswelt .col-md-4:nth-of-type(2),
    .senatswelt .col-lg-6:nth-of-type(2),
    .senatswelt .col-sm-4:nth-of-type(2),
    .senatswelt .col-xs-6:nth-of-type(2) {
      background-color: #2D35FF; }

    .senatswelt .col-md-4:nth-of-type(3),
    .senatswelt .col-lg-6:nth-of-type(3),
    .senatswelt .col-sm-4:nth-of-type(3),
    .senatswelt .col-xs-6:nth-of-type(3) {
      background-color: #161B7F; }

    .senatswelt .col-md-4:nth-of-type(4),
    .senatswelt .col-lg-6:nth-of-type(4),
    .senatswelt .col-sm-4:nth-of-type(4),
    .senatswelt .col-xs-6:nth-of-type(4) {
      background-color: #8A8DCA; }

    .senatswelt .col-md-4:nth-of-type(5),
    .senatswelt .col-lg-6:nth-of-type(5),
    .senatswelt .col-sm-4:nth-of-type(5),
    .senatswelt .col-xs-6:nth-of-type(5) {
      background-color: #444AC0; }

    .senatswelt .col-md-4:nth-of-type(6),
    .senatswelt .col-lg-6:nth-of-type(6),
    .senatswelt .col-sm-4:nth-of-type(6),
    .senatswelt .col-xs-6:nth-of-type(6) {
      background-color: #3d475f; }

  .senatswelt .dropdown-menu {
    width: 200px;
    border-radius: 0px;
    /*background-color: #3d475f;*/
    color: white;
    font-size: 14px;
    padding: 0px;
    margin-top: 0px !important;
    display: block; }

.dropdown-toggle::after {
  content: none; }

header .logo {
  padding: 20px;
  max-width: 300px; }

header .topmenu {
  padding: 20px;
  font-size: 17px;
  text-align: right;
  font-family: Montserrat Regular, Verdana; }

header .navbar {
  background-color: #003563 !important;
  height: 47px; }

  header .navbar li.nav-item.dropdown:hover > .dropdown-menu {
    display: block !important; }

  header .navbar li {
    text-transform: uppercase;
    padding-left: 10px;
    padding-right: 10px; }

  header .navbar a.nav-link {
    color: white !important;
    font-size: 18px; }

  header .navbar .login {
    color: white !important;
    margin-right: 10px; }

    header .navbar .login span {
      padding-right: 5px; }

  header .navbar .custom-toggler.navbar-toggler {
    border-color: white; }

  header .navbar .custom-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }

  header .navbar hr {
    border: 1px solid white; }

  header .navbar .dropdown-menu {
    border-radius: 0px;
    text-transform: none;
    border: none;
    margin-top: -1px; }

    header .navbar .dropdown-menu .dropdown-item {
      font-size: 12px; }

      header .navbar .dropdown-menu .dropdown-item i {
        font-size: 13px;
        margin-right: 5px; }

      header .navbar .dropdown-menu .dropdown-item:active {
        background-color: #003563 !important;
        color: white !important; }

footer {
  font-family: 'Montserrat', sans-serif;
  padding: 50px;
  background-color: #003563;
  color: white; }

  footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {
    color: white; }

  footer .img-thumbnail {
    margin-bottom: 10px; }

  footer h5 {
    font-size: 18px; }

  footer .logo {
    margin-bottom: 100px;
    width: 150px;
    height: 33px; }

  footer img.icons {
    width: 30px;
    margin-right: 10px;
    margin-bottom: 20px; }

  footer .impressum {
    color: #aaaeb1 !important;
    font-size: 11px; }

  footer a {
    color: white !important;
    font-size: 13px; }

    footer a:nth-of-type(6) {
      display: block; }

  footer p {
    font-size: 13px; }

  footer hr {
    border: 1px solid white; }

  footer span {
    font-size: 18px;
    margin-right: 10px; }

.calltoaction_container {
  font-family: 'Montserrat Regular', sans-serif; }

  .calltoaction_container .btn-light {
    font-size: 11px; }

  .calltoaction_container .btn-light:hover {
    background-color: #003563 !important;
    color: white !important; }

  .calltoaction_container h2 {
    font-weight: 100; }

.news .news-header {
  background-color: #003563;
  text-align: center;
  margin-bottom: 35px; }

  .news .news-header h2 {
    color: white;
    font-size: 20px;
    padding: 10px; }

.news .header h3 {
  /*font-size: 20px; */
  font-size: 14px; 
  font-weight: bold;
  }

.news p {
	
	/*font-size: 12px; */
	font-size: 11px; 
	line-height: 16.5px;
}
.news .teaser-text {
  margin-top: 10px !important;
  color: black!important; }

.news hr {
  border-bottom: 1px solid #9B9B9B; 
  margin-top:10px;
  margin-bottom:10px;
  }

.news .news-list-date {
  font-family: 'Helvetica';
  font-size: 10px; }

.news-single .teaser-text {
  font-weight: bold; }

  
  .employee_detail_aside p {
	 font-size: 12px;  
  }
  
  
@media (max-width: 991px) {
  .senatswelt {
    background-color: #003563;
    display: none; }

    .senatswelt .dropdown-menu {
      width: 100%;
	display:none;
position:static;
  }

  .login {
    margin-top: 5px; }

  .search {
    float: none; }
    .search input {
      width: 200px;
      margin-left: 0px; }

  .navbar {
    height: auto !important; }
    .navbar .dropdown-menu {
      min-width: 0 !important; }

  .logo {
    width: 200px; } 

   .desktopnav {
   display:none;}

.mobilenav {
   display:block;
position:static;}

.senatswelthome {
   display:none;}
   
   .senatbanner .col-md-2 {
   display:none;}
  
.desktopcontent div{
	display:none;
}
.mobilecontent div{
	display:block;
}

  
}


@media (min-width: 992px) {
  .senatswelt {
    margin-left: -16px; }
	
	.navbar-collapse .senatswelt {
		margin-right:0px!important;
		
	}
  .senatswelt .dropdown-menu {
      margin-top: -1px;
	  width: 230px;
	  /*height:345px;*/
      } 

.mobilenav {
   display:none;
position:static;}

.desktopcontent div{
	display:block;
}
.mobilecontent div{
	display:none;
}
.senatsweltmenue svg{
	width:130px; 
	height:195px;
}
}

@media (max-width: 575px) /*540 - 30 MOBILE*/
{

	.bannersubsite .senatsweltmenue{
		display:none;
	}
	.employee_left{
		margin-bottom:30px!important;
	}
}

@media (min-width: 576px) /*540 - 30 MOBILE*/
{
	.bannerhomepage .carousel{
		max-width:510px;
	}
	.bannersubsite .carousel{
		width:100%;
		max-width:510px;
	}
	.bannersubsite .senatsweltmenue{
		display:none;
	}
}
@media (min-width: 768px) /*720 - 30 */
{
	.bannerhomepage .carousel{
		max-width:690px;
	}
	.bannersubsite .carousel{
		width:100%;
		max-width:690px;
	}
	.bannersubsite .senatsweltmenue{

		display:none;
	}
	.senatsweltmenue svg{
	width:110px; 
	height:163px;
}
}


@media (min-width: 992px) /*960 - 30 */
{
	.bannerhomepage .carousel{
		max-width:930px;
	}
	.bannersubsite .carousel{
		width:100%;
		max-width:821px;
	}
	.bannersubsite .senatsweltmenue{
		max-width:109px;
		display:block;
	}
	.senatsweltmenue svg{
	width:109px; 
	height:163px;
}
.senatswelt
{
	/*height: 47px;*/
}
header .navbar a.nav-link{
	font-size:12px;
}

}

@media (min-width: 1200px) 
{
	/*1140 - 30 */
	.bannerhomepage .carousel{
		max-width:1109px;
		/*max-width:1110px;*/
		/*max-width:980px;*/
	}
	.bannersubsite .carousel{
		width:100%;
		max-width:980px;
	}
	.bannersubsite .senatsweltmenue{
		max-width:380px;
		display:block;
	}
	.senatsweltmenue svg{
	width:130px; 
	height:195px;
}
header .navbar a.nav-link{
	font-size:18px;
}
}





.carousel-caption {
  bottom: 10px;
  width: 100%;
  text-align: left;
  font-family: Verdana;
  right: 77%; }

  
  .main-container .row{
	  margin-left:0px;
	  margin-right:0px;
  }
  
  .senatswelthome .container{
	  padding-left:0px;
	  padding-right:0px;
	  
  }
  
  .senatswelthome .menuitems{
	  margin-top:32px;
	  
  }
.frame-default{
	padding-left:15px;
	padding-right:15px;
	
}


.mediaelement-image img{
	width:auto;
	max-height:200px;
	margin-right:10px;
}

.news-text-wrap{
	padding-top:15px;
}

div .senatswelthome{
	    padding-right:32px;
}

.teaser-text p{
	font-size:12px;
}


.people-banner {
	
	background-color: #003563;
	padding-top:20px;
	margin-bottom:40px;
	
}
.people-banner a{
	
	color:#ffffff!important;
	font-size:9px;
}
.people-banner h4{
color:#ffffff!important;
font-size:9px;
}

.people-banner div{
	padding-right:0px;
	padding-left:0px;
}

.people-banner div:first-of-type{
	padding-right:0px;
	padding-left:15px;
}
.people-banner div:last-of-type{
	padding-right:15px;
	padding-left:0px;
}

.people-header div{
	padding-right:0px;
	padding-left:0px;
}

.people-header {
	

	padding-top:20px;
	margin-bottom:40px;
	
}
.people-header img{
	width:100%;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
  /*  position: relative;
    top: 100px;
    left: 10px;*/
}

.senatsteamdetails{
	
	/*margin-bottom:30px;*/
	/*padding-bottom:30px;*/
}

.senatsteamdetailsmember{
	
	/*margin-left:30px!important;*/
/*	margin-bottom:30px;*/
/*padding-bottom:30px;*/

}
.senatsteamrow
{
	
	/*margin-left:30px!important;*/
	/*padding-bottom:30px;*/
margin-left:15px!important;
margin-right:15px!important;
}



.employee_detail_header a,.employee_detail_header_empty a{
	
	color:#ffffff!important;
}

.employee_detail_header, .employee_detail_header_empty{
	padding-left:0px!important;
	padding-right:0px!important;
}


.senatsteamdetailsmember .employee_detail_header, .senatsteamdetailsmember .employee_detail_portrait,.senatsteamdetailsmember{
	

	background-color:#AABBCB!important;
	color:#003563!important;

}

.senatsteamtrenner{
	height:30px;
}
.senatsteamrow .col,.senatsteamrow .col-1{
	padding-left:0px!important;
	padding-right:0px!important;
}
.teamtrenner{
	width:30px!important;
}
.senatsteamdetails, .employee_detail_portrait{
	background-color:#AABBCB!important;
	color:#003563!important;
}


.employeemember_detail_portrait
{
	

	background-color:#AABBCB!important;
	color:#003563!important;
	padding-right:0px!important;
	padding-left:0px!important;
}
.senatsteamdetailsmember .employee_detail_header h2,
.senatsteamdetailsmember .employee_detail_header h3,
.senatsteamdetailsmember .employee_detail_header a,
.employee_detail_header_empty h2,
.employee_detail_header_empty h3,
.employee_detail_header_empty a{
	


	color:#003563!important;
}

.senatsteamdetailsmember h2,
.senatsteamdetails h2{
	
	font-size:16px!important;
}


.senatsteamdetailsmember h3,
.senatsteamdetails h3{
	
	font-size:10px!important;
}

.tv-header h2 a
{
	color:white!important;
}


.vevent{
	padding-bottom:20px;
}
.news-list-view .img-fluid{
	max-height:95px;
	max-width:95px;
}
  /* TESTING */
  /* --------------------------------------------------------------------------------------------------------------------------------- */
  
 /*
   .border-5 {
  border-width: 5px !important; 
  border-color:green;
   }
   
   
   
   .senatsweltSub {
  background-color: #3d475f;
  margin-right: 0px !important;
  height: 100%; 
  width:100%;
  margin-left: 0px;
  }



  .senatsweltSub li {
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-top: 2px; }

  .senatsweltSub a {
    color: white !important; 


	}

  .senatswelt .row {
    margin-right: 0px;
    margin-left: 0px; }

  .senatsweltSub .col-md-4,
  .senatsweltSub .col-lg-6,
  .senatsweltSub .col-sm-4,
  .senatsweltSub .col-xs-6 {

    padding-right: 5px;
    padding-left: 5px; 

    display: -webkit-flex;

    -webkit-align-items: center;


}

    .senatsweltSub .col-md-4:first-of-type,
    .senatsweltSub .col-lg-6:first-of-type,
    .senatsweltSub .col-sm-4:first-of-type,
    .senatsweltSub .col-xs-6:first-of-type {
      background-color: #797FFF;
width:50%;
height:33%;	
 }

    .senatsweltSub .col-md-4:nth-of-type(2),
    .senatsweltSub .col-lg-6:nth-of-type(2),
    .senatsweltSub .col-sm-4:nth-of-type(2),
    .senatsweltSub .col-xs-6:nth-of-type(2) {
      background-color: #2D35FF; 
	  width:50%;
height:33%;}

    .senatsweltSub .col-md-4:nth-of-type(3),
    .senatsweltSub .col-lg-6:nth-of-type(3),
    .senatsweltSub .col-sm-4:nth-of-type(3),
    .senatsweltSub .col-xs-6:nth-of-type(3) {
      background-color: #161B7F; 
	  width:50%;
height:33%;}

    .senatsweltSub .col-md-4:nth-of-type(4),
    .senatsweltSub .col-lg-6:nth-of-type(4),
    .senatsweltSub .col-sm-4:nth-of-type(4),
    .senatsweltSub .col-xs-6:nth-of-type(4) {
      background-color: #8A8DCA; 
	  width:50%;
height:33%;}

    .senatsweltSub .col-md-4:nth-of-type(5),
    .senatsweltSub .col-lg-6:nth-of-type(5),
    .senatsweltSub .col-sm-4:nth-of-type(5),
    .senatsweltSub .col-xs-6:nth-of-type(5) {
      background-color: #444AC0; 
	  width:50%;
height:33%;}

    .senatsweltSub .col-md-4:nth-of-type(6),
    .senatsweltSub .col-lg-6:nth-of-type(6),
    .senatsweltSub .col-sm-4:nth-of-type(6),
    .senatsweltSub .col-xs-6:nth-of-type(6) {
      background-color: #3d475f; 
	  width:50%;
height:33%;}

  .senatswelt .dropdown-menu {
    width: 200px;
    border-radius: 0px;

    color: white;
    font-size: 14px;
    padding: 0px;
    margin-top: 0px !important;
    display: block; }

	
	.square {
    float:left;
    position: relative;

	width: 50%;
    padding-bottom : 30%; 

    background-color:#1E1E1E;
    overflow:hidden;
}


    .senatsweltSub .square:first-of-type{
      background-color: #797FFF;
 }

    .senatsweltSub .square:nth-of-type(2) {
      background-color: #2D35FF; 
}

    .senatsweltSub .square:nth-of-type(3) {
      background-color: #161B7F; 
}

    .senatsweltSub .square:nth-of-type(4) {
      background-color: #8A8DCA; 
}

    .senatsweltSub .square:nth-of-type(5) {
      background-color: #444AC0; 
}

    .senatsweltSub .square:nth-of-type(6) {
      background-color: #3d475f; 
}




.content {
    position:absolute;
    height:90%; 
    width:90%; 
    padding: 5%;
    
}
.table{
    display:table;
    width:100%;
    height:100%;
}
.table-cell{
    display:table-cell;
    vertical-align:middle;
}
*/

/*------------------------------------------