/* ######################################################################################################
** # SAD Partnerprogram Stylesheets #####################################################################
** ######################################################################################################
** 
**  Datei       : boxes.css
**  Funktion    : Formatierung der Boxen
**
*/

@media all
{

/* ### #box LAYOUTS #################################################################################### */
   
#box 	{ }

#box .head 	 { font-size: 1.1em; font-weight: bold; height: 26px; line-height: 26px; padding: 0 0 0 10px; margin: 0; }
#box .foot	 { margin-bottom: 7px; }
#box .cont p { line-height: 14px; margin: 0; padding: .25em }

/* ### TEMPLATE #box LAYOUTS #################################################################################### */

#box .prodbox .cont	.img .price { 
	position: relative; 
	margin-top: -3px; 
	margin-bottom: 2px; 
	color: white; 
	font-size: 1.6em; font-weight: bold;
	font-family: Verdana;
	text-align: right; 
	padding-right: 7px;
	border-top: 1px solid #6C003F;
	background: url(gfx/boxes/prod-box-bg-price.gif) left top no-repeat;
	z-index: 200;
	height: 23px; line-height: 22px;
}

/* topgame.inc.tpl */
#box .topbox { height: 166px; border-bottom: 1px solid #BB6F9C; background-color: #FFE7F6; }
#box .catbox .foot p, #box .prodbox .foot p { font-weight: bold; margin: 0; padding: .45em .25em; }

/* ### FARBSTYLES #box LAYOUTS #################################################################################### */

/*### .box0 - White Box ###*/
#box .box0 .head 		{ background: url(gfx/boxes/head_white_left.gif) left top no-repeat; border-right: 1px solid #FFB3FF; }
#box .box0 .cont 		{ background-color: white; border-width: 0 1px 0 1px; border-color: #FFB3FF; border-style: solid; }
#box .box0 .foot 		{ border-width: 0 1px 1px 1px; border-color: #FFB3FF; border-style: solid; background-color: white; }
/*### .box1 - Light Blue Box ###*/
#box .box1 .head 		{ background: url(gfx/boxes/head_blue_left.gif) top left no-repeat; border-right: 1px solid #FF4FB5; }
#box .box1 .cont 		{ background-color: #FFF6FC; border-width: 0 1px 0 1px; border-color: #FF4FB5; border-style: solid; }
#box .box1 .foot 		{ border-width: 0 1px 1px 1px; border-color: #FF4FB5; border-style: solid; background-color: #FFFAFF; }
/*### .box2 - Dark Blue Box ###*/
#box .box2 .head 		{ background: url(gfx/boxes/head_dblue_left.gif) top left no-repeat; border-right: 1px solid #99085C; color: white; }
#box .box2 .cont 		{ background-color: white; border-width: 0 1px 0 1px; border-color: #99085C; border-style: solid; }
#box .box2 .foot 		{ border-width: 0 1px 1px 1px; border-color: #99085C; border-style: solid; background-color: white; }


/*### Testbox ###*/
#testbox { margin-bottom: 5px; margin-right: 3px; }

/*------------------------------------------------------------
 #### Allover Box Settings ##################################
 ------------------------------------------------------------*/
#testbox .head_l 		{ background: url(gfx/test_box/bg_head_left.gif) top left no-repeat; height: 32px; }
#testbox .head_r 		{ font-size: 1.1em; background: url(gfx/test_box/bg_head_right.gif) right top no-repeat; height: 32px; } 
#testbox .head_r div 	{ padding: 9px; font-weight: bold; }
#testbox .cont_l	 	{ background: url(gfx/test_box/bg_cont_left.gif) top left no-repeat; }
#testbox .cont_r	 	{ padding: 5px 4px; background: url(gfx/test_box/bg_cont_right.gif) top right no-repeat; }
#testbox .foot_l	 	{ background: url(gfx/test_box/bg_foot_left.gif) bottom left no-repeat; height: 20px; }
#testbox .foot_r	 	{ background: url(gfx/test_box/bg_foot_right.gif) bottom right no-repeat;  }
#testbox .foot_r div	{ padding: 10px; text-align: right }

#testbox .cattop img 	{ border: 1px solid #999; }
#testbox p				{ padding: .15em .35em; margin: 0; line-height: 14px; }

/* Special boxID´s */
#testbox.boxID-1 .head_l { background: url(gfx/test_box/bg_head_1_left.gif) top left no-repeat; height: 24px; }
#testbox.boxID-1 .head_r { font-size: 1.1em; background: url(gfx/test_box/bg_head_1_right.gif) right top no-repeat; height: 24px; } 

#testbox.boxID-2 .head_l { background: url(gfx/test_box/bg_head_2_left.gif) top left no-repeat; height: 32px; }
#testbox.boxID-2 .head_r { font-size: 1.1em; background: url(gfx/test_box/bg_head_2_right.gif) right top no-repeat; height: 32px; }

#testbox.boxID-3 .head_l { background: url(gfx/test_box/bg_head_3_left.gif) top left no-repeat; height: 32px; }
#testbox.boxID-3 .head_r { font-size: 1.1em; color: #0c3671; padding-left: 22px; background: url(gfx/test_box/bg_head_3_right.gif) right top no-repeat; height: 32px; }
/*
#testbox.boxID-3 .cont_l { background: url(gfx/test_box/bg_cont_3_left.gif) top left no-repeat; }
#testbox.boxID-3 .cont_r { padding: 5px 4px; background: url(gfx/test_box/bg_cont_3_right.gif) top right no-repeat; }
#testbox.boxID-3 .foot_l { background: url(gfx/test_box/bg_foot_3_left.gif) bottom left no-repeat; height: 20px; }
#testbox.boxID-3 .foot_r { background: url(gfx/test_box/bg_foot_3_right.gif) bottom right no-repeat;  }
*/

/*------------------------------------------------------------
 #### productbox.tpl #########################################
 ------------------------------------------------------------*/
#testbox .pdb-1 			{ width: 190px; }
#testbox .pdb-1 .cont 		{ height: 140px; overflow: hidden; }
#testbox .pdb-1 .foot_r		{ height: 12px; }
#testbox .pdb-1 .foot_l		{ height: 12px; }

#testbox .pdb-2 			{ width: 190px; }
#testbox .pdb-2 .cont 		{ height: auto; overflow: hidden;  }
#testbox .pdb-2 .foot_r		{ height: 32px; }
#testbox .pdb-2 .foot_l		{ height: 32px; }

/*------------------------------------------------------------
 #### catbox.tpl #############################################
 ------------------------------------------------------------*/
#testbox .ctb-1 		 	{ width: 190px; }
#testbox .ctb-1 .catprod 	{ display: none; }
#testbox .ctb-1 .cont 	 	{ height: 167px; overflow: hidden; }
#testbox .ctb-1 .foot_r	   	{ height: 32px; }
#testbox .ctb-1 .foot_l	   	{ height: 32px; }
#testbox .ctb-1 .catlink	{ display: none; }
#testbox .ctb-1 .prodlink	{ display: block; }

#testbox .ctb-2 		   	{ width: 190px; }
#testbox .ctb-2 .cont 	   	{ height: 100px; font-size: 1.1em; }
#testbox .ctb-2 .topcat    	{ display: none; }
#testbox .ctb-2 .catprod p 	{ clear: left; width: 150px; height: 14px; margin-bottom: 7px; overflow: hidden; }
#testbox .ctb-2 .foot_r	   	{ height: 32px; }
#testbox .ctb-2 .foot_l	   	{ height: 32px; }
#testbox .ctb-2 .catlink	{ display: block; }
#testbox .ctb-2 .prodlink	{ display: none; }

/*------------------------------------------------------------
 #### cattoplist.tpl ########################################
 ------------------------------------------------------------*/
#testbox .ctl-1 		 	{ width: auto; font-size: 1.1em; }
#testbox .ctl-1 .img16		{ display: none; }
#testbox .ctl-1 .img32		{ margin: 0 10px 15px 0; }
#testbox .ctl-1 .cont 	 	{ height: auto; overflow: hidden; padding: 0 1em; }
#testbox .ctl-1 .foot_r	   	{ height: 20px; }

/*------------------------------------------------------------
 #### catlist.tpl ########################################
 ------------------------------------------------------------*/
#testbox .nlb			{ margin-bottom: 5px }
#testbox .nlb .cont		{ padding: 0; }
#testbox .nlb .foot 	{ display: none; }
#testbox .nlb ul		{ margin: 0; padding: 0; background: #f8f8f8 url(gfx/nav-bg.gif) top left repeat-x; border-bottom: 1px solid #FF4FB5; }
#testbox .nlb li		{ margin: 0; padding: 0; list-style: none; }
#testbox .nlb li a {
	display: block; 
	font-size: 1em;
	height: 23px; line-height: 23px; 
	padding: 0 5px; 
	color: #000; text-decoration: none;
	border-top: 1px solid #FF4FB5;
} 
#testbox .nlb li a:hover	{ background-color: #FFC3E6 } 
#testbox .nlb .foot_r	   	{ padding: 0 !important; height: 20px !important; font-size: .1em }

/*------------------------------------------------------------
 #### login.inc.tpl & ucp.inc.tpl ########################################
 ------------------------------------------------------------*/
#testbox .small_login 			{ padding: 5px; }
#testbox .small_login p 		{ margin: 0; padding: 3px 0; line-height: 14px; }
#testbox .small_login ul		{ margin: 0; padding: 0; list-style: none; }
#testbox .small_login ul li		{ margin: 0; padding: 0; }
#testbox .small_login ul li	a 	{ margin: 0; padding: 0 5px; line-height: 18px; height: 18px; }

/* ### OVERLAY für topgame.inc.tpl #################################################################################### */
div#overlay0 { position: absolute; }
div#overlay1 { position: absolute; }


div#overlay0 img, div#overlay1 img { border-left: 1px solid #9E5680; border-right: 1px solid #9E5680; height: 142px; width: 566px; margin-left: 14px; margin-right: 14px; }

div#fade-btn   {
	position: absolute;
	margin: 0 14px;
	margin-top: 142px;
	height: 23px; 
	border: 1px solid #9E5680; 
	border-bottom: 0 none;
	width: 566px;
	background: url(gfx/prod-title-bg.gif) left top repeat-x;
}

div#fade-btn a { display: block; }

}