html, body {
	height:100%;
}
body {
	background-color: #333;
	background-image: url('../../bilder-pictures/index/hintergrund-tapete9.gif');
	background-position:50% 50%;
	font-size: 12px;
	font-family: Tahoma, Sans-Serif;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
/* ---------------------------------------------------------------------------------------links-------------- */
a {
	color: #fff;
	text-decoration: none;
}
a:visited {
	color: #fffcc9;
}
a:hover {
	color: #000;
	text-decoration: overline;
}
a:active {
	color:#333;
}
a img {
	border: 0px;
}
a img.size-full {
	border: 0px;
}
/* -----------------------------------------------------------------------------------überschriften-------------- */
h1 {
	font-size: 9px;
	color: #999;
	text-transform: uppercase;
	padding: 0;
	margin: 4px 0px 0px 0px;
}
h2 {
	font-size:10px;
	font-weight: bold;
	color: #000;
	padding: 0 ;
	margin:0px 0px 5px 0px;
}
h3 {
	font-size: 11px;
	font-weight: bold;
	color: #333;
	border-top: 1px solid #a7aaa8;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
/* ---------------------------------------------------------------------------------------------listen-------------- */
ul {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
ul li {
	float: left;
	font-size: 12px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
}
ol {
	list-style-type: none;
}
/* ------------------------------------------------------------------------------------------------space-------------- */
#space { 
	width: 1px;
	height: 50%;
	margin-bottom:-350px; /* die hälfte der inhals's höhe */
	float: left;
}
/* ---------------------------------------------------------------------------------container (zentriert)-------------- */
#container {
	width: 1000px;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;
	position: relative; /* hebt den inhalt vor den space  */
	clear: left; /* hebt das float vom space auf  */
} 
/* --------------------------------------------------------------------------------top (logo + überschrift)-------------- */
#top {
	height: 30px;
	padding: 0 ;
	margin: 0 ;
}
#top img {
	padding:0 ;
} 
#topleft {
	text-align: left;
	height: 30px;
	width: 50%;
	float: left;
	margin: 0px 0px 0px 25px;
}
#topright {
	text-align: right;
	height: 30px;
	width: 40%;
 	float: right;
 	margin: 0px 25px 0px 0px;
}

/* ---------------------------------------------------------------------------------banner (navi + networks)-------------- */
#banner {
	height: 50px;
	background-image: url('../../bilder-pictures/index/rahmen-top2.png');
	padding: 0 ;
	margin: 0 ;
}
#banner img {
	padding: 0 ;
	margin: 11px 25px 0px 0px;
} 
#banleft {
	width: 70%;
	height: 50px;
	float: left;
}
#banright {
	text-align: right;
	width: 30%;
 	height: 50px;
 	float: right;
}
/* --------------------------------------------------------------------------------------------outer (rahmen)----------------- */
#outer{ 
	background-image: url('../../bilder-pictures/index/rahmen-seiten2.png');
} 
/* -------------------------------------------------------------------------------------left und right navigavtion------------- */
#left {
	background-image: url('../../bilder-pictures/index/hg_70_black.png');
	width: 150px; 
	color: #999;
	line-height: 15px;
	box-shadow: 0 0 10px #000;
	-moz-box-shadow:0 0 10px #000; 
	border:1px solid #fff;
	-moz-border-radius:15px;
	-khtml-border-radius:30px;
	float:left; 
	position:relative;
	z-index: 2;/* kleine zahl hinten, große vorne */
	margin: 5px 15px 15px 20px;
	padding: 0px 5px; 
}
#right {
	text-align: right;
	backround-color: #fff;
	width: 250px;
	height: 470px;
	float:right; 
	position:relative;
	z-index: 2;/* kleine zahl hinten, große vorne */
}
/* -----------------------------------------------------------------------------------------------content (inhalt)----------------- */
#content {
	text-align: left;
	margin: 0px 30px 0px 30px;
	padding: 0px 0px 0px 0px; 
	height: 500px;
	z-index: 1;/* kleine zahl hinten, große vorne */
}
/* --------------------------------------------------------------------------------------------Text (fusszeile)--------------------- */ 
#text {
	height: 50px;
	background-image: url('../../bilder-pictures/index/rahmen-bottom2.png');
}
#text p {
	font-size: 9px;
	font-weight: bold;
	color: #c0c0c0;
	margin: 0px 25px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: right;
}
#text p:first-child {
	float:left;
	padding: 0px 0px 0px 25px;
	margin: 0px 0px 0px 0px;
} 
/*  -----------------------------------------------------------------------------------------footer (überschrift)---------------------- */ 
#footer {
	clear:left;
	padding: 0px 0px 0px 0px;
	margin: 6px 25px 0px 25px;
	text-align: right;
}
#footer img {
	padding: 2px 5px 0px 0px;
} 
#footleft {
	text-align: left;
	width: 50%;
	float: left;
}
#footright {
	width: 50%;
 	float: right;
}

/*  ------------------------------------------------------------------------------------------portfolio (+ extras)---------------------- */ 
#slideshow {
	box-shadow: 0 0 20px #666;
	-moz-box-shadow:0 0 20px #666; 
	float:left; 
	position:relative;
	z-index: 2;/* kleine zahl hinten, große vorne */
	margin: 0px;
	padding: 0px; 
}
#portfolio {
	font-size: 9px;
	color: #333;
	text-align: center;
	text-transform: uppercase;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#newimg {
  width:auto;
  text-align: right;
}
#scroll {
	height: 460px;
	overflow: auto;
	padding: 5px 5px;
}
/*  --------------------------------------------------------------------------------------------------------klassen---------------------- */ 
.thumbnail {
	border: none;
	float: right;
	width: 450px;
	margin: 5px 0px 0px 20px;
	padding: 5px 0px 2px 0px;
}
.thumbnail2 {
	border: none;
	float: right;
	width: 365px;
	margin: 5px 0px 0px 20px;
	padding: 25px 0px 15px 0px;
}
.clearboth { 
	clear: both;
}