@charset "UTF-8";
/**
 * Bürkle GmbH
 * 2009
 *
 * Uniform design of standard content elements
 *
 */

@media all
{
 /**
  * Fonts
  *
  * (en) global settings of font-families and font-sizes
  *
  * @section content-global-settings
  */

  /* (en) reset font size for all elements to standard (16 Pixel) */
  html * { font-size: 100.01%; }

 /**
  * (en) reset monospaced elements to font size 16px in all browsers
  *
  * @see: http://webkit.org/blog/67/strange-medium/
  */

  /* (en) base layout gets standard font size 12px */
  body {
	font-family:  Verdana, Geneva, sans-serif;
	font-size: 75.00%;
	color: #444;
  }

  /*--- Headings ------------------------------------------------------------------------*/

  h1,h2,h3,h4,h5,h6 {
	font-family: Verdana, Geneva, sans-serif;
  }

  h1 { font-size: 150%; color:#b1b1b1; margin: 0 0 20px;}                       /* 18px */
  h2 { font-size: 133.33%; color:#b1b1b1; margin: 0 0 15px;}                    /* 16px */
  h3 { font-size: 116.67%; margin: 0 0 5px}                    /* 14px */
  h4 { font-size: 100.00%; }                    /* 12px */

  /* --- Lists  -------------------------------------------------------------------------------- */

	ol.Numeric li {list-style-type: decimal }

  /* --- general text formatting ------------------------------------------ */

  p { line-height: 1.35em; margin: 0 0 1em 0; }

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


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

  a { color: #7e7e7e; background:transparent; text-decoration:underline; }
  a:visited  { color: #7e7e7e; }

  a:focus,
  a:hover,
  a:active { color:#c30218; text-decoration:underline; }
  
  #col1 a:hover{
	  background:#4f4f50; 
	  color:#fff; 
	  text-decoration:none;
  }
  
  #col1 a.glossar { color:#4B4B4D; text-decoration:none; cursor: help; border-bottom: dotted 1px}
  #col1 a.glossar:hover { background: #CCCCCC; border-bottom: none}
  
  /*--------------------- primary link  ------------------------*/
  
  			.link_primary{
				float:left;
				position:relative;
				height:20px;
				background: url(images/layout/buttons/link_primary_bg.png) top left no-repeat; /* repeating middle background */
				border:none;
				padding: 5px 30px 0 0;
				text-align:left;
				width:auto;
				text-decoration:none;
				overflow:visible;
				cursor:pointer;
				float:left;
				text-decoration:none;
				margin: 10px 0;
 				white-space:nowrap;
				
			 }
			 *html .link_primary{
				padding: 5px 25px 0 0;
			 }
			 	a:hover.link_primary,
				#col1 a:hover.link_primary,
				a:active.link_primary,
				#col1 a:active.link_primary{
					background: url(images/layout/buttons/link_primary_bg.png) left -35px no-repeat; /* repeating middle background */
					text-decoration:none;
				}
			button::-moz-focus-inner {
				border: none;  /* overrides extra padding in Firefox */
			}
			
			.link_primary .right{
				position: absolute; 
				top: 0;
				right:0;
				z-index:100; 
				height: 25px; 
				width:23px; 
				background: white url(images/layout/buttons/link_primary_right.png) top left no-repeat;
			}
			*html .link_primary .right{
				
				right:-2px;
				
			}
			.link_primary .left{
				margin: 0;
				white-space:nowrap;
				padding:5px 0 0 10px;
				color:#fff;
				font-size:11px;
				float:none
			}
			
  
  /*--------------------- secondary link  ------------------------*/
  #col1 .link_secondary,
  .link_secondary{
	  background: url(images/layout/buttons/link_secondary_arrow.png) right 10px no-repeat;
		padding: 5px 15px 5px 5px;
		color:#4f4f50;
		text-decoration:underline;
	}
	#col1 a:hover.link_secondary,
	a:hover.link_secondary{
		background: #4f4f50 url(images/layout/buttons/link_secondary_arrow.png) right -30px no-repeat;
		text-decoration:underline;
		color: #fff;
	}
	/* secondary left */
	#col1 .link_secondary_left,
    .link_secondary_left{
		background: url(images/layout/buttons/link_secondary_left_arrow.png) left 10px no-repeat;
		padding: 5px  5px 5px 15px;
		color:#4f4f50;
		text-decoration:underline;
	}
		#col1 a:hover.link_secondary_left,
		a:hover.link_secondary_left{
			background: #4f4f50 url(images/layout/buttons/link_secondary_left_arrow.png) left -30px no-repeat;
			text-decoration:underline;
			color: #fff;
		}
	#col3 .link_secondary{
		padding: 0 15px 1px 5px;
		background: url(images/layout/buttons/link_secondary_arrow.png) right 5px no-repeat;
		clear:both;
		float: left;
		white-space:nowrap;
	}
	#col3 a:hover.link_secondary{
		background: #4f4f50 url(images/layout/buttons/link_secondary_arrow.png) right -35px no-repeat;
		
	}
	
	/*-------------------------------------------------- Misc  -----------------------------------------------------*/
	
	 .dojoBlockOverlay {
		background:url(../styles/images/dojo/loading.gif) no-repeat center center;
	}
	
	
	/*-------------------------------------------------- buttons  -----------------------------------------------------*/
	
	/*--------------------- action_button  ------------------------*/
			.button{
				position:relative;
				height:30px;
				background: url(images/layout/buttons/button_left_bg.png) left top no-repeat; /* repeating middle background */
				border:none;
				padding: 0 10px 0 10px;
				text-align:left;
				width:auto;
				overflow:visible;
				cursor:pointer;
				float:right;
			 }
			 	/* hover and active */
				 .button:hover{
					 background: url(images/layout/buttons/button_left_bg.png) left -40px no-repeat;
				 }
				 .button:active{
					 background: url(images/layout/buttons/button_left_bg.png) left -80px no-repeat;
					
				 }
				 /* ----------------- */
			button::-moz-focus-inner {
				border: none;  /* overrides extra padding in Firefox */
			}
			
			.button .right{
				position: absolute; 
				top: 0;
				right:0;
				z-index:100; 
				height: 30px; 
				width:5px; 
				background: #fff url(images/layout/buttons/button_right_bg.png) top left no-repeat;
			}
			/* hover and active */
				 .button:hover .right{
					 background: #fff url(images/layout/buttons/button_right_bg.png) left -40px no-repeat;
				 }
				 .button:active .right{
					 background: #fff url(images/layout/buttons/button_right_bg.png) left -80px no-repeat;
				 }
				 /* ----------------- */
			.button .left{
				position:relative;
				margin: 0;
				display: block;
				height:26px;
				white-space:nowrap;
				padding-top:4px;
				color:#fff;
			}
			/* hover and active */
			.button:active .left{
				padding-top:5px;
			}
			.button img{
				position:absolute;
				top:0px;
				right:0px;
			}
			html>/**/body .button img , x:-moz-any-link, x:default,
			html>/**/body .button .right , x:-moz-any-link, x:default{
				position:absolute;
				right:12px;
			}
			html>/**/body .button:active .right , x:-moz-any-link, x:default{
				position:absolute;
				right:12px;
			}
				
		/*--------------------- button_primary  ------------------------*/
		
			.button_primary{
				position:relative;
				height:25px;
				background: url(images/layout/buttons/link_primary_bg.png) left top no-repeat; /* repeating middle background */
				border:none;
				padding: 0 33px 0 10px;
				text-align:left;
				width:auto;
				overflow:visible;
				cursor:pointer;
				float:right;
			 }
			 	/* hover and active */
				 .button_primary:hover{
					 background: url(images/layout/buttons/link_primary_bg.png) left -35px no-repeat;
				 }
				 
				 /* ----------------- */
			button::-moz-focus-inner {
				border: none;  /* overrides extra padding in Firefox */
			}
			
			.button_primary .right{
				position: absolute; 
				top: 0;
				right:0;
				z-index:100; 
				height: 25px; 
				width:23px; 
				background: #fff url(images/layout/buttons/link_primary_right.png) top left no-repeat;
			}
			/* hover and active */
				/* .button_primary:hover .right{
					 background: #fff url(images/layout/buttons/button_right_bg.png) left -40px no-repeat;
				 }
				 .button_primary:active .right{
					 background: #fff url(images/layout/buttons/button_right_bg.png) left -81px no-repeat;
				 }*/
				 /* ----------------- */
			.button_primary .left{
				position:relative;
				margin: 0;
				display: block;
				height:21px;
				white-space:nowrap;
				padding-top:4px;
				color:#fff;
				word-wrap: break-word;
			}
			.button_primary img{
				position:absolute;
				top:0px;
				right:0px;
			}
			html>/**/body .button_primary img , x:-moz-any-link, x:default,
			html>/**/body .button_primary .right , x:-moz-any-link, x:default{
				position:absolute;
				right:12px;
				}
		
		
 /**
  * ---------------------------------------------------------------------------------------------------------------- #
  *
  * Generic Content Classes
  *
  * (en) standard classes for positioning and highlighting
  *
  * @section content-generic-classes
  */

  .float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em; }
  .float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em; }
  .center { display:block; text-align:center; margin: 0.5em auto; }
  
  .tundra .dijitDialog {
      border: none;
  }

  .dijitDialogPaneContent table,
  .text_box table {
     border: 1px outset;
  }

  .tundra .dijitDialog .dijitDialogPaneContent {
      padding: 20px;
  }

  .dijitDialogPaneContent tr,
  .dijitDialogPaneContent td,
  .dijitDialogPaneContent th,
  .text_box tr,
  .text_box th,
  .text_box td {
    border: 1px outset;
    padding: 1px 4px;
  }
  
  /*--------------------- importedtext  ------------------------*/
  .importedtext {margin: 0 0 20px 0}
  .importedtext img {margin: 0 0 10px 0}
  .importedtext p img {margin: 5px 10px 10px 0}
  .importedtext p img.inline {float: left}
  .importedtext p {clear:both}
  .importedtext h2{margin: 0 0 15px 0}
  .Bold{font-weight:bold}
  
  /*--------------------- global imported stuff  ------------------------*/
  .imported table p {margin: 0; padding: 0}
  .imported table {border-collapse:collapse;}
  .imported table td, .imported table th {padding:5px}
  
  /*--------------------- listone  ------------------------*/
  
  .listone h1{margin: 0 0 20px 0}
  .listone img.inline { float: left; margin: 0 10px 10px 0}
  .listone img{margin: 0 0 10px 0}
  
  /*--------------------- content-teaser  ------------------------*/
  	.teaser{
		border:1px solid #979797;
		overflow:hidden;
		margin:0 0 20px 0;
                padding: 0 0 5px;
		position:relative;
	}
		.teaser img{
			border: none;
			float: left;
			max-height:160px;
			max-width:240px;
			margin: 0 20px 5px 0;
		}
 		.teaser_head{
			margin: 0 0 10px 0;
			padding: 10px 0 10px 20px;
			background:#4F4F4F url(images/main_cols/teaser_box_head_bg.jpg) top left repeat-x;
			zoom:1;
		}
			#col1 .teaser_head h3{
				color: #fff;
				margin:0;
			}
			#col1 .teaser_content h4 {
				margin-bottom: 12px;
			}
		.teaser_content {
			margin: 0 20px;
		}
			.teaser_content p{
				margin: 0;
			}
		.teaser_url{
			clear: both;
			float: right;
			margin: 5px 20px 10px 0;
		}
		
		.teaser .link{
			clear:both;
			overflow:hidden;
			margin: 15px 20px 0;
			padding: 10px 0;
			border-top:1px dashed #b1b1b1;
			position:relative;
			zoom:1;
		}
			.teaser .link a{
				float: left;
				margin: 0 20px 0 0;
			}
  /*--------------------- traders  ------------------------*/
  #traders .country_selector {
  	background: url("images/traders/traders_map.jpg") left top no-repeat;
  	width: 580px;
  	height: 200px;
  	position: relative;
  }
  #traders .filter {
  	position: absolute;
  	top: 105px;
  	left: 200px;
  }
  #traders h1{
		color:#4f4f4f;
		position: absolute;
		top: 35px;
		left: 105px;
		width:360px;
		text-align:center;
  }
  #traders ul{
	list-style-type:none;
	margin: 0;
  }
  	#traders ul li{
		border: 1px solid #979797;
		/* height: 118px; */
		overflow: hidden;
		padding: 20px 0 20px 15px;
		margin: 20px 0 0 0;
		zoom:1;
  	}
		#traders ul li .txt{
			float:left;
			width: 250px;
		}
  			#traders ul li .txt h3 {
				color: #363636;
				font-size:12px;
			}
			#traders ul li .txt p {
				color: #363636;
				font-size:11px;
				line-height:1.1em;
				margin:0;
			}
			#traders ul li .txt p.address {
				margin-bottom:20px;
			}
			#traders ul li .txt .misc {
				margin-top:20px;
			}
		#traders ul li .img {
			display: table-cell;
			height: 150px;
			padding-left: 20px;
			overflow: hidden;
			vertical-align: middle;
		}
	/*--------------------- file-download  ------------------------*/ 
	
	.file {
		margin: 0 0 20px 0;
	}
	
	.file ul {
		list-style-type: none;
		margin: 0;
	}	
	
		.file li {
			margin: 12px 0;
		}
		
		.file li a {
			text-decoration:underline;
		}
		
		.file li.pdf {
			color:#4B4B4D;
			padding: 8px 30px 0 30px;
			background: url("images/icons/pdf.png") no-repeat scroll left bottom;
		}	
		
		.file li.zip{
			color:#4B4B4D;
			padding: 8px 30px;
			background: url("images/icons/zip.gif") left center no-repeat;
			text-decoration:underline;
		}
  /*--------------------- glossar  ------------------------*/
  
  div#glossar dl { margin: 0 }
  div#glossar ul { margin: 0 0 12px 0; padding-bottom: 5px; border-bottom: 1px dashed #cccccc }
  div#glossar ul li { margin:0; padding: 0; display:inline }
  div#glossar ul li.active a { color: #C30218; }
	
  /*----------------------- Team --------------------------*/
	
	#col1 #team{
		position:relative;
		overflow:hidden;
	}
	#col1 #team .dept_descr{
		padding: 0 0 15px 0;
	}
	
	#col1 #team .teaser{
		width:180px;
		display: block;
		float: left;
		margin: 0 20px 30px 0;
		border: none;
	}
	#col1 #team .teaser.third{/* no margin-right for every third teaser*/
		margin: 0 0 30px 0;
	}
		
 		#col1 #team .teaser_head{
			margin: 0;
			height:28px;
			padding:12px 0 0 10px;
			background:#4F4F4F url(images/main_cols/teaser_box_head_bg.jpg) top left repeat-x;
		}
			#col1 #team .teaser_head h3{
				font-size:100%;
			}
		#col1 #team .teaser_content{
			background: url(images/main_cols/teaser_box_main_bg.jpg) bottom left no-repeat;
			min-height:180px; 
			height:auto !important; /* for all other browsers */ 
			height:180px;/* for ie6 */
			border:1px solid #6e6e71;
			overflow:hidden;
			margin: 0;
			padding: 0 0 6px 0;
		}
			#col1 #team .teaser img{
				border: none;
				float: none;
				margin: 0;
				height:135px;
				width: 180px;
			}
			#col1 #team .teaser_text{
				padding: 8px 0 0 10px;
				font-size:11px;
			}
				#col1 #team .teaser_text h4{
					margin-bottom: 4px;
					
				}
		/*----------------------- Approach --------------------------*/
		
		#approach .descr_top{
			padding: 0 0 15px 0;
		}
		#approach .map iframe{
			border:1px solid #979797;
			
		}
		#approach .descr_bottom{
			padding: 15px 0 0 0;
		}

}