/**
 * Projekt: feroment Website
 * Datei: layout.css
 * 
 * Darstellung der Inhalte, der einzelnen Seiten  
 *
 * Copyright (c) 2008 Feroment
 *
 * Projekt owner: Feroment  Fenster-Rolladen-Element GmbH
 * 
 * 35418 Buseck, Germany
 * http://www.feroment.de/
 *
 * @author Goetz Nemeth
 *
 */

/*******************************************************/
/*******************************************************/
/* spezielle Layout Einstellungen der einzelnen Seiten */
/*******************************************************/
/*******************************************************/

@media screen { 
/*************************************/
/* alle Seiten                       */
/*************************************/
address {
    background-color: white;
    color: red;
    font-style: normal;
}
/*************************************/
/* Startseite                        */
/*************************************/
#jobs #text p{
    padding: 3px 0;
    margin: 0;
}
    #jobs #text #kopfbereich {
        font-size: 1.1em; 
        font-weight: bold;       
        width: 35em;           
    }
    #jobs #text #titel {        
        padding: 1em 0 1em 5em;
    }
    #jobs #text .blocktitel {
        font-weight: bold;
    }
    #jobs #text .block {
        line-height: 70%;
        padding: 0 0 1em 2em;        
    }
    #jobs #text #fussbereich {
        font-size: 1.1em;
        font-weight: bold;        
        width: 35em;           
    }
    #jobs #text #fussbereich address {
        margin: 1em 0;
        
    }
/*************************************/
/* Startseite                        */
/*************************************/
#startseite {
  
}
    #startseite #bilder {
      
      margin-left: 7em;
    }

    #startseite h1.startseite_ueberschrift {
      text-align : center; 
    }
    #startseite #adresstabelle {
      border-left: 1px solid gray;
      margin-left: 7em;
    }
    #adresstabelle td {
      font-size: 0.8em;
      margin-right: 10px;
      padding: 5px 10px;
      
    }

    #ueberschrift_adrtab {
        font-size: 100%;
        padding-left: 10px;
    }
    #startseite #content {    
        width: 400px;
    } 
    #startseite #content .zentriert {
        text-align: center;
       
    }
    #startseite #content a:hover, 
    #startseite #content a:active, 
    #startseite #content a:focus {
      color: #000; 
      background: white;
    }
    
    #startseite #content table tr td .thoerey  {
        margin-left: 24em;
        padding: 0 auto;
        
    }
    #startseite #content #adresstabelle td {
        padding-right: 15em;
    }
/*************************************/
/* Kontaktseite                      */
/*************************************/
#kontakt #kontakt-fehler {
    position: absolute;
    top: 200px;
    left: 10px;
}    
   #kontakt #kontakt-fehler p {
        color: red;
        margin: 0;
        padding: 0 0 0.5em 5em;
   }
#content .block_tabelle_index {
  text-align: center;
  padding: 10px;
  width: 400px; 
}
/***********************************
 Login-Seite
************************************/
#login-seite #content{
}
/***********************************
 Login-Bereich
************************************/
#login-bereich {}
    
    #login-bereich #log-name {
        
    }
    #login-bereich #log-pass {
        margin-left: 3em;
        
    }
    #login-bereich #log-sub {
        
    }
/*************************************/
/* Tabelle Content eyecatcher        */
/*************************************/
#eyecatcher_tabelle table{
	width: 700px;
	table-layout: fixed;
}
    #eyecatcher_tabelle td {
    	text-align: left;
    	width: 300px;
    	margin: 20px;
    	padding: 10px;
    	border: 1px dotted silver;
    }
    #eyecatcher_tabelle img {
    	float: right;
    	padding: 0 5px 5px 0;
    	background: transparent;	
    }
    #eyecatcher_tabelle h2 {
      margin: 0;
    }
    #eyecatcher_tabelle .headline {
      height: 100px;  /* gleiche Hoehe wie Bild */ 
    }
    #eyecatcher_tabelle .text {
    	padding: 1px;  
    }




/*************************************
  Sitemap                       
*************************************/


/*************************************
 Ausstellung                       
/*************************************/
#ausstellung .box_padding{}

.box_header_links_ausstellung {
  color: silver;
  font-weight: bold;
  border: 0 none;
  padding: 2px 2px 2px 10px;
  margin: 0 0 7px 0;  
  /*background: #cccacd none repeat scroll 0%;*/  /* hellgrau*/
  background: #363636 url(../img/header.gif) repeat-x top;
}
.box_header_rechts_ausstellung {
  color: silver;
  font-weight: bold;
  border: 0 none;
  padding: 2px 2px 2px 10px;
  margin: 0 30px 7px 0;
  /*background: #cccacd none repeat scroll 0%;*/  /* blassgruen*/
  background: #363636 url(../img/header.gif) repeat-x top;
}
.ausstellung_bild_zeile {
  cursor: default; /* wegen tooltip */
  margin:  2px 15px 0 0;
  padding-right: 10px;  
}
    .ausstellung_bild_zeile a:hover {
      
    }
    .ausstellung_bild_zeile  img {
      margin: 0 10px 0 10px;
      padding: 5px;
      border: 1px solid silver;
    }
.ausstellung_bild {
  margin-left: 1em;
}

/*************************************/
/* fenster                           */
/*************************************/
#fenster_start .text {
    width: 600px;
}

.box_header_links_fenster {
  color: silver;
  font-weight: bold;
  border: 0 none;
  padding: 2px 2px 2px 10px;
  margin: 0 0 7px 0;  
  /*background: #cccacd none repeat scroll 0%;   hellgrau*/ 
    background: #363636 url(../img/header.gif) repeat-x top;
 
}
#fenster_start .box_padding {}
.box_header_rechts_fenster {
  color: silver;
  font-weight: bold;
  border: 0 none;
  padding: 2px 2px 2px 10px;
  margin: 0 30px 7px 0;
  /*background: #cccacd none repeat scroll 0%;   hellgrau*/ 
    background: #363636 url(../img/header.gif) repeat-x top;
}
.fenster_bild_zeile {
  margin-left: 20px;  
}
    .fenster_bild_zeile img { 
      padding: 5px;
      border: 1px solid silver;
    }
    .fenster_bild_zeile td p {
     padding: 0 3px; 
    }    
.fenster_bild_zeile_5 {
  margin-left: 5px;  
}
    .fenster_bild_zeile_5 img { 
      padding: 5px;
      border: 1px solid silver;
      }
/*************************************/
/* prospekte                         */
/*************************************/
.box_header_links_prospekte {
  color: silver;
  font-weight: bold;
  border: 0 none;
  padding: 2px 2px 2px 10px;
  margin: 0 0 7px 0;  
  /*background: #cccacd none repeat scroll 0%;   hellgrau*/ 
    background: #363636 url(../img/header.gif) repeat-x top;
}
.box_header_rechts_prospekte {
  color: silver;
  font-weight: bold;
  border: 0 none;
  padding: 2px 2px 2px 10px;
  margin: 0 30px 7px 0;
  /*background: #cccacd none repeat scroll 0%;   hellgrau*/ 
    background: #363636 url(../img/header.gif) repeat-x top;
}
.prospekte_bild_zeile {
  margin-left: 20px;  
}
    .prospekte_bild_zeile  img {
      padding: 5px;
      border: 1px solid silver;
    }        
.thoerey_bild_zeile {
  margin: 80px 0 0 20px;  
}   
/*************************************/
/* bauformen                         */
/*************************************/
#fenster_bauformen .fenster_bauformen_bild_zeile a:hover, 
#fenster_bauformen a:active, 
#fenster_bauformen a:focus {       
      background: transparent;      
      color: #000;
      cursor: default; /* wegen tooltip */
      text-decoration: none;
    }
.box_header_links_bauformen {
  color: silver;
  font-weight: bold;
  border: 0 none;
  padding: 2px 2px 2px 10px;
  margin: 0 0 7px 0;  
  /*background: #cccacd none repeat scroll 0%;   hellgrau*/ 
    background: #363636 url(../img/header.gif) repeat-x top;

}
.box_header_rechts_bauformen {
  color: silver;
  font-weight: bold;
  border: 0 none;
  padding: 2px 2px 2px 10px;
  margin: 0 30px 7px 0;
  /*background: #cccacd none repeat scroll 0%;   hellgrau*/ 
    background: #363636 url(../img/header.gif) repeat-x top;

}
.fenster_bauformen_bild_zeile {
  padding: 0 0 0 20px;
  
}
    .fenster_bauformen_bild_zeile  img {
      padding: 10px;
      
    }            
/*************************************/
/* seite glaeser                     */
/*************************************/
#tab_orna tabelle{
  width: 100%;
  border: 1px solid #000;
}
    #tab_orna td{
      border: 1px solid #000;
    }

/*************************************/
/* Seite  Anfahrt                    */
/*************************************/
#content .block_tabelle_anf td {
  text-align: center;
  padding: 10px;
  width: 400px; 
}
#content .block_tabelle {
  margin-left: 20px;
}

/*******************************/
/* Seite farben (Oberflaechen) */
/*******************************/
#farben{}

    .farben_reihe {    
      width: 100%;
      list-style-type: none;
      height: 150px;
      /*border: 2px solid red;*/
    }
        .farben_reihe li {  
           display: inline;
           float: left;          
           padding: 0 20px 0 20px;
        }

/*************************************/
/* Seite fenster_varianten           */
/*************************************/
.box_rahmen {
	width: 100%;
	margin: 10px 0;
	padding: 10px 10px 10px 0;

}
    .box_rahmen a:hover, a:active, a:focus {
      color: #000; 
      background: #e5e5e5;
    }
.box_innen_links {
  float: left;
  width: 290px;
  margin-bottom: 30px; 
}
    .box_innen_links li {
       margin-left: 20px;
        margin-bottom: 5px;
    }
    
.box_innen_rechts {  
  width: 400px;  
  margin: 0 0 30px 300px;   
}
    .box_innen_rechts li {
      margin-left: 20px;
      margin-bottom: 5px;
    }
    .box_innen_rechts .bild_padding_links {
      margin-left: 30px;
    }
   
.box_header_links {
  color: silver;  
  border: 0 none;
  padding: 2px 2px 2px 10px;
  margin: 0 0 7px 0;
  width: 270px;
  /*background: #c5c0aa;*/  
  /*background: #c5c0aa none repeat scroll 0%;*/    
  background: #363636 url(../img/header.gif) repeat-x top;
}

.box_header_rechts {
  color: silver;  
  border: 0 none;
  padding: 2px 2px 2px 10px;
  margin: 0 30px 7px 0;
  width: 390px;
  /*background: #c5c0aa none repeat scroll 0%;*/
  background: #363636 url(../img/header.gif) repeat-x top;
}
.box_padding {
  padding: 0 15px 0 5px;
  
}
    .box_padding p{
  padding: 5px 0;  
}
/*************************************/
/* Fenster Sprossen                  */
/*************************************/
.box_header_links_sprossen {
  color: silver;
  font-weight: bold;
  border: 0 none;
  padding: 2px 2px 2px 10px;
  margin: 0 0 7px 0;  
  /*background: #9cbea5 none repeat scroll 0%;   blassgruen*/
  /*background: #d3e2e9 none repeat scroll 0%;  blassblau*/
  /*background: #cccacd none repeat scroll 0%;   hellgrau*/ 
  background: #363636 url(../img/header.gif) repeat-x top;
  
}
.box_header_rechts_sprossen {
  color: silver;
  font-weight: bold;
  border: 0 none;
  padding: 2px 2px 2px 10px;
  margin: 0 30px 7px 0;
  /*background: #9cbea5 none repeat scroll 0%;   blassgruen*/
  /*background: #d3e2e9 none repeat scroll 0%;  blassblau*/
  background: #363636 url(../img/header.gif) repeat-x top;
}
/*************************************/
/* Fenster Sicherheit                */
/*************************************/
.box_header_links_sicherheit {
  color: silver;
  font-weight: bold;
  border: 0 none;
  padding: 2px 2px 2px 10px;
  margin: 0 0 7px 0;  
  /*background: #9cbea5 none repeat scroll 0%;   blassgruen*/
  /*background: #d3e2e9 none repeat scroll 0%;  blassblau*/
  /*background: #4476cc none repeat scroll 0%;  blau */
  background: #363636 url(../img/header.gif) repeat-x top;
  
}
.box_header_rechts_sicherheit {
  color: silver;
  font-weight: bold;
  border: 0 none;
  padding: 2px 2px 2px 10px;
  margin: 0 30px 7px 0;
  /*background: #9cbea5 none repeat scroll 0%;   blassgruen*/
  /*background: #d3e2e9 none repeat scroll 0%;  blassblau*/
  /*background: #4476cc none repeat scroll 0%;  blau */
  background: #363636 url(../img/header.gif) repeat-x top;
}

/*************************************/
/* Rollladenkasten Esparo R-RS       */
/*************************************/
.box_header_links_esparo {
  color: silver;
  font-weight: bold;
  border: 0 none;
  padding: 2px 2px 2px 10px;
  margin: 0 0 7px 0;  
  /*background: #f3c966 none repeat scroll 0%;   ocker */
  background: #363636 url(../img/header.gif) repeat-x top;
}
.box_header_rechts_esparo {
  color: silver;
  font-weight: bold;
  border: 0 none;
  padding: 2px 2px 2px 10px;
  margin: 0 30px 7px 0;
  /*background: #f3c966 none repeat scroll 0%;   ocker */
  background: #363636 url(../img/header.gif) repeat-x top;
}
/*************************************/
/* Haustueren                        */
/*************************************/
.box_header_links_haustuer {
  color: silver;
  font-weight: bold;
  border: 0 none;
  padding: 2px 2px 2px 10px;
  margin: 0 0 7px 0;  
  /*background: #cccacd none repeat scroll 0%;   hellgrau*/
 background: #363636 url(../img/header.gif) repeat-x top;
}
.box_header_rechts_haustuer {
  color: silver;
  font-weight: bold;
  border: 0 none;
  padding: 2px 2px 2px 10px;
  margin: 0 30px 7px 0;
  /*background: #cccacd none repeat scroll 0%;   blassgruen*/
  background: #363636 url(../img/header.gif) repeat-x top;
}
.haustuer_bild_zeile {
  margin:  2px 15px 0 0;
  
}
    .haustuer_bild_zeile  img {
      margin: 0 10px 0 10px;
      padding: 5px;
       border: 1px solid silver;
    }

/*************************************/
/* Seite kellerfenster               */
/*************************************/
.box_header_links_kellerfenster {
  color: silver;
  font-weight: bold;
  border: 0 none;
  padding: 2px 2px 2px 10px;
  margin: 0 0 7px 0;  
  /*background: #8cb2dc none repeat scroll 0%;  blassblau*/
  background: #363636 url(../img/header.gif) repeat-x top;
}
.box_header_rechts_kellerfenster {
  color: silver;
  font-weight: bold;
  border: 0 none;
  padding: 2px 2px 2px 10px;
  margin: 0 30px 7px 0;
  /*background: #eda276 none repeat scroll 0%;   orange */
  background: #363636 url(../img/header.gif) repeat-x top;
}
#preisliste_kellerfenster {
  color: red;
  font-weight: bold;
  background: white;
}
/*************************************/
/* vordach                           */
/*************************************/
#vordach .vordach_bild_zeile a:hover, 
#vordach a:active, 
#vordach a:focus {       
      background: transparent;      
      color: #000;
      cursor: default; /* wegen tooltip */
      text-decoration: none;
    }
.box_header_links_vordach {
  color: silver;
  font-weight: bold;
  border: 0 none;
  padding: 2px 2px 2px 10px;
  margin: 0 0 7px 0;  
  /*background: #cccacd none repeat scroll 0%;   hellgrau*/ 
    background: #363636 url(../img/header.gif) repeat-x top;
  
}

.box_header_rechts_vordach {
  color: silver;
  font-weight: bold;
  border: 0 none;
  padding: 2px 2px 2px 10px;
  margin: 0 30px 7px 0;
  /*background: #cccacd none repeat scroll 0%;   hellgrau*/ 
    background: #363636 url(../img/header.gif) repeat-x top;
}
.vordach_bild_zeile {
  margin:  2px 15px 0 0;
  
}
    .vordach_bild_zeile  img {
      margin: 0 10px 0 10px;
      padding: 5px;
      border: 1px solid silver;
    }    
    
/*************************************/
/* profilbretter                     */
/*************************************/
.box_header_links_profilbretter {
  color: silver;
  font-weight: bold;
  border: 0 none;
  padding: 2px 2px 2px 10px;
  margin: 0 0 7px 0;  
  /*background: #cccacd none repeat scroll 0%;   hellgrau*/ 
  background: #363636 url(../img/header.gif) repeat-x top;
}

.box_header_rechts_profilbretter {
  color: silver;
  font-weight: bold;
  border: 0 none;
  padding: 2px 2px 2px 10px;
  margin: 0 30px 7px 0;
  /*background: #cccacd none repeat scroll 0%;   blassgruen*/
  background: #363636 url(../img/header.gif) repeat-x top;
}
.profilbretter_bild_zeile {
  margin:  2px 15px 0 0;
  
}
    .profilbretter_bild_zeile  img {
      margin: 0 10px 0 10px;
      padding: 5px;
      border: 1px solid silver;
    }    
/*************************************/
/* fliegengitter                     */
/*************************************/
#fliegengitter .fliegengitter_bild_zeile a:hover, 
#fliegengitter a:active, 
#fliegengitter a:focus {       
      background: transparent;
      color: #000;
      cursor: default; /* wegen tooltip */
      text-decoration: none;
    }
.box_header_links_fliegengitter {
  color: silver;
  font-weight: bold;
  border: 0 none;
  padding: 2px 2px 2px 10px;
  margin: 0 0 7px 0;  
  /*background: #cccacd none repeat scroll 0%;   hellgrau*/ 
  background: #363636 url(../img/header.gif) repeat-x top;
}

.box_header_rechts_fliegengitter {
  color: silver;
  font-weight: bold;
  border: 0 none;
  padding: 2px 2px 2px 10px;
  margin: 0 30px 7px 0;
  /*background: #cccacd none repeat scroll 0%;   blassgruen*/
  background: #363636 url(../img/header.gif) repeat-x top;
}
.fliegengitter_bild_zeile {
  margin:  2px 15px 0 0;
  
}
    .fliegengitter_bild_zeile  img {
      margin: 0 10px 0 10px;
      padding: 5px;
      border: 1px solid silver;
    }   

/*************************************/
/* markisen                          */
/*************************************/
#markisen .markisen_bild_zeile a:hover, 
#markisen a:active, 
#markisen a:focus {       
      background: transparent;      
      color: #000;
      cursor: default; /* wegen tooltip */
      text-decoration: none;
    }
.box_header_links_markisen {
  color: silver;
  font-weight: bold;
  border: 0 none;
  padding: 2px 2px 2px 10px;
  margin: 0 0 7px 0;  
  /*background: #cccacd none repeat scroll 0%;   hellgrau*/ 
  background: #363636 url(../img/header.gif) repeat-x top;
}

.box_header_rechts_markisen {
  color: silver;
  font-weight: bold;
  border: 0 none;
  padding: 2px 2px 2px 10px;
  margin: 0 30px 7px 0;
  /*background: #cccacd none repeat scroll 0%;   blassgruen*/
  background: #363636 url(../img/header.gif) repeat-x top;
}
.markisen_bild_zeile {
  margin:  2px 15px 0 0;
  
}
    .markisen_bild_zeile  img {
      margin: 0 10px 0 10px;
      padding: 5px;
      border: 1px solid silver;
    }            
/*************************************/
/* paneele                          */
/*************************************/
#paneele .markisen_bild_zeile a:hover, 
#paneele a:active, 
#paneele a:focus {       
      background: transparent;      
      color: #000;
      cursor: default; /* wegen tooltip */
      text-decoration: none;
    }
    #paneele .box_rahmen {
	   width: 100%;
	   margin: 10px 0;
	   padding: 10px 10px 10px 0;
	   
    }
    #paneele .box_innen_rechts {  
        width: 400px;  
        margin: 0 0 30px 300px;   
    }
        #paneele .box_innen_rechts li {
            margin-left: 20px;
            margin-bottom: 5px;
        }
        #paneele .box_innen_rechts .bild_padding_links {
            margin-left: 30px;
        }

.box_header_links_paneele {
  color: silver;
  font-weight: bold;
  border: 0 none;
  padding: 2px 2px 2px 10px;
  margin: 0 0 7px 0;  
  /*background: #cccacd none repeat scroll 0%;   hellgrau*/ 
  background: #363636 url(../img/header.gif) repeat-x top;
}

.box_header_rechts_paneele {
  color: silver;
  font-weight: bold;
  border: 0 none;
  padding: 2px 2px 2px 10px;
  margin: 0 30px 7px 0;
  /*background: #cccacd none repeat scroll 0%;   blassgruen*/
  background: #363636 url(../img/header.gif) repeat-x top;
  
}
.paneele_bild_zeile {
  margin:  2px 15px 0 0;
  
}
    .paneele_bild_zeile  img {
      margin: 0 10px 0 10px;
      padding: 5px;
      border: 1px solid silver;
    }   
} /* Ende @media - nicht loeschen! */

/*************************************/
/* Ende layout.css                   */
/*************************************/