body {margin: 0; padding: 0; background: #fff; 
text-align: center; font: 12px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;}




#header {
	width: 901px;
	margin:0 auto; padding: 0;
	margin-top: 25px;
	text-align: center;
}

#header h1 {
	font-size: 32px;
	color: #CC0000;
	text-align: left;
	margin: 0 0 .5em 31px;
}

#contentfull {width: 680px;}
#content {float: left; width: 450px;}
#content3col1 {float: left; width: 213px}
#content3col2 {float: left; margin-left: 20px; width: 213px}

#main, #breadcrumb, #footer {width: 680px; margin: 1.5em auto; text-align: left;}
#main div.column {text-align: left; margin-bottom: 1em;}
#main p {margin: 0 0 1em 0;}
#main p.last {margin: 0;}
#main p.intro {font-weight: bold;}
#main .lite {color: #79767c;}
#main h1 {font-size: 24px; color: #000000; margin: 0 0 0 0; line-height: 1.1em;}
#main h2 {font-size: 16px; margin: 0; color: #cc0000;}
#main h3 {font-size: 12px; margin: 0;}
#main h4 {font-size: 10px; margin: 0;}

#main .more {text-align: right;}

img.left {float: left; margin: 2px 10px 5px 0; border: 0;}
img.fullcon {margin: 2px 0px 5px 0px; border: 0;}
img.right {float: right; margin: 2px 0 5px 10px; border: 0;}
img.span {margin: 0px 0px 10px 0px; border: 0;}
img.across {margin: 0px 0px 10px 0px; border: 0;}
img.across2 {float: left; margin: 0px 0px 10px 0px; border: 0;}

div.clearer {clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px;}


#main .subcolumn1-2 {float: left; width: 330px;}
#main .subcolumn2-2 {float: right; width: 330px;}
#main .subcolumn1-3, #main .subcolumn2-3, #main .subcolumn3-3 {width: 212px; float: left;}
#main .subcolumn1-3, #main .subcolumn2-3 {margin-right: 20px;}



#content .subcolumn1-2 {float: left; width: 215px;}
#content .subcolumn2-2 {float: right; width: 215px;}
#content .subcolumn1-3, #content .subcolumn2-3, #content .subcolumn3-3 {width: 135px; float: left;}
#content .subcolumn1-3, #content .subcolumn2-3 {margin-right: 22px;}



		/*body { background:#f1f1f1 url(./images/bodybg20060912.gif) repeat-x top left; color: #76797c}*/
		body {
	background: #f1f1f1 url(../images/hg.gif) repeat-x top left;
	color: #76797c;
}
		a {outline: none; -moz-outline: none;}
		a:link, a:visited {color: #cc0000; text-decoration: none;}
		a:hover, a:active {color: #76797c;}
		a img { border:none; }
		div.clearer.tall {height: 1px;}
/*
	#header { width:901px; margin:0 auto; height:90px; _height:75px; position:relative; }
	#header #headertitle { float:left; margin-left:30px; margin-top:40px; _margin-top:28px; }
	#header #headerpromo { position:absolute; left:475px; top:25px; _top:13px; z-index:3;
	*/
			
		#main { width:901px; margin:0 auto; padding: 0;}
		
		#footer{
	margin: 15px 0 100px 0;
	width: 100%;
	float: left;
	text-align: center;
}
		
		#buttonrow {
	height: 85px;
	float: none;
}
		
		#buttonrow .button{
			float: left;
			margin-top: 10px;
		}
		
		#featured {
	background: transparent url(../images/kasten_main.gif) no-repeat top left;
}

		#featured .main-center {
	float: none;
	text-align: center;
	vertical-align: middle;
}

		#featured .main-center img{
	margin-top: 10px;
}

		#featured .big-pic-left {
	width: 403px;
	margin-left: 20px;
	line-height: 1.5	em;
	float: left;
}
		#featured .big-pic-left img {float: left; margin: 10px 0 0;}
		
		#featured .text-right {
	width: 400px;
	float: right;
	padding-left: 1px;
	margin-top: 32px;
	margin-right: 30px;
}

		
		#featured .subcolumn1-2 {
			width: 420px;
			margin: 31px 0 0 0;
			padding-left: 30px;
			line-height: 1.5em;
		}
		
		#featured .subcolumn2-2 { width: 420px; padding-left: 1px; margin-top: 20px;}
		#featured .subcolumn2-2 img { float: left; margin: 0; }

				
		#featured img#overview {float: none; display: block; margin: 0;}
		#featured .subcolumn1-2 img {float: left; margin: 47px 0 0;}

		#featured .image-no-margin {float: left; margin: 0px 0 0;}

		#featuredfooter {
	height: 25px;
	background: transparent url(../images/kasten_main_zu.gif) no-repeat bottom left;
	margin-bottom: 22px;
	text-align: center;
}
		


/* Das muss ich noch checken */

/*
table, td {font: 10px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif; color: #000;}



#sidebar {float: right; width: 200px; font: 10px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;}
#sidebar h2 {font-size: 12px; margin: 0;}
#sidebar h3 {font-size: 11px; margin: 0;}
#sidebar h4 {font-size: 10px; margin: 0;}
#sidebar .sidebox li {font-size: 10px; margin: 0;}
#contentfull #sidebar {margin-left: 20px; margin-bottom: 20px;}

#sidebar .box {border: 1px solid #a1a5a9; padding: 0 5px 5px 5px; margin: 0 0 1.25em 0;}
#sidebar .box h2 {border-bottom: 1px solid #a1a5a9; padding: 5px; background: #f2f2f2; margin: 0 -5px 5px -5px; font-size: 10px;}


#main .box {border: 1px solid #a1a5a9; padding: 0 5px 5px 5px; margin: 0 0 1.25em 0;}
#content .box h2 {border-bottom: 1px solid #a1a5a9; padding: 5px; background: #f2f2f2; margin: 0 -5px 5px -5px; font-size: 12px;}
*/

/*
#main a.pdf {background: url(http://images.apple.com/main/elements/globaliconpdf12x12.gif) left top no-repeat; display: block; padding-left: 20px;}
#main a.html {background: url(http://images.apple.com/main/elements/globaliconhtml12x12.gif) left top no-repeat; display: block; padding-left: 20px;}
#main a.qt {background: url(http://images.apple.com/main/elements/globaliconqt12x12.gif) left top no-repeat; display: block; padding-left: 20px;}
*/


/*
#main a.pdf {background: url(http://images.apple.com/euro/main/elements/globaliconpdf12x12.gif) left top no-repeat; display: block; padding-left: 20px;}
#main a.html {background: url(http://images.apple.com/euro/main/elements/globaliconhtml12x1220050802.gif) left top no-repeat; display: block; padding-left: 20px;}
#main a.qt {background: url(http://images.apple.com/euro/main/elements/globaliconqt12x12.gif) left top no-repeat; display: block; padding-left: 20px;}
#main a.ical {background: url(http://images.apple.com/euro/main/elements/globaliconical12x12.gif) left top no-repeat; display: block; padding-left: 20px;}
#main a.dl {background: url(http://images.apple.com/euro/main/elements/globalicondl11x10.gif) left top no-repeat; display: block; padding-left: 20px;}
#main a.dmg {background: url(http://images.apple.com/euro/main/elements/globalicondmg12x12.gif) left top no-repeat; display: block; padding-left: 20px;}
#main a.zip {background: url(http://images.apple.com/euro/main/elements/globaliconzip12x12.gif) left top no-repeat; display: block; padding-left: 20px;}
#main a.mp3 {background: url(http://images.apple.com/euro/main/elements/globaliconmp312x12.gif) left top no-repeat; display: block; padding-left: 20px;}


.showmac {display: none;}
.showwin {}

.showMac {display: none;}
.showWin {}

ul {list-style: none; margin: 0; padding: 0 0 1em 0;}
ul.square {list-style: square; margin: 0 0 0 15px; padding: 0 0 1em 0;}
ul.circle {list-style: circle; margin: 0 0 0 15px; padding: 0 0 1em 0;}
ul.blank {list-style-type: none; margin: 0 0 0 15px; padding: 0 0 1em 0;}
ol {list-style: decimal; margin: 0 0 0 20px; padding: 0 0 1em 0;}
li {padding-bottom: .3em;}


ol.last {padding: 0;}
ul.last {padding: 0;}

sup {vertical-align: baseline; font-size: 1em; color: #76797c;}

a.qt {padding-left: 17px; left center no-repeat;}

#breadcrumb, #footer {text-align: center; clear: both;}
#breadcrumb {clear: both; font-size: 10px; padding: 1em 0;}

#footer {font-size: 10px; border-top: 1px solid #a1a5a9; padding-top: 1em;}
#footer form {margin-bottom: 1em;}
#footer form input {vertical-align: bottom;}

.sosumi {font-size: 10px !important; color: #76797c; margin-bottom: 1em;}
ol.sosumi {margin-left: 0; padding-left: 1.5em; clear: both;}




ul ul.circle {margin-top: .3em;}
#nojs {background: #f93; padding: 5px 0;}
*/


/** ADDED NC 31/07 **/
/*
img.hotn_game_img {border: 1px solid #a1a5a9; padding: 2px;}
*/