#wrapper, #maincontent, #topcontent, #allgemeinmenu, #mainmenu { max-width: 320px; margin-left: 0; position: absolute;}
#allgemeinmenu { text-align: left; top: 4px; height: 38px;  padding: 0px 0px 0 0; }
#mainmenu	 { margin: 40px 0 0 0; }
#leftcolumn  { position: absolute; margin: 100px 0 0 0px;}

#content     { background-color: #d5d5ce; padding: 30px 0 10px; padding-right: 10px; border-left: none; }
#portraetanschnitt { display:none;}
#pagecontent { background-color: #d5d5ce; padding: 9em 0px 30px; margin-left: 40px; top: 400px;  }
#submenu     { width: 270px; margin: 0px 0 0 0px; padding-left: 10px;}
.submenulist ul { text-align: left;}
	

#pagecontent { margin:0; padding: 0px 10px 0 10px; width: 300px; position: absolute;  }
p, li { width: auto; }


#footer { margin-left: 0px; max-width: 320px;}

#pagecontent img { max-width: 200px; height: auto;}

.uebersichtelement  { max-width: 300px; min-height: 270px; font-size: 100% }
.beitragsangaben  { margin: 0 20px 0 0;  width: 55% }
.erscheinungsdatum { margin-bottom: 10px;}
.technischeangaben {	float: none; margin: 2px 20px 20px 0px; }
	
.uebersichtbild {width: 100px; float: right; margin: 0 10px 0px 0;}
.uebersichtbild img {width: 100px; }


/*mainmenu css imagebuttons*/
li#mm_krubasik a:link, li#mm_krubasik a:visited, li#mm_krubasik a:hover,
li#mm_wertschoepfung a:link, li#mm_wertschoepfung a:visited, li#mm_wertschoepfung a:hover,
li#mm_produktivitaet a:link, li#mm_produktivitaet a:visited, li#mm_produktivitaet a:hover
{
	background-position: 10px 4px;
	width: 320px;
}