/*********************************************************** link formatings ***/
/*******************************************************************************/

a 			
			{
			color: 				#b90101; 
 			text-decoration: 	underline;
			font-weight:		bold;
			}

a:hover 	
			{ 
			text-decoration:	none;
			color:				#b90101;
			}

/*********************************************************** main formatings ***/
/*******************************************************************************/

body 		
			{
			margin: 		0px;
			padding:		0px;
			font-family:	"Trebuchet MS", Tahoma, Arial, Verdana, Helvetica;
			font-size:		13px;
			color:			#6f6f6f;
			text-align:		left;
			background: 	#ff9d04 url(../pics/bg-line.gif) repeat-x;
			height:			100%;
			width:			100%;
			line-height:	17px;
			}

h1
			{
			color:			#89b00e;
			font-size:		21px;
			font-weight:	normal;
			padding:	    0px;
			margin:			0px 0px 15px 0px;
			}
			
h1.b		{color:			#006898}
h1.g		{color:			#7d9e2d}
h1.o		{color:			#ff7906}
h1.v		{color:			#a2226f}
h1.p		{color:			#691f6e}
h1.r		{color:			#d60000}
h1.hb		{color:			#77c2ea}

h2, h3, h4, h5, h6			
			{
			color:			#a7a7a7;
			font-size:		17px;
			font-weight:	normal;
			padding:	    0px;
			margin:			20px 0px 10px 0px;
			}

strong, b		
			{
			font-weight:	bold;
			}

img			
			{
			border:			0px;
			}

p		
			{
			padding:        0px;
			margin:			0px;
			margin-bottom:	25px;
			}
			
.pics		
			{
			float:			left;
			margin:			0px 15px 15px 0px;
			}
			
a .pics:hover, #bookmark a, .teaser img:hover, #product img:hover, .product img:hover, #logo img:hover, #teaser a img:hover, dl a img:hover, #content-start a img:hover, .button.r:hover, .button.b:hover, .button.g:hover, .button.hb:hover, .button.p:hover, .button.v:hover, .button.o:hover, .table-cat a img:hover
			{
			filter:			alpha(opacity=70);
			-moz-opacity:	0.7;
			opacity:		0.7;
			}
			
#bookmark a:hover
			{
			filter:			alpha(opacity=100);
			-moz-opacity:	1.0;
			opacity:		1.0;
			}
			
acronym:hover
			{
			cursor:			help;
			background:		#fff;
			}
			
embed, iframe
			{
			border:			1px solid #ccc;
			}
			
dl
			{
			float:			left;
			margin:			0px 15px 15px 0px;
			box-shadow:		1px 1px 3px rgba(0, 0, 0, 0.2);
			-moz-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2);
			-webkit-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2);
			}
			
dl a, dl a:hover
			{
			color:			#9f9f9f;
			text-decoration:none;
			}
			
dt 			{
			display:		inline;
			}
			
dd			{
			background:		#f3f3f3;
			padding:        5px 8px 5px 8px;
			margin:			0px;
			font-size:		12px;
			}
			
dd em, small
			{
			font-size:		10px;
			color:			#9f9f9f;
			}

/***************************************************************** positions ***/
/*******************************************************************************/

#out
			{
			text-align:		center;
			width:			100%;
			background: 	url(../pics/bg.jpg) center 30px no-repeat;
			height:			569px;
			}

#in
			{
			text-align:		center;
			width:			860px;
			height:			100%;
			margin:			auto;
			}

#container
			{
			text-align:		left;
			width:			860px;
			float:			left;
			}
			
#top
			{
			float:			right;
			}
			
#search
			{
			margin:			35px 0px 0px 0px;
			float:			right;
			}
			
#bookmark
			{
			margin:			6px 0px 0px 0px;
			float:			right;
			}
			
#bookmark div
			{
			color:			#bd9c6c;
			}
			
#logo
			{
			margin:			45px 0px 0px 0px;
			float:			left;
			}
			
#menu, #submenu, #teaser, #left, #content, #footer, #tipps
			{
			margin:			15px 0px 0px 0px;
			padding:        4px;
			padding-bottom: 0px;
			float:			left;
			width:			852px;
			background: 	url(../pics/content-bg.png) repeat;
			box-shadow:			1px 1px 2px rgba(0, 0, 0, 0.1);
			-moz-box-shadow:	1px 1px 2px rgba(0, 0, 0, 0.1);
			-webkit-box-shadow:	1px 1px 2px rgba(0, 0, 0, 0.1);
			}
			
.games img
			{
			box-shadow:			1px 1px 2px rgba(0, 0, 0, 0.2);
			-moz-box-shadow:	1px 1px 2px rgba(0, 0, 0, 0.2);
			-webkit-box-shadow:	1px 1px 2px rgba(0, 0, 0, 0.2);
			border:1px solid #f0f0f0;
			}
			
.games-overlay
			{
			background: #ccc url(../pics/games-more.png) no-repeat center center;
			position:absolute;
			width:81px;
			height:81px;
			}
			
a .games-overlay
			{
			filter:			alpha(opacity=80);
			-moz-opacity:	0.8;
			opacity:		0.8;
			}
			
a:hover .games-overlay
			{
			filter:			alpha(opacity=0);
			-moz-opacity:	0.0;
			opacity:		0.0;
			}
			
#submenu
			{
			margin:			0px 0px 0px 0px;
			padding-top:    0px;
			padding-bottom: 4px;
			}
			
#teaser
			{
			padding-top:    4px;
			padding-bottom: 4px;
			}
			
#left
			{
			width:			210px;
			padding-top:    4px;
			padding-bottom: 4px;
			}
			
#content
			{
			width:			638px;
			padding-top:    4px;
			padding-bottom: 4px;
			padding-left:   0px;
			}
			
#menu ul, #submenu ul, #left ul
			{
			margin:			0px;
			padding:        0px;
			float:			left;
			}
			
#submenu ul
			{
			width:			852px;
			padding-left:   0px;
			}
			
#menu li, #submenu li
			{
			float:			left;
			display:		inline-block;
			}
			
#menu a
			{
			background: 	url(../pics/menu.jpg) no-repeat right bottom;
			padding:        14px 25px 15px 25px;
			font-weight:	bold;
			color:			#fff;
			font-size:		16px;
			text-decoration:none;
			float:			left;
			margin-right:	4px;
			}
			
#menu a:hover
			{
			filter:			alpha(opacity=70);
			-moz-opacity:	0.6;
			opacity:		0.6;
			text-decoration:none;
			}
			
#menu a.active
			{
			padding:        14px 25px 15px 25px;
			font-weight:	bold;
			font-size:		16px;
			}
			
#submenu a
			{
			padding:        8px 17px 8px 15px;
			color:			#fff;
			font-size:		13px;
			text-decoration:none;
			float:			left;
			}
			
#submenu a:hover
			{
			text-decoration:none;
			}
			
#submenu .b a.active, #submenu .b a:hover{background:#59b1d4;color:#fff}
#submenu .g a.active, #submenu .g a:hover{background:#c7d480;color:#fff}
#submenu .o a.active, #submenu .o a:hover{background:#ffb55f;color:#fff}
#submenu .p a.active, #submenu .p a:hover{background:#d676bc;color:#fff}
#submenu .v a.active, #submenu .v a:hover{background:#b874b7;color:#fff}
#submenu .r a.active, #submenu .r a:hover{background:#f65858;color:#fff}
#submenu .hb a.active, #submenu .hb a:hover{background:#9be1fb;color:#fff}
			
#menu .b 	{background: 	url(../pics/m-b.gif) repeat-x}
#menu .g	{background: 	url(../pics/m-g.gif) repeat-x}			
#menu .o	{background: 	url(../pics/m-o.gif) repeat-x}
#menu .p	{background: 	url(../pics/m-p.gif) repeat-x}
#menu .v	{background: 	url(../pics/m-v.gif) repeat-x}		
#menu .r	{background: 	url(../pics/m-r.gif) repeat-x}
#menu .hb	{background: 	url(../pics/m-hb.gif) repeat-x}

#submenu .b	{background: 	#006898}
#submenu .g	{background: 	#7d9e2d}			
#submenu .o	{background: 	#ff7906}
#submenu .p	{background: 	#a2226f}
#submenu .v	{background: 	#691f6e}		
#submenu .r	{background: 	#d60000}
#submenu .hb{background: 	#77c2ea}

#menu .active.b	{border-bottom:	4px solid #006898}
#menu .active.g	{border-bottom:	4px solid #7d9e2d}			
#menu .active.o	{border-bottom:	4px solid #ff7906}
#menu .active.p	{border-bottom:	4px solid #a2226f}
#menu .active.v	{border-bottom:	4px solid #691f6e}		
#menu .active.r	{border-bottom:	4px solid #d60000}
#menu .active.hb{border-bottom:	4px solid #77c2ea}

#teaser-1, #teaser-2, #teaser-3, #teaser-4, #teaser-5, #teaser-6, #teaser-7
			{
			float:			left;
			margin-right:	4px;
			width:			210px;
			}
			
.teaser-text
			{
			position:		absolute;
			margin-top:		-54px;
			width:			164px;
			color:			#fff;
			font-size:		14px;
			padding:        10px 23px 10px 23px;
			}
			
.teaser-text a
			{
			color:			#fff;
			font-weight:	normal;
			font-size:		14px;
			text-decoration:none;
			}
			
.teaser-text a:hover
			{
			text-decoration:underline;
			}
			
#teaser-1 .teaser-text, .content-start-text.b, .cat.b, .adver.b {background: 	url(../pics/teaser-b.png) repeat-x}
#teaser-2 .teaser-text, .content-start-text.g, .cat.g, .adver.g	{background: 	url(../pics/teaser-g.png) repeat-x}		
#teaser-3 .teaser-text, .content-start-text.o, .cat.o, .adver.o	{background: 	url(../pics/teaser-o.png) repeat-x}
#teaser-4 .teaser-text, .content-start-text.p, .cat.p, .adver.p	{background: 	url(../pics/teaser-p.png) repeat-x}
#teaser-5 .teaser-text, .content-start-text.v, .cat.v, .adver.v	{background: 	url(../pics/teaser-v.png) repeat-x}
#teaser-6 .teaser-text, .content-start-text.r, .cat.r, .adver.r	{background: 	url(../pics/teaser-r.png) repeat-x}
#teaser-7 .teaser-text, .content-start-text.hb, .cat.hb, .adver.hb {background: 	url(../pics/teaser-hb.png) repeat-x}

.cat, .adver
			{
			color:			#fff;
			font-weight:	normal;
			font-size:		13px;
			padding:        10px 23px 10px 23px;
			display:		block;
			margin-bottom:	4px;
			}
			
.adver
			{
			width:			164px;
			display:		inline-block;
			margin-top:		4px;
			}
			
#left ul	{
			width:			210px;
			}
			
ul.sub li:last-child		{
padding-bottom:10px;
			}
			
#left li	{
			display:		block;
			}
			
#left a, #left .sub a {
			display:		block;
			color:			#757575;
			font-weight:	normal;
			font-size:		13px;
			padding:        10px 23px 10px 23px;
			background:		#fff;
			border-bottom:	1px dotted #cacaca;
			text-decoration:none;
			}
			
#left .sub a {
			padding:        5px 23px 5px 33px;
			font-size:		12px;
			}
			
#left a:hover	
			{
			background:		#f3f3f3;
			}
			
#left a.active	
			{
			background:		#f3f3f3;
			}
			
.banner
			{
			display:		inline-block;
			background:		#fff;
			text-align:		center;
			padding:        20px 0px 20px 0px;
			width:			100%;
			}
			
.banner a
			{
			border-bottom:	0px!important;
			}
			
.banner a:hover
			{
			background:		none!important;
			}
			
#content-start	
			{
			float:			left;
			margin-bottom:	4px;
			}
			
.content-start-text
			{
			position:		absolute;
			margin-top:		-57px;
			width:			592px;
			color:			#fff;
			font-size:		14px;
			padding:        10px 23px 10px 23px;
			}
			
.content-start-text span
			{
			font-size:		11px;
			padding-top:	3px;
			display:		block;
			}
			
.content-start-text a
			{
			color:			#fff;
			font-weight:	bold;
			font-size:		14px;
			text-decoration:none;
			}
			
.content-start-text a:hover
			{
			text-decoration:underline;
			}
			
#content-text	
			{
			float:			left;
			background:		#fff;
			padding:        20px 23px 30px 23px;
			width:			592px;
			}
			
#content-info	
			{
			float:			left;
			background:		#fff;
			padding:        10px 23px 20px 23px;
			width:			592px;
			}
			
#footer, #tipps
			{
			font-size:		11px;
			margin:			15px 0px 0px 0px;
			padding:        6px 4px 6px 4px;
			color:			#ae8b55;
			}
			
#footer
			{
			margin:			15px 0px 30px 0px;
			}
			
#footer a, #tipps a
			{
			color:			#ae8b55;
			text-decoration:none;
			}
			
#footer-left, #tipps-left
			{
			float:			left;
			}
			
#footer-right
			{
			float:			right;
			}
			
.button
			{
			padding:        6px 8px 6px 8px;
			font-weight:	bold;
			color:			#fff;
			}
			
.button a, a.button
			{
			color:			#fff;
			text-decoration:none;
			}

.button.b	{background: 	#006898 url(../pics/arrow-b.gif) no-repeat 4px 4px;padding-left:35px}
.button.g	{background: 	#7d9e2d url(../pics/arrow-g.gif) no-repeat 4px 4px;padding-left:35px}			
.button.o	{background: 	#ff7906 url(../pics/arrow-o.gif) no-repeat 4px 4px;padding-left:35px}
.button.p	{background: 	#a2226f url(../pics/arrow-p.gif) no-repeat 4px 4px;padding-left:35px}
.button.v	{background: 	#691f6e url(../pics/arrow-v.gif) no-repeat 4px 4px;padding-left:35px}		
.button.r 	{background: 	#d60000 url(../pics/arrow-r.gif) no-repeat 4px 4px;padding-left:35px}
.button.hb	{background: 	#77c2ea url(../pics/arrow-hb.gif) no-repeat 4px 4px;padding-left:35px}

.table-cat
			{
			box-shadow:			1px 1px 2px rgba(0, 0, 0, 0.1);
			-moz-box-shadow:	1px 1px 2px rgba(0, 0, 0, 0.1);
			-webkit-box-shadow:	1px 1px 2px rgba(0, 0, 0, 0.1);
			border:1px solid #f0f0f0;
			}
			
#steps-in	
			{
			width:			317px;
			height:			302px;
			background:		url(../pics/weiterleitung.jpg) no-repeat center top;
			text-align:		center;
			margin: 		auto;
			margin-top:		200px;
			}
			
#steps-back	
			{
			width:			318px;
			height:			315px;
			background:		url(../pics/error.jpg) no-repeat center top;
			text-align:		center;
			margin: 		auto;
			margin-top:		200px;
			}
		
#count	
			{
			position:		absolute;
			margin-top:		137px;
			margin-left:	115px;
			font-size:		60px;
			color:			#e28a00;
			}

#back	
			{
			margin-top:		-30px;
			position:		absolute;
			margin-left:	110px;
			}
			
#top input[type=submit]	
			{
			background:		#e19600;
			color:			#fff;
			border:			1px solid #c28100;
			font-size:		12px;
			padding:        1px 3px 3px 3px;
			-moz-border-radius:2px;
			-webkit-border-radius:2px;
			border-radius:2px;
			float:			left;
			}
			
#top input[type=submit]:hover	
			{
			background:		#d26902;
			}
			
#top input[type=text]	
			{
			background:		#fbf3e5;
			color:			#000;
			border:			1px solid #c28100;
			font-size:		13px;
			padding:        3px 3px 2px 3px;
			-moz-border-radius:2px;
			-webkit-border-radius:2px;
			border-radius:2px;
			box-shadow:			1px 1px 1px rgba(0, 0, 0, 0.1) inset;
			-moz-box-shadow:	1px 1px 1px rgba(0, 0, 0, 0.1) inset;
			-webkit-box-shadow:	1px 1px 1px rgba(0, 0, 0, 0.1) inset;
			float:			left;
			margin-right:	5px;
			}
			
#top input[type=text]:focus	
			{
			background:		#fff;
			}
			
.search	
			{
			font-size:		11px;
			float:			left;
			color:			#9a7120;
			margin-right:	5px;
			}
			
.funktionen	img
			{
			margin:0px 10px 10px 0px;
			}
			
.contract
			{
			border:			1px solid #ededed;
			-moz-border-radius:4px;
			-webkit-border-radius:4px;
			border-radius:4px;
			background:		url(../pics/contract-bg.gif) repeat-x;
			}
			
.order
			{
			font-size:	14px;
			}
			
.widgettitle
			{
			display:		none;
			}
			
#screenshot
			{
			position:absolute;
			background:#fff;
			-moz-border-radius:4px;
			-webkit-border-radius:4px;
			border-radius:4px;
			box-shadow:		1px 1px 3px rgba(0, 0, 0, 0.2);
			-moz-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2);
			-webkit-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2);
			padding:5px;
			display:none;
			color:#ccc;
			text-align:center;
			font-size:11px;
			font-weight:bold;
			background:#ececec;
			color:#626262;
			}
			
#screenshot img
			{
			margin-bottom:5px;
			-moz-border-radius:4px;
			-webkit-border-radius:4px;
			border-radius:4px;
			border:1px solid #fff;
			}
	
.table-head
			{
			width:130px;
			font-size:11px;
			font-weight:bold;
			text-align:center;
			background:#ececec;
			padding:5px;
			}
			
.table-pic
			{
			padding-bottom:top;
			width:130px;
			text-align:center;
			border: 1px solid #ececec;
			padding:5px;
			}
			
.table-pic a:hover
			{
			filter:			alpha(opacity=80);
			-moz-opacity:	0.8;
			opacity:		0.8;
			}
			
.table-pic:hover
			{
			border: 1px solid #ff9120;
			}
			
.table-head a
			{
			color:#626262;
			text-decoration:none;
			}