/**
* CSS
* 
* @version 1.0
* @author Rainer Wollthan (www.rocuments.de)
*/
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 10px;
	font-family: Tahoma,Helvetica, Arial, Sans-Serif;
	color: white;
	background: #222222;
}

body.section-1 { }
body.section-2 { }
body.section-3 { }

a:link { 
	color:white;
	text-decoration: none;
}
	
a:active { 
	color:white;
	text-decoration: none;
}

a:visited { 
	color:white;
	text-decoration: none;
}

a:hover { 
	text-decoration: underline;
	color:white;
}

a img { 
	border: none; 
}

#Logo{
	position:fixed;
	top:71px;
	left:35px;
	z-index:999;
	height:30px;
	width:515px;
}

/* MENU */

#menu {
	width: 312px;
	overflow: none;
	top: 0;
	bottom: 0;
	left: 35px;
	position: fixed;
	height: 100%;
}

#menu .container {
	position:absolute;
	top:0;
	left:0;
	z-index:999; 
	margin: 172px 0 0 0;
	padding: 25px 0 0 0;
	width: 312px;
	height:100%;
	background:transparent url(bg_nav.png) top left repeat;	
}
#menu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 185px;
}

#menu ul li {
	margin: 0 0 2px 0;
	display:none;
	width: auto;
	height:18px;
	line-height:18px;
	padding: 0 ;
	text-align:right;
}

#menu ul.active li.section-title {
	color:white;
	
}
#menu ul.active li {
	display:block;
}
#menu ul li.active a{
	display:block;
	color:white;
}

#menu ul li.section-title {
	display:block;
	font-size: 12px;
	height:30px;
	line-height:30px;
	font-weight: bold;
	text-transform:lowercase;
	color:#888;
	margin: 0;
}
#menu ul li.section-title a{
	color:#888;
	text-decoration:none;
}
.built,
#menu p {
	font-size:10px;
	text-align:right;
	width: 185px;
	margin: 10px 0 0 0;
}
#copyright{
	position:absolute;
	top:655px;
	margin: 10px 0 0 0 !important;
}


/* CONTENT AREA */

#content {
	height: auto;
	margin: 172px 0 0 0;
	top: 0;
	padding: 0px;
}

#content p { 
	margin: 0 0 20px 0;
	line-height: 18px;
}
	

.picture img{border:5px solid white;}
	h1 { 
		font-family: Georgia, serif;
		font-size: 32px;
		color: #666666; /* This color overides the color set in "body". Delete this line if you want the colors of the headings to match the rest of your type */
		padding-bottom: 15px; /* sets the spacing between the heading and paragraph below */
	}
	
	h2 { 
		font-family: Georgia, serif;
		font-size: 20px;
		font-weight: normal;
		color: #666666;
		padding-bottom: 15px; /* sets the spacing between the heading and paragraph below */

	}
	
	h3 { 
		font-size: 16px;
		color: #0006FF;
	}
	
	h4 { 
		font-size: 12px; 
		color: #0006FF;
	}

/* IMAGES */
.abstand{width:350px;float:left;}

.container{
	height:auto;
}
	#img-container	{ 
		margin: 0 0 20px 0; 
		padding: 0; 
	}
	
	#img-container p	{ 
		margin: 0; 
		padding: 0 0 12px 0;
	}
	
	.nothumb img {
		margin-top: 0px;  
		margin-right: 0px;
		margin-bottom: 20px;
		margin-left: 0px;
		border-color: #dbe2e0; /* erase the following 3 lines if you dont want borders on your images */
		border-width: 1px; 
		border-style:  solid;
	}
	
	#once { clear: left; }
	
	
/* SLIDE SHOW - Navigation */

	p.nav {
		color:#888;
	}

	
	p.nav a {
		color:#888;
		padding-top: 3px;
		padding-right: 9px;
		padding-bottom: 3px;
		padding-left: 9px;
	}
	
	p.nav a:hover {
		/*color: white;*/
	}
	
	p.nav span#num {
		letter-spacing: 2px;
		padding-left: 20px;
	}
	
	
	.img-bot {
		border:5px solid white;
	}