/*
	project: web application template
	author: luka cvrk (www.solucija.com)
*/

	*{ 
	margin: 0; 
	padding: 0; }*
	
	body { 
	margin: 30px 0 0; 
	background: #fff url(../images/bg.gif) repeat-x; 
	font: .65em Verdana, "Trebuchet MS", Arial, Sans-Serif; 
	color: #444; }
	
	h1 { 
	font-size: 3em; 
	font-weight: normal; 
	float: left; 
	padding:40px 0 0; }
	
	h1 a { 
	text-decoration: none; }
	
	h2 { 
	font-size: 2em; color: #FFF; 
	font-weight: normal; 
	margin: 0 0 .8em; }
	
	h3 { 
	font-size: 1.3em; 
	border-bottom: 1px solid #eee; 
	margin: 0 0 .8em; }
	
	p  { 
	margin: 0 0 2em 0; 
	line-height: 1.6em; }
	
	em { 
	border-bottom: 1px dotted #fff; 
	cursor: pointer; }
	
	a { 
	color: #9D2900; 
	text-decoration: none;}
	
	a:hover { 
	color: #A0000E; 
	text-decoration: none; }
	
	img { 
	border: 0; }
	
	.red { 
	color: #9D2900; }
	
	.wrap { 
	width: 920px; 
	margin: 0 auto; }
 
	#header { 
	width: 900px; 
	height: 150px; 
	margin: 0 auto; }
	
	.logo {
	margin-top: 35px; }
	
	
	#menu  { 
	float: right; 
	padding: 0 6px 16px 9px; 
	list-style: none; 
	font-size: 9px;}
	
	#menu li { 
	display: inline; }
	
	#menu a { 
	display: block; 
	float: left; 
	margin-left: 15px; 
	padding: 7px; 
	text-decoration: none; 
	font-size: 9px; color: #000000; }
	
	#menu a:hover { 
	color: #000; 
	border-bottom: 2px solid #ccc; }
	
	#menu .active a { 
	border-bottom: 2px solid #C70012; 
	color: #9D2900;}
 
	#teaser { 
	clear: both; 
	height: 250px; 
	background: #fff url(../images/teaserbg.jpg) repeat-x; }
	
	.box { 
	float: left; 
	padding: 50px 0 0; 
	width: 350px; 
	color: #fff; }
	
	#image {
	float: right;
	width: 550px;
	position: relative;
	top: 34px;
	background: url(../bilder/bildspel1104.gif) no-repeat top right;
	height: 228px;
}
	
	#bar { 
	height: 40px; 
	margin: 0 0 15px; 
	padding: 8px 0 0 0; 
	background: url(../images/bar.gif) repeat-x; }
	
	.step { 
	color:#FAFDDD;
	cursor:pointer;
	float:left;
	font-size:1.1em;
	height:20px;
	margin:0 14px 0 0;
	padding:5px 0 0 1px;
	text-align:center; }
	
	.step a { 
	color: #fff; 
	margin: 0 10px 0 0; }
	
	.step a:hover { 
	border-bottom: 2px solid #cabcbb; }
	
	.col { 
	float: left; 
	width: 160px; 
	margin: 0 30px 12px 0; }

	.last { 
	float: right; 
	margin: 0; }
	
	.info { 
	border: 1px solid #e0e0e0; 
	background: #f4f4f4; 
	padding: 0px; }

	#footer { 
	clear: both; 
	width: 870px; 
	margin: 0 auto; 
	padding: 15px; 
	border-top: 1px solid #e0e0e0; 
	background: #fff url(../images/small_logotype.jpg) no-repeat right 13px; }	
	
	#footer .right { 
	float: right; 
	margin: 0 55px 0 0; }
	
	#footer a { 
	color: #808080; 
	font-weight: bold; }