@charset "UTF-8";
/**
 * Bürkle GmbH
 * 2009
 *
 * Layout elements
 *
 */

@media all
{
  /*-------------------------------------------------------------------------*/

  /* global layout Properties */
  
  .page_margins { width: 980px; height:100%; margin: 0 auto; position:relative;}
  
  /* --- header --- */
  
  #header { position:relative; height: 205px; background: url(images/layout/header_bg_x-repeat.jpg) repeat-x top left}
	#header_bg { height:100%; background: url(images/layout/header_bg_center.jpg) no-repeat top center}
	
		  #logo {position: absolute; top: 30px}
		  #logo_60 {position: absolute; top: 12px}
		  #header_search { 
			position:absolute;
			top: 70px;
			left:220px;
			width:465px;
			height:60px;
			background:url(images/layout/header_search_bg.png) no-repeat;
			z-index:10;		
		  }
		  #header_slogan {
			position:absolute;
			left: 200px;
			top: 30px;
			background:url(images/layout/header_slogan_bg.png) top left no-repeat;
			text-align:center;
			width:520px;
			height: 41px;
			padding: 12px 0 0 0;
			z-index:10;
		  }
		  	#header_slogan span {
				border-right: 2px solid #ef7e8b;
				padding: 0 5px 0 0;
				color:#7e7e7e;
				font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; 
				font-size:15px;
				letter-spacing:-0.02em;
			}
			#header_slogan span.last {
				border: none;
				padding: 0;
			}
		  		#header_search form {
					margin-top:18px;
				}
					#header_search input {
						height:17px;
						color:#7e7e7e;
						border:1px solid #bcbcbc;
						margin:0 0 0 97px;
						width:235px;
						float:left;
						padding:2px 5px;
						
				}
					#header_search .header_search_btn{
						height:23px;
						width:35px;
						margin-left:-6px;
						letter-spacing:-1px;
						color:#fff;
						background: url(images/layout/header_search_btn.gif) no-repeat top left;
						cursor:pointer;
						border:none;
						padding: 0px 10px 4px 0px;
					}
		  #language {
			position: absolute;
			top:20px;
			right:0px;
			border-top:1px solid #fff;
			border-bottom:1px solid #b0b0b0;
			background:url(images/layout/header_language_bg.png);
			padding: 7px 20px 9px 20px;
			margin:0;
			z-index:10;
			width: 120px;
			text-align:center;
			}
				#language li {
					display:inline;
					margin: 0;
					line-height:1em;
					}
						#language li a { 
							font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; 
							color:#4e4e4e; 
							font-size:12px;  
						}
						#language .active a,
						#language li a:hover{ 
							color:#c30218 
						}
		  #service {
			  position: absolute;
			  top: 60px;
			  right:0px;
			  border-top:1px solid #fff;
			  border-bottom:1px solid #b0b0b0;
			  background:url(images/layout/header_language_bg.png);
			  z-index:10;
			  padding: 10px 20px 10px 0;
			  text-align:right;
			  width:140px;
			  overflow:hidden;
		  }
				#service h3{
					font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
					font-size:12px;
					font-weight:normal;
				
					color:#4e4e4e;
					margin: 0 0 0.4em 0;
				}
				#service p{
					font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
					font-size:11px;
					color:#7e7e7e;
					line-height:1.4em;
					margin: 0;
				}
				#service p.tel {
					font-size:10px;
				}
		  #header_category_image {
			  position:absolute; 
			  top:0px; 
			  right: 0px; 
			  z-index:1;
			  width: 543px;
			  height:141px;
		  }			
		  #nav_top {position: absolute; top:130px; z-index:10}/* navigation-container -> specitic in navigation.css */
		  
  /* main content -> specific in Xcol.css */
  
  #main { width:100%; float:left; padding: 34px 0 32px 0; margin: 0; background: url(images/layout/main_bg_gradient.jpg) top left repeat-x; border-bottom: 1px solid #9a9a9a; }
  
  /* footer */
  
  #footer { background: url(images/layout/footer_bg_x-repeat.jpg) repeat-x; border-top: 1px solid #fff; color:#525252; height:325px;}
  #footer .page_margins { height:auto}
  	#footer .main{
		background: url(images/layout/footer_bg_center.jpg) top left no-repeat;
		width: 985px;
		height: 206px;
		position: relative;
		margin-top: 10px;
		
	}
		#footer .main h3{
			font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
			font-size:14px;
			margin-bottom: 25px;
		}
		#footer .main p{
			font-size:10px;
			line-height:1.5em;
		}
		#footer .main .left,
		#footer .main .middle,
		#footer .main .right{
			position: absolute;
			width:245px;
			top: 35px;
			height:150px;
		}
		#footer .main .left{
			left: 55px;
		}
		#footer .main .middle{
			left: 365px;
		}
			#footer .main .middle .phone{
				position: absolute;
				top: 95px;
				left: 60px;
			}
				#footer .main .middle .phone p{
					font-size: 11px;
					margin:  0 0 7px 0;
				}
		#footer .main .right{
			left: 675px;
			width:240px;
		}
	#footer .meta{
		margin-top: 15px;
		text-align: center;
		font-size:11px;
	}
		#footer .meta a{
			margin-right:30px;
			color: #fff;
			
		}
		#footer .meta .copyright{
			margin-top:20px;
			color:#a6c7e6;
		}
		
 
  /*------------------------- global used elements --------------------------------*/
  
  /* --------------------- pagination ------------------- */
  
	.pagination{
		height:30px;
		width:auto;
		text-align:center;
		margin: 0 19px 0 0;
		
	}
		.pagination a{
			border: 1px solid #979797;
			text-decoration:none;
			padding:3px 5px 3px 5px;
			margin: 0 0 0 5px;
			display:inline-block;
			text-align:center;
		}
		#col1 .pagination a:hover{
			text-decoration:none;
			color:#7e7e7e;
			background: none;
			border: 1px solid #c90311;
		}
	/* --- pagination active link --- */
		.pagination a.active{
			text-decoration:none;
			padding:3px 5px 3px 5px;
			margin: 0 0 0 5px;
			font-weight:bold;
			border: 1px solid #c90311;
		}
		.pagination a.active:hover{
			text-decoration:none;
			color:#7e7e7e;
		}
  /* --------------------- end ------------------- */
  
  /* --------------------- right column -------------------- */
 
 			#col3 .link_primary .right{
				background: #f4f4f4 url(images/layout/buttons/link_primary_right.png) top left no-repeat;
			}
   
  
  
  #col3 .teaser{
	margin: 0;
	padding: 0;
	border: none;
	border-right: 1px solid #c0bdbd; 
	background: #f4f4f4; 
	overflow:hidden;
  }
		#col3 .teaser_head { 
			color: #4e4e4e; 
			background: url(images/main_cols/box_col_right_gradient.gif) repeat-x; 
			margin:0; 
			height:21px; 
			border-top: 1px solid #fff; 
			border-bottom: 1px solid #9a9797; 
			font-size:11px;
			padding: 7px 0 0 20px; 
		}
			#col3 .teaser_head h3 { 
				height: 11px;
				float:left; 
				font-size: 11px;
			}
				#col3 .login h3{ 
					background: url(images/icons/crown_col_right.png) no-repeat;
					padding: 0 0 0 25px;  
				}
				
				#col3 .basket-overview h3{ 
					background: url(images/icons/basket_col_right.png) no-repeat;
					padding: 0 0 0 25px;  
				}
		#col3 .teaser_content{
			margin: 10px 10px 10px 15px;
			overflow:hidden;
		}
			#col3 .button{
				float: left;
			}
			
			#col3 .teaser_url {
			 clear: both;
			 float: none;
			 margin: 10px 10px 10px 15px;
			 overflow: hidden;
			}
			
			#col3 .teaser p{
				line-height:1em;
				background:#fff;
				padding:5px;
			}
			
			#col3 .teaser img{
				margin: 5px;
				float: none;
			}
		
		/* --- login ---*/
	
	#col3 .login input{
        border: 1px solid #cbc9c9;
        padding: 4px 0 4px 9px;
        color: #8e8d8f;
		margin: 3px 0 5px 0;
		width:145px;
    }
		#col3 .login input:active,
       #col3 .login input:focus{
           border: 1px solid #807e7e;
           background: #fafafa;
           color:#4f4f50;
       }
       
       /* login error-message */
       
		.login .error{
			display:block;
			margin-bottom: 10px;
			color: #c30218;
		}
			#col3 .login .form_submit{
				overflow:hidden;
				margin:5px 0 10px 0;
			}
		
/*--------------------- search results  ------------------------*/

	#search_res{
		list-style-type:none;
	}
		#search_res h1{
			color:#b1b1b1;
		}
		#search_res ul{
			margin:28px 0 ;
		}
		#search_res li{
			border-bottom: 1px dashed #b1b1b1;
			margin: 0 0 20px 0;
			line-height:1em;
			overflow:hidden;
			padding: 0 0 10px 0;
		}
		#search_res strong{
			color: #C30218;
		}
			#search_res li a:hover{
				background:none;
				color: #363636;	
				text-decoration:underline;
			}
			#search_res li h3{
				color: #363636;
				font-size:12px;
				margin: 0 0 10px 0;
			}
				#search_res li h3 a{
					color: #363636;
				}
					#search_res li h3 span{
						color: #b1b1b1;
						float:right;
						font-size: 11px;
						font-weight:normal;
					}
			#search_res li .img{
				float: left;
				height: 50px;
				overflow:hidden;
				margin: 0 10px 0 0;
				width: 50px;
			}
			#search_res li .txt{
				color: #131313;
				font-size:12px;
				margin: 0 0 8px 0;
			}
			#search_res li .url{
				color: #979797;
				font-size:11px;
			}
		/*--------------------- listing  ------------------------*/

	.listing{
		list-style-type:none;
	}
		.listing h1{
			color:#b1b1b1;
		}
		.listing ul{
			margin:15px 0;
		}
		.listing li{
			border-bottom: 1px dashed #b1b1b1;
			margin: 0 0 20px 0;
			overflow:hidden;
			padding: 0 0 10px 0;
			list-style-type:none;
		}
		.listing strong{
			color: #C30218;
		}
			.listing li a:hover{
				background:none;
				color: #363636;	
				text-decoration:underline;
			}
			.listing li h3{
				color: #363636;
				font-size:12px;
				margin: 0 0 10px 0;
			}
				.listing li h3 a{
					color: #363636;
				}
					.listing li h3 span{
						color: #b1b1b1;
						float:right;
						font-size: 11px;
						font-weight:normal;
					}
			.listing li .img{
				float: left;
				height: 100px;
				overflow:hidden;
				margin: 0 10px 0 0;
				width: 100px;
			}
			.listing li .txt{
				color: #131313;
				font-size:12px;
				margin: 0 0 8px 0;
			}
			.listing li .url{
				color: #979797;
				font-size:11px;
				text-align:right;
			}
			
			/*--------------------- jobs (listing)  ------------------------*/
			
			.listing.jobs ul{
				margin:30px 0;
			}
			
			
}