* {margin:0;padding:0}
/* mac hide \*/

html,body{height:100%;width:100%; background-color: #ffffff; color:#000;}
/* end hide */

body { 
	text-align:center;
	min-width:985px;/* for good browsers*/
	font-size: 12px;
	line-height: 16px;
	font-family: Helvetica, Arial, SunSans-Regular, sans-serif;
}

img { border: 0; }

.center {line-height: 2px}

table, tr, td {text-align:left; vertical-align: top; padding-top:0px;}
h1 {font-size:16px; font-weight:bold; color:#a67b00;margin-bottom:15px;}

a.normal:link {text-decoration:none; font-weight:normal; color:#a67b00;}
a.normal:hover {text-decoration:underline; font-weight:normal; color:#a67b00;}
a.normal:visited {text-decoration:underline; font-weight:normal; color:#a67b00;}

a.black:link {text-decoration:none; font-weight:normal; color:#000;}
a.black:hover {text-decoration:underline; font-weight:normal; color:#000;}
a.black:visited {text-decoration:underline; font-weight:normal; color:#000;}


hr {color: #fff; background-color: #A67B00; border: 1px dotted #ffffff; border-style: none none dotted; }

#left {width:734px;float:left; text-align:left;}
#nav {margin-left:20px;text-align:left;float:left; width:210px;}

#xouter{
	margin-top: 25px;
	width:100%;
	display:table;
	vertical-align:middle;
}

#xcontainer {
	text-align: center;
	position:relative;
	vertical-align:middle;
	display:table-cell;
}	

#xinner {
	width: 985px;
	background:#fff;
	height: 550px;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
}

#overview {height: 570px; width: 734px; z-index: 2; position: relative; display: block;}
#foto { height: 570px; width: 734px; z-index: 3; position: relative; display: none; }
#kunden { background-color: #a67b00; color:#ffffff; width: 440px; left: 20%; top: 20%; position: absolute; visibility: visible; padding:10px; z-index: 1;  text-align: left; line-height: 16px;}
#cv { background-color: #a67b00; color: #ffffff; width: 530px; left: 20%; top: 20%; position: absolute; visibility: visible; padding:10px; z-index: 1; text-align: left; }
#philosophie { background-color: #a67b00; color:#ffffff; width: 480px; left: 20%; top: 20%; position: absolute; visibility: visible; padding:10px; z-index: 1; text-align: left; }
#news { background-color: #a67b00; color:#ffffff; width: 480px; left: 20%; top: 20%; position: absolute; visibility: visible; padding:10px; z-index: 1;  text-align: left; line-height: 16px;}

.text {
font-size: 11px; 
line-height: 14px; 
color: #222222; 
text-align: left; }

.logo {
 color: #a67b00;
  text-decoration: none; 
  font-weight: bold;
  background: url(../_imgs/00/00underline.gif) repeat-x 100% 100%;
  padding-bottom: 1px;
  white-space: nowrap;
  text-align: left;
  line-height: 15px;
  } 
  
 .tel {
 color: #a67b00;
  text-decoration: none; 
  font-weight: bold;
  background: url(../_imgs/00/00underline.gif) repeat-x 100% 100%;
  padding-bottom: 1px;
  white-space: nowrap;
  font-size: 16px; 
  text-align: left;
  line-height: 18px;

  } 
  
.folio{
 color: #d3cc9c;
  text-decoration: none; 
  font-weight: bold;
  padding-bottom: 1px;
  white-space: nowrap;
  font-size: 16px; 
  text-align: left;
  } 
  
.pfeil{
font-size: 18px; 
line-height: 16px; 
color: #d3cc9c; 
text-align: left; }

#nav a:link {
 color: #a67b00;
  text-decoration: none; 
  font-weight: bold;
  padding-bottom: 1px;
  white-space: nowrap;
  }

#nav a:hover {
 color: #a67b00;
  text-decoration: none; 
  font-weight: bold;
  background: url(../_imgs/00/00underline.gif) repeat-x 100% 100%;
  padding-bottom: 1px;
  white-space: nowrap;
  } 

#nav a:visited {
 color: #a67b00;
  text-decoration: none; 
  font-weight: bold;
  padding-bottom: 1px;
  white-space: nowrap;
  } 
 
#nav a.logo:link{
 color: #a67b00;
  text-decoration: none; 
  font-weight: bold;
  background: url(../_imgs/00/00underline.gif) repeat-x 100% 100%;
  padding-bottom: 1px;
  white-space: nowrap;
  } 
  
#nav a.logo:visited {
 color: #a67b00;
  text-decoration: none; 
  font-weight: bold;
  padding-bottom: 1px;
  white-space: nowrap;
  } 
 
#nav a.logo:hover {
 color: #a67b00;
  text-decoration: none; 
  font-weight: bold;
  padding-bottom: 1px;
  white-space: nowrap;
  }
    
a.info:link {
 color: #ffffff;
  text-decoration: none; 
  font-weight: bold;
  }

a.info:visited {
 color: #ffffff;
  text-decoration: none; 
  font-weight: bold;
  }
     

a.news:link {
 color: #ffffff;
  text-decoration: none; 
  font-weight: normal;
  }

a.news:visited {
 color: #ffffff;
  text-decoration: none; 
  font-weight: normal;
  }
    
a.news:hover {
 color: #ffffff;
  text-decoration: none; 
  background: 0px;
  font-weight: normal;
  } 
 
  a.grey:link {
 color: #222222;
  text-decoration: none; 
  font-weight: normal;
  }

a.grey:visited {
 color: #222222;
  text-decoration: none; 
  font-weight: normal;
  }
    
a.grey:hover {
 color: #222222;
  text-decoration: underline; 
  background: 0px;
  font-weight: normal;
  } 
   
.bild:hover img{
opacity: 0.6;
filter: alpha(opacity=60);
-moz-opacity: 0.6; 
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); 
text-decoration: none;
padding-bottom: 0px;}

 
.visited {
 color: #a67b00;
  text-decoration: none; 
  font-weight: bold;
  background: url(../_imgs/00/00underline.gif) repeat-x 100% 100%;
  padding-bottom: 1px;
  white-space: nowrap;
  } 

.active {
 color: #a67b00;
  text-decoration: none; 
  font-weight: bold;
  } 
  
#captionBox {text-align: left; font-size: 11px; color: #222222; padding-top: 8px }
  
.border {border: 1px solid #c7c7c7; }

.legende{ color: #222222; font-size: 10px; text-align: left;}