@charset "utf-8";
/* CSS Document */
*	{margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif;}
html, body	{height: 100%;}
body	{background-color: #f3f3f4;}
h1	{position: absolute; color: #FFFFFF; font-size: 16px;}

#red, #green 	{height: 25%}
#white	{height: 30%; text-align:center; padding-top: 5%;}
#red	{background-color: #ed1c24;}
#green	{background-color: #566c11;}

#white ul	{list-style: none; width: 450px; padding-left: 20%; float: left;}
#white ul li a	{display: block; color: #000000; text-decoration: none; font-size: 16px; font-weight: bold; clear: both; margin-bottom: 20px; height: 101px; }
#white ul li a img	{border: none;float: left; vertical-align: middle}
#white ul li a span	{display: block; text-align: right; width: 200px; margin-right: 20px; float: left; padding-top: 43px;}
#white div	{float: left; text-align: left; font-size: 14px; font-weight: bold; padding-top: 10px;}

#slogan	{position: absolute; top: 0px; left: 0px; background-image: url(../images/awofaktur_logo.png); background-repeat: no-repeat; background-position: center; width: 100%; height: 50%;}

#logo	{position: absolute; bottom: 10px; left: 30px;}

#katalog_frame	{width: 90%; margin-top: 20px; margin-left: 5%; height: 80%; border: 1px solid #000000;}

#katalog_navi	{position: absolute; left: 0px; bottom: 20px; width: 100%; text-align: center; vertical-align: top}
#katalog_navi li	{display: inline}
#katalog_navi li a	{display: inline-block; width: 160px; height: 38px; background-image: url(../images/bg_katalog_navi.png); background-repeat: no-repeat; margin-left: 20px; margin-right: 20px; font-size: 14px; color: #FFFFFF; font-weight: bold; text-decoration: none; text-align: center; vertical-align: middle; padding-top: 3px;}