#a_s, body , textarea
{
font-family: Helvatica, "Trebuchet MS", Geneva, Arial, SunSans-Regular, sans-serif;
}


#a_s, body
{
font-size: 12px;
background-color:#f5f5f5;
color:#000000;
padding:0px;
margin: 0px;

background-image:;
background-repeat:repeat-y;
}

td
{
font-size: 12px;
}

a {
color:#666666;
}
a:visited {color:#000000;}
a:hover {color: #FF6600;}
a:active { color:#333333;}

h1{
font-size:18px;
visibility:hidden;
}
h2{
visibility:hidden;
}
h3{
font-size:14px;
}
h4{
font-size:12px;
}




/* container to center the layout
-------------------------------------- */
#container {
width: 885px;
border: 1px solid #929292;
margin: 10px;
margin-left: auto;
margin-right: auto;
background-image:url(../images/home_header.jpg);
background-repeat:no-repeat;
}

#container_contact {
width: 885px;
border: 1px solid #929292;
margin: 10px;
margin-left: auto;
margin-right: auto;
background-image:url(../images/contact_header.jpg);
background-repeat:no-repeat;
}

#container_study {
width: 885px;
border: 1px solid #929292;
margin: 10px;
margin-left: auto;
margin-right: auto;
background-image:url(../images/header_study.jpg);
background-repeat:no-repeat;
}

#container_skills {
width: 885px;
border: 1px solid #929292;
margin: 10px;
margin-left: auto;
margin-right: auto;
background-image:url(../images/header2.jpg);
background-repeat:no-repeat;
}

#container_vita {
width: 885px;
border: 1px solid #929292;
margin: 10px;
margin-left: auto;
margin-right: auto;
background-image:url(../images/header_vita.jpg);
background-repeat:no-repeat;
}

/* head container for logo and metanavi
-------------------------------------- */
#banner {
padding: 0px;
margin: 0px;
height: 140px;
}
#banner a
{
color: #ffffff;
text-decoration:none;
}

#banner  a:hover
{color: #E4EBC3;}

#banner h1
{
font-size: 22px;
padding: 68px 0px 0px 10px;
margin: 0px;
}

#banner h2
{
color: #ffffff;
font-size: 14px;
padding: 12px 0px 0px 10px;
margin: 0px;
}

#metanavi
{
float: right;
padding: 5px 10px 0px 0px;
margin: 0px;
}

#logo_fhf
{
text-align:center;
margin:30px 15px 30px 15px;
}
/*main-navi
-------------------------------------- */
#topnavi {
border-bottom:13px solid #CFCFCF;
margin: 0px 0px 0px 0px;
padding: 2px 0px;
}

#topnavi a
{
color: #000000;
/*text-decoration: none;*/
margin: 0px;
padding: 2px 13px;
}

#topnavi a:visited
{
color:#000000;
}

#topnavi a:hover
{
color:#FFFFFF;
background-color:#FF9900;
}

#mainnavi a:active
{ 
color:#000000;
}

/* content elements
-------------------------------------- */
#content {
padding: 15px 0px;
margin:0px;
margin-left: 175px;
margin-right: 175px;
background-color: #ffffff;
min-height:320px;
}

#content h1, #content h2, #content h3, #content h4 {
padding: 0px 20px 0px 20px;
margin:0px 0px 10px 0px;
}
#content p{
line-height: 18px;
padding: 0px 20px 0px 20px;
margin:0px 0px 10px 0px;
}

/* elements for left and right navigation
-------------------------------------- */
#left {
text-align:center;
float:left;
width: 175px;
margin: 0px;
padding: 15px 0px;
}

#left p {
border:medium #929292 }

#right {
float: right;
width: 175px;
margin: 0px;
padding:15px 0px;
background-image: url("");
background-repeat:no-repeat;
}

#right p
{
padding: 0px 15px 15px 15px;
margin:0px;
}

#right a:hover
{
text-decoration:inherit;
color:#FF6600;
}

#right h3
{
background-color:#CFCFCF;
}

#right li {
list-style:square;
color:#666666;
}

#left a, #right a {
text-decoration:underline;
color:#666666;
}

#left ul, #right ul {
list-style-type: none;
margin: 0px 15px 20px 15px;
padding: 0px;
}
#left li, #right li {
margin-bottom: 8px;
}
#left h3, #right h3{
margin: 0px 0px 15px 0px;
padding:0px 15px;
}

/*footer
-------------------------------------- */
#footer {
clear: both;
padding: 2px 10px;
color: #ffffff;
margin: 0px;
background-image: url("../images/footer1.jpg");
}

#footer a {
text-decoration:underline;
color:#333333;
}

#footer a:hover {
text-decoration:none;
}

/*-------------------------------------- */

#projects {
text-align:center;
}