/* Layout
 * main boxes
   wrapper und bg umschließen beide die drei anderen divs (header, center und footer)
    Zentrieren:
      Nur wrapper kann zentriert werden (auto-margin) WEIL er nicht FLOATED.
      Wrappers 4 innere divs floaten und "wachsen" daher OHNE den wrapper zu vergößern!!
      Erhält der Wrapper "overflow:auto" so vergrößert er sich auch.
    Umschließen:
      Nur bg wird von den anderen ausseinandergedrückt (Höhe!!) WEIL ER FLOATET.
      Die div bg umschließt also auch auf dem Bildschirm ihre drei inneren divs,
      daher kann sie für ein gemeinsames Hintergrundbild verwendet werden.
*/


#wrapper, bg,
#header, #center, #footer {	              width:             980px;   }

#wrapper {
  overflow:hidden;
  border: 1px solid #005b25;                                
  margin: 25px auto 10px auto; 
  padding: 10px;}

#bg{                                      /*
                                          background-image:  url(../img/bg.jpg); 
                                          */
}

#bg, #header, #center, #content, #footer {
	float: left;
	color: white;
}
#header {
	height: 280px;
	background-color: white;
	color: #005b25;
	  background-image:url(../img/arche-wyda-website1_header.jpg);
	width: 980px;	

}
#center {
  min-height: 400px;
  padding-bottom: 20px;
/*
	ein background (-image oder -color) hier überschreibt den in der div bg
  background-image:  url(../img/trans50.png);
*/
	color: black;
}
#wrapper #bg #center {
}


  #content {
  	width: 980px;
  	min-height: 350px;
	  background-color: white;
	  padding-top:5px;
  }

    #content .content_wrapper_flach,
    #content .content_wrapper {
   	  float: left;
  	  width: 930px;
/*
      background-color: white;
	    color: #005b25;
*/
      text-align: center;
  	  border-bottom:1px dotted lightgrey;
  	  margin: 14px 0px 4px 0px;
  	  padding: 10px 0px 10px 0px;
    }
    #content .content_wrapper_flach{
  	  margin: 4px 0px 4px 0px;
  	  padding: 4px 0px 4px 0px;
    }
    

    #content .content_left,
    #content .content_middle,
    #content .content_right {
   	  float: left;
   	  margin-left:15px;
   	  width: 290px;
      text-align: left;
    }

    #content .content_right {
   	  float: right;
   	  margin-right:15px;
    }


#footer {
	height: 40px;
}

#2spaltig {
	width:600px;
	
}

#infos {
	width:980px;
	
}

#download-hilfen {
	width:980px;
	height:800px;
	background-color:#741776;
	float:right;
	text-align: center;
	padding-top: 30px;

	
}

#downloads {
	width:620px;
	height:550px;
	background-color:#fdc700;	
	float:left;
	background-image:url(../img/hand.gif);
	background-repeat:no-repeat;
	padding-top:330px;
	
}



#partner {
	width:980px;
	float:right;
	height:880px;
	background-color:#fff;

	
}

#artikel {
	width:980px;
	background-image:url(../img/collage-sil-titel.jpg);
	background-repeat: no-repeat;
	float:right;
	text-align:center;
	height: auto;
    background-color:#ffc82f;
	
}