/**
 * Projekt: feroment Website
 * File: screen.css
 * 
 * Grundeinstellungen für alle Seiten:
 *  
 *
 * Copyright (c) 2008 Feroment
 *
 * Projekt owner: Feroment  Fenster-Rolladen-Element GmbH
 * 
 * 35418 Buseck, Germany
 * http://www.feroment.de/
 *
 * @author Goetz Nemeth
 *
 * changes:  
 */

@import url(grundeinstellungen.css); 

@media screen { 
/******************/
/* Kalibrierung  */
/******************/
* {
  margin: 0;
  padding: 0;
}
html {
  height: 101%;
  margin-bottom: 1px;
}
/**************************************/
/* allgemeine Einstellungen der Tags  */
/**************************************/
samp {
  font-size: 1.1em;
  border-bottom: 1px dashed #999999;
  cursor: help;
}
body { 
  font: 96% Verdana,Arial,Helvetica,sans-serif;  
  color: #535161; 
  background: #FFF;
}
b, strong {
  font-weight: bold;
}
p, li {
  font-size: 0.9em;
}
a {
  color: #535161; 
  text-decoration: underline; 
  background: transparent;
}
    a:hover, a:active, a:focus {
      color: #000; 
      background: transparent;
    }
    a img {
      border: 0 none;
      background: transparent none repeat scroll 0%;  
    }
  
h1, h2, h3 {
  background: transparent none repeat scroll 0%;
}
h1 {
  font-size: 1.6em;
}
h2 {
  font-size: 1.4em;
}
h3 {
  font-size: 1.2em;
}
hr {
	margin: 20px 0 10px 0;
}

/*********************/
/* algemeines Layout */
/*********************/

/*********************************************************/
/* header, logo, Navigation, topnavi, subnavi sind fixed */
/*********************************************************/
#header {
  position: relative;
  /* schwarzer Hintergrund fuer die obere Navigation */
  border-bottom: 2px solid #ff0000; /* rote Linie*/
  color: #535161;
  /*background: #000 url(img/header.gif)none repeat scroll 0%; */ 
  background: #363636 url(../img/header.gif) repeat-x top;
  top: 0px;
  left: 0px;
  height: 125px;
  width: 100%;
  
  z-index: 8;

}
#logo {
  position: fixed;
  top: 10px;
  left: 30px;
  
  z-index: 9;
}
/*******************************/
/* Navigation oben rechts      */
/*******************************/
#topnavi {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 100%;  
  list-style-type: none;
  z-index: 10;
}
    #topnavi li {
      display: inline;
      
    }
    
    #topnavi a {
      /*border: 1px solid #ffffff;*/
      display: block;
      
      color: #c0c0c0;
      background: #363636 url(../img/header.gif) repeat-x top;
      font-size: 0.9em;
      font-weight: normal;
      
      /*padding: 1px 5px 2px 0;*/
      
      margin: 5px 5px 0 0;
      padding: 3px;
      float: right;
      text-decoration: none;
    }
    
    #topnavi a:hover, 
    #topnavi a:active,
    #topnavi a:focus,
    #topnavi span {
      color: #FFF;
      background: #494747 none repeat scroll 0%;  
    }

/*******************************/
/* Obere Hauptnavigation       */
/*******************************/
#navigation {  
  position: absolute;  /* for scroll */
  left: 220px;
  top: 70px;
  width: 100%;
  list-style-type: none;
  z-index: 12;
}
    #navigation a {
      display: block;  /* for margin */  
      float: left;
      color: silver;
      font-size: 0.9em;
      font-weight: bold;
      text-decoration: none;
      margin: 0 5px 3px 0;  
      padding: 2px 10px 5px 10px;
      background-color: #000; 
      background: #363636 url(../img/header.gif) repeat-x top; 
    }
    #navigation a.act {
      color: #FFF;
      /*border: 1px #FFF dotted;*/
      background: #494747 none repeat scroll 0%;
    }
    #navigation li {  
     display: inline;
    }
    #navigation a:hover, 
    #navigation a:active,
    #navigation a:focus,
    #navigation span {      
      font-size: 0.9em;
      color: #FFF;
      background: #494747 none repeat scroll 0%;  /* #494747 dunkelgrau */
    }
/*************************************/
/* Seitliche Sub-Navigation          */
/*************************************/
#subnavi {    
  list-style-type: none;
  position: absolute;
  top: 200px;
  left: 10px;
  width: 170px;
  height: 100%;  
  display: inline;
  z-index: 10;
}
    #subnavi a,
    #subnavi span {
      text-decoration: none;
      /*background-color: #c8c5c5;*/
      color: #535161;
      background-color: #e5e5e5; 
    }
    #subnavi a.act,
    #subnavi span.act {
      color: #FFF;
      border: 1px #FFF dotted;
      background: #494747 none repeat scroll 0%;
    }
    #subnavi li {  
     display: inline; 
    }
    #subnavi li a,
    #subnavi li span {  
      display: block;
      /*color: Gray;*/
      color: #535161;
      background-color: #e5e5e5; 
      font-size: 0.9em;
      font-weight: bold;
      margin-bottom: 3px;
      padding: 10px 0 10px 4px;
      border-bottom: 1px solid silver;
    }
    #haustueren-start #header #subnavi li a,
    #haustueren-start #header #subnavi li span {        
      border-bottom: 1px solid #e5e5e5;
    }
    #subnavi a:hover, 
    #subnavi a:active,
    #subnavi a:focus {
      color: #FFF;
      /*background: #494747 none repeat scroll 0%;*/  
      background: #c0c0c0 none repeat scroll 0%;
    }
      
/*******************************/
/* container umschliesst alles */
/*******************************/
#container {  
  color: #535161; 
  background: #FFF none repeat scroll 0%;
  
}
/*******************************/
/* main umschliesst den Inhalt */
/* fuer Scroll-Funktion        */
/*******************************/
#main {   
  position: static;
  color: #535161;   
  /*width: 780px;*/    
  /*padding-top: 125px;  fuer Scroll-Funktion*/
  background: #e5e5e5 url(../img/bg-hgrau.gif)  repeat-y; /*hellgrau - weiss*/
  
}
/**********************************/
/* content umschliesst den Inhalt */
/**********************************/
#content {    
  color: #535161;  
  margin-left: 220px;
  padding: 20px;
  width: 1000px;
  background: #FFF;
  
}
    #content h1, h2 {      
      font-size: 1.1em;
      font-weight: bold;
      margin: 20px 0 20px 0;
    }
    #content h3, h4 {
      font-size: 0.9em;
      font-weight: bold;
      margin: 20px 0 20px 0;
    }
    #content p {
      font-size: 0.7em;
      line-height: 150%;
    }
    #content a {
      font-size: 0.9em;
    }
    #content a:hover, #content a:active, #content a:focus {
      color: #000; 
      background: #e5e5e5;
    }

/*************************************/
/* Linkleist im Content fuer         */
/* Seiteninterne links               */
/*************************************/
#linkleiste {
	padding: 2px 10px 2px 5px;	
}
    #linkleiste a:hover, a:active, a:focus{
      color: #535161;
    	background: #e5e5e5;	
    }
    
/*************************************/
/* Fusszeile                         */
/*************************************/
#containerbot {      
  color: #c0c0c0;
  padding-left: 10px;
  height: 100px;
  line-height: 28px;
  width: 100%;  
  background: #000 none repeat scroll 0%;  
}
    #containerbot a {
      
    }
    #containerbot a:hover {
      color: #FFF;
      background: #494747 none repeat scroll 0%;  
    }

/***************************************/
/** classes                           **/
/***************************************/

/*******************************/
/* Kein Zeilenumbruch          */
/*******************************/
.wrap {
  white-space: nowrap;
}
/*******************************/
/* Block einruecken            */
/*******************************/
.einruecken_40 {
	padding: 10px 0 10px 40px;
}
.padding_p {
  padding: 5px 0 5px 0;
}
/****************************************/
/* Der aktuelle Menuepunkt ist markiert */
/****************************************/
.act {
  background: #494747 none repeat scroll 0%; /* dunkelgrau */
}
/****************************************/
/* Link  "Zum Seitenanfang"             */
/****************************************/
/*.top {
   margin: 20px 0 10px 0;
   padding: 3px;
}*/
#content .top {
  margin-left:70%;
  font-size: 1em;
  
}
/****************************************/
/*  float links und rechts beenden      */
/****************************************/
.clear_both {
  clear: both;
}

/****************************************************************/
/* falls interne und externe Links gekennzeichnet werden sollen */
/****************************************************************/
.link_int {
  
}
.link_ext {
  
}

} /* Ende @media - nicht löschen! */

/*************************************/
/* Ende screen.css                   */
/*************************************/