@charset "utf-8";
/* CSS Document */

@import url('reset.css');

@import url('globals.css');


body, html { 
	height: 100%;
	margin:0;
	padding:0;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#000;
	background:url('../../../../images/steurer/background.jpg') repeat-x #fff;
}


.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width:900px;
	margin:0 auto -55px auto;
}

.header {
	position:relative;
	width:900px; height:250px;
	background:url('../../../../images/steurer/background_header.png') no-repeat;
}

	.header .branding {
		position:absolute;
		display:block;
		top:0; left:0;
		width:300px; height:250px;
		text-indent:-999em;
	}
	
	.header .menu {
		position:absolute;
		top:0px; right:0px;
		list-style:none;
	}
	
		.header .menu li { float:left; list-style:none;  }
		
		.header .menu a { 
			display:block; 
			width:125px;
			height:80px;
			text-indent:-999em;
			background:url('../../../../images/steurer/menu.png') no-repeat; 
		}
		
			.header .menu a.menu_home { width:75px; background-position:-50px 0px; }
			.header .menu a.menu_ueberuns { width:100px; background-position:-150px 0px; }
			.header .menu a.menu_leistungen { background-position:-250px 0px; }
			.header .menu a.menu_tools { width:75px; background-position:-425px 0px; }
			.header .menu a.menu_kontakt { width:100px; background-position:-525px 0px; }
			
			.header .menu a.menu_home:hover { width:75px; background-position:-50px -100px; }
			.header .menu a.menu_ueberuns:hover { width:100px; background-position:-150px -100px; }
			.header .menu a.menu_leistungen:hover { background-position:-250px -100px; }
			.header .menu a.menu_tools:hover { width:75px; background-position:-425px -100px; }
			.header .menu a.menu_kontakt:hover { width:100px; background-position:-525px -100px; }
		
		.header .icons {
			position:absolute;
			bottom:40px; right:0px;
		}
			
			.header .icons li { float:left; list-style:none; }
			
			.header .icons a {
				display:block;
				width:40px; height:40px;
				text-indent:-999em;
				background:url('../../../../images/steurer/icons.png') no-repeat;
				margin-left:15px;
			}
			
			.header .icons a.mac { background-position:0px 0px; }
			.header .icons a.mac:hover { background-position:0px -40px; }
			.header .icons a.linux { background-position:-40px 0px; }
			.header .icons a.linux:hover  { background-position:-40px -40px; }
			.header .icons a.win { background-position:-80px 0px; }
			.header .icons a.win:hover  { background-position:-80px -40px; }
			.header .icons a.webcam { background-position:-120px 0px; }
			.header .icons a.webcam:hover  { background-position:-120px -40px; }
	
.content {
	width:670px;
	padding-bottom:30px;
}
	
	.content h1 {
		height:20px; width:auto;
		color:#fff;
		background:#e60028;
		font-family: bank_gothic, Helvetica, Arial, sans-serif;
		font-size:1.8em;
		font-weight:normal;
		font-style:normal;
		padding:6px 0px 5px 10px;
		margin:0 0 1em 0;
	}
	
	.content h2 {color:#000; font-size:1.2em; font-weight:bold; font-style:normal; text-decoration:none; padding:3px 0px 5px 10px; }
	.content h3 {color:#000; font-size:1.1em; font-weight:bold; font-style:italic; text-decoration:none; padding:3px 0px 5px 10px; }
	.content h4 {color:#000; font-size:1.0em; font-weight:normal; font-style:normal; text-decoration:underline; padding:3px 0px 5px 10px; }
	.content h5 {color:#000; font-size:0.9em; font-weight:normal; font-style:italic; text-decoration:none; padding:3px 0px 5px 10px; }
	.content h6 {color:#000; font-size:0.8em; font-weight:normal; font-style:normal; text-decoration:none; padding:3px 0px 5px 10px; }
	
	.content p {
		padding:1em;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 12px;
		font-style: normal;
		font-weight: normal;
		text-transform: normal;
		letter-spacing: normal;
		line-height: 1.4em;
	}
	
	.content .news {
		width:670px;
		border-top:1px dotted #435255;
		padding:5px 0 30px 0;
	}
		
		.content .news .date {
			width:120px;
			font-size:12px;
			color:#435255;
			font-weight:bold;
			border-bottom:1px dotted #435255;
			margin:3px 20px 0 0;
			padding:5px 0 4px 0;
		}
		
		.content .news .image {
			width:120px;
			border-bottom:1px dotted #435255;
			padding:5px 0 4px 0;
		}
			
			.content .news .image img { width:120px; height:auto; }
		
		.content .news .link {
			width:120px;
			font-size:12px;
			font-weight:bold;
			border-bottom:1px dotted #435255;
			margin:3px 20px 0 0;
			padding:5px 0 4px 0;
		}
		 	
			.content .news .link a { font-size:12px; font-weight:bold; text-decoration:underline; color:#435255; }
			.content .news .link a:hover {color:#8bcbe9; text-decoration:none;}
		
		.content .news h3 { line-height:1.8em; }
		
		.content .news .content {
			width:350px;
			margin:0;
			padding:0 0 0 10px; 
			font-size:12px;
			line-height:1.4em
		}
		
		.content .news .projectImages {
			list-style:none;
		}
		
		.content .news .projectImages li {
			margin:3px;
		}
		
		.content .news .projectImages img {
			width:80px;
			height:auto;
		}
	
	
	.content h2 { margin-bottom:10px; }
	.content .prompt label {float:left; width:150px; text-align:right; }
	.content .prompt input { float:left; width:200px; margin:2px 5px; border:solid 1px #b4b4b4; border-top-color:#727272; border-bottom-color:#dadada; background:url('../../../../images/background_input.jpg') repeat-x #fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; }
	.content .prompt input[type="submit"] {display:none; }
	
	.content .prompt .btn { display:block; height:14px; padding:2px 10px 0px 20px; margin:1px;  text-decoration:none; font-weight:bold; color:#666; cursor:pointer;}
	.content .prompt .btn.door_in { background:url('../../../../images/icons/door_in.png') no-repeat left; }
	
	.content a.tools, a.tools:hover { text-decoration:none; }

.info_col {
	width:200px;
	margin:0 0 0 30px;
}
	
	.info_col .online-hilfe { 
		display:block;
		width:195px; height:36px;
		background:url('../../../../images/steurer/online-hilfe.jpg') no-repeat;
		text-indent:-999em;
	}
	
	.info_col .trendmicro-feed {
		width:200px;
		margin:20px 0 0 10px;
	}
	
	
.push { height:55px; }
 

.footer {
	width:100%; height:35px;
	border:0;
	border-top:5px solid #b5b5b5;
	padding:15px 0 0;
	color:#a0a0a0;
	font-size:0.8em;
	background:#fff;
	text-align:center;
}

	.footer a { color:#0e224e; }