body{
  background-color: #cdcbcb;
  font-size: 11px;
  line-height:13px;
  font-family: Arial, Helvetica, SunSans-Regular, Sans-Serif;
  color:#101010;  
  padding:0px;
  margin:0px;
}

td {
 font-size: 11px;
 line-height:13px;
  font-family: Arial, Helvetica, SunSans-Regular, Sans-Serif;
  color:#101010;  
}

#content_white { 	
  position:absolute;
  height:600px; 
  width:800px;
  margin:-300px 0px 0px -400px;
  top: 50%; 
  left: 50%;
  background-image:url(../img/content_background_white.gif);
  background-position:bottom;
  background-repeat:no-repeat;
}

#sitecontent a:link, #sitecontent a:visited {
  color:#101010;
  text-decoration:none;
  border-bottom:1px dotted #666;
}

#sitecontent a:hover, #sitecontent a:visited:hover {
  font-size:120%;
  border-bottom: 1px solid #101010;
  color:#ba4526;
}



/* --------------- top navigation buttons -----------------------*/

#topnav {
  font-size:0.1px;
  height:63px;
  padding-left:20px;
}

#topnav a {
  display:block;
  float:left;
}

/* inactive */

a#home:link, a#home:visited {
  width:118px;
  height:63px;
  background-image:url(../img/home_normal.gif);
  background-repeat:no-repeat;  
}

a#illustration:link, a#illustration:visited {
  width:117px;
  height:63px;
  background-image:url(../img/illustration_normal.gif);
  background-repeat:no-repeat;
}

a#showreel:link, a#showreel:visited {
  width:113px;
  height:63px;
  background-image:url(../img/showreel_normal.gif);
  background-repeat:no-repeat;
}

a#storyboard:link, a#storyboard:visited {
  width:111px;
  height:63px;
  background-image:url(../img/storyboard_normal.gif);
  background-repeat:no-repeat;
}

a#aboutme:link, a#aboutme:visited {
  width:108px;
  height:63px;
  background-image:url(../img/aboutme_normal.gif);
  background-repeat:no-repeat;
}

a#news:link, a#news:visited {
  width:78px;
  height:63px;
  background-image:url(../img/news_normal.gif);
  background-repeat:no-repeat;
}

a#contact:link, a#contact:visited {
  width:103px;
  height:63px;
  background-image:url(../img/contact_normal.gif);
  background-repeat:no-repeat;
}

/* mouseovers */


a#home:hover, a#home:visited:hover {
  background-image:url(../img/home_mouseover.gif);
}

a#illustration:hover, a#illustration:visited:hover {
  background-image:url(../img/illustration_mouseover.gif);
}

a#showreel:hover, a#showreel:visited:hover {
  background-image:url(../img/showreel_mouseover.gif);
}

a#storyboard:hover, a#storyboard:visited:hover {
  background-image:url(../img/storyboard_mouseover.gif);
}

a#aboutme:hover, a#aboutme:visited:hover {
  background-image:url(../img/aboutme_mouseover.gif);
}

a#news:hover, a#news:visited:hover {
  background-image:url(../img/news_mouseover.gif);
}

a#contact:hover, a#contact:visited:hover {
  background-image:url(../img/contact_mouseover.gif);
}

/* mousedowns */

a#home:active {
  background-image:url(../img/home_mousedown.gif);
}

a#illustration:active {
  background-image:url(../img/illustration_mousedown.gif);
}

a#showreel:active {
  background-image:url(../img/showreel_mousedown.gif);
}

a#storyboard:active {
  background-image:url(../img/storyboard_mousedown.gif);
}

a#aboutme:active {
  background-image:url(../img/aboutme_mousedown.gif);
}

a#news:active {
  background-image:url(../img/news_mousedown.gif);
}

a#contact:active {
  background-image:url(../img/contact_mousedown.gif);
}

/* ---------------- bottom navigation ------------------------ */

#prevnext {
  width:750px;
  height:52px;
}

#prevnext a {
  display:block;
  float:left;  
}

a#previous_white:link, a#previous_white:visited {
  margin-left:185px;
  width:216px;
  height:52px;
  background-image:url(../img/previous_white_normal.gif);
  background-repeat:no-repeat;
}

a#previous_white:hover, a#previous_white:visited:hover {
  background-image:url(../img/previous_white_mouseover.gif);
}

a#previous_white:active {
  background-image:url(../img/previous_white_mousedown.gif);
}


a#next_white:link, a#next_white:visited {
  width:201px;
  height:52px;
  background-image:url(../img/next_white_normal.gif);
  background-repeat:no-repeat;
}

a#next_white:hover, a#next_white:visited:hover {
  background-image:url(../img/next_white_mouseover.gif);
}

a#next_white:active{
  background-image:url(../img/next_white_mousedown.gif);
}

a#previous_grey:link, a#previous_grey:visited {
  margin-left:185px;
  width:216px;
  height:52px;
  background-image:url(../img/previous_grey_normal.gif);
  background-repeat:no-repeat;
}

a#previous_grey:hover, a#previous_grey:visited:hover {
  background-image:url(../img/previous_grey_mouseover.gif);
}

a#previous_grey:active {
  background-image:url(../img/previous_grey_mousedown.gif);
}


a#next_grey:link, a#next_grey:visited {
  width:201px;
  height:52px;
  background-image:url(../img/next_grey_normal.gif);
  background-repeat:no-repeat;
}

a#next_grey:hover, a#next_grey:visited:hover {
  background-image:url(../img/next_grey_mouseover.gif);
}

a#next_grey:active{
  background-image:url(../img/next_grey_mousedown.gif);
}


a#previous_black:link, a#previous_black:visited {
  margin-left:185px;
  width:212px;
  height:64px;
  background-image:url(../img/prev_work_normal.gif);
  background-repeat:no-repeat;
}

a#previous_black:hover, a#previous_black:visited:hover {
  background-image:url(../img/prev_work_mouseover.gif);
}

a#previous_black:active {
  background-image:url(../img/prev_work_mousedown.gif);
}


a#next_black:link, a#next_black:visited {
  width:212px;
  height:64px;
  background-image:url(../img/next_work_normal.gif);
  background-repeat:no-repeat;
}

a#next_black:hover, a#next_black:visited:hover {
  background-image:url(../img/next_work_mouseover.gif);
}

a#next_black:active{
  background-image:url(../img/next_work_mousedown.gif);
}


a#home_finger:link, a#home_finger:visited {
  width:268px;
  height:63px;
  background-image:url(../img/home_finger_normal.gif);
  background-repeat:no-repeat;
}

a#home_finger:hover, a#home_finger:visited:hover {
  background-image:url(../img/home_finger_mouseover.gif);
}

a#home_finger:active{
  background-image:url(../img/home_finger_mousedown.gif);
}


/* -------- main scroll ------------------------------*/

#sitecontent {
  margin:10px 30px;
  height:430px;
  overflow:auto;
}

/* ---------------- thumbnail display ------------ */

.lb_image_link {
  border:0 !important;
}

table.lb td {
  padding:5px;
}



/*-------------- about me navigation --------------------*/

#aboutmenav {
  margin-top:55px;
  text-align:center;
/*  font-size:22pt;
  line-height:24pt; 
  margin-right:80px; */
  margin-left:245px;
}


#aboutmenav a:link, #aboutmenav a:visited {
  text-decoration:none;
  border-bottom:0 !important;
}

/*
#aboutmenav a:hover, #aboutmenav a:visited:hover {
  font-size:24pt;
  color:#ba4526;
  border-bottom:0 !important;  
}

#aboutmenav:active {
  font-size:24pt;
  color:#f7941d;
  border-bottom:0 !important;  
}
*/

.hi, .filmography, .biography, .work, .contact_overview, .links {
  display:block;
  width:198px;
  margin-top:-5px;
  background-repeat:no-repeat;
}

a.hi:link, a.hi:visited { height:50px; background-image:url(../img/hi_normal.gif)}
a.hi:hover, a.hi:visited:hover { background-image:url(../img/hi_mouseover.gif)}
a.hi:active { background-image:url(../img/hi_mousedown.gif)}

a.filmography:link, a.filmography:visited { height:46px; background-image:url(../img/filmography_normal.gif)}
a.filmography:hover, a.filmography:visited:hover { background-image:url(../img/filmography_mouseover.gif)}
a.filmography:active { background-image:url(../img/filmography_mousedown.gif)}

a.biography:link, a.biography:visited { height:44px; background-image:url(../img/biography_normal.gif)}
a.biography:hover, a.biography:visited:hover { background-image:url(../img/biography_mouseover.gif)}
a.biography:active { background-image:url(../img/biography_mousedown.gif)}

a.work:link, a.work:visited { height:35px; background-image:url(../img/work_normal.gif)}
a.work:hover, a.work:visited:hover { background-image:url(../img/work_mouseover.gif)}
a.work:active { background-image:url(../img/work_mousedown.gif)}

a.contact_overview:link, a.contact_overview:visited { height:32px; background-image:url(../img/contact_overview_normal.gif)}
a.contact_overview:hover, a.contact_overview:visited:hover { background-image:url(../img/contact_overview_mouseover.gif)}
a.contact_overview:active { background-image:url(../img/contact_overview_mousedown.gif)}

a.links:link, a.links:visited { height:32px; background-image:url(../img/links_normal.gif)}
a.links:hover, a.links:visited:hover { background-image:url(../img/links_mouseover.gif)}
a.links:active { background-image:url(../img/links_mousedown.gif)}


/*------------ some work -------------------*/


.workitem {
  width:285px;
  height:115px;
  overflow:hidden;
  float:left;
  background-image:url(../img/filmo_rahmen.gif);
  background-repeat:no-repeat;
  padding:10px 40px 15px 15px;
  margin:10px;
}

.workitem img {
  margin-right:10px;
}

a#youtube {
  display:block;
  width:180px;
height:180px;
margin-top:90px;
margin-left:270px;
border:0 !important;
}

/*---------- Link list --------------------------*/

#linkarea {
  margin-top:85px;
}

.linkUrl, .linkDesc {
  height:40px;
  overflow:hidden;
  float:left;
}

.linkUrl {
  width:270px;
  margin-left:140px;
  font-size:16pt;
  line-height:18pt !important;
  font-weight:bold;
}

.linkDesc {
  width:150px;
  padding-right:30px;
  text-align:right;
}

.linkDesc a {
  border:0 !important;
}

.linkUrl a:link, .linkUrl a:visited {
  border:0 !important;
}

.linkUrl a:hover, .linkUrl a:visited:hover {
color:#ba4526;
}


p#mlink {
  margin-top:345px;
  margin-left:285px;
}

p#mlink a {
  display:block;
  width:154px;
  height:132px;
  border:0 !important;
}

p#mlink a:link, p#mlink a:visited {
  background-image:url(../img/write_button_normal.gif);
}

p#mlink a:hover, p#mlink a:hover {
  background-image:url(../img/write_button_mouseover.gif);
}

p#mlink a:active {
  background-image:url(../img/write_button_mousedown.gif);
}

.bg7 #sitecontent {
  height:480px !important;
  overflow:hidden;
}

.bg7 #prevnext {
  display:none !Important;
}

/* ------------ this & that -------------------------*/
.invisibletext {
  display:none;
}
