/* ===================================
Stylesheet Gruber Architektur
Datei: bildschirm.css 
Datum: 3. September 2008
Autor: Marlis Schedler

Aufbau: 1. Kalibrierung
        2. Allgemeine Styles
        3. Styles für Layoutbereiche
        4. Sonstige Styles 
=================================== */

/* ==================================
   1. Kalibrierung
   =============================== */
 
h2, p, ul, ol { margin-bottom: 1em; } 

p {margin: 0em; padding: 0em;}

ol ul { margin-bottom: 0; } 

li { margin-left: 2em; } 

  
   
/* ==================================
   2. Allgemeine Styles 
   =============================== */   

html { height: 101%; }    
   
body { 
  background-color: #7d756b; /* dunkles Grau */ 
  color: #7d756b; /*helles braun von architektur */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;   
}

h1 { font-size: 150%; }
h2 { font-size: 130%; }
span { 
  color: #fff; 
  font-size: 13px;
  font-weight: bold;
  }


/* ================
   Hyperlinks    */  

a { 
  color: #463c28; /*dunkles braun von architektur */
  text-decoration: none; 
  outline: none; 
} 

a:link { color: #463c28; } /* nicht besuchte Links */ 
a:hover { color:#fff;}
a:active { color:#fff;}
/*a:visited { color: #fff; } *//* besuchte Links */ 

/* ================
   Hyperlinks erste Zeile mit anderer Farbe  */  

a.class1 {
color:#aaa089;
text-decoration: none;
}
a.class1:link { color: #aaa089;} /* nicht besuchte Links */ 
a.class1:hover { color:#fff;}

/* ================
   Hyperlink aktiv ist weiss  */  

/*==========================
divs fuer die navigation */
#menu     {
  line-height:8pt;
    }

#menu #aktuell a{
  color:#fff;
  }

/* ==================================
   3. Styles für Layoutbereiche 
   =============================== */   

#mitte {
  position:relative;
  }
  
/*==========================
divs fuer die Startseite */

#startseite   {
  width: 800px;
  height: 500px;
  background-color: #aaa089;
 }

/*==========================
divs fuer die einspaltigen seiten nur Text in der Mitte */

#nurtext {
  padding: 190px 200px 190px 200px; 
  width: 400px;   /* Breite des Elements:800 -  20 padding rechts, -20 links */
	height: 120px;    /* Hoehe des Elements:500 - 20 padding oben, -20 unten */
	background-color: #aaa089;
  color:#463c28;
  font-size: 11px;
  line-height: 18px;
  text-align: justify;
	
}

/*table fuer Seite konzept*/    
#table {
  padding: 150px 200px 160px 200px; 
  width: 400px;   /* Breite des Elements:800 -  20 padding rechts, -20 links */
	height: 190px;    /* Hoehe des Elements:500 - 20 padding oben, -20 unten */
	background-color: #aaa089;
  color:#463c28;
  font-size: 11px;
  line-height: 18px;
  text-align: justify;
	
}

/*table fuer Seite fotografen*/    
#table4 {
  padding: 120px 200px 190px 200px; 
  width: 400px;   /* Breite des Elements:800 -  20 padding rechts, -20 links */
	height: 190px;    /* Hoehe des Elements:500 - 20 padding oben, -20 unten */
	background-color: #aaa089;
  color:#463c28;
  font-size: 11px;
  line-height: 18px;
  text-align: justify;
	
}

/*table fuer Seite wettbewerbe*/
#textbereich2 {
  width: 800px;   /* Breite des Elements:800 -  20 padding rechts, -20 links */
	height: 500px;    /* Hoehe des Elements:500 - 20 padding oben, -20 unten */
	background-color: #aaa089;
  color:#463c28;
 }
  
#bilder
{ float: right;
  margin: 0px 0px 0px 0px;
  width: 207px;height: 500px;
 }
  
#bilderrechts
	{
	  margin: 0px 0px 0px 0px;
    background-image: url(images/wettbewerb_1.jpg);
    background-repeat: no-repeat;
    width: 207px;height: 83px;
    /*background-color: yellow; */ /*nur Testfarbe*/
    /*clear: both;*/
	}

#bilderrechts2
	{
	  
    margin: 0px 0px 0px 0px;
    background-image: url(images/wettbewerb_2.jpg);
    background-repeat: no-repeat;
    width: 207px;height: 83px;
      /*nur Testfarbe*/
    /*clear: both;*/
	}
  
#bilderrechts3
	{
	 
    margin: 0px 0px 0px 0px;
    background-image: url(images/wettbewerb_3.jpg);
    background-repeat: no-repeat;
    width: 207px;height: 83px;
      /*nur Testfarbe*/
    /*clear: both;*/
	} 
#bilderrechts4
	{
	 
    margin: 0px 0px 0px 0px;
    background-image: url(images/wettbewerb_4.jpg);
    background-repeat: no-repeat;
    width: 207px;height: 83px;
      /*nur Testfarbe*/
    /*clear: both;*/
	}  
  
#bilderrechts5
	{
	 
    margin: 0px 0px 0px 0px;
    background-image: url(images/wettbewerb_5.jpg);
    background-repeat: no-repeat;
    width: 207px;height: 83px;
      /*nur Testfarbe*/
    /*clear: both;*/
	}  
  
#bilderrechts5
	{
	 
    margin: 0px 0px 0px 0px;
    background-image: url(images/wettbewerb_5.jpg);
    background-repeat: no-repeat;
    width: 207px;height: 83px;
   /*nur Testfarbe*/
    /*clear: both;*/
	}
     
#bilderrechts6
	{
	 
    margin: 0px 0px 0px 0px;
    background-image: url(images/wettbewerb_6.jpg);
    background-repeat: no-repeat;
    width: 207px;height: 83px;
      /*nur Testfarbe*/
    /*clear: both;*/
	}   
  
#table2  /*fuer den Tabellentext*/
{
  float: right;
  margin: 50px 20px 0px 50px;
  font-size:11px;
  line-height:18px;
}
   
  
  
/*table fuer Seite Auszeichnungen*/
#table3 {
  padding: 180px 100px 190px 100px; 
  width: 600px;   /* Breite des Elements:800 -  20 padding rechts, -20 links */
	height: 130px;    /* Hoehe des Elements:500 - 20 padding oben, -20 unten */
	background-color: #aaa089;
  color:#463c28;
  font-size:11px;
  line-height:18px;
}     

/*==========================
divs fuer die zweispaltigen seiten */

#textbereich {
  padding: 20px 20px 20px 20px; 
  width: 760px;   /* Breite des Elements:800 -  20 padding rechts, -20 links */
	height: 460px;    /* Hoehe des Elements:500 - 20 padding oben, -20 unten */
	background-color: #aaa089;
  color:#463c28;
	
}
    /*#textbereich a {
    }
    #textbereich ul li { list-style-type: square; }
    
    #textbereich a:hover{
      color: #fff; 
    }
    #textbereich a:active {
      color: #fff; 
    }
    */
    

#textleftoben
	{
	  float: left; 
    margin: 50px 20px 20px 50px;
    background-image: url(images/gerhard_130brh.jpg);
    background-repeat: no-repeat;
    background-position:bottom right; 
    width: 200px;height: 130px;
    padding: 20px;
   /*background-color: yellow;*/  /*nur Testfarbe*/
    /*clear: both;*/
	}

#textrightoben
	{
		float: left;
    margin: 50px 0px 0px 0px;
    width: 400px;
		height: 130px;
    padding: 20px; 
    font-size:11px;
    line-height:18px;
		/*background-color: green;*/ /*nur Testfarbe*/
    /*clear: both;*/
	}
  
  
#textleftunten
	{
	  float: left; 
    margin: 0px 20px 20px 50px;
    background-image: url(images/reinhold_130brh.jpg);
    background-repeat: no-repeat;
    background-position:bottom right; 
    width: 200px;
		height: 130px;
    padding: 20px;
 
		/*background-color: yellow; */ /*nur Testfarbe*/
    clear: both;
	}

#textrightunten
	{
		float: left;
    margin: 0px 0px 0px 0px;
    width: 400px;
		height: 130px;
    padding: 20px; 
    line-height:18px;
    font-size:11px;
		/*background-color: green; */   /*nur Testfarbe*/
    /* clear: both; */
  } 
  
/*==========================
divs fuer die fotoseiten */  

#fotos
	{
		float: right;
    margin: 30px 0px 15px 20px;
    width: 500px;
		height: 350px;
    padding: 0px; 
    line-height:18px;
    /*background-color: red; */   /*nur Testfarbe*/
    /* clear: both; */
	}
  
#referenzen 
  {
	  float: right; 
    margin: 30px 0px 15px 0px;
    width: 240px;
		height: 350px;
    padding: 0px;
    line-height:18px;
    font-size:11px;
		/*background-color: white; */ /*nur Testfarbe*/
    /* clear: both; */
	}	
  
   #referenzen a {
    }
    #referenzen ul li { list-style-type: square; }
    
    #referenzen a:link {color:#aaa089;}
    #referenzen a:visited {color:#fff;}
    #referenzen a:hover {
      color: #fff; 
    }

#zaehler1
  {
	  float: right; 
    margin: 0px 0px 0px 10px;
    width: 15px;
		height: 15px;
    padding: 0;
  	background-color: #fff;  /*nur Testfarbe*/
	}

#zaehler2
  {
	  float: right; 
    margin: 0px 0px 0px 10px;
    width: 15px;
		height: 15px;
    padding: 0px;
  	background-color: #fff;  /*nur Testfarbe*/
	}

#zaehler3
  {
	  float: right; 
    margin: 0px 0px 0px 10px;
    width: 15px;
		height: 15px;
    padding: 0px;
  	background-color: #fff;  /*nur Testfarbe*/
	}
  
#zaehler4
  {
	  float: right; 
    margin: 0px 0px 0px 10px;
    width: 15px;
		height: 15px;
    padding: 0px;
  	background-color: #fff;  /*nur Testfarbe*/
	}
  
#zaehler5
  {
	  float: right; 
    margin: 0px 0px 0px 10px;
    width: 15px;
		height: 15px;
    padding: 0px;
  	background-color: #fff;  /*nur Testfarbe*/
	}

#balken {
    margin-top: 0px;
    padding:3px 5px 0px 0px;
    background-color: #463c28; 
    text-align:right;
    font-size: 13px;
    font-weight: bold;
    width: 795px;
    height: 22px;
    border:0px solid #463c28;
    
} 

#kontakt {
  padding: 140px 200px 190px 350px; 
  width: 250px;   /* Breite des Elements:800 -  20 padding rechts, -20 links */
	height: 170px;    /* Hoehe des Elements:500 - 20 padding oben, -20 unten */
	background-color: #aaa089;
  color:#463c28;
  line-height:18px; 
	
}

 
/* ==================================
   4. Sonstige Styles 
   =============================== */   
 body {
    margin: 0px;
  }
 #mitte {
   position: absolute;
   left: 50%;
   top: 50%;
   width: 800px; /* Breite des Elements */
   height:500px; /* Höhe des Elements */
   margin-left: -400px; /* Breite des Elements geteilt durch zwei! */
   margin-top: -250px; /* Höhe des Elements geteilt durch zwei! */
  }
   
   

/* ==================================
   ENDE DES STYLESHEETS 
   =============================== */