/*
Theme Name: das comitee
Theme URI: http://das-comitee.de
Author: freshlabs
Author URI: http://freshlabs.de
Description: Theme fü comitee
Version: 1.0
Text Domain: dascomitee
*/
@import url(css/base.css);
@import url(css/layout.css);
/*@import url(css/skeleton.css);*/


.container                                  { position: relative; /*width: 960px; max-width: 960px;*/ margin: 0 auto; padding: 0; }
.container .column,
.container .columns                         { float: left; display: inline; margin-left: 4px; margin-right: 4px; }
.row                                        { margin-bottom: 20px; }

/* Nested Column Classes */
.column.alpha, .columns.alpha               { margin-left: 0; }
.column.omega, .columns.omega               { margin-right: 0; }


.tile.blank{ background: none; }
.tile{
	background: #ff8504;
	margin-bottom: 8px;
	position: relative;
	overflow: hidden;
	transition: width 0.25s;
	-moz-transition: width 0.25s; /* Firefox 4 */
	-webkit-transition: width 0.25s; /* Safari and Chrome */
	-o-transition: width 0.25s; /* Opera */
	transition: height 0.25s;
	-moz-transition: height 0.25s; /* Firefox 4 */
	-webkit-transition: height 0.25s; /* Safari and Chrome */
	-o-transition: height 0.25s; /* Opera */
}

.tile .caption{
	position: absolute;
	bottom: 9%;
	right: 4%;
}

.tile .title{
	background: none repeat scroll 0 0 #000000;
    bottom: 0;
    color: #FFFFFF;
    opacity: 0.9;
    padding: 2%;
    position: absolute;
    width: 100%;
    font-size: 0.8em;
    height: 0; padding: 0;
    min-height: 0;
    max-height: 50%;
    -webkit-transition: height 0.25s; /* Safari and Chrome */
       -moz-transition: height 0.25s; /* Firefox 4 */
         -o-transition: height 0.25s; /* Opera */
            transition: height 0.25s;
	
	
}

.tile a:hover .title{
	height: 20px;
	padding: 2%;
}

.tile a span.icon{ display: block; width: 100%; height: 100%;}

#main .tile a:hover,
#main .tile a:focus{ background-position: left top !important; }

/* Agentur */
.tile#agentur a{ background: #ff8201 url(images/grad-agentur.gif) repeat-x left bottom; }
.tile#agentur a span.icon{ background:  url(images/ico-heart.png) no-repeat 22% 45%; background-size: 41%; }
/*.tile#agentur a:hover, .tile#agentur a:focus{ background-color: #ffbd78; }*/

/* Videos */
.tile#videos a{ background: #209dff url(images/grad-videos.gif) repeat-x left bottom; }
.tile#videos a span.icon{ background: url(images/ico-videos.png) no-repeat 20% 45%; background-size: 46%; }

/* Apps/Online */
.tile#apps a{ background: #eedb10 url(images/grad-apps.gif) repeat-x left bottom; }
.tile#apps a span.icon{ background: url(images/ico-mobile.png) no-repeat 20% 45%; background-size: 26%; }

/* Print/POS */
.tile#print a{ background: #eedb10 url(images/grad-print.gif) repeat-x left bottom; }
.tile#print a span.icon{ background: url(images/ico-print.png) no-repeat 20% 45%; background-size: 43%; }

/* Wetter */
.tile#weather{ background: #b9dde6 url(images/wetterwidget.gif) no-repeat left top; }
.tile#weather.apocalypse{ background: url(images/wetter-apocalypse.gif) no-repeat left top; }

/* Jobs */
.tile#jobs a{ background: #5ec62b url(images/grad-jobs.gif) repeat-x left bottom; }
.tile#jobs a span.icon{ background: url(images/ico-jobs.png) no-repeat 50% 38%; background-size: 70%; }

/* Presse */
.tile#press a{ background: #ff81d5 url(images/grad-presse.gif) repeat-x left bottom; }
.tile#press a span.icon{ background: url(images/ico-presse.png) no-repeat 50% 38%; background-size: 67%; }

/* Kontakt */
.tile#contact a{ background: #97008c url(images/grad-kontakt.gif) repeat-x left bottom; }
.tile#contact a span.icon{ background: url(images/ico-kontakt.png) no-repeat 25% 45%; background-size: 35%; }

/* Awards */
.tile#awards a{ background: #3042c9 url(images/grad-awards.gif) repeat-x left bottom; }
.tile#awards a span.icon{ background: url(images/ico-awards.png) no-repeat 50% 40%; background-size: 83%; }

/* Impressum */
.tile#imprint a{ background: #7d7d7d url(images/grad-impressum.gif) repeat-x left bottom; }
.tile#imprint a span.icon{ background: url(images/ico-imprint.png) no-repeat 47% 37%; background-size: 30%;  }

/* Login */
.tile#login a{ background: #8f7942 url(images/grad-login.gif) repeat-x left bottom; }
.tile#login a span.icon{ background: url(images/ico-lock.png) no-repeat 50% 33%; background-size: 42%; }