/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Uniform design of standard content elements
 * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
 *
 * @copyright       Copyright 2005-2010, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.3
 * @revision        $Revision:392 $
 * @lastmodified    $Date:2009-07-05 12:18:40 +0200 (So, 05. Jul 2009) $
 * @appdef yaml
 */

@media all
{
 /**
  * Fonts
  *
  * (en) global settings of font-families and font-sizes
  * (de) Globale Einstellungen für Zeichensatz und Schriftgrößen
  *
  * @section content-global-settings
  */

  /* (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.01%; }

 /**
  * (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 {
    font-family:Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
  }
  
  textarea {border: 1px solid #b2b2b2;  -moz-box-shadow:inset 0 0 4px #999;  -webkit-box-shadow:inset 0 0 4px #999;  width: 100%;}

  /* (en) base layout gets standard font size 12px */
  /* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
  body {
    font-family:Arial, Helvetica, sans-serif;
    font-size:75.00%;
    color:#444;
  }

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

  h1,h2,h3,h4,h5,h6 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight:normal;
    color:#00468b;
    margin:0 0 0.25em 0;
  }

  h1 { font-size:23px; line-height: 28px; }                       /* 30px */
  h2 { font-size:18px; line-height: 24px; }                       /* 24px */
  h3 { font-size:16px; line-height: 22px; }                       /* 18px */
  h4 { font-size:14px; line-height: 20px; }                    /* 16px */
  h5 { font-size:13px; line-height: 20px; }                    /* 14px */
  h6 { font-size:13px; line-height: 20px; }                    /* 14px */
  
  .group h2 {width: 690px; font-size: 23px; line-height: 29px; }

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

  ul, ol, dl { line-height:1.5em; margin:0 0 10px 1em; }
  ul { list-style-type:disc; list-style-image:url("../../images/rightcollink.jpg");}
  ul ul { list-style-type:circle; margin-bottom:0; }
  #header ul, #col3 ul, #footer ul {list-style-image: none;}
  

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

  li { margin-left:0.5em; line-height:18px; margin-bottom: 3px;}

  dt { font-weight:bold; }
  dd { margin:0 0 1em 0.8em; }

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

  p { font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; margin-bottom: 9px; }

  blockquote, cite, q {
    font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
    font-style:italic;
  }
  blockquote { margin:10px 20px; color:#666; }

  strong,b { font-weight:bold; }
  em,i { font-style:italic; }

  big { font-size:116.667%; }
  small { font-size:91.667%; }
 
  pre { line-height:1.5em; margin:0 0 1em 0; }
  pre, code, kbd, tt, samp, var { font-size:100%; }
  pre, code { color:#800; }
  kbd, samp, var, tt { color:#666; font-weight:bold; }
  var, dfn { font-style:italic; }
  
  form {padding: 0; margin: 0; margin-bottom: 10px;}

  acronym, abbr {
    border-bottom:1px #aaa dotted;
    font-variant:small-caps;
    letter-spacing:.07em;
    cursor:help;
  }
  
  sub { vertical-align: sub; font-size: smaller; }
  sup { vertical-align: super; font-size: smaller; }

  hr {
    color:#fff;
    background:transparent;
    margin:0 0 10px 0;
    padding:0;
    border:0;
    border-bottom:1px #b2b2b2 solid;
  }
  
  input[type=text], input[type=password], textarea, select { border: 1px solid #b2b2b2;color: #b2b2b2; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; }
  input[type=text]:focus, input[type=password]:focus, textarea:focus { border: 1px solid #5a5a5a; color: #000;}

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

  a { color:#00468b; background:transparent; text-decoration:none; }
  a:visited  { color:#00468b; }

  /* (en) maximum constrast for tab focus - change with great care */
  /* (en) Maximaler Kontrast für Tab Focus - Ändern Sie diese Regel mit Bedacht */
  a:focus { text-decoration:none; color:#c41475; outline: none; }
  a:hover,
  a:active { color:#c41475; text-decoration:none; outline: 0 none; }
  
  p a:after, li a:after, #sitemap_container a:after{content: " » ";}
  #header a:after, #footer a:after, #col3 a:after, h1 a:after, h2 a:after, h3 a:after, h4 a:after, h5 a:after, h6 a:after  {content: "";}
  

  /* --- images (with optional captions) | Bilder (mit optionaler Bildunterschrift) ------------------ */

  p.icaption_left { float:left; display:inline; margin:0 1em 0.15em 0; }
  p.icaption_right { float:right; display:inline; margin:0 0 0.15em 1em; }

  p.icaption_left img,
  p.icaption_right img { padding:0; border:1px #888 solid; }

  p.icaption_left strong,
  p.icaption_right strong { display:block; overflow:hidden; margin-top:2px; padding:0.3em 0.5em; background:#eee; font-weight:normal; font-size:91.667%; }

 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * 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; }
  .black {color: #000;}

  .info { background:#f8f8f8; color:#666; padding:10px; margin-bottom:0.5em; font-size:91.7%; }

  .note { background:#efe; color:#040; border:2px #484 solid; padding:10px; margin-bottom:1em; }
  .important { background:#ffe; color:#440; border:2px #884 solid; padding:10px; margin-bottom:1em; }
  .warning { background:#fee; color:#400; border:2px #844 solid; padding:10px; margin-bottom:1em; }

  .float_left { float:left; display:inline; margin-right:20px; margin-bottom:10px; margin-top: 10px; }
  .float_right { float:right; display:inline; margin-left:20px; margin-bottom:10px; margin-top: 10px; }
  .float_left_top { float:left; display:inline; margin-right:20px; margin-bottom:10px; }
  .float_right { float:right; display:inline; margin-left:20px; margin-bottom:10px; }
  .center { display:block; text-align:center; margin:0.5em auto; }

 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * 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-bottom:10px; }
  table caption { font-variant:small-caps; }
  table.full { width:100%; }
  table.fixed { table-layout:fixed; }

  th { padding:3px 5px; }
  td {padding: 5px;}
  thead th { color:#fff; font-size: 14px; line-height: 20px; background: #00468b; font-weight: normal;}
  tbody th { background:#e0e0e0; color:#333; }
  tbody th[scope="row"], tbody th.sub { background:#f0f0f0; }

  tbody th { text-align:left; }
  tbody tr.even td { background: #e3ebf2;}

  tbody tr:hover th[scope="row"],
  tbody tr:hover tbody th.sub { }
  tbody tr:hover td {}
  
  .image {position: relative; overflow: hidden;}
  .image .caption {position: absolute; left: 0; top: 20px; background: #fff; padding-right: 10px; width: auto; max-width: 60%;}
  .image .caption h2 {}
  .image .caption p {margin-bottom: 3px;}
  
  .content_container {overflow: hidden; margin-bottom: 10px}
  .container_col1 {float: left; width: 49%;}
  .container_col2 {float: right; width: 49%;}
  
  .col2_33_66 .container_col1 {float: left; width: 33%;}
  .col2_33_66 .container_col2 {float: right; width: 66%;}
  .col2_33_66 .container_col2 .container_content {padding-left: 10px;}
  
  .col2_33_66 .container_col1 img{margin-top: 5px;}
  
  .group .container_col1, .group .container_col1 {}
  
  
  .teaser {overflow: hidden; margin-bottom: 40px;}
  .teaser .teaser_image {float: left; margin-right: 20px; width: 160px; position: relative;}
  .teaser .teaser_image .caption {position: absolute; left: 0; top: 20px; background: #fff; padding-right: 10px; width: auto; max-width: 60%;}
  .teaser .teaser_image .caption p {margin-bottom: 3px;}
  .teaser .teaser_text {float: right; width: 310px;}
  
  .bigteaser {overflow: hidden; margin: 20px 0 40px;}
  .bigteaser .teaser_image {float: left; margin-right: 20px; width: 260px; position: relative;}
  .bigteaser .teaser_image .caption {position: absolute; left: 0; top: 20px; background: #fff; padding-right: 10px; width: auto;  max-width: 60%;}
  .bigteaser .teaser_image .caption p {margin-bottom: 3px;}
  .bigteaser .teaser_text {float: right; width: 410px;}
  
  .jobDiv {
  	border-bottom:1px solid #eee;
  	padding-bottom:5px;
  	overflow: visible;
  	}
  	.tx-mmjobs-pi1 select{
  		color:#444;
  	}
  
   .smallText {
	   color: #B2B2B2;
	   font-size: 91.667%;   
   }
   
   .selectRegions {
	   margin-right:5px;	   
   }
   
   .tx-mmjobs-pi1 table {
	   }
	   .tx-mmjobs-pi1 table tr{
		   	border-bottom: 1px solid #B2B2B2;
		}
		.tx-mmjobs-pi1 table tr:hover{
		   	background-color:#eee;
		}
		.tx-mmjobs-pi1 table .trLink{
		   	color:#00468b; background:transparent; text-decoration:none;
		   	cursor:pointer;
		}
		.tx-mmjobs-pi1 table .trLink:hover{
		   	color:#C41475; background:#eee; text-decoration:underline;
		   	cursor:pointer;
		}
	    .tx-mmjobs-pi1 table td{
		  	padding:7px 5px 7px 5px;
	   }
	#popupWrapper{
		width:100%;
		height:100%;
		display:block;
		overflow:hidden;
		padding:20px 0 0 0;
		}
		#popupWrapper h1{
			color:#fff;
			width: 65%;
		}
		#popupWrapper .wrapHeader{
			position: relative;
			padding:40px 40px;
			background-color:#01478c;
		}
		#popupWrapper .wrapHeader img{
			position: absolute;
			width: 200px;
			right: 40px;
			bottom: -30px;
		}
		#popupWrapper footer{
			background-color:#01478c;
			padding:20px 40px 40px 40px;
			color:#fff;
		}
		#popupWrapper footer a{
			color:#fff;
		}
		#popupWrapper footer .col-1,
		#popupWrapper footer .col-2{
			display:inline-block;
			vertical-align: top;
		}
		#popupWrapper footer .col-2{
			float:right;
		}
		
		#popupWrapper footer a.btn{
			background-color:#87c2eb;
			color:#fff;
			text-transform: uppercase;
			font-weight: bold;
			display: block;
			text-align: center;
			font-size: 15px;
			padding: 7px;
			margin-top: 10px;
		}
		#popupWrapper footer a.btn:hover{
			background-color: #4a85ae;
		}
		#popupWrapper img {
			margin-bottom:30px;
			padding-left:40px;
		}
		#popupWrapper footer img{
			margin-bottom: 0;
			padding-left: 0;
			width: 30px;
			margin-right: 3px;
		}
		#popupWrapper .content {
			width:100%;
			height:100%;
			display:block;
/* 			background:url("https://www.cartonplast.com/fileadmin/templates/images/jobbgr.jpg"); */
			background-repeat:repeat-y;
			padding:0 !important;
		}
		
		#popupWrapper .content p{
			padding: 0 40px;
		}
		#popupWrapper .content li{
			font-size: 13px;
			margin-bottom: 5px;
		}
		#popupWrapper span.smallText{
			color:#fff;
		}
		
		.popupStage {
			position:absolute;
			top:120px;
			left:0;
			width:100%;
			height:80px;
			padding-left:10px;
			background:url("https://www.cartonplast.com/fileadmin/templates/images/header_bgr.jpg") repeat-x center 0 white;
		}
		.closePopup {
			float:right;
			margin:10px 0 0 0;
		}
		.popupSlogan{
			color:#fff;
			padding:20px 0 0 30px;
			font-family: 'UniversLTW01-57Condense 723821';
			font-size: 36px;
			line-height: 42px;
			text-shadow: 0 0 5px black;
		}
		
	.align-right{text-align:right;}
	.align-left{text-align:left;}
	.align-center{text-align:center;}	

 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Miscellaneous | Sonstiges
  *
  * @section content-misc
  */

 /**
  * (en) Emphasizing external Hyperlinks via CSS
  * (de) Hervorhebung externer Hyperlinks mit CSS
  *
  * @section             content-external-links
  * @app-yaml-default    disabled
  */

  
 
}

a.filename {display:inline-block;overflow:hidden;width:300px;}