@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{
		background: url("/styles/images/layout/buttons/link_secondary_arrow.png") no-repeat scroll right 8px transparent;
        display: block;
        padding: 2px 15px 3px 5px;
	}
	#col3 a:hover.link_secondary{
		background: #4f4f50 url(images/layout/buttons/link_secondary_arrow.png) right -32px no-repeat;
		display: block;
	}
	
	/*-------------------------------------------------- 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;
     border-spacing: 0;
  }

  .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;
  }
      
	.tundra .dijitComboBox .dijitArrowButton .dijitArrowButtonInner {
	    background-attachment: scroll;
	    background-image: url("/scripts/release/buerkle/dijit/themes/tundra/images/comboArrowDown.gif");
	    background-position: center center;
	    background-repeat: no-repeat;
	    font-size: inherit;
	    height: auto;
    }
  /*--------------------- 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  ------------------------*/
    
#tab_box .tab{ /* inner content-area */
    background: none
}
    #tab_box .tab_container_text{/* div for text-content */
        float: left;
        width: 500px; 
        color: #000;
    }
        #tab_box .tab_container_text h4{
            color: #44445f; 
            font-size: 14px;
            margin-bottom:20px;
        }
    #tab_box .tab_container_image{/* div for image */
        float: right; 
        width: 220px; 
        height: 170px; 
        overflow: hidden;
        margin-right: 10px;
    }
    #tab_box .dijitTabPaneWrapper {
        background: url("/scripts/buerkle/themes/buerkle/images/tab_teaser_main_bg.jpg") no-repeat scroll left top #E3E7EA;
        border: 1px solid #6E6E71;
        border-top: 0;
        margin: 0;
        padding: 5px;
    }
    
    #tab_box  .dijitTabInnerDiv {
        padding: 6px 8px 5px 9px;
    }
    
    #tab_box  .dijitTabChecked .dijitTabInnerDiv {
        padding: 11px 8px 5px 9px;
    }
    #tab_box  .dijitTabContainerTop-tabs {
        border: medium none;
        margin-bottom: -1px;
        border-color: #CCCCCC;
        padding: 0;
    }
    
    #tab_box  .dijitTab  {
        line-height:normal;
        width: 251px;/*edit*/
        margin-right:0;/*edit*/
        position: relative;
        top: 1px;
        padding:0px;
        border-right: 1px solid #a0a0a0;
        border-top: none;
        border-left: 1px solid #807f81;
        border-bottom: none;
        background:#505051 url("../images/tab_teaser_tab_bg.jpg") top left no-repeat;/* non-active tab background */
        height: 29px;
        color: #fff;
    }
    
    /* checked tab*/
    #tab_box  .dijitTabChecked {
        background: url("/scripts/buerkle/themes/buerkle/images/tab_teaser_tab_active_bg.jpg") no-repeat scroll left top transparent;
        border: none;
        color: #444548;
        height: 35px;
        margin: 0;
        top: 0;
        width: 253px;
    }

    /* hovered tab */
    #tab_box  .dijitTabHover {
        
    }

    #tab_box .dijitTabContainerTop .dijitTabHover {
        
    }

    #tab_box .dijitTabContainerBottom .dijitTabHover {
        
    }

    #tab_box  .dijitTabContainerLeft .dijitTabHover {
        
    }

    #tab_box  .dijitTabContainerRight .dijitTabHover {
        
    }

    #tab_box .dijitTabContainer .dijitTabCheckedHover {
        
    }
    
  	.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: 20px 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_content ul {
		  list-style: none;
		  margin : 10px 0 5px;
	    }
	    #col1 #team .teaser_content li {
	       margin: 4px 0 0;
	     }
		
		#col1 a.profile, #col1 a.profile:hover {
		    padding: 0 0 0 20px;
		    color: #7E7E7E;
		    background: url("images/icons/vcard.jpg") no-repeat scroll left 
        }
        
        #col1 a.mail, #col1 a.mail:hover {
            padding: 0 0 0 20px;
            color: #7E7E7E;
            background: url("images/icons/mail.png") no-repeat scroll left 
        }
		    #col1 #team address {
		      font-style: normal;
            }
			#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;
					
				}
				#col1 #team .org, #col1 #team .adr {
			         display: none;
                }   
		/*----------------------- Approach --------------------------*/
		
		#approach .descr_top{
			padding: 0 0 15px 0;
		}
		#approach .map iframe{
			border:1px solid #979797;
			
		}
		#approach .descr_bottom{
			padding: 15px 0 0 0;
		}
      .dijitDialogPaneContent .print
      {
          text-align: right;
          display: block;
      }
      .dijitDialogPaneContent .print a
      {
          background: url("images/icons/print.jpg") no-repeat scroll right center transparent;
          font-size: 0.9em;
          margin: 5px 0 20px 0;
          padding: 0 20px 0 0;          
      }
      
   .flag {
        height: 16px;
        width: 16px;
    }
   .flag_de {
        background: url(/styles/images/icons/de.jpg) no-repeat center;
   }
   
   .flag_en {
        background: url(/styles/images/icons/en.jpg) no-repeat center;
   }
   
   .flag_es {
        background: url(/styles/images/icons/es.jpg) no-repeat center;
   }
   
   .flag_fr {
        background: url(/styles/images/icons/fr.jpg) no-repeat center;
   }
}