/*	UNDO
------------------------------------------------------------------------------*/
:link,:visited 
{ 
	text-decoration : none; 
}
ul,ol 
{ 
	list-style : none 
}
h1,h2,h3,h4,h5,h6,pre,code 
{ 
	font-size : 1em; 
	font-weight : normal; 
}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd 
{ 
	margin : 0; 
	padding : 0; 
}
img, a img,:link img,:visited img, fieldset 
{ 
	border : none; 
}
img 
{ 
	margin : 0; 
	padding : 0; 
	vertical-align : bottom; 
}
address 
{ 
	font-style : normal; 
}
table 
{	
	border : none; 
	padding : 0px; 
	margin : 0px; 
	border-spacing : 0px; 
	font-size : 1em;
}
tr 
{
	border : none; 
	padding : 0px; 
	margin : 0px; 
}
td 
{ 
	border : none; 
	padding : 0px; 
	margin : 0px; 
	vertical-align : top; 
	border-spacing : 0px; 
}
legend 
{ 
	display : none; 
}

/*	RESET SOME BASIC STYLE
------------------------------------------------------------------------------*/
dl { margin : 0 0 0 0; }
dl dt { margin : 0 0 0 0; }
dl dd+dt { margin-top : 0; }
dl dd { margin : 0 0 0 0; }
ol { list-style : none; }
ol li { margin : 0 0 0 0; }
ol li ol { margin : 0 0 0 0; }
ol li ul { margin : 0 0 0 0; }
p { margin-bottom : 0em; }
ul { list-style : none; }
ul li { margin : 0 0 0 0; }
ul li ul { margin : 0 0 0 0; list-style : none; }
ul li ol { margin : 0 0 0 0; }
pre { font-size : 1.2em; }
a:hover { text-decoration : none; }
a:focus { outline : none; }

/*	HTML
------------------------------------------------------------------------------*/
html { min-height : 480px; margin-bottom : 0px; }

/*	BODY
------------------------------------------------------------------------------*/
body 
{
	background-color : #FFFFFF;
	font-family : Arial, Verdana, Helvetica, sans-serif;
	voice-family : inherit;
	overflow : visible;
}
.flLeft 
{ 	
	float : left; 
}
.flRight 
{ 
	float : right; 
}
.clear 
{
	clear : both;
}

/* 
   Styles for scrolling layers  
	 Specify width and height in hold and wn, and in clip for wn 
*/
div#hold	
{ 
	position : relative; 
	overflow : visible;
	width : 300px; 
	height : 488px; 
  	z-index : 100; 
}
div#wn	
{ 
	position : absolute; 
	left : 0px; 
	top : 0px; 
	width : 300px; 
	height : 488px; 
	clip : rect(19px, 300px, 488px, 0px); 
	overflow : hidden;	
	z-index : 1; 
}
div.content 
{ 
	position : absolute; 
	visibility : hidden;
	left : 0px; 
	top : 0px; 
	z-index : 1;
	font-size : 11px;
	font-family : Verdana, Arial, Geneva, Helvetica;
	color : #000000; 
}

/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar 
{ 
	position : relative; 
	left : 7px; 
	top : 10px;
	width : 20px; 
	height : 498px; 
	font-size : 1px; 
	z-index : 1;
}
div#track 
{ 
	position : absolute; 
	left : 0; 
	top : 16px;
	width : 10px; 
	height : 470px;
	background : url(../img/track.gif) repeat;
	z-index : 1;
}
div#dragBar 
{
	position : absolute; 
	left : 0px; 
	top : 0px;
	width : 8px; 
	height : 5px;
	background-color : #EBEBE8;
	border: 1px solid #7D7D7D;
	z-index : 1;
}  
div#up 
{ 
	position : absolute; 
	left : 0; 
	top : 0; 
	z-index : 2 
}  
div#down 
{ 
	position : absolute; 
	left : 0; 
	bottom : 0; 
	z-index : 3 
}  


/*	WEBSITE
------------------------------------------------------------------------------*/
#website
{
	position : relative;
	display : block;
	margin : 40px auto 0px auto;
	padding : 0;
	width : 849px;
	visibility : visible;
	z-index : auto;	
}

/* TOP START
------------------------------------------------------------------------------*/
#top
{
	margin : 0;
	padding : 0;
	width : 849px;
	height : 60px;
	background-color : #FFFFFF;
	overflow: hidden;
}
#top-nav
{
	position : relative;
	float : left;
	margin-top : 11px;
	padding : 0px;
	width : 664px;
	height : 49px;
	background-color : #FFBA2D;
	overflow : hidden;
}
#nav
{
	position : relative;
	float : left;
	margin : 0;
	padding : 0;
	width : 415px;
	height : 60px;
	background : url(../img/bg_orange.gif) no-repeat top left;
	overflow : hidden;
}
ul#main-nav 
{
	position : absolute;
	top : 13px; 
	left : 25px; 
	width : 415px; 
	height : 30px;
	list-style-type : none; 
	background: #fff url(../img/nav_main.gif) no-repeat;
}

ul#main-nav li 
{
	display : block; 
	position : absolute;
	top : 0px;
}

ul#main-nav li a 
{ 
	display : block; 
	height : 30px;     
	text-decoration : none; 
	text-indent : -4040px;
}
    
ul#main-nav a.aktiv 
{ 
	cursor : default; 
}
    
ul#main-nav li { width: 415px; }
ul#main-nav li a { background: #fff url(../img/nav_main.gif) no-repeat; }

ul#main-nav li#navi_firm           		{ width: 83px; left: 0px; }
ul#main-nav li#navi_firm           		{ background-position: 0px  0px; }
ul#main-nav li#navi_firm a:hover   		{ background-position: 0px -30px; }
ul#main-nav li#navi_firm a.aktiv		{ background-position: 0px -30px; }

ul#main-nav li#navi_projects       		{ width: 97px; left: 83px; }
ul#main-nav li#navi_projects a      	{ background-position: -83px  0px; }
ul#main-nav li#navi_projects a:hover   	{ background-position: -83px -30px; }
ul#main-nav li#navi_projects a.aktiv 	{ background-position: -83px -30px; }

ul#main-nav li#navi_contact           	{ width: 93px; left: 180px; }
ul#main-nav li#navi_contact a         	{ background-position: -180px  0px; }
ul#main-nav li#navi_contact a:hover   	{ background-position: -180px -30px; }
ul#main-nav li#navi_contact a.aktiv 	{ background-position: -180px -30px; }

ul#main-nav li#navi_imprint           	{ width: 117px; left: 273px; }
ul#main-nav li#navi_imprint a       	{ background-position: -273px  0px; }
ul#main-nav li#navi_imprint a:hover 	{ background-position: -273px -30px; }
ul#main-nav li#navi_imprint a.aktiv 	{ background-position: -273px -30px; }

#logo 
{
	position : relative;
	float : left;
	left : 13px;
	top : 0px;
	display : block;
	width : 172px;
	text-indent : -4000px;
	z-index : 1;
	visibility : visible;
	background-image : url(../img/img_logo.gif);
}
#logo a 
{
	display : block;
	height : 58px;
	width : 172px;
	text-indent : -4000px;
}

#stripe
{
	margin : 5px 2px 0px 0px;
	padding : 0;
	width : 847px;
	height : 22px;
	background-color : #C4CAA9;
}

/* CONTENT START
------------------------------------------------------------------------------*/
#content
{
	position : relative;
	margin-top : 5px;
	float : left;
	width : 341px;
	height : 518px;
	background-color : #EBEBE8;
	visibility : visible;
	z-index : 1;	
}
#subtitel
{
	font-size : 12px;
	font-family : Arial, Verdana, Helvetica, sans-serif;
	font-style : italic;
	padding : 0px 0px 15px 0px;
}
#smalltxt
{
	font-family : Arial, Verdana, Helvetica, sans-serif;
	font-size : 9px;
	line-height : 11px;
}
#content a
{
	font-size : 12px;
	font-weight : normal;
	color : #4B5C67;
	text-decoration : underline;
}
#content a:Hover
{
	font-size : 12px;
	font-weight : normal;
	color : #FFFFFF;
	text-decoration : underline;
}
#content h1
{
	padding : 0px 0px 18px 0px;
	font-size : 12px;
	font-weight : bold;
	color : #505636;
}
#content-cont
{
	position : relative;
	margin : 0;
	float : left;
	width : 267px;
	height : 431px;
	font-size : 12px;
	line-height : 15px;
	color : #505636;
	padding : 20px 30px 0px 44px;
	z-index : 1;
	visibility : visible;
}
#content-scroll
{
	position : relative;
	margin : 0;
	float : left;
	width : 267px;
	font-size : 12px;
	line-height : 15px;
	color : #505636;
	padding : 19px 0px 0px 10px;
	z-index : 1;
	visibility : visible;
}
#content-bot
{
	position : relative;
	margin : 0;
	float : left;
	width : 277px;
	height : 47px;
	font-size : 11px;
	color : #505636;
	padding : 20px 20px 0px 44px;
	z-index : 1;
	visibility : visible;
}
#content-bot a
{
	font-size : 11px;
	font-weight : bold;
	color : #4B5C67;
	text-decoration : none;
}
#content-bot a:Hover
{
	font-size : 11px;
	font-weight : bold;
	color : #FFFFFF;
	text-decoration : none;
}

/* IMAGE START
------------------------------------------------------------------------------*/
#image
{
	position : relative;
	margin : 5px 5px 0px 0px;
	float : left;
	width : 318px;
	height : 518px;
	background-color : #C4CAA9;
	visibility : visible;
	z-index : 1;	
}
#image-cont
{
	position : relative;
	margin : 0;
	float : left;
	width : 318px;
	height : 451px;
	z-index : 1;
	visibility : visible;
}
#image-firm01 a
{
	position : relative;
	margin : 0;
	float : left;
	width : 318px;
	height : 451px;
	background : url(../img/img_firm01_0.jpg) no-repeat bottom left;
	z-index : 1;
	visibility : visible;
}
#image-firm01 a:Hover
{
	position : relative;
	margin : 0;
	float : left;
	width : 318px;
	height : 451px;
	background : url(../img/img_firm01_1.jpg) no-repeat bottom left;
	z-index : 1;
	visibility : visible;
}
#image-firm02 a
{
	position : relative;
	margin : 0;
	float : left;
	width : 318px;
	height : 451px;
	background : url(../img/img_firm02_0.jpg) no-repeat bottom left;
	z-index : 1;
	visibility : visible;
}
#image-firm02 a:Hover
{
	position : relative;
	margin : 0;
	float : left;
	width : 318px;
	height : 451px;
	background : url(../img/img_firm02_1.jpg) no-repeat bottom left;
	z-index : 1;
	visibility : visible;
}
#image-bot
{
	position : relative;
	margin : 0;
	float : left;
	width : 318px;
	height : 62px;
	border-top : 5px solid #FFFFFF;
	background : url(../img/bg_green.gif) no-repeat bottom left;
	z-index : 1;
	visibility : visible;
}
/* RELATED START
------------------------------------------------------------------------------*/
#related
{
	position : relative;
	margin : 5px 0px 0px 5px;
	float : left;
	width : 178px;
	height : 518px;
	background-color : #C6D3DB;
	visibility : visible;
	z-index : 1;	
}
#related a
{
	font-size : 12px;
	font-weight : normal;
	color : #2F414C;
	text-decoration : underline;
}
#related a:Hover
{
	font-size : 12px;
	font-weight : normal;
	color : #FFFFFF;
	text-decoration : underline;
}
#related .aktiv
{
	font-size : 12px;
	font-weight : normal;
	color : #FFFFFF;
	text-decoration : underline;
}
#related h3
{
	padding : 0px 0px 1px 0px;
	font-size : 12px;
	font-weight : bold;
	color : #2F414C;
}
#related-cont
{
	position : relative;
	margin : 0;
	float : left;
	width : 138px;
	height : 436px;
	font-size : 12px;
	line-height : 15px;
	color : #2F414C;
	padding : 20px 20px 0px 20px;
	z-index : 1;
	visibility : visible;
}
#related-bot
{
	position : relative;
	margin : 0;
	float : left;
	width : 178px;
	height : 62px;
	background : url(../img/bg_blue.gif) no-repeat top left;
	z-index : 1;
	visibility : visible;
}