@media screen {
  html, body {
  margin:0;
  padding:0;
  }
  body {
  color:#fff;
  background-color:#000;
  font-family:'trebuchet ms', 'arial', sans-serif;
  font-size:80%;
  line-height:1.7em;
  
  background-image:url('http://www.martin-karlhofer.com/images/karlhofer/layout/bg-body.jpg');
  background-position:center top;
  background-repeat:no-repeat;
  background-attachment:fixed;
  }
  img {
  border-style:none;
  }
  h1, h2, h3 {
  font-weight:normal;
  }
  h1 {
  font-size:2em;
  color: #f3ff75;
  }
  h2 {
  font-size:1.4em;
    color: #f3ff75;

  }
  h3 {
  font-size:1.2em;
  }
  
  .sendafriend input, textarea {
  width: 200px;
  }
  
  .sendafriend .colwidth {
  width: 120px;
  }

  .sendafriend {
  width: 100%;
  }
  .contactform input, textarea {
  width: 200px;
  }
  
  .contactform .colwidth {
  width: 120px;
  }

  .contactform {
  width: 100%;
  }
  /*
  --------------------------------------------------
  canvas
  --------------------------------------------------*/
  #canvas {
  width:931px;
  margin-left:auto;
  margin-right:auto;
  background-image:url('http://www.martin-karlhofer.com/images/karlhofer/layout/bg-canvas.jpg');
  background-position:center top;
  background-repeat:repeat-y;
  }

  /*
  --------------------------------------------------
  header
  --------------------------------------------------*/
  #header {
  width:901px;
  height:97px;
  padding-left:15px;
  padding-right:15px;
  }
  #logo {
  float:right;
  }
  /*
  --------------------------------------------------
  toolbar
  --------------------------------------------------*/
  #toolbar {
  padding:43px 0 0 0;
  }
  #search, #fontControls, #icons {
  float:left;
  margin-right:2em;
  }
  #fontControls, #icons {
  padding-top:5px;
  }
   #fontControls {
    display:inline;
    padding-right:1.5em;
  }
   #fontControls a {
    color: #fff;
	padding: 0.2em;
	text-decoration:none;	
  }
   #fontControls a:hover {
	text-decoration:none;	
  }
  #searchbutton {
  border-style:none;
  color:#fff;
  background-color:transparent;
  width:20px;
  background-image:url('http://www.martin-karlhofer.com/images/karlhofer/layout/toolbar-searchbutton.png');
  background-position:center 1px;
  background-repeat:no-repeat;
  }
  /*
  --------------------------------------------------
  navi1
  --------------------------------------------------*/
  #navi1 {
  clear:both;
  }
  #navi1 ul {
  margin:0;
  padding:0;
  list-style-type:none;

  width:900px;
  height:49px;
  margin-left:15px;
  margin-right:15px;
  
  border-top:1px solid #414141;
  border-right:1px solid #414141;
  border-bottom:1px solid #000;
  
  background-image:url('http://www.martin-karlhofer.com/images/karlhofer/layout/bg-navi1.gif');
  background-position:left top;
  background-repeat:repeat-x;
  }
  #navi1 ul li {
  float:left;
  height:49px;
  }
  #navi1 ul li.last {
  border-right:1px solid #000;
  }
  
  #navi1 a:link,
  #navi1 a:visited
    {
  color:#d4d4d4;
  background-color:transparent;
  height:48px;
  line-height:48px;
  display:block;
  
  border-right:1px solid #383838;
  border-left:1px solid #000;

  font-size:16px;
  font-weight:bold;
  padding:0 18px 0 18px;
  text-decoration:none;
  text-transform:uppercase;
  }
  #navi1 a:hover,
  #navi1 li.active a  {
  background-image:url('http://www.martin-karlhofer.com/images/karlhofer/layout/bg-n1-hover.png');
  background-position:left top;
  background-repeat:no-repeat;
  }

  /*
  --------------------------------------------------
  flash
  --------------------------------------------------*/
  #flash {
  width:901px;
  height:282px;
  padding-left:15px;
  padding-right:15px;
  }

  /*
  --------------------------------------------------
  content
  --------------------------------------------------*/
  /*#content #text strong, b {
  color: #f3ff57;
  }*/
  
  #content {
  width:870px;
  margin:15px 15px 0 15px;
  padding:15px;
  
  border:1px solid #162a43;

  background-image:url('http://www.martin-karlhofer.com/images/karlhofer/layout/bg-home.png');
  background-repeat:repeat;
  }
  #content.wide {
  width:869px;
  }
  #content .outerbox,
  #content .newsouterbox {
  border-top:1px solid #585858;
  border-right:1px solid #585858;
  border-bottom:1px solid #000;
  border-left:1px solid #000;
  color:#fff;
  background-color:#414141;
  padding:4px;
  }
  #content .outerbox.small {
  width:206px;
  float:left;
  margin-right:15px;
  }
  #content .outerbox.gallery {
  width:398px;
  float:left;
  margin-right:0;
  }
  #content .outerbox.gallery p.image img {
    width: 129px;
 }
  #content .wide img {
  padding-right: 6px;
  }
  #content .newsouterbox {
  width:100%;
  margin-bottom:0.5em;
  }
  #content .newsinnerbox {
  line-height:1.1em;
  height:117px;
  background-image:url('http://www.martin-karlhofer.com/images/karlhofer/layout/bg-newsbox.jpg');
  background-position:right bottom;
  background-repeat:repeat-x;
  }
  #content .newsinnerbox p.newstext {
  height:3.6em;
  overflow:hidden;
  margin-bottom:0;
  padding-right:1em;
  }
  #content .newsinnerbox h2 {
  margin-top:0.3em;
  font-size:18px;
  }

  #content .innerbox,
  #content .newsinnerbox {
  color:#e9e9e9;
  background-color:transparent;
  margin:0;
  padding:1px;
  border-bottom:1px solid #585858;
  }
  #content .innerbox {
  background-image:url('http://www.martin-karlhofer.com/images/karlhofer/layout/bg-canvas.jpg');
  background-position:center top;
  background-repeat:repeat-y;
  }
  #content .outerbox.small .innerbox,
  #content .outerbox.gallery .innerbox {
  line-height:1.4em;
  }
  #content .outerbox.small .innerbox p,
  #content .outerbox.gallery .innerbox p  {
  margin:5px 0 5px 0;
  padding-left:10px;
  padding-right:10px;
  }
  #content .innerbox p.title {
  font-size:1.15em;
  }
  #content .outerbox.small .innerbox p.image,
  #content .outerbox.gallery .innerbox p.image  {
  padding:0;
  margin:0;
  }
  
  #content #text a {
  color:#f3ff75;
  text-decoration:underline;
  }
  
  #content a.more:link,
  #content a.more:visited {
  color:#f3ff75;
  background-color:#3e3e3e;
  text-decoration:none;
  padding:1px 5px 1px 5px;
  margin-right:3px;
  background-image:url('http://www.martin-karlhofer.com/images/karlhofer/layout/bg-more.gif');
  background-position:left top;
  background-repeat:no-repeat;
  }
  #content a.more:hover {
  color:#f3ff75;
  background-color:#484848;
  }
  #content a.more:focus {
  }
  #content a.more:active {
  }

  #content a.newsmore:link,
  #content a.newsmore:visited {
  color:#f3ff75;
  background-color:#3e3e3e;
  text-decoration:none;
  padding:1px 10px 1px 20px;
  background-image:url('http://www.martin-karlhofer.com/images/karlhofer/layout/bg-newsmore.gif');
  background-position:left top;
  background-repeat:no-repeat;
  width:20px;
  }
  #content a.newsmore:hover {
  color:#f3ff75;
  background-color:#484848;
  }
  #content a.newsmore:focus {
  }
  #content a.newsmore:active {
  }
  
  #content .sitemap a {
  color: #f3ff75;
  }

  #content .outerbox.wide {
  width:860px;
  height:auto;
  }
  #content .outerbox.wide .innerbox {
  width:830px;
  padding:15px;
  }
  #content .outerbox.wide #text {
  clear:both;
  float:left;
  width:600px;
  }
  #content .outerbox.wide #text.wide {
  width:819px;
  }
  #content .outerbox.wide #image {
  width:204px;
  float:right;
  margin-left:15px;
  }

  .breadcrumbs {
  line-height:1em;
  margin-top:0;
  margin-bottom:1em;
  }
  .breadcrumbs a:link,
  .breadcrumbs a:visited {
  color:#d5d5d5;
  background-color:transparent;
  text-decoration:none;
  margin-right:3px;
  }
  .breadcrumbs a:hover {
  text-decoration:underline;
  }
  .breadcrumbs a:focus {
  }
  .breadcrumbs a:active {
  }
  /*
  --------------------------------------------------
  subnavi
  --------------------------------------------------*/
  #subnavi {
  margin:0 0 1em 0;
  padding:0;
  }
  #subnavi ul {
  list-style-type:none;
  margin:0;
  padding:0;
  }
  #subnavi ul li {
  float:left;
  margin-right:1em;
  white-space:nowrap;
  padding:0;
  }
  #subnavi ul li.active {
  background-image:url('http://www.martin-karlhofer.com/images/karlhofer/layout/bg-subnavi-active.gif');
  background-position:top right;
  background-repeat:no-repeat;  
  }
  #subnavi a:link,
  #subnavi a:visited {
  display:block;
  height:23px;
  line-height:23px;
  
  font-weight:bold;
  color:#fff;
  background-color:transparent;
  text-decoration:none;
  padding-right:3px;
  }
  #subnavi a:hover {
  color:#e1ec70;
  background-color:transparent;  
  text-decoration:underline;
  }
  #subnavi a:focus {
  }
  #subnavi a:active {
  }
  #subnavi li.active a {
  color:#e1ec70;
  background-color:transparent;
  padding:0 10px 0 10px;

  background-image:url('http://www.martin-karlhofer.com/images/karlhofer/layout/bg-subnavi-active-a.gif');
  background-position:top left;
  background-repeat:no-repeat;  
  }

  /*
  --------------------------------------------------
  footer
  --------------------------------------------------*/
  #footer {
  clear:both;
  color:#d5d5d5;
  background-color:transparent;
  }
  #footer a:link,
  #footer a:visited {
  color:#d5d5d5;
  background-color:transparent;
  text-decoration:none;
  margin-right:3px;
  }
  #footer a:hover {
  text-decoration:underline;
  }
  #footer a:focus {
  }
  #footer a:active {
  }

  #footer ul.metanavi {
  float:left;
  list-style-type:none;
  height:50px;
  margin:5px 0 5px 15px;
  padding:0;
  }
  #footer ul.metanavi li {
  float:left;
  margin-right:10px;
  }
  #footer ul.metanavi a:link,
  #footer ul.metanavi a:visited  {
  background-image:url('http://www.martin-karlhofer.com/images/karlhofer/layout/bg-metanavi.png');
  background-position:3px 60%;
  background-repeat:no-repeat;
  padding-left:13px;
  }
  .copyright {
  float:right;
  margin:5px 15px 5px 15px;
  }

  /*
  --------------------------------------------------
  bottom
  --------------------------------------------------*/
  #bottom {
  width:901px;
  height:70px;
  margin-left:auto;
  margin-right:auto;
  margin-top:10px;
  }
  #bottom .sponsors {
  margin:0;
  padding:0;
  float:left;
  }
  #bottom .sponsors a {
  margin-right:20px;
  }
  #bottom .sig {
  margin:0;
  padding:0;
  float:right;
  }
}