/* -------------------------------------------------------------------- */
/* style sheets für www.westcoastvideo.de, 2009-2010					*/
/* realisation and author: michael schulze, www.jms-design.de 			*/
/* -------------------------------------------------------------------- */


/* -------------------------------------------------------------------- */
/* globale Einstellungen */
	
	body, html {
		margin: 0px;
		padding: 0px;
	}
	
	

/* -------------------------------------------------------------------- */		
/* Schriftklassen */
	
	body {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px; 
		font-style: normal; 
		font-weight: normal; 
		line-height: 20px;
		color: #f0f0f0;
		background-color: #4f4f4c;
	}
	
	
	/* allgemeine Linkdarstellung */
		a 			{ text-decoration: none; color: #f0f0f0; }
		a:hover 	{ color: #cccccc; }
		
		
	/* allgemeine Betonungen */
		h1 {
			font-size: 21px;
			line-height: 23px;
			font-weight: normal;
			font-style: normal;
			color: #191919;
			margin: 0px 0px 18px 0px;
			padding: 0px;
		}
		
		h3 {
			font-size: 11px; 
			font-style: normal; 
			font-weight: bold; 
			line-height: 20px;
			color: #ff7d00;
			padding: 0px;
			margin: 0px;
		}
		
		.orange { color: #ff7d00; }
		
	
/* -------------------------------------------------------------------- */
/* Seitenaufbau */

	/* Navigation ----------------------------------------------------- */
		
		#logo {
			position: fixed;
			top: 60px;
			left: 0px;
			width: 100%;
			text-align: right;
			z-index: 1;
		}
		
		#logoimg {
			margin: 0px 20px 0px 800px;
			border: none;
		}
		
		/* Hauptnav */
		
			/* Pfeile: Navigation verbergen/zeigen */
				#navhidecontainer {
					position: fixed;
					top: 260px;
					left: 0px;
					z-index: 100;
					padding-left: 5px;
				}
				
				#navhidecontainer a 	  { color: #aeafaf;	}
				#navhidecontainer a:hover { color: #f0f0f0; }				
				#linkShowNav 			  { display: none; }
				
				.selE2 {
					position: absolute;
					z-index: 10;
					left: 10px;
					display: none;
					padding: 0px 5px 0px 5px;
					background: #ff7d00;
					color: #2e2e2d;
					height: 14px;
					line-height: 13px;
				}
				
				
			/* Hauptnavigation */
			
				#hnavcontainer {
					position: fixed;
					top: 288px;
					left: 0px;
					z-index: 100;
				}
				
				/* Ebene 1 */
					.hnavE1, .hnavE1sel, .hnavE1directsel {
						clear: both;
						display: block;
						float: left;
						padding: 0px 5px 0px 5px;
						margin-bottom: 6px;
						background: #aeafaf;
						color: #2e2e2d;
						height: 14px;
						line-height: 13px;
						overflow: hidden;
					}
					
					.hnavE1sel, .hnavE1directsel {
						position: absolute;
						left: 0px;
						z-index: 10;
					}
					
					.hnavE1directsel {
						background: #ff7d00;
					}
					
					.hnavE1:hover, .hnavE1sel:hover { background: #ff7d00; color: #2e2e2d; }
					.hnavE1directsel:hover 			{ background: #aeafaf; color: #2e2e2d; }
				
					.E1v1top	{ top: 0px; }
					.E1v2top	{ top: 20px; }
					.E1v3top	{ top: 40px; }
					.E1v4top	{ top: 60px; }
					.E1v5top	{ top: 80px; }
					
					.katmarker {
						width: 6px;
						height: 14px;
						float: left;
					}
				
				/* Ebene 2 */
					.hnavE2Cont { 
						position: relative;
						visibility: hidden;
						z-index: 1;
						clear: both;
						padding-left: 6px;
					}
					
					.hnavSpacer { float: left; }
					
					/* manuelle StartBreite !ACHTUNG: Anpassen, wenn Wort geändert wird, um Springen beim Umschalten zu vehindern */
					#spacer2 	{ width: 136px; }
					#spacer3 	{ width: 113px; }
					#spacer4	{ width: 85px; }
				
					.hnavE2, .hnavE2sel {
						display: block;
						float: left;
						padding: 0px 5px 0px 5px;
						margin-bottom: 6px;
						background: url(../wcv_bilder/wcv_navE2_back.png);
						color: #2e2e2d;
						height: 14px;
						line-height: 13px;
					}
					
					.hnavE2sel:hover { color: #2e2e2d; }
					
					.hnavE2:hover, .hnavE2sel {
						background: #ff7d00;
						color: #2e2e2d;
					}
				
		
		
	/* Inhaltsbereich -------------------------------------------------- */
		
		.content {
			padding: 0px 0px 20px 250px;
			width: 476px;
		}
		
		p {
			margin: 0px 0px 20px 0px;
			padding: 0px;
		}
		
		.clearer {
			clear: both;
		}
		
		#topmarker {
			height: 13px;
			background: #ff7d00;
		}
		
		.headline {
			display: block;
			margin-left: -2px;
			padding: 40px 0px 15px 0px;
			border-bottom: 1px solid #ff7d00;
		}
		
		.textblock 	{ margin-top: 64px; }
		.firstblock { margin-top: 42px; }
		
		.lastblock {
			padding-bottom: 15px;
			border-bottom: solid 1px #f0f0f0;
		}
		
		
	/* Fusszeile ------------------------------------------------------- */
		
		
		
					
	/* seitenspezifische Objekte --------------------------------------- */
		
		/* Startseite */
		
			#starthead {
				border: none;
				padding-bottom: 0px;
			}
			
			#startfirsttext {
				margin-top: 24px;
			}
			
			#newshead {
				display: block;
				margin: 45px 0px 30px 0px;
			}
			
			#newsbild { display: block;	}
			#newstext { margin-top: 15px; }
			#newsinfolink { 
				display: block;	
				padding: 10px 0px 15px 0px;
				border-bottom: solid 1px #f0f0f0;
			}
			
		/* Teamseite */
			
			.teamhead, .teamheadSel {
				display: block;
				margin-top: 40px;
				border-top: solid 1px #f0f0f0;
			}
			
			.teamhead:hover, .teamheadSel, .teamheadSel:hover {
				color: #ff7d00;
				border-top: solid 1px #ff7d00;
				font-weight: bold;
			}
			
			.teamtext {
				overflow: hidden;
			}
			
			
		
		/* Kundenliste */
		
			#kundenspalte1, #kundenspalte2 {
				padding: 42px 20px 50px 0px;
				float: left;
				width: 228px;
			}
			
			#kundenspalte2 {
				padding-right: 0px;
			}
			
			.kundenliste {
				list-style: none;
				padding: 0px; 
				margin: 0px 0px 15px 0px;
			}
			
			.register {
				color: #ff7d00;
				line-height: 8px;
				border-bottom: 1px solid #ff7d00;
				margin: 4px 0px 7px 0px;
			}
			
			.registerWert {
				font-weight: bold;
				background: #4f4f4c;
				padding-right: 5px;
			}
		
		/* Referenzprojekte */
		
			.reflogocontainer {
				background: #f4f4f4;
				text-align: center;
			}
			
			.refbild, .wcvvideo {
				display: block;
				margin-bottom: 21px;
			}
			
			.reflogo {
				border: none;
			}
			
			.refkattrenner {
				margin: 19px 0px 20px 0px;
				border-bottom: 1px solid #f0f0f0;
			}
			
			.refsubhead {
				margin: 19px 0px 20px 0px;
				border-bottom: 1px solid #f0f0f0;
			}
			
			.refsubheadR { float: right; }
			
			.refsubhead a 		{ color: #f0f0f0; }
			.refsubhead a:hover { color: #CCCCCC; }
			
			.refbu {
				margin: 0px 0px 30px 0px;
			}
			
			.refnextlink {
				display: block;
				color: #f0f0f0;
				border-top: 1px solid #f0f0f0;
				padding-bottom: 50px;
				margin-top: 80px;
			}
			
			.refnextlink:hover {
				color: #cccccc;
			}