* { margin: 0px; padding: 0px; }
html, body { font-family: Arial; font-size: 11px; color: #000000; }
input, select, textarea { font-family: Verdana; font-size: 11px; color: #000000; }
body { background: url('../images/bodyBg.gif') #fff repeat-x; }
img { border: 0px; display: block; }
a       {  color: #5585A1; text-decoration: none;  }
a:hover {  color: #5585A1; text-decoration: none;  }

/* ### GLOBAL CLASSES ### */
.clear { clear: both; }

/* ### WRAPPER ### */
#wrapper { margin: 0 auto; width: 800px; }

/* ### MAIN CONTAINER ### */
#header    { margin: 0 auto; width: 800px; height: 100px; }
#header .titel    { float: left; width: 300px; height: 100px; }
#header .titel h1 { margin-top: 15px; height: 60px; font-size: 30px; color: #CFCDCD; }
#header .titel h2 { height: 40px; font-size: 12px; color: #CFCDCD; }
#header .logo     { margin-top: 15px; float: right; width: 485px; height: 75px; }

#container    { padding: 10px 10px 10px 10px; width: 780px; background: #CFCDCD; }

#container .box         { float: left;  width: 570px; margin-bottom: 10px; background: #FFFFFF; }
#container .box h2      { padding-left: 10px; width: 560px; height: 20px; line-height: 20px; font-size: 12px; color: #878686; background: #E9E9E9; }
#container .box h2 span { font-size: 12px; color: #5585A1; }
#container .box h3      { padding-left: 10px; width: 560px; height: 20px; line-height: 20px; font-size: 12px; color: #878686;}
#container .box p       { padding: 5px 10px 5px 10px; margin-bottom: 10px; width: 550px;  font-size: 12px; color: #000000; background: #FFFFFF; }
#container .box table       { padding: 5px 10px 5px 10px; margin-bottom: 10px; width: 550px;  font-size: 12px; color: #000000; background: #FFFFFF; }
#container .box .rand       { padding: 10px 10px 5px 10px; margin-bottom: 10px; width: 550px;  font-size: 12px; color: #000000; background: #FFFFFF; }
#container .box .rand .prod { float: left; padding: 0px 10px 10px 0px; width: 100px; height: 100px; border: 2px; }
#container .box .rand .prod img.random       {  }

#container .box ul       { padding: 5px 10px 5px 10px; margin-bottom: 10px; width: 550px;  font-size: 12px; color: #000000; }

#container .box .spel       { padding: 10px 10px 5px 10px; margin-bottom: 10px; width: 550px;  font-size: 12px; color: #000000; background: #FFFFFF; }
#container .box .spel .prod { float: left; padding: 0px 10px 10px 0px; width: 160px; height: 160px; border: 2px; }
	
#container .menu        { float: right; width: 200px; margin-bottom: 10px; }
#container .menu h3     { padding-left: 10px; width: 190px; height: 20px; line-height: 20px; font-size: 12px; color: #878686; background: #E9E9E9; }
#container .menu ul     { width: 200px; margin-bottom: 10px; background: #FFFFFF; }
#container .menu li     { display: block; padding: 0px 10px 0px 10px; width: 180px; height: 20px; line-height: 20px; font-size: 12px; color: #878686; background: #FFFFFF; }
#container .menu p      { padding: 5px 10px 5px 10px; margin-bottom: 10px; width: 180px;  font-size: 11px; color: #000000; background: #FFFFFF; }

			
#footer       { margin: 0 auto; width: 800px; }
#footer p     { width: 800px; line-height: 20px; font-size: 12px; color: #878686; }

