/* header.css */

#header {
	position: relative;
	height: 165px;
	width: 100%;
	margin: 0;
	padding: 0;
	
	border-bottom: 1px solid black;
}

	#header #header_left {
		position: absolute;
		top: 0px;
		left: 0px;
		height: 100%;
		width: 230px;
		margin: 0;
		padding: 0;
		background-image: url(img/computer.png);
	}
	#header #header_right {
		position: absolute;
		top: 0px;
		left: 230px;
		height: 100%;
		width: 770px;
		margin: 0;
		padding: 0;
		
		background-image: url(img/header_bg.png);
		background-repeat: repeat-y;
	}

		#header #header_right #blue_technologies_logo {
			position: absolute;
			top: 30px;
			left: 20px;
			height: 52px;
			width: 195px;
			margin: 0;
			padding: 0;
		}

		#header #header_right #slogan {
			position: absolute;
			top: 30px;
			left: 370px;
			height: 48px;
			width: 300px;
			margin: 0;
			padding: 0;
			
			text-align: right;
		}

			#header #header_right #slogan h1 {
				margin: 0;
				padding: 0;
				
				color: white;
				font-size: 25px;
			}

			#header #header_right #slogan p {
				margin: 0;
				padding: 0;
				
				margin-top: 2px;
				
				font-size: 16px;
			}
		
		#header #header_right #menu {
			position: absolute;
			top: 130px;
			left: 0px;
			height: 35px;
			width: 100%;
			margin: 0;
			padding: 0;
			
			font-size: 12px;
		}
		
			#header #header_right #menu ul {
				margin: 0;
				padding: 0;
				height: 100%;
				
				list-style: none;
			}
			
				#header #header_right #menu ul li {
					margin: 0;
					padding: 0;
					height: 35px;
					
					/* color: #323132; */
					
					float: left;
				}
				
					#header #header_right #menu ul li div {
						margin: 0;
						padding: 0;
						
						padding-left: 10px;
						padding-right: 10px;
						padding-top: 10px;
						
						height: 25px;
					}
				
				#header #header_right #menu ul li.active {
					margin: 0;
					
					height: 36px;
					
					/* color: #1b1b1b; */
					font-weight: bold; 
				}
									
					#header #header_right #menu ul li.active div.right {
						margin: 0;
						padding: 0;
						
						height: 36px;
						
						background: url(img/right_corner.png) bottom right no-repeat;
					}
				
					#header #header_right #menu ul li.active div.left {
						margin: 0;
						padding: 0;
						margin-right: 10px;
						
						height: 36px;
						
						background: url(img/left_corner.png) bottom left no-repeat;
					}
					
					#header #header_right #menu ul li.active div {
						margin: 0;
						padding: 0;
						
						padding-left: 10px;
						padding-right: 0px;
						padding-top: 10px;
						
						height: 25px;
					}
		#header #header_right #impressum {
			position: absolute;
			top: 150px;
			left: 605px;
		}
		
			#header #header_right #impressum a {
				font-size: 11px;
				color: #333333;
				text-decoration: none;
			}