@charset "utf-8";
/* CSS Document */

* { 
	margin: 0;
	padding: 0;
	outline: none;
	}

A { 
	color: #000000;
	text-decoration: none;
}
	
HTML {
	height: 100%;
	} 

IMG { border: none; }	

/* Fonts */
@font-face {
  	font-family: OfficinaSerif;
  	src: url(fonts/OfficinaSerifITCPro-Book.otf) format("opentype");
}

@font-face {
  	font-family: OfficinaSerif;
  	src: url(fonts/OfficinaSerifITCPro-Bold.otf) format("opentype");
  	font-weight: bold;
}

@font-face {
  	font-family: OfficinaSans;
  	src: url(fonts/OfficinaSansStd-Book.otf) format("opentype");
}

@font-face {
  	font-family: OfficinaSans;
  	src: url(fonts/OfficinaSansStd-Bold.otf) format("opentype");
  	font-weight: bold;
}

@font-face {
  	font-family: OfficinaSans;
  	src: url(fonts/OfficinaSansStd-BookItalic.otf) format("opentype");
	font-style: italic;
}

@font-face {
  	font-family: OfficinaSans;
  	src: url(fonts/OfficinaSansStd-BoldItalic.otf) format("opentype");
	font-style: italic;
	font-weight: bold;
}

/* Layout */
#page {
	background-color: #FFF;
	color: #000;
	}
	
#logo {
	position: absolute;
	left: 30px;
	top: 30px;
	width: 200px;
	height: 155px;
	}	

/* main navigation */
#nav_titel_line {
	position: absolute;
	left: 240px;
	top: 22px;
	width: 350px;
	height: 1px;
	background-color:#808080;
	overflow: hidden;	
	}
	
#nav_line {
	position: absolute;
	left: 240px;
	top: 75px;
	width: 10px;
	height: 1px;
	background-color:#808080;
	overflow: hidden;	
	}
	
#nav {
	position: absolute;
	text-decoration: none;
	top: 85px;
	left: 240px;
	height: 155px;
	width: 350px;	
	}
	
.nav A {
	color: #110000;
	font-family: OfficinaSerif, Cambria;
	font-size: 14px;	
	line-height: 17px;		
	text-decoration: none;
    letter-spacing: 0.03em;
	}	

.nav A:hover {
	color: #766A62;	
	}	
		
.nav A.active {	
	font-weight: bold;
	}	

/* content */
#content_left {
	position: absolute;
	left: 30px;
	top: 215px;
	width: 200px;
	font-family: OfficinaSerif, Cambria;
	font-size: 14px;
	line-height: 17px;
	letter-spacing: 0.05em;
	font-weight: normal;	
	}	

#content_left_footer {
	position: absolute;
	left: 30px;
	top: 670px;
	width: 200px;
	}
	
#content_left_line {
	position: absolute;
	left: 30px;
	top: 205px;
	width: 200px;
	height: 1px;
	background-color:#808080;
	overflow: hidden;
	}	
			
#content_middle {
	position: absolute;
	left: 240px;
	top: 215px;
	width: 350px;
	}		

#content_middle_footer {
	position: absolute;
	left: 240px;
	top: 670px;
	width: 350px;
	}	
	
#content_middle_line {
	position: absolute;
	left: 240px;
	top: 205px;
	width: 350px;
	height: 1px;
	background-color:#808080;
	overflow: hidden;	
	}	
				
#content_left_big {
	position: absolute;
	left: 30px;
	top: 215px;
	width: 560px;
	height: 400px;
	}	
	
#content_pic_nav {
	position: absolute;
	top: 620px;
	left: 30px;
	font-family: OfficinaSerif, Cambria;
	font-size: 14px;
	line-height: 17px;
	letter-spacing: 0.05em;
	font-weight: normal;
	color: #808080;	
	}	
	
#content_pic_nav A {
    display: block;
	float: left;
	width: 14px;
	height: 17px;
	margin-right: 4px;
	color: #110000;
	background-color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	}	
	
#content_pic_nav A:hover {
    color: #CCCCCC;
	background-color: #999999;
	}		
	
#content_portfolio_nav {
	position: absolute;
	top: 620px;
	left: 500px;
	width: 90px;
	font-family: OfficinaSerif, Cambria;
	font-size: 14px;
	line-height: 17px;
	letter-spacing: 0.05em;
	font-weight: normal;
	text-align: right;	
	color: #808080;
	}	
	
#content_portfolio_nav A {
	margin-left: 8px;
	color: #110000;	
	text-decoration: none;
	}
		
#content_left_big_line {
	position: absolute;
	left: 30px;
	top: 205px;
	width: 560px;
	height: 1px;
	background-color:#808080;
	overflow: hidden;	
	}

#content_left_big_line2 {
	position: absolute;
	left: 30px;
	top: 650px;
	width: 560px;
	height: 1px;
	background-color:#808080;
	overflow: hidden;	
	}
	
#content_right {
	position: absolute;
	left: 600px;
	top: 215px;
	width: 350px;
	font-family: OfficinaSerif, Cambria;
	font-size: 14px;
	line-height: 17px;
	letter-spacing: 0.05em;
	font-weight: normal;	
	color: #808080;
	}	

#content_right_footer {
	position: absolute;
	left: 600px;
	top: 670px;
	width: 350px;
	}	
	
#content_right_text {
	position: absolute;
	left: 600px;
	top: 275px;
	width: 350px;
	font-family: OfficinaSans, Cambria;
	font-size: 13px;
	line-height: 17px;
	letter-spacing: 0.05em;
	font-weight: normal;
	color: #110000;
	}	

#content_right_text2 {
	position: absolute;
	left: 600px;
	top: 275px;
	width: 350px;
	height: 350px;
	overflow:hidden;
	font-family: OfficinaSans, Cambria;
	font-size: 13px;
	line-height: 17px;
	letter-spacing: 0.05em;
	font-weight: normal;
	color: #110000;
	}	
	
#content_right_text SPAN.textNormal, #content_right_text2 SPAN.textNormal{
	font-family: OfficinaSans, Cambria;
	font-size: 14px;
	line-height: 17px;
	letter-spacing: 0.05em;
	font-weight: normal;
	color: #110000;
	}	
	
#content_right_text SPAN.textSmall, #content_right_text2 SPAN.textSmall{
	font-family: OfficinaSerif, Cambria;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 0.05em;
	font-weight: normal;
	color: #808080;
	}	
	
#content_right_titel {
	left: 600px;
	top: 215px;
	position: absolute;
	width: 350px;
	height: 50px;
	}
	
#content_right_titel_line {
	position: absolute;
	left: 600px;
	top: 262px;
	width: 10px;
	height: 1px;
	background-color:#808080;
	overflow: hidden;	
	}	
		
#content_right_titel P{
	font-family: OfficinaSerif, Cambria;
	font-size: 14px;
	line-height: 17px;
	letter-spacing: 0.05em;
	font-weight: bold;
	color: #110000;
}

#content_right_titel P.categ{
    padding-top: 0px;
	font-weight: normal;
}		

#content_right_line {
	position: absolute;
	left: 600px;
	top: 205px;
	width: 350px;
	height: 1px;
	background-color:#808080;
	overflow: hidden;	
	}	

#content_right_line2 {
	position: absolute;
	left: 600px;
	top: 650px;
	width: 350px;
	height: 1px;
	background-color:#808080;
	overflow: hidden;	
	}	

#nav_titel {
	font-family: OfficinaSerif, Cambria;
	font-size: 14px;
	line-height: 17px;
	letter-spacing: 0.05em;
	font-weight: bold;
	color: #110000;
	position: absolute;
	text-decoration: none;
	top: 30px;
	left: 240px;
	height: 155px;
	width: 350px;
	}
	
#nav_line {
	position: absolute;
	left: 240px;
	top: 75px;
	width: 10px;
	height: 1px;
	background-color:#808080;
	overflow: hidden;	
	}
			
#portfolio {
	position: relative;
	width: 350px;
	height: 172px;
	}

#portfolio_left {
	position: relative;
	width: 200px;
	height: 172px;
	}

#portfolio_left_nav {
	position: relative;
	width: 200px;
	height: 172px;
	}
	
#portfolio P{
	font-family: OfficinaSerif, Cambria;
	font-size: 14px;
	line-height: 17px;
	letter-spacing: 0.05em;
	font-weight: bold;
	color: #110000;
	padding-top: 138px;
}

#portfolio P.categ{
	padding-top: 0px;
	font-weight: normal;
	color: #110000;
}
		
#portfolio_line {
	position: relative;
	width: 350px;
	height: 1px;
	background-color:#808080;
	margin-top: 10px;
	margin-bottom: 10px;
	overflow: hidden;	
	}

#portfolio_left_line {
	position: relative;
	width: 200px;
	height: 1px;
	background-color:#808080;
	margin-top: 10px;
	margin-bottom: 10px;
	overflow: hidden;	
	}	

#xxx {
	position: relative;
	width: 200px;
	height: 1px;
	background-color:#fff;
	margin-top: 10px;
	margin-bottom: 10px;
	overflow: hidden;	
	}
	
#portfolio_left_line_empty {
	position: relative;
	width: 200px;
	height: 1px;
	background-color:#fff;
	margin-top: 10px;
	margin-bottom: 10px;
	overflow: hidden;	
}

#portfolio_nav {
	position: relative;
	width: 350px;
	height: 40px;
	}
	
#portfolio_left P {
	font-family: OfficinaSerif, Cambria;
	font-size: 13px;
	font-style: italic;
	line-height: 15px;
	color: #C09B5B;	
	}

#portfolio_left A {
	font-family: OfficinaSerif, Cambria;
	font-size: 13px;
	font-style: italic;
	line-height: 15px;
	color: #C09B5B;
	text-decoration: underline;
	}
	
#portfolio_left A:hover {
	text-decoration: none;
	}	


/* footer classes */
.footer_re, .footer_re P {
	font-family: OfficinaSerif, Cambria;
	font-size: 14px;
	font-style: italic;
	line-height: 19px;
    letter-spacing: 0.05em;	
	color: #C09B5B;
	text-align:left;
	}

.footer_le, .footer_le P {
	font-family: OfficinaSerif, Cambria;
	font-size: 14px;
	font-style: italic;
	line-height: 19px;
    letter-spacing: 0.05em;	
	color: #C09B5B;
	text-align:left;
	}
	
.footer_le A, .footer_re A {
	color: #C09B5B;
	text-decoration:underline;
	}	

.footer_le A:hover, .footer_re A:hover {
	color: #766A62;	
	}	
		
.footer_le A.active, .footer_re A.active  {	
	font-weight: bold;
	}	
	
.footer_le SPAN, .footer_re SPAN {	
  color:#808080; 
  font-style:normal;
}	

/* pupup */
#mypopup {
	z-index:1; 
	position: absolute; 
	width: 600px; 
	height: auto; 
	display: none; 
	border: 1px solid #808080; 
	left: 210px; 
	top: 285px; 
	padding: 15px;
	background-color:#ffffff;
	font-family: OfficinaSerif, Cambria;
	font-size: 14px;
	line-height: 17px;
	letter-spacing: 0.05em;
	font-weight: normal;
	color: #110000;
	}