body
{ background: #042248 url(../images/layout/bcg_body.png);
font-family: "Tahoma", "Verdana", "Arial", "Geneva CE", "lucida", sans-serif; font-size: 0.71em; color: #D9F0FF;
text-align: center; }

/*  Common Classes  */
body, table, h1, h2, h3, h4, h5, h6, ul, a, li, img, p, form, hr, dl, dt, dd, frame
{ padding: 0px; margin: 0px; border: 0px; }
ul  { list-style: none; }
img { display: block; }
a { color: #50CCFF; }    
a:hover { color: #D9F0FF; }
.clearit { clear: both; height: 0px; overflow: hidden; font-size: 1px; border: 0px; padding: 0px; margin: 0px; line-height: 0px; }
.spacer { width: 100%; height: 5px; overflow: hidden; }
#body li.lastinlist { background: none; }
.hideit { display: none; }
input, textarea { font-family: "Tahoma", "Verdana", "Arial", "Geneva CE", "lucida", sans-serif; }


/*  Topline + Footerline */
div#topline { 
background: #001D46 url(../images/topline/bcg_topline.png) repeat-x;
border-bottom: 1px solid #00589A;
width: 100%;
margin: -30px 0 0 0;
position: relative;
text-align: center;
display: table; }

div#footerline { 
background: #003962 url(../images/topline/bcg_footerline.png) repeat-x;
border-top: 1px solid #008FBE;
width: 100%;
margin: -10px 0 0 0; _margin: -20px 0 0 0;
position: relative;
text-align: center;
display: table; }

div#topline-in, div#footerline-in { 
width: 973px;
text-align: left; margin-left: auto; margin-right: auto; }

div#topline-in h2 { 
float: left; width: 680px; font-size: 0.5em; height: 1em; margin-bottom: -1em; }

div#footerline-in h2 { 
position: absolute; left: -3000em; }

/*  Sitelist  */
div#topline-in ul { 
float: left;
background: #001D46 url(../images/topline/bcg_topline.png) repeat-x;
width: 680px;
padding: 11px 0px 10px 31px; }

div#footerline-in ul { 
float: left;
background: #001D46 url(../images/topline/bcg_footerline.png) repeat-x;
width: 680px;
padding: 12px 0px 10px 27px; }

div#topline-in li, div#footerline-in li { 
float: left;
padding: 0px 13px 5px 0px; margin: 0px 11px 0px 0px;
background: url(../images/topline/gfx_listdev.png) no-repeat 100% 60%;
font-weight: bold; }

div#topline-in a, div#footerline-in a { 
font-weight: normal; color: #6B96C7; }

div#topline-in a:hover, div#footerline-in a:hover { 
color: #fff; }

/*  Search  */
form#search
{ float: right;
width: 230px;
padding: 6px 0px 0px 0px; }

form#search h2 { 
display: block;
width: 44px; height: 27px; }

form#search label { 
float: left;
width: 44px; height: 27px;
position: relative;
font-size: 0.8em;
overflow: hidden; }

form#search label span
{ position: absolute; left: 0; top: 0;
width: 44px; height: 27px;
display: block;
background: url(../images/topline/gfx_searchlabel.png) no-repeat left top; }

form#search div
{ width: 139px;
float: left;
background: url(../images/topline/gfx_searchinptop.png) no-repeat left top; }

form#search div.bcg2
{ width: 137px;
background: url(../images/topline/gfx_searchinpbottom.png) no-repeat left bottom; }

form#search div input
{ float: none;
background: none;
border: none;
color: #6696B8; font-size: 1em;
width: 120px;
margin: 0px 0px 0px 9px;
padding: 6px 0px 8px 0px; _padding: 5px 0px 7px 0px; }

form#search input
{ float: left;
width: 35px;
margin: 0px 0px 0px 0px;
padding: 0px;  }

/*  Layout Set-ups  */
div#topbcg
{ background: url(../images/layout/bcg_main.png) repeat-x left top;
width: 100%; height: 395px; }

div#main
{ margin: -395px 0px 0px 0px;  
width: 973px;
text-align: left; margin-left: auto; margin-right: auto;
background: url(../images/layout/bcg_main-in.png) repeat-y left top;
position: relative; z-index: 2; }

div#main-in
{ width: 973px;
background: url(../images/layout/bcg_footerbcg.png) no-repeat left bottom;
position: relative; z-index: 2; }

div#headerbcg
{ width: 973px; height: 171px;
text-align: left; margin-left: auto; margin-right: auto;
background: url(../images/layout/bcg_headerbcg.png) no-repeat left top;
position: absolute; left: 0; top:0; }

div.maincontent
{ position: relative;
width: 600px;
padding: 18px 0px 13px 0px;
float: left; }

div#footer
{ width: 973px;
text-align: left;
padding: 0px 0px 50px 0px;
margin-left: auto; margin-right: auto;
color: #80C0DB; }

div#footer h2
{ width: 200px; height: 1em; overflow: hidden; font-size: 1.1em; }

div#footer p
{ margin-top: -1em;
padding: 10px 0px 0px 28px; _padding: 9px 0px 0px 28px;
float: left;
position: relative;
background: #042248 url(../images/layout/bcg_body.png);  }

div#footer a
{ color: #80C0DB; }

div#footer a:hover
{ color: #D9F0FF; }

div#footer p#designedby
{ width: 23px; height: 16px;
top: 10px;
padding: 0px;
margin: 0px 0px 0px 10px;      
margin-top: -1em;
position: relative;
display: block;
overflow: hidden; }

div#footer p#designedby a
{ width: 23px; height: 16px;
display: block; }

div#footer p#designedby span
{ width: 23px; height: 16px;
display: block;
position: absolute; left: 0; top: 0;
background: url(../images/layout/gfx_designedbyico.png) no-repeat left top;
cursor: pointer; }

div#footer p#designedby a:hover span
{ background: url(../images/layout/gfx_designedbyico.png) no-repeat left bottom; }

div#footer p#rss { float: left; background: none; padding: 10px 0px 0px 18px; _padding: 9px 0px 0px 18px; }
div#footer p#rss a { background: url(../images/specials/ico-rss.png) no-repeat 0 45%; padding: 0 0 2px 22px; }


/*  Logo  */
h1
{ height: 30px; overflow: hidden; }

a#logo
{ display: block;
width: 237px; height: 41px;
position: relative;
overflow: hidden;
font-size: 1.5em;
position: relative;
left: 27px; top: 14px; }

a#logo span
{ width: 237px; height: 41px;
position: absolute; left: 0; top: 0;
display: block;
background: url(../images/gfx_h1.png) no-repeat left top;
cursor: pointer; }

/*  Menu  */
div#menu { height: 44px; position: relative; margin: 24px 0px 0px 17px; z-index: 10; }
div#menu h2 { position: absolute; left: -1000em; }
div#menu li { position: absolute; bottom: 0; }
div#menu a { display: block; height: 35px; position: relative; overflow: hidden; margin: 0px 0px 4px 0px; }
div#menu a:hover { height: 39px; }
div#menu span { display: block; height: 35px; width: 100%; position: absolute; left: 0; top: 0; cursor: pointer; background-position: left top; background-repeat: no-repeat; }
div#menu a:hover span { height: 39px; background-position: left bottom; }

li#menu01 { left: 0px; }
div#menu li#menu01 a { width: 91px; height: 43px; margin: 0px 0px 0px 0px; }
div#menu li#menu01 a span { background-image: url(../images/menu/01.png); background-position: left top; background-repeat: no-repeat; height: 43px; }
div#menu li#menu01.active a span { background-image: url(../images/menu/01a.png); background-position: left top; background-repeat: no-repeat; height: 43px; }
div#menu li#menu01 a:hover span { background-position: left bottom; background-repeat: no-repeat; }
li#menu02 { left: 94px; } 
div#menu li#menu02 a { width: 58px; }
div#menu li#menu02 a span { background-image: url(../images/menu/02.png); }
div#menu li#menu02.active a span { background-image: url(../images/menu/02a.png); }
li#menu03 { left: 155px; } 
div#menu li#menu03 a { width: 72px; }
div#menu li#menu03 a span { background-image: url(../images/menu/03.png); }
div#menu li#menu03.active a span { background-image: url(../images/menu/03a.png); }
li#menu04 { left: 230px; }
div#menu li#menu04 a { width: 105px; }
div#menu li#menu04 a span { background-image: url(../images/menu/04.png); }
div#menu li#menu04.active a span { background-image: url(../images/menu/04a.png); }
li#menu05 { left: 338px; } 
div#menu li#menu05 a { width: 65px; }
div#menu li#menu05 a span { background-image: url(../images/menu/05.png); }
div#menu li#menu05.active a span { background-image: url(../images/menu/05a.png); }
li#menu06 { left: 406px; }
div#menu li#menu06 a { width: 65px; }
div#menu li#menu06 a span { background-image: url(../images/menu/06.png); }
div#menu li#menu06.active a span { background-image: url(../images/menu/06a.png); }
li#menu07 { left: 474px; }
div#menu li#menu07 a { width: 91px; height: 43px; margin: 0px 0px 0px 0px; }
div#menu li#menu07 a span { background-image: url(../images/menu/07.png); background-position: left top; background-repeat: no-repeat; height: 43px; }
div#menu li#menu07.active a span { background-image: url(../images/menu/07a.png); background-position: left top; background-repeat: no-repeat; height: 43px; }
div#menu li#menu07 a:hover span { background-position: left bottom; background-repeat: no-repeat; }


/*  Figure boy  */
div#eyearea
{ position: absolute; right: 204px; top: 0px;
background: url(../images/gfx_figure-alt.png) no-repeat left top;
width: 160px; height: 151px;
z-index: 2; }

div#eyearea span.picpart
{ position: absolute; left: 12px; top: -19px;
background: url(../images/gfx_figuretop-alt.png) no-repeat left top;
_background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/gfx_figuretop-alt.png', sizingMethod='crop');
width: 75px; height: 19px;
z-index: 1; }

div#eyearea .txt { position: absolute; left: -128px; top: 18px; display: block; width: 122px; height: 135px; overflow: hidden;  }          
div#eyearea .txt span { position: absolute; left: -2px; top: 0; display: block; background: url(../images/mobile-filtering/gfx_enjoy.png) no-repeat left top; width: 100%; height: 100%; z-index: 1; }    

/*  Mobile filtering */
div#mobilefilter
{ position: absolute; right: -204px; top: 0px;
width: 187px; height: 127px;
z-index: 2; }

div#mobilefilter h2
{ width: 144px; height: 35px;
position: absolute; left: 8px; top: 24px;
overflow: hidden;
font-size: 0.8em; }

div#mobilefilter h2 span
{ display: block;
position: absolute; left: 0px; top: 0px;
width: 144px; height: 35px;
background: url(../images/mobile-filtering/gfx_title.png) no-repeat left top; }

div#mf-nojs
{ width: 163px; height: 53px;
padding: 0px 0px 0px 10px;
position: absolute; left: 0px; top: 74px;
overflow: auto;
z-index: 1; }

div#mf-js
{ width: 163px; height: 53px;
position: relative; left: 0px; top: 74px;
z-index: 2;
display: none;
background: url(../images/mobile-filtering/bcg_js.png) no-repeat left top; }

div#mf-js a
{ color: #fff;
text-decoration: none; }

div#mf-js-mark
{ width: 173px; height: 25px;
background: url(../images/mobile-filtering/gfx_brandbcg.png) no-repeat left top; }

div#mf-js-model
{ width: 173px; height: 25px;
background: url(../images/mobile-filtering/gfx_modelbcgna.png) no-repeat left top;
top: 3px;
position: relative; }

div#mf-js-model.active
{ background: url(../images/mobile-filtering/gfx_modelbcga.png) no-repeat left top; }

div#mf-js h3
{ width: 162px; height: 20px;
font-size: 1em;
position: relative; left: 9px; top: 2px;
overflow: hidden; }

div#mf-js h3 span
{ display: block;
width: 150px; height: 20px;
position: absolute; left: 0; top: 0; }

div#mf-js-mark span
{ background: url(../images/mobile-filtering/gfx_brandtitle.png) no-repeat left top; }

div#mf-js-model span
{ background: url(../images/mobile-filtering/gfx_modeltitlena.png) no-repeat left top; }

div#mf-js-model.active span
{ background: url(../images/mobile-filtering/gfx_modeltitlea.png) no-repeat left top; }

div#mf-mark-selected
{ width: 135px; height: 10px;
padding: 6px 0px 7px 11px;
font-weight: bold; color: #fff; font-size: 0.9em;
overflow: hidden;
position: absolute; left: 0; top: 0; }

div#mf-model-selected
{ width: 135px; height: 10px;
padding: 6px 0px 7px 11px;
font-weight: bold; color: #fff; font-size: 0.9em;
overflow: hidden;
position: absolute; left: 0; top: 0; }

div#mf-js div.mf-menu
{ width: 173px;
position: absolute; left: 0px;
z-index: 2; }

div#mf-js div.mf-menu span
{ position: absolute; left: 0; bottom: -8px;
display: block;
width: 173px; height: 8px; }

div#mf-js div.mf-menu ul
{ padding: 7px 0px 0px 10px;
font-size: 0.9em; font-weight: bold; color: #fff;
position: relative; }

div#mf-js div.mf-menu li
{ padding: 0;
margin: 0px 0px 1px 0px; }

div#mf-mark li
{ cursor: pointer; }

div#mf-mark a
{ display: block;
color: #fff; text-decoration: none;
width: 150px;
padding: 1px 0px 5px 1px; }

div#mf-mark a:hover
{ color: #FFD02F; }

#mf-model .scroll {
width: 167px;
margin: 0px 0px 6px 0px;       
max-height: 204px;
height: expression(this.scrollHeight > 204 ? "204px" : "auto");         
overflow: auto;
position: relative; z-index: 2; top: 7px;
scrollbar-face-color: #C0EFFF;
scrollbar-highlight-color: #C0EFFF;
scrollbar-3dlight-color: #0082D8;
scrollbar-darkshadow-color: #0082D8;
scrollbar-shadow-color: #C0EFFF;
scrollbar-arrow-color: #0082D8;
scrollbar-track-color: #0074C1; }     

div#mf-model ul
{ width: 134px; 
margin: -7px 0px 0px 0px;  }

div#mf-model a
{ display: block;
color: #fff; text-decoration: none;
width: 130px;
padding: 1px 0px 5px 1px; }

div#mf-model a:hover
{ color: #96E5FF; }

div#mf-js div.mf-menu li.lastinlist
{ background: none;
padding: 0px; margin: 0px; }

div#mf-js-mark div.mf-menu
{ top: 26px;
background: url(../images/mobile-filtering/bcg_brandl1.png) no-repeat left top;
display: none; }

div#mf-js-mark div.mf-menu span
{ background: url(../images/mobile-filtering/bcg_brandl2.png) no-repeat left bottom; }

div#mf-js-mark div.mf-menu li
{ background: url(../images/mobile-filtering/gfx_branddev.png) no-repeat left bottom; }

div#mf-js-model div.mf-menu
{ top: 27px;
background: url(../images/mobile-filtering/bcg_modell1.png) no-repeat left top;
display: none; }

div#mf-js-model div.mf-menu span
{ background: url(../images/mobile-filtering/bcg_modell2.png) no-repeat left bottom; }

div#mf-js-model div.mf-menu li
{ background: url(../images/mobile-filtering/gfx_modeldev.png) no-repeat left bottom; }

/*  Page main title  */
div.maincontent h2.mctitle
{ position: relative; z-index: 2;
overflow: hidden;
font-size: 1.2em;
height: 20px;
margin: 0px 0px 21px 27px; }

div.maincontent h2.mctitle span
{ position: absolute; left: 0; top: 0;
display: block; height: 20px; } 

/*  Banner 468x60  */
div.banner468
{ margin: 0px 0px 23px 17px; padding: 70px 0px 0px 0px;
position: relative;
width: 564px; }

div.banner468 h2, div.banner468 h3, div.banner468 h4
{ font-size: 1em; font-weight: normal;
padding: 3px 0px 6px 0px; margin: 0;
background: #020D23;
width: 100%;
text-align: center; }

div.banner468 p
{ background: #000013;
position: absolute; top: 0;
padding: 4px 0px 4px 0px;
text-align: center;
width: 100%; }

div.banner468 iframe { width: 468px; height: 60px; border: none; overflow: hidden; }

div.banner468 img { margin-left: auto; margin-right: auto; }
div.banner468 a { color: #6696B8; }
div.banner468 a:hover { color: #D9F0FF; }

/*  Homepage  */
/*  Title  */
/*  div#homepage h2.mctitle
{ width: 140px; }
div#homepage h2.mctitle span
{ background: url(../images/pages-titles/aktualni-clanky.png) no-repeat left top;
width: 140px; }
*/
#homepage h2.mctitle {
position: absolute; left: -1000em; }

#homepage {
margin: -8px 0px 0px 0px; }

/*  Articles  */
div.article
{ width: 571px;
background: url(../images/bcg_boxframe.png) no-repeat left top;
margin: 0px 0px 23px 11px; }

div.article.chars
{ width: 571px;
background: url(../images/bcg_boxframe.png) no-repeat left top;
margin: 0px 0px 0px 11px; }  

div.article.first
{ margin: -7px 0px 23px 11px;
background: none; }  

div.article h3
{ font-family: "Arial", "Helvetica CE", sans-serif; font-size: 0.71em; color: #D9F0FF;
font-size: 1.25em; font-weight: bold; line-height: 115%; color: #50CCFF;
padding: 20px 18px 10px 17px; }

.article h3 a.gotop {
color: #537396;
margin: 0px 0px 0px 5px; }
.article h3 a:hover.gotop {
color: #50CCFF; }

div.article.gmt h3 { float: left; }




div.article p.img
{ width: 78px; height: 78px;
float: left;
margin: 0px 17px 0px 0px; _margin: 0px 14px 0px 0px;
position: relative; left: 7px;
overflow: hidden; }

div.article p.img img
{ position: absolute; right: 6px; top: 6px; z-index: 1; }

div.article p.img span
{ display: block; width: 78px; height: 78px;
position: absolute; right: 0; top: 0; z-index: 2;
background: url(../images/gfx_thumbframe.png) no-repeat left top;
_background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/gfx_thumbframe.png', sizingMethod='crop');
cursor: pointer; }

div.article p.txt
{ font-size: 1.1em;
padding: 2px 20px 0px 18px; line-height: 144%; _line-height: 1.45em; }

div.article p.txt span { padding: 0px 4px 0px 0px; color: #849CAD; }

div.article .gg-awardico { padding: 0; margin: 2px 0 0 2px; color: #849CAD; display: block; position: relative; right: -10px; width: 87px; height: 47px; float: right; overflow: hidden; }
div.article .gg-awardico span { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/article/gfx-awardico.png) no-repeat 0 0; }
div.article .gg-videosico, div.article .gg-ngageico { padding: 0; margin: 2px 0 0 2px; color: #849CAD; display: block; position: relative; right: -10px; width: 75px; height: 47px; float: right; overflow: hidden; }
div.article .gg-videosico span { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/article/gfx-videosico.png) no-repeat 0 0; }
div.article .gg-ngageico span { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/article/gfx-ngageico.png) no-repeat 0 0; }
div.article .gg-appleico { padding: 0; margin: 2px 0 0 2px; color: #849CAD; display: block; position: relative; right: -10px; width: 55px; height: 47px; float: right; overflow: hidden; }
div.article .gg-appleico span { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/article/gfx-appleico.png) no-repeat 0 0; }


div.article p.link
{ padding: 1px 20px 0px 18px;
font-size: 1.0em; line-height: 144%; color: #849CAD; }

div.article p.link a
{ color: #849CAD;
padding: 0px 8px 0px 0px;
background: url(../images/gfx_arrowgray.png) no-repeat 100% 68%; }

div.article p.link a:hover
{ color: #D9F0FF; }

div.article-archive, div.article-archive-list { width: 571px; margin: -25px 0 0 11px; }
div.article-archive-list h3 { position: absolute; left: -1000em; }

div.article-archive p
{ padding: 21px 10px 28px 17px; }

div.article-archive-list ul
{ padding: 24px 10px 16px 17px; }
div.article-archive-list li
{ padding: 0px 0px 7px 0px;
font-size: 1.1em; }

div.article-archive a
{ font-size: 1.3em;  font-family: "Arial", "Helvetica CE", sans-serif; font-weight: bold; }



/*  News  */
#box-news.largesb-2 { 
margin: -10px 0px 23px 17px;
padding: 0px 0px 7px 0px; }

#box-news h2
{ width: 33px; height: 37px;
position: absolute; left: 21px; top: 1px;
font-size: 1em;
overflow: hidden; }

#box-news h2 span
{ width: 33px; height: 37px;
display: block;
position: absolute;
left: 0; top: 0;
background: url(../images/content-titles/news.png) no-repeat left top; }

#box-news p.link
{ float: right;
position: relative;
padding: 12px 14px 13px 10px; }

#box-news p.link a
{ padding: 0px 7px 0px 0px;
color: #3B7193;
background: url(../images/gfx_arrowlightblue2.png) no-repeat 100% 64%; }

#box-news p.link a:hover
{ color: #D9F0FF; }

#box-news-in {
position: relative; z-index: 2; }

#box-news-list {
clear: both;
position: relative; z-index: 2;
margin: 0px 0px 0px 8px;
background: url(../images/boxes/bcg_news_top.png) no-repeat left top; }

#box-news-list ul {
width: 555px;
min-height: 50px;
line-height: 125%; }

#box-news-list li {
float: left; 
width: 155px;
padding: 10px 18px 13px 12px; }

#box-news-list h3 {
padding: 0px 0px 7px 0px;
font-size: 1.0em; }

#box-news-list p {
color: #A3C3D8; }
#box-news-list p span {
color: #849CAD; }

/*  NEWS2 */
#box-news2 { 
width: 563px; min-height: 131px; _height: 131px;
margin: 0 0 27px 17px;
background: url(../images/boxes/bcg_news2_bottom.png) no-repeat 0 100%;
position: relative; }
#box-news2 .box-news2-2 { 
width: 563px; height: 84px;
display: block; position: absolute; top: 0; left: 0;
background: url(../images/boxes/bcg_news2_top.png) no-repeat 0 0; }
#box-news2-in { 
position: relative; z-index: 2; }

#box-news2 h2
{ width: 33px; height: 37px;
position: absolute; left: 21px; top: 1px;
font-size: 1em;
overflow: hidden; }
#box-news2 h2 span
{ width: 33px; height: 37px;
display: block;
position: absolute;
left: 0; top: 0;
background: url(../images/content-titles/news.png) no-repeat left top; }

#main #box-news2 p.link { float: right; position: relative; padding: 12px 14px 13px 10px; font-size: 1.0em; }
#news #box-news2 p.link { padding: 10px 14px 11px 10px; }
#box-news2 p.link a { padding: 0px 7px 0px 0px; color: #3B7193; background: url(../images/gfx_arrowlightblue2.png) no-repeat 100% 64%; }
#box-news2 p.link a:hover { color: #D9F0FF; }

#box-news2 .dl { clear: both; position: relative; z-index: 3; background: url(../images/boxes/bcg_news2_dl.png) no-repeat 0 0; padding: 0 0px 14px 0; }
#box-news2 dl { width: 530px; padding: 11px 0 0 0; position: relative; left: 20px; }
#box-news2 dt { width: 6.5em; float: left; clear: left; padding: 0 0 7px 0px; color: #849CAD;  }
#box-news2 dt span { display: none; }
#box-news2 dd { width: 455px; float: left; padding: 0px 0px 7px 0px; }
#box-news2 dd a { color: #A3C3D8; }
#box-news2 dd a:hover { color: #D9F0FF; }
#box-news2 dd a.archive { padding: 0px 10px 0px 0px; background: url(../images/gfx_arrow2gray.png) no-repeat 100% 68%; }

#box-news2.ed1 { width: 557px; background: url(../images/boxes/bcg_news2_bottom2.png) no-repeat 0 100%; }
#box-news2.ed1 .box-news2-2 { width: 557px; background: url(../images/boxes/bcg_news2_top2.png) no-repeat 0 0; }
#box-news2.ed1 .dl { background: url(../images/boxes/bcg_news2_dl2.png) no-repeat 0 0; }
#box-news2.ed1 dl { width: 524px; }
#box-news2.ed1 dd { width: 450px; }

#box-news2.padback { margin: 0 0 27px 6px; }
  


/*  Sidebar  */
div.sidecontent
{ width: 373px;
overflow: hidden;
float: right;
margin: 41px 0px 0px 0px;
padding: 18px 0px 0px 0px;
position: relative; z-index: 2; }

/*  Contentmenu  */
div#contentmenu
{ height: 120px;
position: relative; z-index: 2;
padding: 17px 0px 0px 0px; }

div#contentmenu h2
{ position: absolute; left: -1000em; }

div#contentmenu ul
{ width: 373px; height: 109px; }

div#contentmenu li
{ width: 93px; height: 109px;
float: left;
background: url(../images/menu/bcg_contentmenu.png) no-repeat left top; }

div#contentmenu a
{ width: 78px; height: 103px;
display: block;
margin: 1px 0px 0px 1px;
position: relative; }

div#contentmenu span
{ display: block;
cursor: pointer; }

div#contentmenu span.txt
{ width: 66px; height: 28px;
position: absolute; left: 6px; top: 67px;
overflow: hidden;
font-size: 0.9em;
overflow: hidden; }

div#contentmenu a span.txt span
{ width: 66px; height: 28px;
position: absolute; left: 0px; top: 0px;
background-position: left top; }

div#contentmenu a:hover span.txt span
{ background-position: left bottom;
display: block; }

li#cm1 span.txt span
{ background: url(../images/menu/c01l.png) no-repeat; }
li#cm2 span.txt span
{ background: url(../images/menu/c02l.png) no-repeat; }
li#cm3 span.txt span
{ background: url(../images/menu/c03l.png) no-repeat; }
li#cm4 span.txt span
{ background: url(../images/menu/c04l.png) no-repeat; }

div#contentmenu span.img
{ position: absolute;
display: block; }

li#cm1 span.img {
width: 56px; height: 86px;
left: 7px; top: -11px;
background: url(../images/menu/c01img.png) no-repeat; }
li#cm2 span.img {
width: 71px; height: 80px;
left: 9px; top: -9px;
background: url(../images/menu/c02img.png) no-repeat; }
li#cm3 span.img {
width: 72px; height: 77px;
left: 1px; top: -7px;
background: url(../images/menu/c03img.png) no-repeat; }
li#cm4 span.img {
width: 62px; height: 79px;
left: 6px; top: -10px;
background: url(../images/menu/c04img.png) no-repeat; }


/*  Smallbox  */
div.sb
{ width: 360px;
position: relative;
min-height: 96px; _height: 96px;
background: url(../images/boxes/sb_sr_top.png) no-repeat left top;
margin: 0px 0px 9px 0px; }

div.sb span.sb2
{ width: 360px; height: 80px;
position: absolute; bottom: -1px; left: 0;
display: block;
background: url(../images/boxes/sb_sr_bottom.png) no-repeat left top; }

div.sbs
{ width: 360px;
position: relative;
min-height: 49px; _height: 49px;
background: url(../images/boxes/bcg_sm_sm_top.png) no-repeat left top;
margin: 0px 0px 9px 0px; }

div.sbs span.sbs2
{ width: 360px; height: 15px;
position: absolute; bottom: -1px; left: 0;
display: block;
background: url(../images/boxes/bcg_sm_sm_bottom.png) no-repeat left top; }  

/*  Mediumbox  */
div.mb
{ width: 360px;
position: relative;
min-height: 274px; _height: 274px;
background: url(../images/boxes/mb_sr_top.png) no-repeat left top;
margin: 0px 0px 9px 0px;
display: block; }

div.mb span.mb2
{ width: 360px; height: 238px;
position: absolute; bottom: -1px; left: 0; _z-index: -1;
background: url(../images/boxes/mb_sr_bottom.png) no-repeat left top; }

/*  TextAD  */
div.textad h2 { position: absolute; left: -1000em; }
div.textad ul { position: relative; z-index: 2; padding: 15px 15px 10px 15px; }
div.textad li { padding: 0px 0px 6px 0px; }
div.textad a { color: #6696B8; }
div.textad a:hover { color: #D9F0FF; }

/*  Banner box  */
div.bannerbox.mb { margin: 0px 0px 8px 0px; position: relative; min-height: 266px; _height: 266px; }
div.bannerbox .clearit { height: 1px; }

/*  Square banner  */
div.squarebanner { float: left; width: 325px; position: relative; z-index: 2; }
div.squarebanner .img { border: 1px solid #52667B; display: block; position: absolute; left: 7px; top: 7px; }
div.squarebanner .img:hover { border: 1px solid #83A0BE; }

/* div.squarebanner h2 { font-size: 1em; font-weight: normal; width: 302px; position: relative; z-index: 2; margin: 0px 0px 0px 7px; }
div.squarebanner h2 a
{ display: block;
border: 1px solid #293B52;
padding: 4px 5px 6px 6px;
color: #6696B8; }
div.squarebanner h2 a:hover
{ border: 1px solid #436785; } */

.bannerbox h2 { position: absolute; right: 8px; top: 7px; overflow: hidden; width: 39px; height: 252px; }
.bannerbox h2 span { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/content-titles/advertisement.png) no-repeat 0 0; }

div.bannerbox div.icons
{ float: right;
width: 90px;
right: 7px; top: 7px;
position: relative; z-index: 2; }

div.bannerbox div.icons h2
{ position: absolute; left: -1000em; }

div.bannerbox div.icons a
{ border: 1px solid #52667B;
display: block;
width: 88px; height: 31px;
margin: 0px 0px 5px 0px;
position: relative; z-index: 2; }

div.bannerbox div.icons a:hover
{ border: 1px solid #83A0BE; }

div.squarebanner iframe { width: 300px; height: 250px; border: 1px solid #52667B; overflow: hidden; margin: 7px 0 0 7px; }
div.squarebanner a.bannera { width: 300px; height: 250px; border: 1px solid #52667B; overflow: hidden; margin: 7px 0 0 7px; }

/* Partner */ 
.partnerbox { margin: 0 0 20px 0; }
.partnerbox h2 { width: 55px; height: 16px; position: relative; overflow: hidden; margin: 0 0 7px 9px; font-size: 1em; }
.partnerbox h2 span { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/content-titles/partner.png) no-repeat 0 0; }
.partnerbox ul { position: relative; z-index: 2; padding: 10px 10px 0 10px; width: 339px; }
.partnerbox li { width: 100%; clear: both; padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px solid #0F1F38; }
.partnerbox li.last { padding: 0 0 10px 0; margin: 0; border: 0; }
.partnerbox li a { display: block; float: left; color: #A3C3D8; }
.partnerbox li a:hover { display: block; float: left; color: #50CCFF; }
.partnerbox li div a { display: inline; float: none; }
.partnerbox li div.txt { float: right; width: 225px; padding: 15px 0 10px 0; }


/*  Gamebox  */
div.javagamesmenu h2
{ width: 81px; height: 37px;
position: absolute; left: 15px; top: 1px;
font-size: 1em;
overflow: hidden; float: left; }

div.javagamesmenu h2 span
{ width: 81px; height: 37px;
display: block;
position: absolute;
left: 0; top: 0;
background: url(../images/content-titles/handyspiele.png) no-repeat left top; }

div.javagamesmenu p.link
{ float: right;
position: relative;
padding: 11px 20px 14px 10px; }

div.javagamesmenu p.link a
{ padding: 0px 7px 0px 0px;
color: #FF7800;
background: url(../images/gfx_arroworange.png) no-repeat 100% 68%; }

div.javagamesmenu p.link a:hover
{ color: #D9F0FF; }

div.javagamesmenu
{ padding: 0px 0px 1px 8px; }

div.javagamesmenu ul
{ position: relative; z-index: 3;
clear: both;
width: 352px; }

div.javagamesmenu ul li { 
float: left;
width: 116px;
padding: 0px 0px 8px 0px;
position: relative; }

div.javagamesmenu li a { 
display: block;
width: 74px;
background: url(../images/javamenu/bcg_top.png) no-repeat left top;        
position: relative;
padding: 4px 30px 5px 9px;
color: #6696B8; font-weight: bold; }
div.javagamesmenu li a:hover { 
background: url(../images/javamenu/bcg_top_a.png) no-repeat left top;
color: #E0F5FD; }

div.javagamesmenu li a .bcg2 { 
display: block;
width: 113px; height: 6px;
position: absolute; left: 0; bottom: -2px;
background: url(../images/javamenu/bcg_bottom.png) no-repeat left bottom;
cursor: pointer; }
div.javagamesmenu li a:hover .bcg2 { 
background: url(../images/javamenu/bcg_bottom_a.png) no-repeat left bottom; }

div.javagamesmenu li a .button { 
display: block;
cursor: pointer;
width: 23px; height: 18px;
position: absolute; right: 3px; top: 3px; z-index: 2; 
background: url(../images/javamenu/gfx_gobutton.png) no-repeat left top; }
div.javagamesmenu li a:hover .button { 
background: url(../images/javamenu/gfx_gobutton.png) no-repeat left bottom; }

div.gamebox h2
{ width: 119px; height: 37px;
position: absolute; left: 15px; top: 1px;
font-size: 1em;
overflow: hidden; }

div.gamebox h2 span
{ width: 119px; height: 37px;
display: block;
position: absolute;
left: 0; top: 0;
background: url(../images/content-titles/neunespiele.png) no-repeat left top; }

div.gamebox p.link
{ float: right;
position: relative;
padding: 11px 12px 14px 10px; }

div.gamebox p.link a
{ padding: 0px 7px 0px 0px;
color: #FF7800;
background: url(../images/gfx_arroworange.png) no-repeat 100% 68%; }

div.gamebox p.link a:hover
{ color: #D9F0FF; }

div.gamebox ul
{ position: relative; z-index: 2;
clear: both;
margin: 0px 0px 0px 7px; }

div.gamebox ul li
{ width: 112px;
float: left;
margin: 0px 5px 5px 0px; }

div.gamebox ul a.img
{ border: 1px solid #52667B;
display: block;
width: 110px; height: 130px;
overflow: hidden; }

div.gamebox ul a:hover.img
{ border: 1px solid #83A0BE; }

div.gamebox div.clearit
{ height: 3px; }

/*  Login + newsletter  */
div#login, div#newsletter { padding: 12px 0px 0px 0px; }

div#login h2, div#newsletter h2 { width: 75px; height: 16px; position: relative; left: 9px; overflow: hidden; font-size: 1em; float: left; }
div#newsletter h2 { width: 80px; }
div#login h2 span, div#newsletter h2 span { width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: block; background: url(../images/content-titles/community.png) no-repeat left top; }
div#newsletter h2 span { background: url(../images/content-titles/newsletter.png) no-repeat left top; }

div#login-menu
{ float: right;
width: 195px;
position: relative; right: 10px;
padding: 3px 0px 9px 0px; }

div#login-menu ul
{ float: right; }

div#login-menu li
{ float: left;
padding: 0px 5px 0px 0px;
margin: 0px 5px 0px 0px;
background: url(../images/gfx_deviderblue.png) no-repeat 100% 90%; }

div#login form, div#newsletter form { clear: both; width: 360px; padding: 0px 0px 22px 0px; }

div#login form input, div#newsletter form input { float: left; margin: 0; padding: 0; }

div#login form div input, div#newsletter form div input
{ border: none;
float: none;
background: none;
position: relative; z-index: 2;
color: #6696B8; font-size: 1em;
margin: 0px 0px 0px 10px;
padding: 6px 0px 7px 0px; _padding: 5px 0px 5px 0px; }

div#login-user
{ background: url(../images/login/bcg_usertop.png) no-repeat left top;
width: 169px;
position: relative;
min-height: 20px; _height: 26px;
float: left;
margin: 0px 2px 0px 0px; }
div#login-user span
{ background: url(../images/login/bcg_userbottom.png) no-repeat left top;
width: 169px; height: 17px;
position: absolute; bottom: -1px; }
div#login-user input
{ width: 150px; }

div#login-pass
{ background: url(../images/login/bcg_passtop.png) no-repeat left top;
width: 117px;
position: relative;
min-height: 20px; _height: 26px;
float: left;
margin: 0px 2px 0px 0px; }

div#login-pass span
{ background: url(../images/login/bcg_passbottom.png) no-repeat left top;
width: 117px; height: 17px;
position: absolute; bottom: -1px; }

div#login-pass input
{ width: 98px; }

div#newsletter-inp
{ background: url(../images/login/bcg_newsltop.png) no-repeat left top;
width: 288px;
position: relative;
min-height: 20px; _height: 26px;
float: left;
margin: 0px 2px 0px 0px; }
div#newsletter-inp span
{ background: url(../images/login/bcg_newslbottom.png) no-repeat left top;
width: 288px; height: 17px;
position: absolute; bottom: -1px; }
div#newsletter-inp input
{ width: 269px; }

/*  Usermenu  */
div#usermenu
{ padding: 12px 0px 0px 7px;
margin: 0px 0px 18px 0px; }

div#usermenu h2
{ width: 75px; height: 18px;
margin: 0px 0px 6px 0px;
overflow: hidden;
font-size: 1em;
position: relative; }

div#usermenu h2 span
{ width: 75px; height: 18px;
position: absolute; left: 0; top: 0;
display: block;
background: url(../images/content-titles/community.png) no-repeat left top; }

div#usermenu-avatar
{ width: 40px;
border: 4px solid #FFF;
float: left;
margin: 3px 9px 0px 0px; }

div#usermenu-menu
{ width: 261px;
float: left;
position: relative; z-index: 2;
background: url(../images/login/bcg_usermenu_top.png) no-repeat left top;
padding: 18px 16px 16px 16px; }

div#usermenu-menu span.bcg2
{ width: 295px; height: 44px;
display: block;
position: absolute; left: 0; bottom: -1px;
background: url(../images/login/bcg_usermenu_bottom.png) no-repeat left top; }

div#usermenu-menu-in
{ position: relative; z-index: 2; }

div#usermenu-menu p
{ position: relative; z-index: 2;
font-weight: bold; color: #D9F0FF; }

div#usermenu-menu ul
{ position: relative; z-index: 2;
padding: 1px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 188px;
float: left; }

div#usermenu-menu ul li
{ float: left;
padding: 0px 8px 0px 0px;
margin: 0px 8px 0px 0px;
background: url(../images/gfx_deviderblue.png) no-repeat 100% 90%; }

div#usermenu-menu li a
{ float: none;
text-decoration: underline; }

div#usermenu-menu #logout
{ position: relative; z-index: 2;
float: right;
display: block;
width: 67px; height: 27px;
margin: -11px 0px 0px 0px;
clear: right; }

div#usermenu div.clearit
{ height: 1px; }




/*  Audiobox  */
div.audiobox h2
{ width: 74px; height: 37px;
position: absolute; left: 15px; top: 1px;
font-size: 1em;
overflow: hidden; }

div.audiobox h2 span
{ width: 74px; height: 37px;
display: block;
position: absolute;
left: 0; top: 0;
background: url(../images/content-titles/melodie.png) no-repeat left top; }

div.audiobox p.link
{ float: right;
position: relative;
padding: 11px 12px 14px 10px; }

div.audiobox p.link a
{ padding: 0px 7px 0px 0px;
color: #FF7800;
background: url(../images/gfx_arroworange.png) no-repeat 100% 68%; }

div.audiobox p.link a:hover
{ color: #D9F0FF; }

div.audiobox ul
{ position: relative; z-index: 2;
clear: both;
margin: 0px 0px 0px 8px;
padding: 0px 0px 1px 0px; _padding: 0px 0px 2px 0px; }

div.audiobox li
{ position: relative;
width: 343px;
margin: 0px 0px 10px 0px; _margin: 0px 0px 8px 0px; }

div.audiobox li a.order
{ position: relative;
width: 297px;
padding: 4px 37px 3px 9px; min-height: 13px; _height: 13px;
display: block;
text-decoration: underline;
background: url(../images/boxes/bcg_hp_top.png) no-repeat left top;
color: #6696B8; }

div.audiobox li a.order span.bcg2
{ position: absolute; bottom: -3px; left: 0px;
width: 343px; height: 4px;
display: block;
background: url(../images/boxes/bcg_hp_bottom.png) no-repeat left bottom;
cursor: pointer; }

div.audiobox li a:hover.order
{ background: url(../images/boxes/bcg_hp_top_a.png) no-repeat left top;
color: #E0F5FD; }

div.audiobox li a:hover.order span.bcg2
{ background: url(../images/boxes/bcg_hp_bottom_a.png) no-repeat left bottom; }

div.audiobox li a.order span.txt
{ position: relative; }

div.audiobox li a.play
{ position: absolute; right: 0; top: 0;
padding: 3px 2px 3px 0px; _padding: 3px 1px 3px 0px;
width: 33px; height: 18px;
display: block;
overflow: hidden; }

div.audiobox li a.play span.txt
{ display: block;
width: 28px; height: 17px;
overflow: hidden;
margin: 0px 0px 0px 2px;
font-size: 0.8em; }

div.audiobox li a.play span.img
{ position: absolute; left: 0; bottom: 3px;
width: 33px; height: 18px;
display: block;
background: url(../images/gfx_play.png) no-repeat left top;
cursor: pointer;
overflow: hidden; }

div.audiobox li a:hover.play span.img
{ background: url(../images/gfx_play.png) no-repeat left bottom;
cursor: pointer; }


/*  Gameboxtxt  */
div.gameboxtxt h2 { width: 101px; height: 37px; position: absolute; left: 15px; top: 1px; font-size: 1em; overflow: hidden; }
div.gameboxtxt h2 span { width: 101px; height: 37px; display: block; position: absolute; left: 0; top: 0; background: url(../images/content-titles/tophandyspiele.png) no-repeat left top; }
div.gameboxtxt.ed1 h2 { width: 138px; }
div.gameboxtxt.ed1 h2 span { width: 100%; background: url(../images/content-titles/aktuelletestberichte.png) no-repeat left top; }

div.gameboxtxt p.link { float: right; position: relative; padding: 11px 12px 14px 10px; }
div.gameboxtxt p.link a { padding: 0px 7px 0px 0px; color: #FF7800; background: url(../images/gfx_arroworange.png) no-repeat 100% 68%; }
div.gameboxtxt p.link a:hover { color: #D9F0FF; }

div.gameboxtxt ul { position: relative; z-index: 2; clear: both; margin: 0px 0px 0px 8px; padding: 0px 0px 1px 0px; _padding: 0px 0px 2px 0px; }
div.gameboxtxt li { position: relative; width: 343px; margin: 0px 0px 10px 0px; _margin: 0px 0px 8px 0px; }
div.gameboxtxt li a { position: relative; width: 329px; padding: 4px 5px 3px 9px; min-height: 13px; _height: 13px; display: block; background: url(../images/boxes/bcg_hp_top.png) no-repeat left top; color: #6696B8; text-decoration: none; }
div.gameboxtxt li a span.bcg2 { position: absolute; bottom: -3px; left: 0px; width: 343px; height: 4px; display: block; background: url(../images/boxes/bcg_hp_bottom.png) no-repeat left bottom; cursor: pointer; }
div.gameboxtxt li a:hover { background: url(../images/boxes/bcg_hp_top_a.png) no-repeat left top; color: #E0F5FD; }
div.gameboxtxt li a:hover span.bcg2 { background: url(../images/boxes/bcg_hp_bottom_a.png) no-repeat left bottom; }
div.gameboxtxt li a span.txt { position: relative; width: 260px; padding: 0px 66px 0px 0px; display: block; cursor: pointer; }
div.gameboxtxt li a span.txt1 { font-weight: bold; text-decoration: underline; }
div.gameboxtxt li a span.genre { position: absolute; right: -3px; width: 66px; text-align: right; padding: 0px 3px 3px 0px; text-decoration: none; cursor: pointer; }           

#main .rup, #main .rdown, #main .rsame { padding: 0px 19px 3px 0px; }
#main .rup span, #main .rdown span, #main .rsame span { display: block; width: 17px; height: 17px; position: absolute; right: -3px; top: 1px; } 
.rup span { background: url(../images/specials/arrow_up.png) no-repeat 0 0; _background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/specials/arrow_up.png', sizingMethod='crop'); }
.rdown span { background: url(../images/specials/arrow_down.png) no-repeat 0 0; _background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/specials/arrow_down.png', sizingMethod='crop'); }
.rsame span { background: url(../images/specials/arrow_forward.png) no-repeat 0 0; _background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/specials/arrow_forward.png', sizingMethod='crop'); }

#main .raward { padding: 0px 3px 3px 40px; } 
#main .raward span { display: block; width: 38px; height: 16px; position: absolute; right: 2.85em; top: 0; }
.raward span { background: url(../images/specials/ico-award.png) no-repeat 0 0; _background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/specials/ico-award.png', sizingMethod='crop'); }

#main .rvideo { padding: 0px 3px 3px 34px; } 
#main .rvideo span { display: block; width: 32px; height: 16px; position: absolute; right: 2.85em; top: 0; }
.rvideo span { background: url(../images/specials/ico-video.png) no-repeat 0 0; _background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/specials/ico-video.png', sizingMethod='crop'); }

#main .rapple { padding: 0px 3px 3px 40px; } 
#main .rapple span { display: block; width: 38px; height: 16px; position: absolute; right: 2.85em; top: 0; }
.rapple span { background: url(../images/specials/ico-apple.png) no-repeat 0 0; _background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/specials/ico-apple.png', sizingMethod='crop'); }

#main .rngage { padding: 0px 3px 3px 41px; } 
#main .rngage span { display: block; width: 39px; height: 16px; position: absolute; right: 2.85em; top: 0; }
.rngage span { background: url(../images/specials/ico-ngage.png) no-repeat 0 0; _background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/specials/ico-ngage.png', sizingMethod='crop'); }

#main .rawardapple { padding: 0px 3px 3px 80px; } 
#main .rawardapple span { display: block; width: 77px; height: 16px; position: absolute; right: 2.85em; top: 0; }
.rawardapple span { background: url(../images/specials/ico-awardapple.png) no-repeat 0 0; _background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/specials/ico-awardapple.png', sizingMethod='crop'); }

#main .rawardngage { padding: 0px 3px 3px 81px; } 
#main .rawardngage span { display: block; width: 78px; height: 16px; position: absolute; right: 2.85em; top: 0; }
.rawardngage span { background: url(../images/specials/ico-awardngage.png) no-repeat 0 0; _background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/specials/ico-awardngage.png', sizingMethod='crop'); }


/*  Imagesbox  */
div.imagesbox h2
{ width: 160px; height: 37px;
position: absolute; left: 15px; top: 1px;
font-size: 1em;
overflow: hidden; }

div.imagesbox h2 span
{ width: 160px; height: 37px;
display: block;
position: absolute;
left: 0; top: 0;
background: url(../images/content-titles/topobrazkytapety.png) no-repeat left top; }

div.imagesbox p.link
{ float: right;
position: relative;
padding: 11px 12px 14px 10px; }

div.imagesbox p.link a
{ padding: 0px 7px 0px 0px;
color: #FF7800;
background: url(../images/gfx_arroworange.png) no-repeat 100% 68%; }

div.imagesbox p.link a:hover
{ color: #D9F0FF; }

div.imagesbox ul
{ position: relative; z-index: 2;
clear: both;
margin: 0px 0px 0px 7px; }

div.imagesbox ul li
{ width: 112px;
float: left;
margin: 0px 5px 5px 0px; }

div.imagesbox ul a
{ border: 1px solid #52667B;
display: block;
width: 110px; height: 110px;
overflow: hidden; }

div.imagesbox ul a:hover
{ border: 1px solid #83A0BE; }

div.imagesbox div.clearit
{ height: 3px; }

/*  Poolbox  */
div.poolbox h2
{ width: 29px; height: 37px;
position: absolute; left: 15px; top: 1px;
font-size: 1em;
overflow: hidden; }

div.poolbox h2 span
{ width: 29px; height: 37px;
display: block;
position: absolute;
left: 0; top: 0;
background: url(../images/content-titles/vote.png) no-repeat left top; }

div.poolbox p.link
{ float: right;
position: relative;
padding: 11px 12px 14px 10px; }

div.poolbox p.link a
{ padding: 0px 7px 0px 0px;
color: #FF7800;
background: url(../images/gfx_arroworange.png) no-repeat 100% 68%; }

div.poolbox p.link a:hover
{ color: #D9F0FF; }

div.poolbox h3
{ clear: both;
font-size: 1em;
width: 329px;
position: relative; z-index: 2;
padding: 7px 5px 3px 9px;
background: url(../images/boxes/bcg_hp_top.png) no-repeat left top;
margin: 0px 0px 10px 8px; }

div.poolbox h3 span
{ position: absolute; bottom: -4px; left: 0;
width: 343px; height: 4px;
display: block;
background: url(../images/boxes/bcg_hp_bottom.png) no-repeat left bottom; }

div.poolbox ul
{ position: relative; z-index: 2;
clear: both;
margin: 0px 0px 0px 8px;
padding: 0px 0px 1px 0px; _padding: 0px 0px 2px 0px; }

div.poolbox li
{ position: relative;
width: 343px;
margin: 0px 0px 9px 0px; _margin: 0px 0px 6px 0px; }

div.poolbox li a
{ position: relative;
width: 323px;
padding: 4px 5px 2px 17px; min-height: 13px; _height: 13px;
display: block;
background: url(../images/boxes/bcg_hp_top2.png) no-repeat left top;
color: #6696B8;
text-decoration: underline; }

div.poolbox li a span.bcg2
{ position: absolute; bottom: -3px; left: 0px;
width: 343px; height: 4px;
display: block;
background: url(../images/boxes/bcg_hp_bottom.png) no-repeat left bottom;
cursor: pointer; }

div.poolbox li a:hover
{ background: url(../images/boxes/bcg_hp_top2_a.png) no-repeat left top;
color: #E0F5FD; }

div.poolbox li a:hover span.bcg2
{ background: url(../images/boxes/bcg_hp_bottom_a.png) no-repeat left bottom; }

div.poolbox  li .txt {
width: 170px; float: left;
padding: 0px 0px 2px 0px;
cursor: pointer; }

div.poolbox  li .status {
width: 80px; float: right;
text-align: right;
display: block;
background: url(../images/pool/bcg_status.png) no-repeat 100% 70%;
padding: 0px 60px 2px 0px;
position: relative;
cursor: pointer; }

div.poolbox  li a:hover .status {
background: url(../images/pool/bcg_status_a.png) no-repeat 100% 70%; }

div.poolbox li .status span {
position: absolute; left: 87px; top: 70%;
margin: -4px 0px 0px 0px;
display: block;
height: 6px;
background: url(../images/pool/statusbar.png) no-repeat left top; }

div.poolbox  li .clearit {
display: block; }


/*  Articlebox  */
div.articlebox
{ padding: 0px 0px 0px 1px;
margin: 0px 0px 19px 0px; }

div.articlebox div.clearit
{ height: 1px; }

div.articlebox h2
{ width: 67px; height: 14px;
position: relative;
overflow: hidden;
margin: 0px 0px 13px 8px; }

div.articlebox h2 span
{ width: 67px; height: 14px;
position: absolute; left: 0; top: 0px;
display: block;
background: url(../images/content-titles/neuegames.png) no-repeat left top; }

div.articlebox ul
{ width: 373px; }

div.articlebox li
{ width: 78px; height: 78px;
float: left;
position: relative;
overflow: hidden;
margin: 0px 15px 0px 0px; }

div.articlebox li img
{ position: absolute; right: 6px; top: 6px; z-index: 1; }

div.articlebox li span
{ display: block; width: 78px; height: 78px;
position: absolute; right: 0; top: 0; z-index: 2;
background: url(../images/gfx_thumbframe.png) no-repeat left top;
_background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/gfx_thumbframe.png', sizingMethod='crop');
cursor: pointer; }

/*QuickLauncher*/
.quicklauncher {
padding: 10px 0px 0px 0px; }
.quicklauncher h2 {
position: relative; z-index: 2;
width: 113px; height: 13px;
overflow: hidden;
margin: 0px 0px 8px 10px; }
#java .quicklauncher h2 { width: 195px; }
.quicklauncher h2 span {
display: block; cursor: auto;
width: 113px; height: 13px;
position: absolute; left: 0; top: 0;
background: url(../images/content-titles/reviewquicklaunch.png) no-repeat left top; }
.quicklauncher div {
padding: 0px 0px 6px 8px; }
.quicklauncher ul {
width: 350px; }
.quicklauncher li {
width: 32px;
float: left;
margin: 0px 4px 0px 0px; }
.quicklauncher li.small {
width: 21px; }
.quicklauncher a {
padding: 3px 0px 0px 0px;
font-weight: bold; text-decoration: none;
min-height: 12px; _height: 12px;
display: block; 
background: url(../images/boxes/bcg_let_top.png) no-repeat left top;
text-align: center;
position: relative;
color: #6696B8; }
.quicklauncher a:hover {
background: url(../images/boxes/bcg_let_top-a.png) no-repeat left top;
color: #D9F0FF; }
.quicklauncher .small a {
background: url(../images/boxes/bcg_let-s_top.png) no-repeat left top; }
.quicklauncher .small a:hover {
background: url(../images/boxes/bcg_let-s_top-a.png) no-repeat left top; }
.quicklauncher span {
display: block;
width: 100%; height: 5px;
position: absolute; bottom: -5px; left: 0;
background: url(../images/boxes/bcg_let_bottom.png) no-repeat left bottom;
cursor: pointer; }
.quicklauncher a:hover span {
background: url(../images/boxes/bcg_let_bottom-a.png) no-repeat left bottom; }
.quicklauncher .small span {
background: url(../images/boxes/bcg_let-s_bottom.png) no-repeat left bottom; }
.quicklauncher .small a:hover span {
background: url(../images/boxes/bcg_let-s_bottom-a.png) no-repeat left bottom; }

.maincontent .quicklauncher {
margin: -5px 0px 17px 17px; padding: 0px 0px 4px 0px;
display: block; } 
.maincontent .quicklauncher h2 {
float: left;
width: 195px;
overflow: hidden;
margin: 12px 0px 0px 0px;
left: 8px; }
.maincontent .quicklauncher h2 span {
width: 195px;
background: url(../images/content-titles/hs-quicklaunch.png) no-repeat left top; }
.maincontent .quicklauncher div {
padding: 0px 0px 0px 0px; padding: 0; }
.maincontent .quicklauncher ul {
float: left;
padding: 8px 0px 6px 15px; }


/*QuickLauncher*/
.quicklauncher2 {
margin: -5px 0px 15px 22px; padding: 0px 0px 0px 0px; _padding: 0px 0px 1px 0px;
display: block; }
.quicklauncher2 div {
padding: 0px 0px 0px 0px; padding: 0;  }
.quicklauncher2 ul {
width: 540px;
float: left;
padding: 6px 0px 9px 5px; }
.quicklauncher2 li {
width: 19px;
float: left;
margin: 0px 1px 0px 0px; }
.quicklauncher2 a {
padding: 2px 0px 0px 0px;
font-weight: bold; text-decoration: none;
min-height: 10px; _height: 10px;
display: block; 
background: url(../images/boxes/bcg_let_top2.png) no-repeat left top;
text-align: center;
position: relative;
color: #6696B8; }
.quicklauncher2 a:hover {
background: url(../images/boxes/bcg_let_top2-a.png) no-repeat left top;
color: #D9F0FF; }
.quicklauncher2 span {
display: block;
width: 100%; height: 5px;
position: absolute; bottom: -5px; left: 0;
background: url(../images/boxes/bcg_let_bottom2.png) no-repeat left bottom;
cursor: pointer; }
.quicklauncher2 a:hover span {
background: url(../images/boxes/bcg_let_bottom2-a.png) no-repeat left bottom; }


/*Tooltip*/
.tooltip { display: none; }
#tooltipshow h3 { font-size: 1em; }
#tooltipshow h3 a { color: #0089D0; text-decoration: none; }
#tooltipshow p { color: #355A8D; padding: 2px 0px 0px 0px; }
#tooltipshow { position: absolute; z-index: 20; display: none; width: 108px; padding: 25px 0px 18px 0px; }
#tooltipshow .bcg1 { position: absolute; left: 0; top: 0; width: 108px; height: 26px; background: url(../images/tooltip/bcg_top.png) no-repeat left top; _background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/tooltip/bcg_top.png', sizingMethod='crop'); }
#tooltipshow .bcg2 { position: absolute; left: 0; bottom: 0; width: 108px; height: 18px; background: url(../images/tooltip/bcg_bottom.png) no-repeat left top; _background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/tooltip/bcg_bottom.png', sizingMethod='crop'); }
#tooltipshow-in { position: relative; z-index: 22; padding: 0px 16px 0px 18px; background: url(../images/tooltip/bcg_middle.png) no-repeat left top;_background: none; _height: 40px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/tooltip/bcg_middle.png', sizingMethod='crop'); }

#tooltipshow.large { position: absolute; z-index: 20; display: none; width: 288px; }
#tooltipshow.large .bcg1 { display: none; }
#tooltipshow.large .bcg2 { display: none; }
#tooltipshow.large #tooltipshow-in { position: relative; z-index: 22; padding: 28px 27px 30px 19px; background: url(../images/tooltip/bcg_large.png) no-repeat 0 0; _background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/tooltip/bcg_large.png', sizingMethod='crop'); }
#tooltipshow.large #tooltipshow-in img { border: 1px solid #324C5B; }

#tooltipshow.large.ed1 { position: absolute; z-index: 20; display: none; width: 528px; }
#tooltipshow.large.ed1 #tooltipshow-in { background: url(../images/tooltip/bcg_large-ed1.png) no-repeat 0 0; _background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/tooltip/bcg_large-ed1.png', sizingMethod='crop'); }

#tooltipshow.large.ed2 { position: absolute; z-index: 20; display: none; width: 368px; }
#tooltipshow.large.ed2 #tooltipshow-in { background: url(../images/tooltip/bcg_large-ed2.png) no-repeat 0 0; _background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/tooltip/bcg_large-ed2.png', sizingMethod='crop'); }

#tooltipshow.large.ed3 { position: absolute; z-index: 20; display: none; width: 368px; }
#tooltipshow.large.ed3 #tooltipshow-in { background: url(../images/tooltip/bcg_large-ed3.png) no-repeat 0 0; _background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/tooltip/bcg_large-ed3.png', sizingMethod='crop'); }


/*  Login  */
.searchbox { 
padding: 9px 0px 17px 0px; }

.searchbox h2 { 
width: 40px; height: 16px;
margin: 0px 0px 7px 0px; 
position: relative; left: 9px;
overflow: hidden;
font-size: 1em; }

.searchbox h2 span { 
width: 40px; height: 16px;
position: absolute; left: 0; top: 0;
display: block;
background: url(../images/content-titles/suche.png) no-repeat left top; }

.searchbox form { 
width: 360px;
padding: 0px 0px 0px 0px; }

.searchbox form input { 
float: left;
margin: 0; padding: 0; }

.searchbox form .inputb input { 
border: none;
float: none;
background: none;
position: relative; z-index: 2;
color: #6696B8; font-size: 1em;
margin: 0px 0px 0px 10px;
padding: 6px 0px 7px 0px; _padding: 5px 0px 5px 0px; }

.searchbox .inputb { 
background: url(../images/boxes/bcg_searchbox_top.png) no-repeat left top;
width: 151px;
position: relative;
min-height: 20px; _height: 26px;
float: left;
margin: 0px 6px 0px 0px; }

.searchbox .inputb span { 
background: url(../images/boxes/bcg_searchbox_bottom.png) no-repeat left top;
width: 151px; height: 17px;
position: absolute; bottom: -1px; }

.searchbox .inputb input
{ width: 132px; }

.searchbox .labelb {
float: left; }

.searchbox .labelb label {
position: relative;
overflow: hidden;
height: 16px;
float: right;
margin: 6px 7px 0px 0px; }
.searchbox .labelb label span {
position: absolute; left: 0; top: 0;
width: 100%; height: 100%;
display: block;
background-position: 0 0;
background-repeat: no-repeat; }

#sb-newsset, #sb-newsset-sp       { width: 52px; }
#sb-reviewsset, #sb-reviewsset-sp { width: 64px; }
#sb-shopset, #sb-shopset-sp       { width: 52px; }

#sb-newsset label, #sb-newsset-sp label                 { width: 25px; }
#sb-newsset label span, #sb-newsset-sp label span       { background-image: url(../images/content-titles/sb-news.png) }
#sb-reviewsset label, #sb-reviewsset-sp label           { width: 37px; }
#sb-reviewsset label span, #sb-reviewsset-sp label span { background-image: url(../images/content-titles/sb-reviews.png) }
#sb-shopset label, #sb-shopset-sp label                 { width: 24px; }
#sb-shopset label span, #sb-shopset-sp label span       { background-image: url(../images/content-titles/sb-shop.png) }

.searchbox .checkboxset {
float: left; 
width: 20px;
padding: 1px 0px 0px 0px;
margin: 0px 0px 0px 0px; }

.searchbox form .checkboxset input {
float: none; }

#sb-news, #sb-news, #sb-shop {
display: none; }

.artikelpromo { padding: 9px 0 0 0; }
.artikelpromo h2 { width: 50px; height: 16px; overflow: hidden; position: relative; margin: 0 0 9px 0; font-size: 1.0em; left: 10px; }
.artikelpromo h2 span { width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: block; background: url(../images/content-titles/artikel.png) no-repeat 0 0; }


#sm-menu { position:absolute; top:124px; left:801px; }
#sm-menu li { float:left; padding:0 8px 0 8px; background:url(../images/sm-menu.gif) no-repeat 100% 3px; }
#sm-menu .last { background:none; }
#sm-menu a { color:#6aa4c9; }
#sm-menu a:hover { color:#b7e4f6; }


#partners { position: absolute; left: 797px; top: 4px; }