/*----------------------------------------------------------------------------*/
/*--------------- LAYOUT -----------------------------------------------------*/
/*----------------------------------------------------------------------------*/

body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	background: #fff;
	text-align: left;
}

#headerimages-holder {
	position: absolute;
	left:0;
	top:0;
	height: 475px;
	width: 920px;
	z-index: 1;
}
	#slider img {
		display: none;
	}
	#slider-mask {
		position: relative;
		top: -475px;
		z-index: 999;
	}
	

#wrapper { 
	/* 	wrapper zentrieren:
		margin: 0 auto; 	*/	
	width: 920px;
	text-align: left;
	z-index: 9999;
	position: relative;
}
	
	#top, #content-holder-pre, #content-holder, #external-logos {
		padding-right: 26px;
	}
	#top, #menu-main, #content-holder-pre, #content-holder, #external-logos {
		margin-left: 50px;
	}
	
	#top, #content-holder-pre, #external-logos 	{ padding-left: 26px; }
	#menu-main									{ padding-left: 20px; } /* Menuitem-Padding: 10px => Optisch total: 26px */
	
	#menu-main {							width: 794px; }
	#top {									width: 768px; }
	#content-holder-pre, #external-logos {	width: 778px; }
	* html #content-holder-pre, * html #external-logos { width: 812px; }
	#content-holder {						width: 804px; }
	
	
	
	#top {
		height: 375px;
		margin-top: 25px;
	}
		
		#logo {
			background: #ccc;
			z-index: 99999;
			width: 220px;
			height: 80px;
			float: left;
			margin-left: 0; /* 50px */
			background: url(../../fileadmin/media/_statics/logo-casa-berno.png) no-repeat;
		}
			#logo-image {
				width: 220px; 
				height: 80px;
			}
		#content-special {
			float: right;
		}
			#content-special {
			}
			
				#menu-language {
					text-align: right;
				}
					#menu-language img {
						margin-left: 2px;
					}
					#menu-language .langinakt img {
						opacity: .3;
					}
					#menu-language .langinakt:hover img {
						opacity: 1;
					}
	
				#phone {
					margin: 5px 0 10px 0;
					color: #900;
					line-height: 25px;
					background-image: url(../../fileadmin/media/_statics/phone.png);
					background-repeat: no-repeat;
				}
					#phone span {
						padding-left: 30px;
					}
				
						#menu-meta {
							width:150px;
						}
							
							/*#menu-meta ul {
								padding:0;
								margin:0;
							}*/
							
							#menu-meta ul li {
								/*float:left;*/
								margin: 0 0 5px 23px;
								text-align: left;
								/*text-align:right;*/
							}
							
							#menu-meta ul li a {
								margin-bottom: 5px;
								/*float:right;
								clear: both;*/
								border: 1px solid #fff;
								display: block;
								width:105px !important;
								padding:3px 10px 3px 10px;
								background: #900 url(../../fileadmin/media/_statics/arrow-white.gif) no-repeat 105px 4px;
								color:#fff;
								font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
								letter-spacing: 0.1em;
								text-transform: uppercase;
								text-decoration: none;
							}
							
							#menu-meta ul li a:hover{
								text-decoration:none;
								background: #cbd1d7 url(../../fileadmin/media/_statics/arrow-black.gif) no-repeat 105px 4px;
								color:#000;
							}

	
			
		
	#menu-main {
		height: 30px;
		background-color: #900;
		margin-bottom: 3px;
	}

		/*#menu-main {
			clear: both;
			background: url(images/menu-main.png) repeat-x;
			width: 800px;
			height: 55px;
			display: block;
		}*/
		
		#menu-main ul li {
			float: left;
			/*display: inline;*/
		}
		
		#menu-main li.highlight {
			background: #3F0;
			/*margin: 0;
			padding: 0;*/
		}
		
		#menu-main li.highlight a {                               
			background: #6b747d;
			/*border: 1px solid #bfd1e0;
			margin: 3px;
			padding: 7px 0 0 15px;*/
			display: block;
			/*width: 121px;
			height: 26px;*/
		}
		
		/*#menu-main span:hover { background: #f00; width: 100%; height: 25px; }
		*/
		#menu-main li a {
			border-right: 1px solid #cbd1d7;
			margin: 0;
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size: 12px;
			text-transform: uppercase;
			color: #fff;
			letter-spacing: 0.1em;
			font-weight: bold;
			padding: 9px 8px 1px 8px; /* höhe absolut im FF: 20+7+3 = 30 */
			display: block;
			height: 20px;
			text-decoration: none;
		}
		
		#menu-main li.highlight a:hover { background: #6b747d; }
		#menu-main li a:hover { background: #b2bac2; }
		
		
		
		
		
		
		
	

	#content-holder-pre {
		background: url(../../fileadmin/media/_statics/content-holder-pre-bg.png) no-repeat;
		height: 10px;
	}

	#content-holder { 
		background: url(../../fileadmin/media/_statics/content-holder-bg.png) repeat-y;
		padding-top: 20px;
		padding-bottom: 50px;
	}
		
		/* ---------------------*/
		/* LAYOUT 1: STARTSEITE */
		/* ---------------------*/
		#col-1-normal {	
			margin-left: 26px;
			margin-bottom: 25px;
		}
			#col-1-normal p, #col-1-normal td {	line-height: 2em; }
		
		#col-1-right-holder { 
			background: url(../../fileadmin/media/_statics/content-home-right-bg.gif) repeat-y;
			margin-left: 26px;
		}
			#col-1-A, 
			#col-1-B, 
			#col-1-C, 
			#col-1-D {
				float: left;
				padding: 0 8px 0 12px;
				width: 172px; /* 192 = 172+8+12 */
				/*border-left: 2px dotted #900;*/
			}
			* html #col-1-A, 
			* html #col-1-B, 
			* html #col-1-C, 
			* html #col-1-D {
				width: 176px !important;
			}
			
			/*#col-1-A { background: #f00; opacity: .5; }
			#col-1-B { background: #0f0; opacity: .5; }
			#col-1-C { background: #0ff; opacity: .5; }
			#col-1-D { background: #f0f; opacity: .5; }*/
			
			
				#col-1-A p, #col-1-A td,  
				#col-1-B p, #col-1-A td, 
				#col-1-C p, #col-1-A td, 
				#col-1-D p, #col-1-A td { line-height: 1.2em; }
			
				#col-1-A h1, 
				#col-1-B h1, 
				#col-1-C h1, 
				#col-1-D h1 {
					font-size: 1.5em;
					margin: 5px 0;
				}
				
				
		/* ---------------------*/
		/* LAYOUT 2: STARTSEITE */
		/* ---------------------*/
		#col-2-menu {
			float: left;
			width: 175px;
		}
			#col-2-menu ul {
				list-style-image: none !important;
			}
			
			
																	
																	/*#col-2-menu li {
																		background-color: #F6F;
																	}*/
																	
																	/*#col-2-menu li.highlight {
																		background: #333 url(../../fileadmin/media/_statics/menu-sub-highlight-bg.gif) no-repeat;
																		/*margin: 0;
																		padding: 0;
																	}*/
																	
																	/*#col-2-menu span:hover { background: #f00; width: 100%; height: 25px; }
																	*/
																	
																	#col-2-menu li.highlight a {                               
																		background: url(../../fileadmin/media/_statics/menu-sub-highlight-bg.gif) no-repeat left bottom;
																		/*border: 1px solid #bfd1e0;
																		margin: 3px;
																		padding: 7px 0 0 15px;*/
																		display: block;
																		/*width: 121px;
																		height: 26px;*/
																	}
																	#col-2-menu li.highlight-with-child a {                               
																		background: url(../../fileadmin/media/_statics/menu-sub-highlight-with-child-bg.gif) no-repeat left bottom;
																		display: block;
																	}
																	
																	#col-2-menu li a {
																		display: block;
																		background: url(../../fileadmin/media/_statics/menu-sub-bg.gif) no-repeat left bottom;
																		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
																		font-size: 12px;
																		line-height: 30px;
																		color: #000 !important;
																		padding: 0 10px 0 28px;
																		text-decoration: none;
																	}
																	
																	#col-2-menu li.highlight 			a:hover 	{ background: url(../../fileadmin/media/_statics/menu-sub-highlight-bg.gif) no-repeat left bottom; }
																	#col-2-menu li.highlight-with-child a:hover 	{ background: url(../../fileadmin/media/_statics/menu-sub-highlight-with-child-bg.gif) no-repeat left bottom; }
																	#col-2-menu li 			 			a:hover 	{ background: url(../../fileadmin/media/_statics/menu-sub-highlight-bg.gif) no-repeat left bottom; }
																	
																	
																					#col-2-menu ul ul {
																						padding: 0 0 5px 24px !important;
																						background: url(../../fileadmin/media/_statics/menu-sub-bg.gif) no-repeat left bottom !important;
																						padding-bottom: 1px;
																					}
																					#col-2-menu ul ul li.highlight a {                               
																						background: url(../../fileadmin/media/_statics/menu-sub-sub-highlight-bg.gif) no-repeat left top !important;
																					}
																					#col-2-menu ul ul li a {
																						line-height: 20px !important;
																						background-image: none !important;
																					}
																					
																					#col-2-menu ul ul li.highlight 				a:hover 	{ background: url(../../fileadmin/media/_statics/menu-sub-sub-highlight-bg.gif) no-repeat left top !important; }
																					#col-2-menu ul ul li 			 			a:hover 	{ background: url(../../fileadmin/media/_statics/menu-sub-sub-highlight-bg.gif) no-repeat left top !important; }
																	
																
			
			
			
			
			
			
			
			
			
			
			
			
	
		#col-2-normal {
			float: left;
			margin-left: 50px;
			width: 530px; /* 530+50 = 580 */
		}
			
		
		
		/* ---------------------*/
		/* LAYOUT 3: 1-spaltig  */
		/* ---------------------*/
		#col-3-normal {
			float: left;
			margin-left: 26px;
			width: 762px; 
		}
		
		
		
		
	
	#shaddow-content-holder, 
	#shaddow-external-logos {
		width: 10px;
	}

	
	#external-logos {
		background: url(../../fileadmin/media/_statics/external-logos-bg.png) repeat-y 0px -35px; /* Bildhöhe 100px - Boxhöhe 65px = 35px */
		text-align: right;
		height: 50px;
		z-index: 999;
	}
	
	#footer-pre {
		background: #cbd1d7 url(../../fileadmin/media/_statics/external-logos-bg.png) repeat-y 50px -75px;
		height: 25px;
	}
		
	#footer { 
		background-color: #cbd1d7;
		padding: 25px 0 35px 65px;
		height: 200px;
	}
		/*#menu-footer-1, 
		#menu-footer-2, 
		#menu-footer-3, 
		#menu-footer-4, 
		#menu-footer-5 {
			float: left;
			width: 150px;
			margin-right: 10px;
			background-color: #d3dfe9;
		}
		#menu-footer-5 {
			margin-right: 0;
		}*/
		.menu-footer {
			margin: 0 20px 0 0;
			float: left;
			width: 130px;
		}
		
			#footer h1 {
				border-bottom: 1px solid #fff;
				color: #fff;
				font-size: 1.2em;
				padding: 5px 15px;
				margin-bottom: 10px;
			}
			
			.menu-footer a {
				color: #fff !important;
				text-decoration: none;
				line-height: 15px;
				padding: 0 0 0 28px;
				background: url(../../fileadmin/media/_statics/menu-footer-item-bg.gif) no-repeat 15px 3px;
				
			}
			
			

/*------------------------------------------*/
/*--------------- EXTENSIONS ---------------*/
/*------------------------------------------*/

/*----------- CSS-STYLED-CONTENT -----------*/
.csc-caption, 
.csc-textpic-caption {
	color: #5b6e82 !important;
	margin-top: 5px !important;
	font-size: 0.85em !important;
	line-height: 1.2em !important;
	letter-spacing: 0.06em !important;
}
/* Standard-Rahmen HOVER */
#col-2-normal .csc-textpic-image :hover img {
	border: 1px solid #768898 !important;
}