BODY		
{
PADDING-RIGHT: 0px; 
PADDING-LEFT: 10px; 
padding-top: 10px;
PADDING-BOTTOM: 0px; 
BACKGROUND: #aabbff; 
MARGIN: 0px auto 10px; 
COLOR: #ffffff; 
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
FONT-SIZE: 11px
}	

P      {FONT-SIZE: 11px}
LI     {FONT-SIZE: 11px}
FORM   {FONT-SIZE: 11px}
form   {FONT-SIZE: 11px}
LABEL  {FONT-SIZE: 11px}
TD     {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
TH     {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
UL     {PADDING-LEFT: 0px;   PADDING-TOP: 0px}
OL     {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
LI     {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
FORM   {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
INPUT  {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
SELECT {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
IMG    {BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px}
P      {BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 1em; MARGIN: 0px; LINE-HEIGHT: 150%; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px}

hr.blue
{
		color:#537592;
}

hr.black
{
color:#000000;
}

hr.green
{
		color:#59815B;
}

hr.white
{
		color:#FFFFFF;
}
nuller   {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}

#dhtmltooltip{
position: absolute;
left: -300px;
width:160px;
border: 1px solid black;
background-color: #FFFFFF;
visibility: hidden;
z-index: 100;
color: #000000;
text-align:center;
padding:5px;
margin:0px;
}


#backside
{
position: absolute;
left: 0px;
width:auto;
height:auto;
border: 1px solid black;
background-color: #FFFFFF;
visibility:hidden;
z-index: 100;
color: #000000;
text-align:center;
padding:5px;
margin:0px;
}



.boxi
{
	padding:3px;
	background:url(images/spielenamen.gif) no-repeat;
}


td.occasion
{
	background:url(images/background_best_games.gif) no-repeat;
	padding:0px;
}

td.showgames
{
	background:url(images/background_show_games.gif) no-repeat;
	padding:0px;
}


.itemover
{
border-width:2px;
border-color:White;
border-style:solid;
background-color:#6D8B98;
}

.gray
{
background-color:#6D8B98;
}	

.score 
{
width:70px;
height:60px;
background:url(images/score.gif) no-repeat;
text-align:center;
float:right;
}

.score .number 
{
font-size:25px;
font-weight:bold;
padding-top:10px;
vertical-align:middle;
text-align:center
}



#werbung1
{
	visibility: visible ;
}


#screen
{
position: absolute;
left: -300px;
width: 340px;
border: 1px solid black;
padding: 2px;
background-color: white;
visibility: hidden;
z-index: 100;
color: #000000;
text-align:center;
}

#dhtmlpointer
{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}





#smarty
{
position: absolute;
width:550px;
height:auto;
border: 1px solid white;
background-color: #6d8b98;
visibility: hidden;
z-index: 2;
color: #000000;
margin:0px;
padding:0px;
}

.grid1
{
	background-color:Green;
	padding-top:50px;
}

.zero
{
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-top:0px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;

}


.grid td
{
	padding-left:7px;
	padding-right:7px;
	padding-bottom:10px;
	padding-top:10px;
}






td.fuenf
{
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:3px;
}


td.kauf
{
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
}

td.topnews
{

color:#FFFFFF;
font-size:9px;
}


/* Dynamischer Rahmen oben Ecken 13x13, field rechts/linsk je 7 breit/
/* BORDER Dynamisch blue oben *******************************/
td.detail1_links
{
background:url(images/border_blue_links_oben.gif) no-repeat;
padding: 0px;
height:13px;
width:13px;
}	

td.detail1_mitte
{
background:url(images/border_blue_mitte_oben.gif) repeat-x;
padding: 0px;
height:13px;
width:auto;
}	
td.detail1_rechts
{
background:url(images/border_blue_rechts_oben.gif) no-repeat;
padding: 0px;
height:13px;
width:13px;
}	
/* BORDER Dynamisch blue mitte *******************************/

td.detail1_mitte_l
{
background:url(images/border_blue_links_mitte.gif) repeat-y;
padding: 0px;
height:auto;
width:13px;
}	
td.detail1_mitte_r
{
background:url(images/border_blue_rechts_mitte.gif) repeat-y;
padding: 0px;
height:auto;
width:13px;
}	

/* BORDER Dynamisch blue unten *******************************/
td.detail1_links_unten
{
background:url(images/border_blue_links_unten.gif) no-repeat;
padding: 0px;
height:13px;
width:13px;
}	
td.detail1_rechts_unten
{
background:url(images/border_blue_rechts_unten.gif) no-repeat;
padding: 0px;
height:13px;
width:13px;
}	
td.detail1_mitte_unten
{
background:url(images/border_blue_mitte_unten.gif) repeat-x;
padding: 0px;
height:13px;
width:auto;
}	


/* BORDER Dynamisch blue RAND Abschluss keine Kurven Gerade fuer farbigen background*****/
td.detail1_links_unten_durch
{
background:url(images/border_blue_rechts_unten_du.gif) no-repeat;
padding: 0px;
height:7px;
width:13px;
}	
td.detail1_rechts_unten_durch
{
background:url(images/border_blue_links_unten_du.gif) no-repeat;
padding: 0px;
height:7px;
width:13px;
}	
td.detail1_mitte_unten_durch
{
background:url(images/border_blue_mitte_unten_du.gif) repeat-x;
padding: 0px;
height:7px;
width:13px;
}	



/* BORDER Orange oben 13,33hoch *******************************/
td.orange_links
{
background:url(images/border_orange_links_oben.gif) no-repeat;
padding: 0px;
height:33px;
width:13px;
}	

td.orange_mitte
{
background:url(images/border_orange_mitte_oben.gif) repeat-x;
padding: 0px;
height:33px;
width:auto;
color:#FFFFFF;
font-size:12px;
}	
td.orange_rechts
{
background:url(images/border_orange_rechts_oben.gif) no-repeat;
padding: 0px;
height:33px;
width:13px;
}	
/* BORDER Orange oben 13,33hoch *******************************/

/* BORDER Orange oben 13,33hoch *******************************/
td.green_links
{
background:url(images/border_green_links_oben.gif) no-repeat;
padding: 0px;
height:33px;
width:13px;
}	

td.green_mitte
{
background:url(images/border_green_mitte_oben.gif) repeat-x;
padding: 0px;
height:33px;
width:auto;
color:#FFFFFF;
font-size:12px;
}	
td.green_rechts
{
background:url(images/border_green_rechts_oben.gif) no-repeat;
padding: 0px;
height:33px;
width:13px;
}	
/* BORDER Orange oben 13,33hoch *******************************/

/* BORDER bleu oben 13,33hoch *******************************/
td.bleu_links
{
background:url(images/border_bleu_links_oben.gif) no-repeat;
padding: 0px;
height:33px;
width:13px;
}	

td.bleu_mitte
{
background:url(images/border_bleu_mitte_oben.gif) repeat-x;
padding: 0px;
height:33px;
width:auto;
color:#FFFFFF;
font-size:12px;
}	
td.bleu_rechts
{
background:url(images/border_bleu_rechts_oben.gif) no-repeat;
padding: 0px;
height:33px;
width:13px;
}	
/* BORDER bleu oben 13,33hoch *******************************/



.pricetag
{
background:url(images/pricetag_gray.gif) no-repeat;
height:33px;
width:42px;
vertical-align:middle;
border:0px;
font-size:11px;
padding-right:5px;
padding-top:0px;
margin-right:10px;
color:#000000;
}


.pricetagblau
{
background:url(images/pricetag.gif) no-repeat;
height:33px;
width:42px;
vertical-align:middle;
border:0px;
font-size:11px;
padding-right:5px;
padding-top:0px;
margin-right:10px;
color:#000000;
}



.button_orange
{
background:url(images/button_orange.gif) no-repeat;
height:24px;
width:106px;
vertical-align:middle;
padding:4px 0px 6px;
border:0px;
margin:5px auto 0px;
cursor:pointer;
font-size:11px;
line-height:14px;
font-weight:bold;
text-align:center;
margin:5px auto 0px;
}

.button_large
{
background:url(images/button4_19.gif) no-repeat;
height:19px;
width:156px;
border:0px;
font-size:11px;
font-weight:bold;
text-align:center;
}


.button_blue_200
{
background:url(images/button_blue_220_page_home.gif) no-repeat;
height:21px;
width:220px;
vertical-align:middle;
padding:2px 0px 2px;
border:0px;
cursor:text;
font-size:11px;
line-height:14px;
font-weight:bold;
text-align:center;
color:#fff;
text-decoration:none;	
}



.button_blue_200_offen
{
background:url(images/button_stream_200_offen.gif) no-repeat;
height:14px;
width:198px;
vertical-align:middle;
font-size:11px;
font-weight:bold;
text-align:center;
color:#fff;
text-decoration:none;	
padding:0px;
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;

}

.button_bluer
{
background:url(images/button_stream.gif) no-repeat;
height:22px;
width:117px;
vertical-align:middle;
padding:2px 0px 2px;
border:0px;
margin:5px auto 0px;
cursor:pointer;
font-size:11px;
line-height:14px;
font-weight:bold;
text-align:center;

color:#fff;
text-decoration:none;	
}
/* BORDER bleu oben 13,33hoch *******************************/



.button_green
{
background:url(images/button_green.gif) no-repeat;
height:23px;
width:113px;
vertical-align:middle;
padding:4px 0px 6px;
border:0px;
margin:5px auto 0px;
cursor:pointer;
font-size:11px;
line-height:14px;
font-weight:bold;
text-align:center;
color:#fff;
text-decoration:none;	
}


.button_green:hover
{
background:url(images/button_green.gif) no-repeat;
height:23px;
width:113px;
vertical-align:middle;
padding:4px 0px 6px;
border:0px;
margin:5px auto 0px;
cursor:pointer;
font-size:11px;
line-height:14px;
font-weight:bold;
text-align:center;
color:#fff;
text-decoration:underline;	
}



.button_filter_green
{
background:url(images/button_download.gif) no-repeat;
height:22px;
width:117px;
vertical-align:middle;
padding:4px 0px 6px;
border:0px;
margin:5px auto 0px;
cursor:pointer;
font-size:11px;
line-height:14px;
font-weight:bold;
text-align:center;
color:#fff;
text-decoration:none;	
}

.button_filter_red
{
border-style: none;
    border-color: inherit;
    border-width: 0px;
    background: url('images/button_red_127.gif') no-repeat;
    height:22px;
    width:117px;
    vertical-align:middle;
    padding:4px 0px 6px;
margin:5px auto 0px;
    cursor:pointer;
    font-size:11px;
    line-height:14px;
    font-weight:bold;
    text-align:center;
margin:5px auto 0px 0px;
    color:#fff;
    text-decoration:none;	
}


td.simplehighlight 
{

	border-style:solid;
	border-width:1px;
	border-color:transparent;
    FONT-SIZE: 9px;
    text-decoration:none;
    padding-left:2px;

	
}



td.detail1_content
{
	padding: 0px;
	color:White;
}

td.verkaufen
{
	padding: 10px;
	color:White;
	background-color:#4c8c50;
	border-color:#FFFFFF;
	border-style:solid;
	border-width:1px;
	text-align: justify;
}



td.daten
{
background-color: #4C7A98;	
border-color:  #346494;	
border-style:solid;
border-width: 1px;
}

td.datenmenu
{
background-color: #4C7A98;	
border-color:  #FFFFFF;	
border-style:solid;
border-width: 1px;
padding:2px;
}




td.quick
{

padding-right:0px;
padding-left:0px;
background-color: #919191;
background: url(images/rahmen_blau.gif) no-repeat; 
height: 206px;
width: 60px;
}



td.mydetail
{
background-color: #4C7A98;	
border-width: 0px;
}


td.greencolor
{
	background-color: #346494;
	padding: 10px;
	background: url(images/back_blau_fluss.gif) repeat-x;
	height: 577px;
	width: 756px;
	vertical-align: top;
	
}

td.greencolor2
{
	background-color: #346494;
	padding: 10px;
	height: 1500px;
	width: 756px;
	vertical-align: top;
}


td.gruen
{
	
	background-color: #00FF00;
	padding: 10px;
	background: url(images/back_green_fluss.gif) repeat-x;
	height: 600px;
	width: 756px;
	vertical-align: top;
}


td.anmelden
{
	padding-left:10px;
	padding-right:10px;
}
	


td.submenu 
			{
			CLEAR: both; 
			BORDER-TOP: #acaeac 1px solid; 
			padding-left:10px;
			BACKGROUND: url(images/spacer_green_669966.gif);
			WIDTH: 776px; 
			height: 20px;
			color: #FFFFFF;
			}

td.submenured 
			{
			CLEAR: both; 
			BACKGROUND: url(images/background_panel_ref_menu.gif);
			WIDTH: 300px;
			height: 25px;
			color: #FFFFFF;

			}


td.cd
			{
			CLEAR: both; 
			BACKGROUND: url(images/cd.gif) no-repeat;
			WIDTH: 60px;
			height: 60px;
			font-size:45px;
			color:white;
	
			}

td.warenkorb
{
	background-color:#537592;
	font-size:11px;
	height:15px;
	padding-bottom:2px;
	padding-top:2px;
	padding-left:2px;
	padding-right:2px;
	
}

td.ankauf
{
	background-color:#779977;
	font-size:11px;
	height:10px;
	padding-bottom:4px;
	padding-top:4px;
	padding-left:2px;
	padding-right:2px;


}

			
td.waren_low
{
	background-color:#537592;
	height:10px;
	padding-bottom:2px;
	padding-top:2px;
	padding-left:2px;
	padding-right:2px;
}

/* BORDER bleu oben 13,33hoch *******************************/



/* Link behavious for the Button text Link *******************************/




a.nothing
{
  COLOR: #FFFFFF; 
  TEXT-DECORATION: none;
}
 a.nothing:hover 
{
	COLOR:#FFFFFF; 
	TEXT-DECORATION:  none;
}
a.nothing:Visited:hover
{
	COLOR: #FFFFFF; 
	TEXT-DECORATION:  none;
} 


a.buttonhover 
{
	COLOR: #fff; TEXT-DECORATION: none
}
a.buttonhover:hover 
{
	COLOR: #fff; TEXT-DECORATION: underline
}
a.buttonhover:Visited:hover
{
	COLOR: #FFFFFF; TEXT-DECORATION: underline
}


a.buttonhovernormal 
{
	COLOR: #fff; TEXT-DECORATION: underline
}
a.buttonhovernormal:hover 
{
	COLOR: #fff; TEXT-DECORATION: none
}


/* ========== ContentFlow ========== */
/*
 * default style to look nice
 */

.ContentFlow {
}
    .ContentFlow .flow {
     
    }
    .ContentFlow .flow * {
    }

    .ContentFlow .flow .item {
 
    }
        .ContentFlow .flow .item canvas.content {
            height: 100%;
            width: 100%;
            /*border: 1px solid yellow;*/
        }
        .ContentFlow .flow .item img.content {
            /*border: 1px solid yellow;*/
            width: 100%;
       
        }
        .ContentFlow .flow .item img.reflection, 
        .ContentFlow .flow .item canvas.reflection {
            width: 100%;
        }
    /* ----- styling of items ----- */
    .ContentFlow .flow .item.active {
        cursor: pointer;
     
        
    }
        .ContentFlow .flow .item .caption {
            font-size: 100%;
            font-weight: bold;
            text-align: center;
            color: white;
            max-height: 30%;
            bottom: 10%;
            background: url(img/1x1_0.5_black.png);
            width: 100%;
        }
        * html .ContentFlow .flow .item .caption {
            background-image: none;
            filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='img/1x1_0.5_black.png');
        }
            .ContentFlow .flow .item .caption a,
            .ContentFlow .flow .item .caption a:link,
            .ContentFlow .flow .item .caption a:visited,
            .ContentFlow .flow .item .caption a:active,
            .ContentFlow .flow .item .caption a:hover {
                text-decoration: none;
                color: white;
                FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
                font-style: italic;
                font-size: 0.8em;
            }
            .ContentFlow .flow .item .caption a:hover {
                text-decoration: underline;
            }
        .ContentFlow .flow .item.active .caption {
            /*display: block;*/ /* uncomment to show caption inside item */
        }

    /* ----- scrollbar ----- */
    .ContentFlow .scrollbar {
        width: 85%;
        margin: 0px auto;
        margin-top: 0px;
        height: 14px;
        background: url(img/scrollbar_white.png) left center repeat-x;
        position: relative;
        overflow: visible;
    }

        .ContentFlow .scrollbar .slider {
            width: 14px;
            height: 14px;
            background: url(img/slider_white.png) center center no-repeat;
            cursor: move;
        }
        
        /* only for IE <= 6 and a alphatransparent slider image */
        * html .ContentFlow .scrollbar .slider { background-image: none; }
        * html .ContentFlow .scrollbar .slider .virtualSlider {
            filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='img/slider_white.png');
        }
            .ContentFlow .scrollbar .slider .position {
                top: 120%;
                font-size: 16px;
                font-weight: bold;
                color: silver
            }

    /* ----- global caption ----- */
    .ContentFlow .globalCaption {
        text-align: center;

        color: white;
        font-size: 14px;
        height: 1px;
        margin: 2em auto;
    }
        .ContentFlow .globalCaption .caption {
        }
            .ContentFlow .globalCaption .caption a,
            .ContentFlow .globalCaption .caption a:link,
            .ContentFlow .globalCaption .caption a:visited,
            .ContentFlow .globalCaption .caption a:active,
            .ContentFlow .globalCaption .caption a:hover {
                text-decoration: none;
                color: white;
                font-style: italic;
                font-size: 0.8em;
            }

            .ContentFlow .globalCaption .caption a:hover {
                text-decoration: underline;
            }

    /* ----- load indicator ----- */
    .ContentFlow .loadIndicator {
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;

  
    }
        .ContentFlow .loadIndicator .indicator {
            background: url(img/loader.gif) center center no-repeat;
            width: 100%;
            height: 100%;
        }
        * html .ContentFlow .loadIndicator .indicator {
            height: 100px;
        }

/* ================================= */




/* ========== ContentFlow ========== */
/* 
 * This is the basic CSS file needed for the correct functioning of ContentFlow.
 * DON'T CHANGE IT.
 *
 */
.ContentFlow {
    position: relative;  /* needed so overlay dimensions are constrained to the ContentFlow */
    overflow: hidden;
}
.ContentFlow * {
    margin: 0px;
    padding: 0px;
    margin-top:5px;




    /*border: none;*/
}
.ContentFlow img {
    -ms-interpolation-mode: bicubic;
}

.ContentFlow .mouseoverCheckElement {
    position: absolute;
    width: 0px;
    height: 0px;
    left: 0px;
    /*display: none;*/
    visibility: hidden;
}
.ContentFlow:hover .mouseoverCheckElement {
    left: 1px;
    /*width: 1px;*/
    /*left: -1px;*/
    /*background-color: red;*/
}
.ContentFlow .flow {
    position: relative; /* needed  so that items can be positioned relative to flow*/
    z-index: 0;         /* need so every item has a z-index relative to the flow-box */
    visibility: hidden; /* needed so that content is hidden while loading */
    width: 100%;        /* needed for IE6 */
    margin: 0 auto;
}
.ContentFlow .flow.hidden {
    visibility: hidden;
}

.ContentFlow .flow .item {
    position: absolute; /* needed */
    visibility: hidden;
    top: 0px;
    left: 0px;
}
.ContentFlow .flow .item.active {
}
.ContentFlow .flow .item .content {
    display: block;
}
.ContentFlow .flow .item div.content {
    width: 100%;
    height: 100%;
}
.ContentFlow .flow .item .label {
    display: none;
}
.ContentFlow .flow .item .reflection {
    display: block;
}
.ContentFlow .flow .item canvas.reflection {
    margin-top: -1px; /* for FF */
}
.ContentFlow .flow .item .caption {
    position: absolute; /* needed */
    display: none;      /* needed to hide it on inactive items */
}
.ContentFlow .flow .item.active .caption {
    /*display: block;*/ /* uncomment to show caption inside item */
}

/* ----- scrollbar ----- */

.ContentFlow .scrollbar {
    position: relative; /* needed for z-index */
    z-index: 1;         /* set above flow */
    visibility: hidden;
}

.ContentFlow .scrollbar .slider {
    position:  absolute; /* needed */
}
* html .ContentFlow .scrollbar .slider .virtualSlider {
    height: 100%;
}
.ContentFlow .scrollbar .slider .position {
    position: absolute; /* needed */
    text-align: center;
          visibility:hidden;
}

/* ----- global caption ----- */
.ContentFlow .globalCaption {
    position: relative; /* needed for z-index */
    z-index: 1;         /* set above flow */
}
/* ----- load indicator ----- */
.ContentFlow .loadIndicator {
    position: absolute; /* needed */
    z-index: 65000;     /* set above everything */
}


/* styling for the image wrapper  */
	#image_wrap {
		/* dimensions */
		width:677px;
		margin:15px 0 15px 40px;
		padding:15px 0;

		/* centered */
		text-align:center;

		/* some "skinning" */
		background-color:#efefef;
		border:2px solid #fff;
		outline:1px solid #ddd;
		-moz-ouline-radius:4px;
	}