/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * (en) Uniform design of standard content elements
 * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
 *
 * @copyright       Copyright 2005-2012, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         v4.0.2
 * @revision        $Revision: 743 $
 * @lastmodified    $Date: 2012-10-23 23:01:14 +0200 (Di, 23 Okt 2012) $
 * @appdef yaml
 */

@media all {

	/**
	* @section global typography settings
	*
	* vertical rhythm settings (based on em-unit)
	* -------------------------------------------
	* basefont-size: 14px (87.5%)
	* line-height  : 21px (factor: 1.5)
	*/

	/* (en) reset font size for all elements to standard (16 Pixel) */
	/* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
	html * { font-size:100%; }

	/**
	* (en) reset monospaced elements to font size 16px in all browsers
	* (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen
	*
	* @see: http://webkit.org/blog/67/strange-medium/
	*/

	textarea,
	pre,
	code,
	kbd,
	samp,
	var,
	tt,
	input,
	button {
		font-family: Arial;
	}

	/* (en) base layout gets standard font size 14px */
	/* (de) Basis-Layout erhält Standardschriftgröße von 14 Pixeln */
	body {
		font-family: 'Roboto Slab', serif;
		font-size:87.50%; /* base: 14px */
		color:#333;

		/* (en) Prevent auto-scaling of text in mobile webkit browsers */
		/* (de) Automatische Schriftvergrößerung in mobilen Webkit-Browsern vermeiden */
		-webkit-text-size-adjust:100%;
	}

	/*--- Headings | Überschriften ------------------------------------------------------------------------*/

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-family: 'Roboto Slab', serif;
		font-weight: 400;
		color:#161e21;
		margin:0;
	}

    h1 {
        font-size: 175%;
        line-height: 1.3em;
        margin: 0.5em 0;
    }

	h2 {
		font-size:150%;
		line-height: 1.2em;
		margin: 0.6em 0 0 0;
	}

	h3 {
		font-size:133.33%;
		line-height: 1.2em;
		margin:0.8571em 0 0 0;
	}

    h3.red-arrow, .view-mitarbeiter h3, 
    #block-views-motiondata_module_block-block h3 {
        background: url("../../images/arrow-red-left-header.png") no-repeat scroll right center #E30613;
        color: #FFFFFF;
        padding: 5px 25px;
        margin-bottom:1em;
    }

	h4 {
		font-size:120%;
		line-height: 1.125em;
		margin:1.125em 0 0 0;
	}

	h5 {
		font-size:116.67%;
		line-height: 1.2857em;
		margin: 1.2857em 0 0 0;
	}

	h6 {
		font-size:100%;
		line-height: 1.5em;
		margin: 1.5em 0 0 0;
		font-weight:bold;
	}

	/* --- Lists | Listen  -------------------------------------------------------------------------------- */

	ul,
	ol,
	dl {
		font-size:1em;
		line-height:1.5em;
		margin: 1.5em 0 0 1em;

	}

	ul {
		list-style-type:disc;
	}

	ol {
		list-style-type:decimal;
	}

	ul ul {
		list-style-type:circle;
		margin-top:0;
	}

	ol ol {
		list-style-type:lower-latin;
		margin-top:0;
	}

	ol ul {
		list-style-type:circle;
		margin-top:0;
	}

    li{
        list-style-image: none !important;
        font-size:1em;
        line-height:1.5em;
    }

	.region-content ul li, section.block ul li{
        background: url("../../images/list-plus.png") no-repeat scroll 0 6px transparent;
        list-style-type: none;
        margin: 5px 0;
        padding-left: 20px;
    }




	dt { font-weight:bold; }

	dd { margin:0 0 1.5em 0.8em; }

	/* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */

	p {
		font-size:1em;
		line-height: 1.3em;
		margin: 1.5em 0 0 0;
	}

	blockquote, cite, q {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-style:italic;
	}

	blockquote {
		margin:1.5em 0 0 1.5em;
		color:#666;
	}

	strong, b { font-weight:bold; }

	em, i { font-style:italic; }

	big {
		font-size:116.667%;
	}

	small {
		font-size:85.71%;
	}

	pre,
	code,
	kbd,
	tt,
	samp,
	var {
		font-size:100%;
	}

	pre {
		line-height:1.5em;
		margin: 1.5em 0 0 0;
		white-space: pre;
		white-space: pre-wrap;
		word-wrap: break-word;
	}
	pre, code { color:#800; }

	kbd, samp, var, tt {
		color:#666;
		font-weight:bold;
	}

	var, dfn { font-style:italic; }

	acronym, abbr {
		border-bottom:1px #aaa dotted;
		font-variant:small-caps;
		letter-spacing:.07em;
		cursor:help;
	}

	sub,
	sup {
		font-size: 75%;
		line-height: 0;
		position: relative;
		vertical-align: baseline;
	}

	sup { top: -0.5em; }
	sub { bottom: -0.25em; }

	mark {
		background: #ff0;
		color: #000;
	}

	hr {
		color:#fff;
		background:transparent;
		margin:0.75em 0;
		padding:0 0 0.75em 0;
		border:0;
		border-bottom:1px #c2c2c2 solid;
	}

	/*--- Links ----------------------------------------------------------------------------------------- */

	a {
		color:#e30613;
		background:transparent;
		text-decoration:none;
	}

	a:active { outline: none; }

	/* (en) maximum constrast for tab focus - change with great care */
	/* (en) Maximaler Kontrast für Tab Focus - Ändern Sie diese Regel mit Bedacht */
	a:hover,
	a:focus {
		text-decoration:none;
	}

	/* --- images ------------------ */

	img,
	figure {
		margin: 0;
	}

	.flexible {
		margin-top: 1.5em;
		max-width: 100%;
		height: auto;
	}

	* html .flexible {	/* IE6 support */
		width: 98%;		/* 2% space for borders */
	}

	.bordered {
		margin-top: 1.5em;
		border: 2px #eee solid;
		border: 2px rgba(255,255,255,1) solid;
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.25);
		-moz-box-shadow: 0 0 3px rgba(0,0,0,.25);
		box-shadow: 0 0 3px rgba(0,0,0,.25);
	}

	/**
	* ----------------------------------------------------------------------- #
	*
	* Generic Content Classes
	*
	* (en) standard classes for positioning and highlighting
	* (de) Standardklassen zur Positionierung und Hervorhebung
	*
	* @section content-generic-classes
	*/
	.highlight {
		color:#c30;
	}

	.dimmed {
		color:#888;
	}

	.box {
		border-radius: 0.3em;
		border-width: 1px;
		border-style: solid;
		border-color: #888;
		border-color: rgba(0,0,0,.3);
		-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
		-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
		box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
		color: #444;
		color: rgba(0,0,0,.8);
		padding: 1.4286em;
		margin: 1.5em 0 0 0;
	}

	.box > *:first-child {
		margin-top: 0;
	}

	.label {
		font-family: Verdana, Geneva, sans-serif;
		padding: 1px 6px 2px;
		display: inline-block;
		vertical-align:middle;
		letter-spacing: normal;
		white-space:nowrap;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		background: #06C;
		color: #fff;
		font-size: 10px;
		line-height: 12px;
	}

	.info {
		background:#f4f4f4;
	}

	.success {
		background:#8c8;
	}

	.warning {
		background:#cc8;
	}

	.error {
		background:#c88;
	}

	.float-left {
		float:left;
		display:inline;
	}

	.float-right {
		float:right;
		display:inline;
	}

	.center {
		display:block;
		text-align:center;
		margin: 0 auto 0 auto;
	}

	.text-right{text-align:right;}

	/**
	* ------------------------------------------------------------------------------------------------- #
	*
	* Tables | Tabellen
	*
	* (en) Generic classes for table-width and design definition
	* (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
	*
	* @section content-tables
	*/

	table {
		width:100%;
		border-collapse:collapse;
		margin: 1.3571em 0 0 0;
		color:#333;
		border-top: 1px #ccc solid;
		border-bottom: 1px #ccc solid;
	}

	table.narrow {
		margin:  1.4286em 0 0 0;
	}

	table.narrow th,
	table.narrow td {
		padding: 0 0.5em;
		line-height: 1.4286em;
	}

	table.bordertable {
		border:1px #ccc solid;
	}

	table caption {
		font-variant:small-caps;
	}

	th, td {
		line-height: 1.5em;
		vertical-align: top;
		padding: 0.7143em 0.5em;
	}

	th *:first-child,
	td *:first-child {
		margin-top: 0;
	}

	th.nowrap,
	td.nowrap {
		white-space: nowrap;
	}

	thead th {
		text-align: left;
		color:#000;
		border-bottom:2px #000 solid;
	}

	.bordertable thead th {
		background:#e0e0e0;
		border-right:1px #ccc solid;
		border-bottom:1px #ccc solid;
	}

	.bordertable tbody th[scope="row"] {
		background:#f0f0f0;
	}

	tbody th {
		text-align: left;
		border-top:1px solid #ccc;
		text-align:left;
	}

	.bordertable tbody th {
		border-right:1px solid #ccc;
	}

	tbody td {
		text-align: left;
		border-top:1px solid #ccc;
	}

	.bordertable tbody td {
		border-right:1px solid #ccc;
	}

	/* highlight row on mouse over */
	tbody tr:hover th,
	tbody tr:hover td {
		background:#f8f8f8;
	}



    #breadcrumb {
        font-size: 0.9em;
        margin: -20px 0 10px 30px;
    }

    .contentpage #breadcrumb {
        margin: 10px 0;
    }

    #breadcrumb a {
        color: #333333;
    }

    #breadcrumb a:hover{ text-decoration:underline;}

    ul.primary {
        margin-top: 1em;
        padding: 0 0 0.5em 1em;
    }

    ul.primary li a {
        padding: 0.5em 1em;
        color: #333333;
    }


    .view-news .view-content ul{ margin:0; padding:0;}
    .view-news .view-content ul li {
        border-bottom: 1px solid #C2C2C2;
        list-style-type: none;
        margin: 0 0 20px;
        padding: 0 0 20px;
        position:relative;
    }
    .view-news .view-content ul li.views-row-last{ border:none;}

    .view-news.view-display-id-block .view-content ul {
        margin: 1.5em 0;
    }

    .view-news.view-display-id-block .view-content ul li {
        background: none repeat scroll 0 0 transparent;
        border-bottom: medium none;
        line-height: 1.2em;
        margin: 0 0 1em;
        padding: 0;
    }

    .view-news .view-content ul li .views-field-field-image {
        float: left;
        padding-right: 10px;
        width: 100px;
    }
    .view-news .view-content ul li .views-field-title {
        text-transform: uppercase;
    }
    .view-news .view-content ul li .views-field-body {
        font-size: 0.9em;
    }
    .view-news .view-content ul li .views-field-body p {
        margin-top:0;
    }

    .view-news .view-content ul li .views-field-view-node {
        display: block;
        text-align: right;
    }

    .view-mitarbeiter .item-list {
        clear: both;
        float: none;
    }
    .view-mitarbeiter .item-list ul{}


    .view-mitarbeiter .item-list ul li {
        float: left;
        list-style-type: none;
        margin: 0 0 14px;
        padding: 0;
        width: 50%;
        min-height: 105px;
    }

    .view-mitarbeiter .item-list ul li .views-field-field-mitarbeiter-foto {
        float: left;
        margin-right: 10px;
    }
    .view-mitarbeiter .item-list ul li .views-field-title-1,
    .view-mitarbeiter .item-list ul li .views-field-field-titel,
    .view-mitarbeiter .item-list ul li .views-field-field-vorname{ font-weight:bold;}
    .view-mitarbeiter .item-list ul li .views-field-field-bereich{}
    .view-mitarbeiter .item-list ul li .views-field-field-funktion{}

    .share-link {
        position: absolute;
        right: 0;
        top:0;
    }

    .share-link a {
        cursor: pointer;
        display: block;
        height: 100%;
        width: 100%;
    }

    div.share-dialog {
        background: none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #CCCCCC;
        box-shadow: 2px 2px 10px #BBBBBB;
        padding: 0 14px 10px;
        position: absolute;
        width: 180px;
    }

    div.share-dialog ul.social {
        margin: 1em 0 0;
    }
    div.share-dialog ul.social li {
        background: url("../../images/social-icons-dialog.png") no-repeat scroll left top transparent;
        margin: 4px 0;
        padding-left: 20px;
        list-style-type: none;
    }

    div.share-dialog ul.social li.facebook {
        background-position: 0 0;
        height: 16px;
        width: 16px;
    }

    div.share-dialog ul.social li.twitter {
        background-position: 0 -52px;
        height: 16px;
        width: 16px;
    }

    div.share-dialog ul.social li.google {
        background-position: 0 -26px;
        height: 16px;
        width: 16px;
    }

    div.share-dialog ul.social li.email {
        background-position: 0 -78px;
        height: 16px;
        width: 16px;
    }

    a.facebook-link {
        background: url("../../images/FB-f-Logo__blue_29.png") no-repeat scroll left top transparent;
        color: #333333;
        display: block;
        height: 30px;
        width:100px;
        padding-left: 35px;
    }
    a.facebook-link:hover{
        color:#E30613;
    }

    .view-referenzen ul li {
        float: left;
        list-style-type: none;
        margin: 0 15px 15px 0;
        padding: 0;
    }

    .view-referenzen ul li .views-field-field-referenz-bild a img {
        background: none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #CCCCCC;
        padding: 5px;
        box-shadow: 0 14px 19px -9px #CCCCCC;
        -webkit-box-shadow: 0 14px 19px -9px #CCCCCC;
        -moz-box-shadow: 0 14px 19px -9px #CCCCCC;
    }

    /* styles für meine anforderungen*/
    .afdb-view fieldset.collapsed {
        background: none repeat scroll 0 0 transparent;
        padding-bottom: 0.6em;
        padding-top: 0;
    }
    .afdb-view fieldset.collapsible {
        position: relative;
    }
    .afdb-view fieldset.collapsed {
        border-bottom-width: 0;
        border-left-width: 0;
        border-right-width: 0;
        height: 1em;
        margin-bottom: 0;
    }


    .afdb-view fieldset.collapsible legend a {
        background: url("http://afdb.motiondata.at/mimes/menu-expanded.gif") no-repeat scroll 0 50% transparent;
        padding-left: 2em;
        font-size: 0.9em;
    }

    .afdb-view fieldset.collapsed legend a {
        background: url("http://afdb.motiondata.at/mimes/menu-collapsed.gif") no-repeat scroll 0 50% transparent;
        display: block;
    }

    .afdb-view fieldset.collapsed legend {
        display: block;
    }
    .afdb-view fieldset.collapsed * {
        display: none;
    }


    .views-exposed-form {
        background: none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #CCCCCC;
        margin: 5px 10px;
        padding: 20px 20px 30px;
    }

    .views-exposed-form .views-exposed-widget {
        float: left;
        padding: 4px;
    }

    .afdb-view table.views-table{ font-size: 0.9em; }
    .afdb-view table.views-table tr {}
    .afdb-view table.views-table tr td{}

    .afdb-view tr.ajax-loader td {
        background: none repeat scroll 0 0 white;
        text-align: center;
    }

    td.active {
        background-color: transparent;
    }

    .view-dokumente #edit-field-dokument-kategorie-tid {
        width: 290px;
    }



    #user-login-form.ym-horizontal{
        margin-bottom: 0;
        margin-left: 278px;
        margin-right: 0;
        margin-top: 0;
        position: absolute;
        right: 28px;
        width: 513px;
    }
    #user-login-form.ym-horizontal div.form-item-name{ margin: 0;}
    #user-login-form.ym-horizontal div.form-item-name input,
    #user-login-form.ym-horizontal div.form-item-pass input{
        background: url("../../images/sprite-search-shadow.png") no-repeat scroll 0 -82px transparent;
        border: medium none;
        width: 120px;
        color: #999999;
        font-size: 12px;
        font-style: italic;
        height: 19px;
        line-height: 12px;
        padding: 1px 4px;
        margin-right:5px
    }

    #user-login-form.ym-horizontal div.form-item-pass{ margin: 0 0 0 5px;}


    #user-login-form.ym-horizontal .form-submit {
        background: none repeat scroll 0 0 transparent;
        border: none;
        box-shadow: none;
        clear: both;
        color: #FFFFFF !important;
        display: block;
        font-size: 0.8em;
        font-style: italic;
        left: 4px;
        line-height: 19px;
        margin: 0;
        padding: 0;
        position: absolute;
        text-shadow: none;
        top: -4px;
    }

    button::-moz-focus-inner,
    input[type="reset"]::-moz-focus-inner,
    input[type="button"]::-moz-focus-inner,
    input[type="submit"]::-moz-focus-inner,
    input[type="file"] > input[type="button"]::-moz-focus-inner {border:0;padding:0;margin:0;}

    #user-login-form.ym-horizontal .form-actions.ym-fbox-button.form-wrapper {
        clear: none;
        display: inline;
        float: left;
        margin: 0;
        background: url("../../images/login-button.png") no-repeat scroll 0 0 transparent;
        width: 75px;
        height: 19px;
        position:relative;
    }
    #user-login-form.ym-horizontal .form-actions.ym-fbox-button.form-wrapper:before{

    }
    #user-login-form.ym-horizontal .form-actions.ym-fbox-button.form-wrapper:ater{
        clear: none;
        display: none;
    }

    .teaser-box .block table{
        border:none;
        margin:0.7em 30px 0;
        font-size: 0.9em;
     }
     .teaser-box .block > ul{
        margin:0.7em 30px 0;
        font-size: 0.9em;
     }

     .teaser-box .block > ul li{
         margin: 3px 0;
     }


    .teaser-box .block table tbody{ border:none; }
    .teaser-box .block table tr{ }
    .teaser-box .block table td{ border:none; padding: 1px; }

    .register-link{
        float:left;
        font-size:0.9em;
        font-style:italic;
        margin-right:10px;
    }
    .logout-link{
        font-size:0.9em;
        font-style:italic;
    }
	
	.webform-addmore{
		padding: 14px;
	}
	
	.webform-addmore .fieldset-wrapper{
		margin: 5px;
		border: 1px solid #CCC;
	}

	div input#webform-addmore-.add-more{
		float:none;	
	}

	/*VIDEOS*/
	#edit-field-video-kategorie-value {
		margin-right: 20px;
		width: 130px;
	}
		
	.form-item-title #edit-title {
		margin-right: 15px;
		width: 230px;
	}

	/* Block Expertentipp */
	.view-expertentipp table.views-table, .view-expertentipp table.views-table tbody, .view-expertentipp table.views-table tr, .view-expertentipp table.views-table td {
	    border-bottom: medium none;
	    border-top: medium none;
	    background: transparent;
	}
	
	
	.tp-caption.very_big_white{
		background: none !important;
	}

}