@font-face {
font-family: Fruit;
src: url('../fonts/f-l.otf') format("opentype");
}

html,body {	
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:11px;
	color:#000;
	height:100%;
}

body {
	background:#fff top left fixed;
	color:#888;
}


a {
	color:#69a90a;
	text-decoration:none;
}

a:hover, a.active {
	color:#69a90a;
	text-decoration:underline;
}

hr {
	clear:both;
	border:none;
	background:none;
	
}

h1 {
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:1.7em;
	font-weight:normal;
	color:#000;
	margin:10px;
}

h2 {
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:24px;
	font-weight:normal;
	color:#69a90a;
	margin:10px 0px;
	line-height:1.5em;
}

h2.inline {
	
}

h3 {
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:16px;
	font-weight:normal;
	color:#69a90a;
	margin:10px 0px;
	line-height:1.5em;
}

h4 {
	margin:10px;
	font-size:1.3em;
	font-weight:bold;
	padding-bottom:1px;
	margin-bottom:-10px;
}

p {
	margin:10px 0px;
	line-height:1.7em;
	font-size:1.1em;
	color:#666;
	font-weight:normal;
}

strong.kursiv {
	font-weight:normal;
	font-style:italic;
}

.flashvideo {
	border:1px solid #c7c7c7;
	padding:10px;
	width:auto;
	margin:30px 0px 10px 20px;
	float:right;
}

.smallflashvideo {
	margin:0px 5px 30px 0px;
}

#page {
	position:relative;
	min-height:101%;
}

#main {
	width:898px;
	position:relative;
	margin:0px auto;
}

	#header {
		height:100px;
		background:#000 30px 20px no-repeat;
		position:relative;
		z-index:2000;
	}
	
		#navi-wrap {
			position:absolute;
			left:50%;
			margin-left:-450px;
			width:898px;
			height:100px;
			background:#000 url(../images/logo.gif) center left no-repeat;
		}
	
			#navi {
				position:absolute;
				bottom:0px;
				right:0px;
				background:#515151;
				height:35px;
			}
			
				#navi li {
					display:block;
					float:left;
					height:35px;
					position:relative;
				}			
					
					#navi li a {
						display:block;
						float:left;
						height:24px;
						padding:11px 15px 0px 15px;
						color:#c7c7c7;
						text-decoration:none;
						font-family:Arial,Verdana,Helvetica;
						font-size:1.2em;
					}
					
					#navi li a.active, #navi li a:hover {
						background:#69a90a;
						color:#fff;
					}
					
						#navi li ul {
							display:none;
							position:absolute;
							top:35px;
							left:0px;
							width:200px;
							z-index:1000;
							background:#515151;
						}
						
							#navi li ul li {
								width:200px;
								height:auto;
							}
							
							#navi li ul a {
								width:170px;
								font-size:1.0em;
								height:auto;
								line-height:1.5em;
								padding:7px 15px;
							}
						
						#navi li:hover ul {
							display:block;
						}

	#trailer {
		position:relative;
		margin:50px 0px 0px 0px;
		border-bottom:5px solid #69a90a;
		overflow:hidden;
		height:285px;
		width:640px;
	}
	
		#trailer h1 {
			position:absolute;
			bottom:0px;
			right:0px;
			padding:5px 20px 3px 20px;
			margin:0px;
			font-size:1.7em;
			color:#fff;
			background:#69a90a;
		}
		
	#content {
		width:640px;
		margin:20px 0px;
		min-height:400px;
		position:relative;
		z-index:3000;
		margin-bottom:60px;
		font-family:Arial,Times New Roman,Serif;
	}
	
		#content ul {
			list-style-type:disc;
			padding-left:20px;
		}
		
			#content ul li {
				line-height:1.5em;
				font-size:1.1em;
			}
	
	#content .cobj {
		width:640px;
		float:left;
	}
		
		#content .left {
			margin-top:30px;
			width:460px;
			width:auto;
			margin-right:40px;
		}
		
			#content .left p {

			}
		
		#content .biggallery .left {
			width:auto;
		}
	
		
	#content .timeline h2 {
		padding:2px 10px;
		float:left;
		text-align:center;
		background:#69a90a;
		color:#fff;
		font-size:1.2em;
		margin:30px 0px 10px 0px;
	}
	
	#content .timeline h3 {
		margin:10px 0px;
		font-size:1.2em;
	}
	
	#content .timeline p {
		margin-bottom:0px;
	}
	
	#content .timeline img {
		margin-top:10px;
		float:right;
	}
	
	#content .timeline .left {
		margin:10px 0px;
	}
	
	#content .timeline {
		border-bottom:1px dotted #ddd;
	}
			
	#content-right {
		position:absolute;
		top:0px;
		left:669px;
		width:228px;
	}
	
		#content-right h2{
			background:#aaa;
			font-size:1.2em;
			padding:5px 10px;
			color:#fff;
			margin:0px;
		}
		
		#content-right p{	
			margin:0px 0px 30px 0px;
			padding:10px;
			background:#e9e9e9;
			line-height:2em;
		}
		
		#content-right .latestvideos {
			width:240px;
		}
		
		#content .gallery-small{
			text-align:center;
			width:230px;
			float:right;
			margin:30px 0px 0px 20px;
			position:relative;
		}
		
		#content .timeline .gallery-small {
			width:120px;
		}
		
		#content .gallery-small.big{
			float:left;
			width:auto;
			margin:30px 0px 30px 0px;
		}
		
			#content .gallery-small .thumbs{
				float:left;
				margin-right:10px;
				width:30px;
			}
			
			#content .gallery-small.big .thumbs {
				float:none;
				width:270px;
			}
			
			#content .gallery-small.big .thumbs a {
				float:left;
				margin-right:0px;
			}
				
				#content .gallery-small .thumbs img{
					margin-bottom:5px;
					margin-right:10px;
					border:1px solid #aaa;
				}
				
				#content .gallery-small .thumbs a:hover img{
					border:1px solid #666;
				}
			
			#content .gallery-small .pic{
				float:right;
				position:relative;
			}
			
			#content .gallery-small.big .first {
				display:none;
			}
			
			#content .gallery-small.big .pic{
				position:absolute;
				float:right;
				background:#fff;
				left:280px;
				top:0px;
			}
			
			#content .pic img {
				background:#fff;
			}
	
	#footer-pad {
		height:190px;
	}

	#footer {
		position:absolute;
		bottom:0px;
		left:0px;
		width:100%;
		height:190px;
		background:#69a90a;	
		font-family:Arial,Verdana,Helvetica;
	}
	
	#footer-innerwrap {
		position:relative;
		margin:0px auto;
		width:898px;
	}
	
		#footer a {
			color:#fff;
			text-decoration:none;
		}		
	
		#footer .col1 {
			margin-left:0px !important;
		}	
	
		#footer .col{
			margin:10px 20px;
			height:120px;
			width:150px;
			float:left;
		}
		
			#footer .col h4 {
				color:#fff;
				margin:15px 0px;
			}
		
			#footer .col p{
				color:#c7c7c7;
				line-height:1.5em;
				margin:0px;
			}
		
		#footer .col-big {
			width:200px;
		}
			
		#footer .coln {
			position:absolute;
			left:620px;
			width:250px;
			text-align:right;
		}
			
			#footer .coln p, #footer .coln h4{
				text-align:right;
			}