/* CSS Document */
/* Copyright Florian Fischer-Zernin */
/* TYPO */
	a
	{
	outline: none;
	}
	a:link
	{ 
		color: #f76214;
		text-decoration: underline;
	}
	a:visited
	{
		color: #f76214;
		text-decoration: underline;
	}
	a:hover 
	{
		color: #f76214;
		text-decoration: underline;
	}
	a:active
	{
		color: #f76214;
		text-decoration: underline;
	}
	img
	{
	border: none;
	}
	.orange 
	{
		color: #f76214;
	}
	.red
	{
		color:#FF0000;
	}
	h1
	{
		margin: 0px;
		color: #f76214;
		font-size: 14px;
		font-family: Georgia, Times New Roman, Times, serif;
		font-weight: bold;
	}
	h2
	{
		margin: 0px;
		color: #f76214;
		font-size: 10px;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-weight: normal;
	}
	h3
	{
		margin: 0px;
		color: #3c1411;
		font-size: 10px;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-weight: bold;
	}
	p, h4
	{
		margin: 0px;
		color: #3c1411;
		font-size: 10px;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-weight: normal;
		line-height: 14px;
	}
	hr
	{
		margin: 6px 0 0 0;
		paddin: 0px;
		height: 1px;
		width: 540px;
		border: none;
		background-image:url(img/hr_dot.gif);
		background-repeat: repeat-x; 	
	}
	span
	{
		display: none;	
	}
	.novisible
	{
		visibility: hidden;
	}
	.nodisplay
	{
		display: none;
	}
	
/* LAYOUT */
	body
	{
		padding: 0;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		text-align: center;
		color: #333333;
		background: #565950 url(img/bg.gif); 
	}
	#container
	{
		margin: 20px auto;
		text-align: left;
		width: 745px;
		height: auto;
		padding-bottom: 12px;
		background: #ffffff;
		border: 0px;
	}
	#header
	{
		height: 252px;
		width: 745px;
	}
	#subheader
	{
		background-color:#3c1411;
		margin-top: 14px;
		margin-left: 12px;
		font-size:0;
		height: 8px;
		width: 721px;
	}
	#navi 
	{
		float: left;
		width: 140px;
		height: 200px;
		margin: 22px 0 40px 25px;
		display: inline;
	}
	#navi li, ul
	{
		margin: 0 0 10px 0;
		padding: 0;
		float: left;
		/*list-style-type: none;*/
		list-style: none outside;
		width: 90px;
		height: 13px;
		text-indent: -1000em;
	}
	#navi li a
	{
		display: block;
		height: 13px;
		text-decoration: none;
		outline: none;
	}
	.homeactive
	{
	background: url(img/home_over.gif) no-repeat;
	width: 65px;
	}
	.home a
	{
	background: url(img/home.gif) no-repeat;
	width: 65px;
	}
	.home a:hover
	{
	background: url(img/home_over.gif) no-repeat;
	}
	.home a:active
	{
	background: url(img/home_over.gif) no-repeat;
	}
	.teamactive
	{
	background: url(img/team_over.gif) no-repeat;
	width: 63px;
	}
	.team a
	{
	background: url(img/team.gif) no-repeat;
	width: 63px;
	}
	.team a:hover
	{
	background: url(img/team_over.gif) no-repeat;
	}
	.team a:active
	{
	background: url(img/team_over.gif) no-repeat;
	}
	.serviceactive
	{
	background: url(img/service_over.gif) no-repeat;
	width: 86px;
	}
	.service a
	{
	background: url(img/service.gif) no-repeat;
	width: 86px;
	}
	.service a:hover
	{
	background: url(img/service_over.gif) no-repeat;
	}
	.service a:active
	{
	background: url(img/service_over.gif) no-repeat;
	}
	.workactive
	{
	background: url(img/work_over.gif) no-repeat;
	width: 67px;
	}
	.work a
	{
	background: url(img/work.gif) no-repeat;
	width: 67px;
	}
	.work a:hover
	{
	background: url(img/work_over.gif) no-repeat;
	}
	.work a:active
	{
	background: url(img/work_over.gif) no-repeat;
	}
	.contactactive
	{
	background: url(img/contact_over.gif) no-repeat;
	width: 90px;
	}
	.contact a
	{
	background: url(img/contact.gif) no-repeat;
	width: 90px;
	}
	.contact a:hover
	{
	background: url(img/contact_over.gif) no-repeat;
	}
	.contact a:active
	{
	background: url(img/contact_over.gif) no-repeat;
	}
	.next
	{
	background: url(img/next_low_small.gif) no-repeat;
	position: relative;
	top: -12px;
	float: right;
	margin-left: 8px;
	height: 9px;
	width: 11px;
	font-size: 0;
	text-indent: -1000em;
	}
	.next:hover
	{
	background: url(img/next_hi_small.gif) no-repeat;
	}
	.next:active
	{
	background: url(img/next_hi_small.gif) no-repeat;
	}
	.prev
	{
	background: url(img/prev_low_small.gif) no-repeat;
	position: relative;
	top: -12px;
	float: right;
	height: 9px;
	width: 11px;
	font-size: 0;
	text-indent: -1000em;
	}
	.prev:hover
	{
	background: url(img/prev_hi_small.gif) no-repeat;
	}
	.prev:active
	{
	background: url(img/prev_hi_small.gif) no-repeat;
	}
	
	.next_det
	{
	background: url(img/next_low_big.gif) no-repeat;
	position:relative; 
	top:-12px; 
	float: right; 
	margin-left: 4px;
	height: 9px;
	width: 18px;
	font-size: 0;
	text-indent: -1000em;
	}
	.next_det:hover
	{
	background: url(img/next_hi_big.gif) no-repeat;
	}
	.next_det:active
	{
	background: url(img/next_hi_big.gif) no-repeat;
	}
	.overview
	{
	background: url(img/top_low.gif) no-repeat;
	position: relative;
	top: -12px;
	float: right;
	margin-left: 4px;
	height: 9px;
	width: 18px;
	font-size: 0;
	text-indent: -1000em;
	}
	.overview:hover
	{
	background: url(img/top_hi.gif) no-repeat;
	}
	.overview:active
	{
	background: url(top_hi.gif) no-repeat;
	}
	.prev_det
	{
	background: url(img/prev_low_big.gif) no-repeat;
	position: relative;
	top: -12px;
	float: right;
	height: 9px;
	width: 18px;
	font-size: 0;
	text-indent: -1000em;
	}
	.prev_det:hover
	{
	background: url(img/prev_hi_big.gif) no-repeat;
	}
	.prev_det:active
	{
	background: url(img/prev_hi_big.gif) no-repeat;
	}
	
	#centerstage 
	{
		float:left;
		width: 330px;
		height: auto;
		margin: 22px 0 60px 0;
		background-image:url(img/dot.gif);
		background-repeat: repeat-y;	
	}
	#rightstage 
	{  
		float:left;
		width: 250px;
		height: auto;
		margin: 22px 0 60px 0;
		background-image:url(img/dot.gif);
		background-repeat: repeat-y;
	}
	#stage 
	{
		float:left;
		width: 560px;
		height: auto;
		margin: 22px 0 60px 0;
		background-image:url(img/dot.gif);
		background-repeat: repeat-y;	
	}
	#firstthumb
	{
	margin: 32px 0 0 0;
	border: solid 1px #cccccc;
	outline: none;
	}
	#thumb
	{
	margin: 32px 0 0 6px;
	border: solid 1px #cccccc;
	outline: none;
	}
	.preview
	{
	margin: 14px 0 0 0;
	border: solid 1px #cccccc;
	height:188px;
	width:267px
	}
	.screen
	{
	margin: 24px 0 0 0;
	border: 0;
	}
	.screenborder
	{
	margin: 24px 0 0 0;
	border: solid 1px #cccccc;
	}
	#screen
	{
	margin: 32px 0 0 0;
	border: solid 1px #cccccc;
	}
	#teaser_home, #teaser_team, #teaser_service, #teaser_work, #teaser_contact 
	{
	margin: 0 25px 0 25px;
	}
	#teaser_home, #stage_home
	{
	height: 200px;
	}
	#teaser_team, #stage_team
	{
	height: 240px;
	}
	#teaser_service, #stage_service
	{
	height: 400px;
	}
	#teaser_work
	{
	height: 200px;
	}
	#stage_work
	{
	height: auto;
	}
	#teaser_contact, #stage_contact
	{
	height: 300px;
	}
	#stage_home, #stage_team, #stage_service, #stage_work, #stage_contact
	{
	margin: 0 25px 0 25px;
	}
	#stage_work_full
	{
	margin: 0 0 0 25px;
	}
	#stage_work_auto  /*check if still needed*/
	{
	margin: 0 25px 0 25px;
	height: auto;
	}
	#work ul
	{
	width: 200px;
	}
	#work li
	{
	list-style: none outside;
	height: 18px;
	}
	#work li a
	{	
	text-decoration: none;
	color: #3c1411;
	outline: none;
	}
	#work li a:hover
	{	
	text-decoration: none;
	color: #f76214;
	}		
	#footer
	{
		clear: left;
		background-color:#3c1411;
		height: 18px;
		width: 721px;
		font-size:0;
		margin: 0 0 0 12px;
	}
	#impressum
	{
		margin: 5px 0 0 13px;
		display: inline;
		float: left;
		font-size: 0;
	}
	#kundenlogin
	{
		padding: 5px 0 0 10px;
		display: inline;
		float: left;
		font-size: 0;
	}
	#copyright
	{
		margin: 5px 13px 0 0;
		display: inline;
		float: right;
		font-size: 0;
	}