body
{
padding:0;
margin:0;
text-align: center;
background:url(pic/james-back2.jpg) no-repeat top center;
background-color:#0f0502 ;
font-family: Helvetica, Verdana, non-serif;
font-size: 10pt;
font-style: normal;
color:#4a3121;
line-height: 125%;
}


portfolio-text{
font-family: Helvetica, Verdana, non-serif;
font-size: 9pt;
font-style: normal;
color:#4a3121;
}

#page 
{
text-align: center;
margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
height: 100%;
padding: 0;
border: 0;
}


p{
margin:0 0 15px 0;
}


.border
{border:1px solid #4a3121} 

ul {
margin:10px;
padding:0px;
} 

a{
text-decoration:none;
font-weight:normal;
color:#996633;
border:0}

a:hover{
color:#663300;
border:0;
}


h1{
margin:0, auto;
font-family: Garamond, Times New Roman, Times, serif;
font-size: 23pt;
text-align:left;
font-weight:normal;
color: #efdbc4;
}


#titleboxorange
{
text-align: left;
width: 220px;
padding: 0;
border: 5px solid #ff8b00;
background-color:#ff8b00;
}

#titleboxyellow
{
text-align: left;
width: 220px;
padding: 0;
border: 5px solid #e9be00;
background-color:#e9be00;
}


#titleboxdblue
{
text-align: left;
width: 220px;
padding: 0;
border: 5px solid #015f9d;
background-color:#015f9d;
}


#titleboxblue
{
text-align: left;
width: 220px;
padding: 0;
border: 5px solid #3398cc;
background-color:#3398cc;
}


#titleboxred
{
text-align: left;
width: 220px;
padding: 0;
border: 5px solid #990000;
background-color:#990000;
}


#titleboxgreen
{
text-align: left;
width: 220px;
padding: 0;
border: 5px solid #80a601;
background-color:#80a601;
}


#titleboxbrown
{
text-align: left;
width: 220px;
padding: 0;
border: 5px solid #993400;
background-color:#993400;
}


#titleboxgrey
{
text-align: left;
width: 220px;
padding: 0;
border: 5px solid #ab9b81;
background-color:#ab9b81;
}


.h2{
margin:0, auto;
font-family: Times New Roman, Times, serif;
font-size: 18pt;
font-weight:500;
font-style:normal;
letter-spacing:-1px;
color: #fff;
}

.h4{
margin:0, auto;
font-family: Times New Roman, Times, serif;
font-size: 18pt;
font-weight:500;
font-style:normal;
letter-spacing:-1px;
color:#993400;
}



h3{
font-family: garamond, Times New Roman, Times, serif;
font-size:18px;
font-weight:bold;
}






#header
{
width: 790px;
text-align: left;
margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
color: #efdbc4;
letter-spacing: 1px;
padding: 20px 0 0 0;
}



#container{
width:790px;
text-align: left;    /* Seiteninhalt wieder Site map | Links ausrichten */
margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
background-color:#ffffff;
border-top:15px solid #ffffff;
border-bottom:15px solid #ffffff;
border-right:10px solid #ffffff;
}


#sidebar{
float:left;
text-align: left;
width:110px;
border-right:10px solid #ffffff;
border-top:190px solid #ffffff;
}


#text{
width:275px;
height:360px;
text-align: left;
border-bottom:5px solid #ffffff;
border-top:5px solid #ffffff;
float:right;
overflow: auto;
}


#text-us{
width:325px;
height:360px;
text-align: left;
border-bottom:5px solid #ffffff;
border-top:5px solid #ffffff;
float:right;
overflow: auto;
}



#text-full
{
width:610px;
height:360px;
text-align: left;
border-bottom:5px solid #ffffff;
margin: 0 0 0 165px;
overflow: auto;
}


#foto
{
border-bottom: 10px solid #ffffff;
border-right: 1px dotted #4a3121 ;
height: 360px;
margin: 0 290px 0 125px;
}


#foto-us
{
border-bottom: 10px solid #ffffff;
border-right: 1px dotted #4a3121 ;
height: 360px;
margin: 0 345px 0 125px;
}




#footer-orange{
clear:both;
width: 780px;
padding: 5px 0;
text-align: right;
font-family: helvetica, verdana, sans-serif;
font-size: 10pt;
margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
}

#footer-orange a:hover
{
text-decoration: none;
color: #efdbc4;
}

#footer-orange a
{
background-color: #ff8c00;
color: #FFF;
}



#footer-green{
clear:both;
width: 780px;
padding: 5px 0;
text-align: right;
font-family: helvetica, verdana, sans-serif;
font-size: 10pt;
margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
}

#footer-green a:hover
{
background-color:#ffffff;
color:#7fa601;
}

#footer-green a
{
background-color: #7fa601;
color: #FFF;
}





#footer-red{
clear:both;
width: 780px;
padding: 5px 0;
text-align: right;
font-family: helvetica, verdana, sans-serif;
font-size: 10pt;
margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
}

#footer-red a:hover
{
background-color:#ffffff;
color:#990000;
}

#footer-red a
{
background-color: #990000;
color: #ffffff;
}






#footer-grey{
clear:both;
width: 780px;
padding: 5px 0;
text-align: right;
font-family: helvetica, verdana, sans-serif;
font-size: 10pt;
margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
}

#footer-grey a:hover
{
background-color:#ffffff;
color:#9b896c;
}

#footer-grey a
{
background-color: #9b896c;
color: #ffffff;
}



#footer-blue{
clear:both;
width: 780px;
padding: 5px 0;
text-align: right;
font-family: helvetica, verdana, sans-serif;
font-size: 10pt;
margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
}

#footer-blue a:hover
{
background-color:#ffffff;
color:#3399cc;
}

#footer-blue a
{
background-color: #3399cc;
color: #ffffff;
}



#footer-yellow{
clear:both;
width: 780px;
padding: 5px 0;
text-align: right;
font-family: helvetica, verdana, sans-serif;
font-size: 10pt;
margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
}

#footer-blue a:hover
{
background-color:#ffffff;
color:#e8be00;
}

#footer-yellow a
{
background-color: #e8be00;
color: #ffffff;
}



#footer-brown{
clear:both;
width: 780px;
padding: 5px 0;
text-align: right;
font-family: helvetica, verdana, sans-serif;
font-size: 10pt;
margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
}

#footer-blue a:hover
{
background-color:#ffffff;
color:#993300;
}

#footer-brown a
{
background-color: #993300;
color: #ffffff;
}




#footer-dblue{
clear:both;
width: 780px;
padding: 5px 0;
text-align: right;
font-family: helvetica, verdana, sans-serif;
font-size: 10pt;
margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
}

#footer-blue a:hover
{
background-color:#ffffff;
color:#00538f;
}


#footer-dblue a
{
background-color: #00538f;
color: #ffffff;
}






.menu-orange{
display:block;
width:105px;
padding:3px 3px 3px 8px;
font-family: helvetica, verdana, sans-serif;
font-size: 11pt;
background-color:#ff991b;
color:#ffffff;
border:1px solid #fff;
}

.menu-orange:hover{
background-color:#ffffff;
color:#ff8c00;
border:1px solid #ff991b;
}




.menu-green{
display:block;
width:105px;
padding:3px 3px 3px 8px;
font-family: helvetica, verdana, sans-serif;
font-size: 11pt;
background-color:#7fa601;
color:#ffffff;
border:1px solid #fff;
}

.menu-green:hover{
background-color:#ffffff;
color:#7fa601;
border:1px solid #7fa601;
}



.menu-red{
display:block;
width:105px;
padding:3px 3px 3px 8px;
font-family: helvetica, verdana, sans-serif;
font-size: 11pt;
background-color:#990000;
color:#ffffff;
border:1px solid #ffffff;
}

.menu-red:hover{
background-color:#ffffff;
color:#990000;
border:1px solid #990000;
}



.menu-grey{
display:block;
width:105px;
padding:3px 3px 3px 8px;
font-family: helvetica, verdana, sans-serif;
font-size: 11pt;
background-color:#9b896c;
color:#ffffff;
border:1px solid #ffffff;
}

.menu-grey:hover{
background-color:#ffffff;
color:#9b896c;
border:1px solid #9b896c;
}



.menu-blue{
display:block;
width:105px;
padding:3px 3px 3px 8px;
font-family: helvetica, verdana, sans-serif;
font-size: 11pt;
background-color:#3399cc;
color:#ffffff;
border:1px solid #ffffff;
}

.menu-blue:hover{
background-color:#ffffff;
color:#3399cc;
border:1px solid #3399cc;
}


.menu-yellow{
display:block;
width:105px;
padding:3px 3px 3px 8px;
font-family: helvetica, verdana, sans-serif;
font-size: 11pt;
background-color:#e8be00;
color:#ffffff;
border:1px solid #ffffff;
}

.menu-yellow:hover{
background-color:#ffffff;
color:#e8be00;
border:1px solid #e8be00;
}



.menu-brown{
display:block;
width:105px;
padding:3px 3px 3px 8px;
font-family: helvetica, verdana,sans-serif;
font-size: 11pt;
background-color:#993300;
color:#ffffff;
border:1px solid #ffffff;
}

.menu-brown:hover{
background-color:#ffffff;
color:#993300;
border:1px solid #993300;
}



.menu-dblue{
display:block;
width:105px;
padding:3px 3px 3px 8px;
font-family: helvetica, verdana, sans-serif;
font-size: 11pt;
background-color:#00538f;
color:#ffffff;
border:1px solid #ffffff;
}

.menu-dblue:hover{
background-color:#ffffff;
color:#00538f;
border:1px solid #00538f;
}

