/* CSS Document */
/*_________________________________________________________________________*/
/* CSS Style www.airbornecamerasystems.de 							       */
/*_________________________________________________________________________*/
/* steigenberger | IT-KOMMUNIKATIONSDESIGN   							   */
/* 2007 by Oliver D. Steigenberger										   */
/* oliver@steigenberger.cc | +49 / 172 89 60 50 1 | www.steigenberger.cc   */
/*_________________________________________________________________________*/
/*----------------------------------------------- */
/*CONTAINER*/
/*----------------------------------------------- */
html,body {
	margin:0px;
	background-color: #000000;
}

/*----------------------------------------------- */
/*MAIN NAVIGATION*/
/*----------------------------------------------- */	
#navi{
	position: relative;
	width: 280px;
	height: 355px;
	background-image: url(../gfx/back_menue.jpg); 
	layer-background-image: url(../gfx/back_menue.jpg);
}
#navi a{
	display: block;
	width:280px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	font: 14px Verdana;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: 1px solid #FFFFFF;
}
#navi a:hover{
	color: #000000;
	background-color: #FFFFFF;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
}
.naviactive{
	display:block; 
	left:0px;
	width:280px; 
	padding-left:10px;
	padding-top: 10px;
	padding-bottom: 10px;	
	background-color: #FFFFFF;
	font: 14px Verdana;
	font-weight: normal;
	color: #000000;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
}
#navisub a{
	display:block; 
	left:10px;
	width:280px; 
	padding-left:40px;
	padding-top: 5px;
	padding-bottom: 5px;	
	font: 12px Verdana;
	font-weight: normal;
	color: #FFFFFF;
	border-bottom: none;
}
#navisub a:hover{
	background-color: #FFFFFF;
	color: #000000;
}
.navisubactive {
	display:block; 
	left:20px;
	width:280px; 
	padding-left:40px;
	padding-top: 5px;
	padding-bottom: 5px;	
	background-color: #FFFFFF;
	font: 12px Verdana;
	font-weight: normal;
	color: #000000;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	border-bottom: none;
}

/*----------------------------------------------- */
/*SUB NAVIGATION*/
/*----------------------------------------------- */
#subnavi{
	position: relative;
	bottom: 5px;
	left: 10px;
	font: 10px Verdana;
	font-weight: normal;
	color: #CCCCCC;
	text-decoration: none;	
}
#subnavi a{
	font: 10px Verdana;
	font-weight: normal;
	color: #CCCCCC;
	text-decoration: none;
}
#subnavi a:hover{
	color: #0072BB;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;	
}
.subnaviactive{
	color: #0072BB;
}
/*----------------------------------------------- */
/*BLOCKS*/
/*----------------------------------------------- */
#headline{
	position: relative;
	z-index: 10;
	bottom: 0px;
	left: 15px;
	vertical-align: bottom;
}
#headline h1{
	font: 30px Verdana ;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
}
#copyright{
	padding: 3px;
	font: 8px Verdana ;
	font-weight: normal;
	color: #999999;
	text-decoration: none;	
}
#adress{
	position: relative;
	width: 260px;
	height: 100px;
	padding-left: 20px;
	padding-top: 10px;
	font: 10px Verdana;
	font-weight: normal;
	color: #CCCCCC;
	text-decoration: none;
}
/*----------------------------------------------- */
/*CONTENT*/
/*----------------------------------------------- */
#content{
	position: relative;
	top: 0px;
	width: 380px;
	padding: 15px;
	background-image: url(../gfx/back_white_darktolight.jpg); 
	layer-background-image: url(../gfx/back_white_darktolight.jpg);
	background-repeat:repeat-x;
	font: 12px Verdana;
	font-weight: normal;
	color: #666666;
	text-decoration: none;		
}
#content h2{
	font: 14px Verdana;
	font-weight: bold;
	color: #0072BB;
	text-decoration: none;	
}	
#content a{
	font: 12px Verdana;
	font-weight: normal;
	color: #0072BB;
	text-decoration: none;	
}
#content a:hover{
	font: 12px Verdana;
	font-weight: normal;
	color: #0072BB;
	text-decoration: underline;
}
.content{
	font: 12px Verdana;
	font-weight: normal;
	color: #666666;
	text-decoration: none;		
}
.field1{
	border: 1px solid;
	border-color: #999999;
}
.field1:hover{
	border-color: #0072BB;
}
.button1{
	border: 1px solid;
	border-color: #999999;
	font: 10px Verdana;
	font-weight: normal;
	color: #666666;
	text-decoration: none;	
}
.button1:hover{
	font-weight: normal;
	border-color: #0072BB;
	color: #0072BB;
}
/*----------------------------------------------- */
/*IMAGESWITCH*/
/*----------------------------------------------- */
#imagebig{
	position: relative;
	right: 0px;
	top: 0px;
	text-align:center;
	padding: 0px;
	padding-top: 0px;
	width: 300px;
	height: 300px;
}
#imagesmall{
	position: static;
	top: 300px;
	padding-left: 0px;
	padding-top: 0px;
	width: 300px;
	height: 280px;
}
#imagesmall a{
	border-color: #666666;
}
#imagesmall a:hover{
	border-color: #666666;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
}
*:not(hr)   #imagesmall{/* hide from IE and Opera ;-)*/
	width: 280px;
}
.imglink{
	border: solid 1px;
	border-color: #000000;
}
/*----------------------------------------------- */


