html, body {
  font-family: Arial, Verdana, sans-serif;
  padding: 0px;
  color: #e0cdaf;
  background-color: #e9dac7;
  height: 100%;
  margin: 0;
  margin-left: 0;
  margin-top: 0;
  font-size: 8pt;
  background-image:url(Bilder/img_bg.jpg); 
  background-repeat:repeat-x;
}

td, div, p {
  font-family: Arial, Verdana, sans-serif;
    font-size: 8pt;
  padding: 0px;
  color: #7c96ad;
  background-color: transparent;
}

/* -----[ Ueberschriften ]----- */
h1 { 
  font-size:12pt;
  font-family: Arial, Verdana, sans-serif;
  font-weight:bold;
  padding: 0px;
  color: #7f97b3;
  background-color: transparent;
}
h2 { 
  font-size:10pt;
  font-family: Arial, Verdana, sans-serif;
  font-weight:bold;
  padding: 0px;
  color: #7f97b3;
  background-color: transparent;
}
h3 { 
  font-size:8pt;
  font-family: Arial, Verdana, sans-serif;
  font-weight:bold;
  padding: 0px;
  color: #7f97b3;
  background-color: transparent;
  margin: 0;
  margin-left: 0;
  margin-top: 10;
}

#down:link { text-decoration:none; color:#a99f87 }
#down:visited { text-decoration:none; color:#a99f87 }
#down:active { text-decoration:none; color:#a99f87 }
#down:hover { text-decoration:none; color:#000000 }

a, a:link, a:focus, a:visited, a:active {
  color: #b23732;
}

a:hover {
  color: #1D1B1B;
}

/* --- tooltip1 ---*/

a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active a.tooltip:hover {
  text-decoration: none; 
  font-weight: bold;
  }
  
 a.tooltip span {
  display: none; 
 }

a.tooltip:hover span{
  display: block;
  position: absolute; 
  bottom: 10px; 
  right: 50px; 
  width: 600px;
  z-index: 200;
  color: #000000; 
  border: 1px dashed #00090E; 
  background: #ffffff;
  font-size: 12px;
  fonty-family: Arial, Verdana, sans-serif; 
  text-align: left;
  padding: 1em;
  }

/* --- Ende tooltip ---*/


/* ---  Portfolio ---*/
.portfolio {
	margin: 0 0 0 0;
	padding: 0;
	list-style: none;
	float: right;
	text-align: right;
}
.portfolio li.buton a, .portfolio li.buton a:visited {
	width: 290px;
	height: 68px;
	font: 8pt arial, verdana, sans-serif;	
	color: #7c96ad;	
	display: block;
	margin: 3px 0;
	text-decoration: none;
	padding: 0px;
	border: 1px dashed #e7e7e7;
	}
.portfolio li.buton a:hover {
	background-color: #779cb7;
	color: #1D1B1B;
	/*border: 1px solid #e7e7e7;*/
}
.img {
border:0 
}
.portfolio img {
	margin:4px;
	vertical-align: middle;
	border: none;
	padding: 4px;
	margin-left: 20px;
}
.portfolio a:hover img {

}
.nextpage {
	width: 100%;
	margin-top: 5px;
	margin-left: 0;
	padding-left: 0;
	display: inline;	
	list-style: none;
	float: right;	
}
.nextpage li {
	margin: 2px;	
	padding: 0;
	list-style: none;
	display: block;
    float: right;
}
.nextpage li.page a, .nextpage li.page a:visited  {
	width: 15px;
	height: 15px;
	font: 8pt arial, verdana, sans-serif;	
	color: #97988a;	
	display: block;
	margin: 0px 0;	
	text-decoration: none;
	text-align: center;
	background-color: #F2F3EB;
	border: 1px solid #e7e7e7;	
}

.nextpage li.page2 a, .nextpage li.page2 a:visited  {
	font: 8pt arial, verdana, sans-serif;	
	color: #97988a;	
	display: block;
	margin: 0px 0;	
	text-decoration: none;
	text-align: center;
	background-color: #F2F3EB;
	border: 1px solid #e7e7e7;	
}

.nextpage li.curent a, .nextpage li.curent a:visited  {
	width: 15px;
	height: 15px;
	font: 8pt arial, verdana, sans-serif;	
	color: #97988a;	
	display: block;
	margin: 0px 0;	
	text-decoration: none;
	text-align: center;
	background-color: #FDFDFD;
	border: 1px solid #e7e7e7;	
}

.nextpage li.curent2 a, .nextpage li.curent2 a:visited  {
	font: 8pt arial, verdana, sans-serif;	
	color: #97988a;	
	display: block;
	margin: 0px 0;	
	text-decoration: none;
	text-align: center;
	background-color: #FDFDFD;
	border: 1px solid #e7e7e7;	
}

.nextpage li.page2 a:hover {
	background-color: #CCD6E0;
	color: #FFFFFF;
	border: 1px solid #7C98AE;	
}

.nextpage li.page a:hover {
	background-color: #CCD6E0;
	color: #FFFFFF;
	border: 1px solid #7C98AE;	
}
/* ---Ende Portfolio ---*/