@charset "UTF-8";

@font-face {
	font-family: 'GraublauWebRegular';
	src: url('GraublauWeb.eot');
	src: local('Graublau Web Regular'), local('GraublauWeb-Regular'), url('GraublauWeb.otf') format('opentype');
}

@font-face {
	font-family: 'GraublauWebBold';
	src: url('GraublauWebBold.eot');
	src: local('Graublau Web Bold'), local('GraublauWeb-Bold'), url('GraublauWebBold.otf') format('opentype');
}

@media screen, projection
{

  * { margin:0px; padding:0px; }
  fieldset, img { border: 0px none; }

  html{ height:100%; }
  
  body 
  {
   background:#FFFFFF;
   font-family:Verdana, sans-serif;
   font-size:100.01%;
   line-height:1.5;
   text-align:left;
   color:#556666;
   height:100%;
   margin-bottom:1px;
  }

  h1, h2, h3 { font-family:GraublauWebRegular, Verdana, sans-serif; }
  h1 { color:#96BF00; font-weight:normal; font-size:1.25em; line-height:1; padding:0em 0em 0.5em 0em; text-transform: uppercase; letter-spacing:0.05em; }
  h2 { color:#96BF00; font-weight:normal; font-size:1.16em; line-height:1; padding:0em 0em 0.5em 0em; }
  h3 { color:#94A2A3; font-weight:bold; font-size:1em; line-height:1; padding-bottom:0.5em; }

  p,ul { padding-bottom:1em; }
  ul { list-style-position:outside; list-style-type:none; }
  li { background:url(../grafiken/bullet.png) no-repeat 0px 8px; padding-left:15px; padding-bottom:0.5em; }

  a, a:link, a:active, a:visited, a:hover 
  {
   font-weight:normal;
   background-color:inherit;
   color:#96BF00;
   text-decoration:none;
  }
  a:hover { text-decoration:underline; }

  input, select, textarea { border:1px solid #C2C3C5; font-size:1em; color:#556666; font-family:Verdana, sans-serif; display:block; margin-bottom:1em; }
  input.auto { width:auto; }
  input.button { color:#FFFFFF; background:#96BF00; }
  .honey { display:none; }

  table { border-collapse:collapse; }
  tr.altrow { background:#EEEEEE; }
  th { border-bottom:1px solid #CCCCCC; }
  td, th { padding:2px 5px; }

  div.container
  {
    font-size:0.75em;
    width:940px;
    margin:0 auto;
  }

  div.header
  {
    width:940px;
    height:135px;
    padding:10px 0px;
    position:relative;
  }
  div.header h1 { color:#94A2A3; font-family:Helvetica, Arial, sans-serif; letter-spacing:0em; font-weight:normal; font-size:1.5em; padding:20px 0px 5px 0px; text-transform:none; }
  div.header h2 { color:#94A2A3; font-family:Helvetica, Arial, sans-serif; letter-spacing:0em; font-weight:bold; font-size:1.5em; padding:0px; }

  div.header a { font-size:0.875em; }
  div.header ul { padding:0px; margin:0px; height:20px; display:block; }
  div.header li { height:20px; background:none; padding:0px; margin:0px; float:left; }  
  div.header li a { color:#94A2A3; border-right:1px solid #94A2A3; padding:0px 10px; }
  div.header li.last a { border-right:none; }
  div.header li.first a { padding-left:0px; }
  div.header li.active a { color:#96BF00; }
  
  
  div.header a.logo { text-decoration:none; position:absolute; top:20px; right:0px; }
  
  div.content { padding-top:20px; }
  
  .col1, .col2 { width:300px; padding-right:20px; float:left; display:block; }
  .col3 { width:300px; float:left; display:block; }
  .col12 { width:620px; padding-right:20px; float:left; display:block; }
  
  div.nav1 { width:940px; height:2em; line-height:2em; margin-bottom:2px; font-family:GraublauWebRegular, Verdana, sans-serif; letter-spacing:0.05em; }
  div.nav1 li { background:none; width:300px; float:left; display:block; padding:0px 20px 0px 0px; }
  div.nav1 li.col1, div.nav1 li.col2 { padding:0px 20px 0px 0px; }
  div.nav1 li.col3 { padding:0px 0px 0px 0px; }
  div.nav1 a:link, div.nav1 a:visited, div.nav1 a:focus, div.nav1 a:hover, div.nav1 a:active { display:block; background:#96BF00 url(../grafiken/pfeile.png) no-repeat 96% -15px; color:#FFFFFF; padding:0px 10px; font-size:1.25em; text-transform: uppercase; }
  div.nav1 li a:hover { color:#FFFFFF; font-weight:normal; text-decoration:none; }
  div.nav1 li.active a { color:#FFFFFF; font-weight:normal; font-family:GraublauWebBold, Verdana, sans-serif; background:#96BF00 url(../grafiken/pfeile.png) no-repeat 96% 5px; }

  div.nav2 { width:940px; height:2em; background:#C2C3C5 url(../grafiken/nav2_back.png) repeat-x bottom; font-family:GraublauWebRegular, Verdana, sans-serif; letter-spacing:0.05em; }
  div.nav2 ul {  }
  div.nav2 li { height:2em; line-height:2em; background:none; float:left; display:block; padding:0px; }
  div.nav2 a:link, div.nav2 a:visited, div.nav2 a:focus, div.nav2 a:hover, div.nav2 a:active  { width:940px; color:#FFFFFF; background:url(../grafiken/trenner.png) no-repeat 100% 50%; padding:2px 10px; font-size:1.25em; text-transform: uppercase; }
  div.nav2 a:hover { color:#FFFFFF; font-weight:normal; text-decoration:none; }
  div.nav2 li.active {  }
  div.nav2 li.active a { color:#FFFFFF; font-weight:normal; font-family:GraublauWebBold, Verdana, sans-serif; }

  div.subnav { width:179px; font-size:0.875em; padding-left:10px; margin-left:10px; margin-top:30px; float:right; border-left:1px solid #C2C3C5; }
  div.subnav h3 { padding:5px 0px 10px 10px; color:#94A2A3; }
  div.subnav li { padding:0px 0px 5px 10px; background:none; }
  div.subnav li a { color:#94A2A3; text-decoration:none; }
  div.subnav li a:hover { color:#96BF00; }
  div.subnav li.active a { color:#96BF00; }
  

  img.headerimg { width:940px; height:290px; padding-top:20px; display:block; }
  span.B_crumbBox { width:940px; padding:10px 0px; font-size:0.875em; display:block;  }
  span.B_crumbBox a { color:#556666; }
  span.B_currentCrumb { font-weight:bold; }
  
  div.imageflow { width:938px; height:288px; margin-top:20px; border:1px solid #C2C3C5; background:url(../grafiken/gallery_back.jpg) no-repeat bottom; }

  div.newsitem { margin-bottom:3em; }
  div.newsitem a.mehr { display:block; }
  
  div.col12 h1 { border-bottom:1px solid #C2C3C5; margin-bottom:20px; }
  div.col12 a { padding-left:20px; background:url(../grafiken/pfeil_grau.png) no-repeat 5px 4px; }
  div.col12 li a { padding-left:0px; background:none; }
  
  div.col3 p { border:1px solid #C2C3C5; padding:10px; margin-bottom:20px; background:#FFFFFF url(../grafiken/box_back.png) repeat-x bottom; }

  div.col3 div.quickcontactform { font-size:0.875em; border:1px solid #C2C3C5; padding:10px; margin-bottom:20px; background:#FFFFFF url(../grafiken/box_back.png) repeat-x bottom; }
  div.col3 div.quickcontactform span.gruen { display:block; color:#96BF00; font-weight:bold; padding:5px 0px; }
  div.col3 div.quickcontactform a { color:#556666; }

  div.footerboxen { padding:10px; clear:both; border:1px solid #C2C3C5; background:#FFFFFF url(../grafiken/box_back.png) repeat-x bottom; margin-bottom:20px; }
  div.footerboxen h1 { border-bottom:1px solid #C2C3C5; margin-bottom:20px; color:#94A2A3; }
  div.footerboxen div.col1, div.footerboxen div.col2, div.footerboxen div.col3 {  }
  div.footerboxen div.col1 { width:289px; }
  div.footerboxen div.col2 { width:300px; }
  div.footerboxen div.col3 { width:289px; }
  
  table.footerbox { font-size:0.875em; clear:both; border-collapse:collapse; border:1px solid #C2C3C5; background:#FFFFFF url(../grafiken/box_back.png) repeat-x bottom; margin-bottom:20px; }
  table.footerbox td { width:292px; border:none; padding:10px; vertical-align:top; }
  table.footerbox h1 { font-size:1.3em; border-bottom:1px solid #C2C3C5; margin-bottom:15px; color:#556666; }
  table.footerbox h2, table.footerbox h3 { font-weight:bold; color:#556666; font-family:Verdana, sans-serif; font-size:1em; line-height:1.25; }
  table.footerbox li { padding:0px; background:none; }
  table.footerbox a { padding-left:20px; font-weight:bold; background:url(../grafiken/pfeil_grau.png) no-repeat 2px 3px; color:#556666; display:block; margin-top:5px; }

  div.footer { height:85px; clear:both; text-align:right; width:940px; margin-bottom:20px; padding:2px 0px; border-top:1px solid #C2C3C5; }
  div.extra {  }
  div.extra a { position:absolute; text-indent:9000px; overflow:hidden; }
  div.extra a.newsletter { background:url(../grafiken/button_newsletter.png) no-repeat center; width:22px; height:75px; top:225px; right:0px; }
  div.extra a.floatmail { background:url(../grafiken/button_email.png) no-repeat center; width:22px; height:75px; top:305px; right:0px; }
  
  #ContactForm input, #ApplicationForm input { font-size:1em; display:block; margin-bottom:1em; width:66%; }
  #ContactForm textarea, #ApplicationForm textarea { font-size:1em; display:block; margin-bottom:1em; width:66%; height:10em; }
  #ContactForm input.honey, #ApplicationForm input.honey { display:none; }
  #ContactForm input.button, #ApplicationForm input.button { width:auto; }

}