/* CSS Document */

body
{
        background-color: #214163;
}

#index
{
        background-color: #214163;
}

body, div
{
        padding: 0;
        margin: 0;
}

body, div, table, tr, td, input, select, options, textarea
{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #272727;
}

a /*grün*/
{
        color: #63A800;
        text-decoration:none;
}

a:hover /*orange*/
{
        color: #FEAA10;
        text-decoration: none;
}

a:focus
{
        outline: none;
        -moz-outline: none;
}

a.bigbutton {
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        border-radius: 25px;
        padding: 3px 20px 3px 20px;
        background-color: #63A800;
        color: #FFFFFF;
}

a.bigbutton:hover {
        background-color: #FEAA10;
}


/* ########################################################## Layout DIV Container */
#wrapper
{
         width: 1207px;
         margin-left: auto;
         margin-right: auto;
}

#layout {
        width: 977px;
        float: left;
        background-color: #FFFFFF;
}

#adskyscraper {
        width: 120px;
        display: block;
        margin-left: 10px;
        float: left;
}

#header
{
        width: 977px;
        height: 180px;
        background-image: url(../vc_globals/bilder/header02_empty.jpg);
        background-repeat: no-repeat;
        float: left;
}

#blockTop
{
        width: 300px;
        height: 80px;
        background-image: url(../vc_globals/bilder/blockTop02.jpg);
        background-repeat: no-repeat;
        float: left;
}

#left
{
        width: 300px;
        float: left;
        background-color: #FFFFFF;
}

#right
{
        width: 677px;
        float: left;
        background-color: #FFFFFF;
}

/* ########################################################## Navigation Formatierung */
#naviHori
{
        width: 677px;
        height: 80px;
        background-image: url(../vc_globals/bilder/naviBg02.jpg);
        background-repeat: no-repeat;
        float: left;
}

#naviHoriLinks
{
        width: 677px;
        height: 51px;
}

.nav
  {
    width: 134px;
    height: 33px;
    -webkit-border-top-left-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        -webkit-border-bottom-right-radius: 0px;
        -webkit-border-bottom-left-radius: 0px;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-topright: 10px;
        -moz-border-radius-bottomright: 0px;
        -moz-border-radius-bottomleft: 0px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
        background-color: #DDDDDD;
        color: #444444;
        font-size: 13px;
        padding-top: 18px;
        text-align: center;
        text-decoration: none;
        letter-spacing: 0px;
        margin: 0px 1px 0px 0px;
        float: left;
  }

.nav:hover
  {
    background-color: #FEAA10;
        color: #FFFFFF;
  }

#myNavi
{
        width: 677px;
        height: 29px;
        background-color: #63a800;
        padding: 0px 0px 0px 0px;
}

#myNavi a
{
        color: #FFFFFF;
        font-size: 10px;
        font-weight: bold;
        letter-spacing: 0px;
}

#myNavi a:hover
{
        color: #fcd100;
}

#myNavi table.myNavigation td {
        padding-top: 8px;
}

#myNavi table.myNavigation td.link {
        padding-right: 12px;
}

div#naviHoriDDLinks {background-image: url(../vc_globals/bilder/naviDDbg.png);
        background-repeat: x-repeat;
        width: 40px;
        margin-top: 220px;
        float: right;
}




/* ########################################################## CONTENT DIV Container */
#leftBlock
{
         width: 300px;
        height: 170px;
        background-image: url(../vc_globals/bilder/blockBottom02.jpg);
        background-repeat: no-repeat;
        margin-bottom: 20px;

}

#leftBlockText1
{
        padding-top: 10px;
        padding-bottom: 0px;
        padding-right: 74px;
        padding-left: 57px;
}

#leftBlockText2
{
        padding-top: 0px;
        padding-bottom: 25px;
        padding-right: 74px;
        padding-left: 57px;
}

.blockTitle {

}

.blockLinks {
        padding-top: 10px;
}

.leftNavi
{
        width: 263px;
}

.leftNaviPadding
{
        padding-left: 11px;
        padding-right: 20px;
}

#rightDivider
{
        width: 677px;
        height: 6px;
        margin-top: 1px;
        background-color: #7a7a7a;
}

#rightContent
{
        width: 637px;
        padding-right: 20px;
        padding-left: 20px;
}

#help
{
         color: #626463;
        width: 314px;
        height: 100px;
        background-image: url(../vc_globals/bilder/footerleft.jpg);
        background-repeat:no-repeat;
        float: left;
}

#helpText
{
        padding-left: 31px;
        padding-top: 21px;
}

#adBottom
{
         width: 690px;
        height: 100px;
        background-image: url(../vc_globals/bilder/footerright.jpg);
        background-repeat:no-repeat;
        float: left;
}

#adBottomText
{
        padding-left: 21px;
        padding-top: 21px;
}


#bottom
{
        margin-top: 20px;
}

#footerDivider
{
        width: 977px;
        height: 6px;
        margin-bottom: 1px;
        background-color: #7a7a7a;
}

#footer
{
        width: 977px;
        background-color: #63aa00;
}


#footerText
{
        padding-left: 20px;
        padding-top: 20px;
}

#footerText a
{
        font-size: 10px;
}

/* ########################################################## STARTSEITE */



.starttitle
{
        color: #ecb808;
        font-size: 30px;
        font-style: italic;
        font-weight: bold;
        letter-spacing: -4px;
}

.starttitle2
{
        color: #ecb808;
        font-size: 24px;
        font-weight: bold;
        letter-spacing: -3px;
}

.starttitle3
{
        color: #ecb808;
        font-size: 18px;
}



.starttext
{
        color: #666666;
        line-height: 20px;
        letter-spacing: 0px;
        font-size: 14px;

}

/* ########################################################## Klassen für Überschriften,Schriften */
h1, h2, h3 {
        color: #63A800;
        margin-top:22px;
}
h1 {
        color: #262626;
        font-size:14px;
        margin-top:40px;
}
h2 {
        font-size:20px;
}
h3
{
        font-size: 16px;
}

/* Kleine Überschrift für dunkle Hintergründe im Rahmen z.B. Ads */
.titledark
{
        color: #ECB808;
        font-weight: bold;
        font-size: 12px;
}

/* Weiße Links für grüne Flächen */
.titlewhite
{
        color: #FFFFFF;
        font-weight: bold;
        font-size: 13px;
        letter-spacing: 0px;
}

/* Weißer Text für grüne Flächen */
.textwhite
{
        color: #FFFFFF;
}

/* Große Überschrift für weißen Hintergrund im Interface */
.titlebright
{
        color: #FEAA10;
        font-weight: bold;
        font-size: 13px;
        letter-spacing: 0px;
}


.titlebright.a:hover
{
        color: #FEAA10;
        font-weight: bold;
        font-size: 13px;
        letter-spacing: 0px;
}

/* Kleine Überschrift für weißen Hintergrund im Interface */
.titlebright2
{
        color: #FEAA10;
        font-weight: bold;
        font-size: 12px;
}


.textnavileft
{
        color: #45403d;
        font-size: 10px;
        letter-spacing: 0px;
}


.linkOther
{
         color: #63A800;
         background-image: url(../vc_globals/bilder/linkOther.png);
         background-repeat: no-repeat;
         background-position: left;
         padding-top: 3px;
         padding-left: 21px;
         display: block;
}

.ticker
{
        font-weight: bold;
        font-size: 14px;
}

.linkbold
{
        font-size: 12px;
        font-weight: bold;
        letter-spacing: 0px;
        color: #EEEEEE;
}

/*
div#linktrans:hover
{
        background-image: url(../vc_globals/bilder/avatar_s_edithover.png);
        background-repeat: no-repeat;
        display: block;
        width: 40px;
        height: 40px;
}
*/

/* PNG Links */

div.trans:hover div.linktrans
{
        position: absolute;
        display:block;
        z-index: 1;
}

div.linktrans
{
        display: none;
        position: absolute;
        margin-top: -52px;;
        z-index: 2000;
}

.linktranshover
{
        display: block;
}

.linktrans2
{
        background-image: url(../vc_globals/bilder/avatar_s_empty.gif);
        background-repeat: no-repeat;
        display: block;
        width: 50px;
        height: 50px;
}

.linktranshover2
{
        background-image: url(../vc_globals/bilder/avatar_s_emptyhover.gif);
        background-repeat: no-repeat;
        display: block;
        width: 50px;
        height: 50px;
}

div.trans3:hover div.linktrans3
{
        position: absolute;
        display:block;
        z-index: 1;
}

div.linktrans3
{
        display: none;
        position: absolute;
        margin-top: -50px;;
        z-index: 2000;
}


/* ########################################################## Klassen für Objekte, Bilder */

/* für den Loginbereich */
.inputlogin
{
        color: #FFFFFF;
        width: 100px;
        height: 16px;
        font-size: 10px;
        background-color: #656565;
        padding-left: 2px;
        border: 1px solid #222222;

}

.inputlogin:hover
{
        background-color: #909090;
}

.buttonlogin
{
        font-size: 11px;
}

/* Schmale Buttons für Neue Freunde etc. */
td#button
{
 color: #FFFFFF;
 text-align: center;
 background-color: #63a800;
 width: 100%;
}

td#button a
{
        color: #FFFFFF;
}

#button a:hover
{
        color: #ecb808;
}

.buttonborderleft
{

}

/* für Spiel vereinbaren */
#steps
{
        color: #858585;
        font-size: 12px;
        font-weight: bold;
}

.steplink
{
        color: #63a800;
        text-decoration: none;
}

.steplink:hover
{
        color: #ffa500;
        text-decoration: none;
}

.activestep
{
        color: #ffa500;
        font-size: 12px;
        font-weight: bold;
}

/*Formatierungen für Footerinhalt */

.footerlink
{
        color: #ecb808;
}

.footerlink:hover
{
        color: #93d731;
}

.optimized
{
        color: #d2d2d2;
}


/* ########################################################## Klassen für Tabellen */

/* fürs Forum*/

.tablegrey
{
        background-color: #f2f2f2;
}

tr.tablegrey:hover
{
        background-color: #e4f3f9;
}

.tablegreyHover
{
        background-color: #e4f3f9;
}

/* Login */

/* ########################################################## AJAX */


.ajax_top
{
        background-image: url(http://easykick.de/vircity/templates/vc_globals/bilder/ajax_box_top.png);
        background-repeat:no-repeat;
        width: 400px;
        height: 15px;
}


.ajax_bottom
{
        background-image: url(http://easykick.de/vircity/templates/vc_globals/bilder/ajax_box_bottom.png);
        background-repeat:no-repeat;
        width: 400px;
        height: 20px;
}

.ajax_content
{
        background-image: url(http://easykick.de/vircity/templates/vc_globals/bilder/ajax_box_bg.png);
        background-repeat:repeat-y;
        padding-left: 20px;
        padding-right: 20px;
        width: 360px;
        font-weight: bold;
        font-size: 12px;
        color: #000000;
}


/*für  ajax error msgs */
.ajax_top_error
{
        background-image: url(http://easykick.de/vircity/templates/vc_globals/bilder/ajax_box_top_error.png);
        background-repeat:no-repeat;
        width: 400px;
        height: 15px;
}


.ajax_bottom_error
{
        background-image: url(http://easykick.de/vircity/templates/vc_globals/bilder/ajax_box_bottom_error.png);
        background-repeat:no-repeat;
        width: 400px;
        height: 20px;
}

.ajax_content_error
{
        background-image: url(http://easykick.de/vircity/templates/vc_globals/bilder/ajax_box_bg_error.png);
        background-repeat:repeat-y;
        padding-left: 20px;
        padding-right: 20px;
        width: 360px;
        font-weight: bold;
        font-size: 12px;
        color: #000000;
}


/**********************************************************************
Formatierungen aus v2, die angepasst wurden
**********************************************************************/


#contentTop
{
 width: 630px;
 height: 40px;
 margin-bottom: 10px;
}

#headline
{
 width: 200px;
 padding-top: 10px;
 margin-right: 10px;
 float: left;
}

#headlinefull
{
 padding-top: 10px;
 width: 620px;
 margin-right: 10px;
}

#beschreibung
{
 width: 400px;
 float: left;
  padding-top: 20px;
}

/* SPIELDETAILS */
#beschreibungSD
{
        padding-top: 25px;
 width: 400px;
 color: #6F6F6F;
 font-size: 12px;
 float: left;
}

#contentMiddle
{
 margin-top: 20px;
 width: 630px;
}

#contentLeft
{
 width: 200px;
 float: left;
 margin-right: 10px;
}


#contentRight
{
 width: 400px;
 float: left;
}

#newsTable
{
 padding-top: 20px;
}




/* Linkformatierung (OHNE TRENNSTRICH) in der Navigation naviLeft oder contentLeft*/
#naviOther a
{
 color: #63a800;
 background-image: url(../vc_globals/bilder/linkOther.png);
 background-repeat: no-repeat;
 background-position: left;
 padding-top: 3px;
 padding-left: 21px;
 display: block;
}

#naviOther a:hover
{
 color: #FFFFFF;
 background-image: url(../vc_globals/bilder/linkOtherOver.png);
 background-repeat: no-repeat;
 background-position: left;
 background-color: #63a800;
 padding-top: 3px;
 padding-left: 21px;
 text-decoration: none;
}

#naviOtherActive
{
 color: #FFFFFF;
 background-image: url(../vc_globals/bilder/linkOtherOver.png);
 background-repeat: no-repeat;
 background-position: left;
 background-color: #02B4DC;
 padding-top: 3px;
 padding-left: 21px;
 text-decoration: none;
}

/* Linkformatierung für das Logout */
#naviLeftLogout a
{
 color: #797979;
 height: 20px;
 background-image: url(../vc_globals/bilder/link.jpg);
 background-repeat: no-repeat;
 background-position: left;
 padding-top: 3px;
 padding-left: 21px;
 display: inline;
}

#naviLeftLogout a:hover
{
 color: #02B4DC;
 height: 20px;
 background-image: url(../vc_globals/bilder/link.jpg);
 background-repeat: no-repeat;
 background-position: left;
 padding-top: 3px;
 padding-left: 21px;
 display: inline;
}

/* Linkformatierung für alles mit Bildchen davor*/
#naviSpecial a
{
 color: #797979;
 display: block;
}

#naviSpecial a:hover
{
 color: #02B4DC;
 display: block;
}

/* Linkformatierung für Pioniere und Luckies*/
#naviPioneer a
{
 color: #797979;
 height: 20px;
 display: block;
}

#naviPioneer a:hover
{
 color: #02B4DC;
}

/* FF */
div#orangebordersidebar {
        border: 5px solid #FEAA10;
        padding: 10px;
        width: 170px;
        margin-top: 10px;
        margin-bottom: 10px;
}

/* FF */
div#redbordersidebar {
        border: 5px solid #D1000A;
        padding: 10px;
        width: 170px;
        margin-top: 10px;
        margin-bottom: 10px;
}

div#orangeborder {
        border: 2px solid #FEAA10;
        width: 100%;
}

div#redborder {
        border: 5px solid #D1000A;
        padding: 10px;
        width: 95%;
        margin-top: 10px;
        margin-bottom: 10px;
}

div#h7 /* h7 in orange */
{
        color: #FEAA10;
        font-size: 12px;
        font-weight: bold;
        letter-spacing: 0px;
        display: inline;
}

div#h4 /* h4 in grün */
{
 color: #63A800;
 font-size: 12px;
 font-weight: bold;
 letter-spacing: 0px;
 display: inline;
}

/* naviLeft + footer Überschrift: klein orange/gelb */
h4
{
 color: #FEAA10;
 font-size: 12px;
 letter-spacing: 0px;
 display: inline;
}

/* naviLeft + footer Überschrift: klein in grau */
h5
{
 color: #858585;
 font-size: 12px;
 letter-spacing: 0px;
 display: inline;
}


/*titel */
h6
{
 color: #FEAA10;;
 font-size: 16px;
 font-weight: bold;
 display: inline;
}

/*errortext: rote texte für fehlermeldungen */
h7
{
 color: #D1000A;
 font-size: 12px;
 font-weight: bold;
 display: inline;
}

/*onlinetext bzw. bestätigungstext grüne texte für online meldungen */
h8
{
 color: #63a800;
 font-weight: bold;
 display: inline;
}

h9
{
 color: #555555;
 font-size: 12px;
 font-weight: bold;
 letter-spacing: 0px;
 display: inline;
}



/*headline: Unterseiten Überschrift */
#titlecontent
{
 color: #FEAA10;
 font-size: 18px;
 display: inline;
}
/*slogan */
#slogan
{
 color: #BEBEBE;
 font-size: 16px;
 font-weight: bold;
 display: inline;
}

/*weißer dicker text*/
.white1
{
 color: #FFFFFF;
 font-size: 16px;
 font-weight: bold;
 display: inline;
}

/*weißer normaler text*/
.white2
{
 color: #FFFFFF;
 font-size: 11px;
 display: inline;
}

/*grauer normaler text*/
.grey1
{
 color: #8E8E8E;
 font-size: 11px;
 display: inline;
}

/*grüner text für ...*/
.green1
{
 color: #63A800;
 font-size: 12px;
 display: inline;
}

/* roter text für fehlermeldungenzB */
.red1
{
        color: #D1000A;
         font-size: 12px;
         display: inline;
}

.red2
{
        color: #D1000A;
         font-size: 11px;
         display: inline;
}

/* grüner text für bestätigungen/onlinezB */
.green2
{
 color: #64C03B;
 font-weight: bold;
 display: inline;
}

/* größerer Text */
.text1
{
        font-size: 12px;
        text-align: justify;
}

/*errortext: rote texte für fehlermeldungen */
#error
{
 color: #D1000A;
 font-weight: bold;
}

/*text in der errortabelle*/
#errortable
{
 color: #FFFFFF;
 font-size: 12px;
 letter-spacing: 0px;
 background-color: #D10000;
 padding: 10px;
}

/* Tabellen für die Überschriften */
#title
{
 margin: 0;
 padding: 0;
}

/* Zufälliger Inhalt */

.jsclass body .randomcontent{
display: none;
}

/* BUTTONS! */

/* Bilder */
#picture
{
 border: 1px solid #63a800;
}

.pic
{
 border: 1px solid #FEAA10;
}

.border_red
{
        border: 2px solid #fe0000;
}

.border_orange
{
        border: 2px solid #feaa10;
}

.border_green
{
        border: 2px solid #63a800;
}

.border_grey
{
        border: 2px solid #545454;
}

.box_green {
        width: 610px;
        padding: 10px;
        border: 5px solid #63a800;
        background-color: #767676;
        color: #FFFFFF;
        font-family: Arial, Helvetica, sans-serif;
        text-align: center;
        margin-bottom: 20px;
}

.box_red {
        width: 610px;
        padding: 10px;
        border: 5px solid #dc011b;
        background-color: #ffc5cd;
        color: #5c5c5c;
        font-family: Arial, Helvetica, sans-serif;
        text-align: center;
        margin-bottom: 20px;
}

.box_red a, .box_green a {
        color: #000000;
        font-weight: bold;
}

.box_red a:hover, .box_green a:hover {
        color: #FFFFFF;
        font-weight: bold;
}


/* Trennlinie */
#divider
{
 height: 10px;
 margin-bottom: 11px;
 border-bottom: 1px dotted #63a800;
}

/* Trennlinie 2*/
#divider2
{
 height: 5px;
 margin-bottom: 6px;
 border-bottom: 1px dotted #63a800;
}

/* KOMMENTAR FELD */
#commentbox
{
 height: 100px;
 width: 310px;
}

#tablecastelight
{
 background-color: #E1E1E1;
}

#tablecaste
{
 background-color: #DCDCDC;
}

#tablecasteToday
{
 background-color: #FEAA10;
 color: #FFFFFF;
}

#steps a
{
 color: #858585;
 font-size: 12px;
 font-weight: bold;
 text-decoration: none;
}

#steps a:hover
{
 color: #FEAA10;
 font-weight: bold;
 text-decoration: none;
}

#startPioneer
{
        font-size: 12px;
        text-align: justify;
}

/*spiel vereinbaren step03 frame */
#sendSearch
{
        border: 1px solid #858585;
}

/* Spielelisten Tabellen */

.gametable { color:#000000; }
.gametablehover { color:#660000; background-color:#eeeeee; cursor:pointer; }

tr.table1:hover
{
        background-color: #eeeeee;
        cursor: pointer;
}

/* Serienspiel Tabellen */

.regametable { color:#000000; }
.regametablehover { color:#660000; background-color:#eeeeee; cursor:pointer; }
.regametableactive { color:#660000; background-color:#000000; }

/* ajax kalender*/

        .normaltoday { color:#FFFFFF; background-color:#ffa500; }
        .hovertoday { color:#000000; background-color:#ffa500; cursor:pointer; }

        .normal { color:#FFFFFF        ; background-color:#e1e1e1; }
        .hover { color:#660000; background-color:#63a800; cursor:pointer; }

        .normallink a { color: #000000; }
        .normallink a:hover { color: #FFFFFF; }

/* Serienspiel Termine */

.regame_title
{
        color: #63A800;
        font-size: 12px;
        font-weight: bold;
        letter-spacing: 0px;
        display: inline;

}

.regame_di
{
        margin-left: 15px;
}

/* submenü interface breit*/

.interfacemenu
{
        padding: 0;
        width: 100%;
        background: transparent;
        voice-family: "\"}\"";
        voice-family: inherit;
}

.interfacemenu ul
{
        margin:0;
        padding:0;
        list-style:none;
}

.interfacemenu li
{
        display:inline;
        margin:0 2px 0 0;
        padding:0;
        text-transform:uppercase;
}


.interfacemenu a
{
        font: normal 9px Arial, Verdana, sans-serif;
        float:left;
        color: white;
        background-color: #545454;
        background-image: url(../vc_globals/bilder/color_tabs_left.gif);
        background-repeat: no-repeat;
        background-position: left top;
        margin:0 2px 0 0;
        padding:0 0 1px 3px;
        text-decoration:none;
        letter-spacing: 1px;
}


.interfacemenu a span
{
        float:left;
        display:block;
        background-image: url(../vc_globals/bilder/color_tabs_right.gif);
        background-repeat: no-repeat;
        background-position: right top;
        padding: 6px 8px 3px 7px;
}

.interfacemenu a span
{
        float:none;
}

/* selected class* */

#interfaceselect a, #interfaceselect strong{
        background-color: #63a800;
        background-image: url(../vc_globals/bilder/color_tabs_left.gif);
        background-repeat: no-repeat;
        background-position: left top;
}

#interfaceselect a span{
        background-color: #63a800;
        background-image: url(../vc_globals/bilder/color_tabs_right.gif);
        background-repeat: no-repeat;
        background-position: right top;
}

#interfaceselect a:hover{
}

#interfaceselect a:hover span{
        color: #fff;
}


li#interfaceselect
{
        background-color: #63a800;
}

/* spotlight class */

#interfacespot a, #interfacespot strong{
        background-color: #dc1b01;
        background-image: url(../vc_globals/bilder/color_tabs_left.gif);
        background-repeat: no-repeat;
        background-position: left top;
}

#interfacespot a span{
        background-color: #dc1b01;
        background-image: url(../vc_globals/bilder/color_tabs_right.gif);
        background-repeat: no-repeat;
        background-position: right top;
}

#interfacespot a:hover{
}

#interfacespot a:hover span{
        color: #fff;
}


li#interfacespot
{
        background-color: #dc1b01;
}


/* hover */


.interfacemenu a:hover
{
        background-color: #63a800;
}

.interfacemenu a:hover span
{
        background-color: #63a800;
}


.interfacemenu a:active a.current, #interfacemenu a.current span
{
        background-color: #63a800;
}

.interfacemenudown
{
        background-color: #63a800;
}

.interfacemenuline
{
        clear: both;
        padding: 0;
        width: 100%;
        height: 8px;
        line-height: 8px;
        background: #63a800;

        border-top: 1px solid #ffffff; /* linie unter menü */
}

#interfaceplayerborder
{
        border: 5px solid #63a800;
        clear: both;
        padding: 0;
}

/* später für submenü
.tabcontainer
{
        clear: left;
        width:95%;
        height:1.5em;
}

.tabcontent
{
        display:none;
}
*/

/* submenü für schmales interface */

.interfacemenu2
{
        padding: 0;
        width: 100%;
        background: transparent;
        voice-family: "\"}\"";
        voice-family: inherit;
}

.interfacemenu2 ul
{
        font: normal 11px Arial, Verdana, sans-serif;
        margin:0;
        padding:0;
        list-style:none;
}

.interfacemenu2 li
{
        display:inline;
        margin:0 2px 0 0;
        padding:0;
        text-transform:uppercase;
}


.interfacemenu2 a
{
        float:left;
        color: white;
        background-color: #545454;
        background-image: url(../vc_globals/bilder/color_tabs_left.gif);
        background-repeat: no-repeat;
        background-position: left top;
        margin:0 2px 0 0;
        padding:0 0 1px 3px;
        text-decoration:none;
        letter-spacing: 1px;
}


.interfacemenu2 a span
{
        float:left;
        display:block;
        background-image: url(../vc_globals/bilder/color_tabs_right.gif);
        background-repeat: no-repeat;
        background-position: right top;
        padding: 3px 8px 2px 7px;
}

.interfacemenu2 a span
{
        float:none;
}

.interfacemenu2aktiv {
        float:left;
        color: white;
        background-color: #63a800;
        background-image: url(../vc_globals/bilder/color_tabs_left.gif);
        background-repeat: no-repeat;
        background-position: left top;
        margin:0 2px 0 0;
        padding:0 0 1px 3px;
        text-decoration:none;
        letter-spacing: 1px;
}

.interfacemenu2aktiv span {
        float:left;
        display:block;
        background-image: url(../vc_globals/bilder/color_tabs_right.gif);
        background-repeat: no-repeat;
        background-position: right top;
        padding: 3px 8px 2px 7px;
}

/* selected class* */

#interface2select a, #interface2select strong{
        background-color: #63a800;
        background-image: url(../vc_globals/bilder/color_tabs_left.gif);
        background-repeat: no-repeat;
        background-position: right top;
}

#interface2select a span{
        background-color: #63a800;
        background-image: url(../vc_globals/bilder/color_tabs_right.gif);
        background-repeat: no-repeat;
        background-position: right top;
}

#interface2select a:hover{
        background-position:0% -150px;
}

#interface2select a:hover span{
        color: #fff;
        background-position:100% -150px;
}


li#interface2select
{
        background-color: #63a800;
}

/* hover */

.interfacemenu2 a:hover
{
        background-color: #63a800;
}

.interfacemenu2 a:hover span
{
        background-color: #63a800;
}


.interfacemenu2 a:active a.current, #interfacemenu a.current span
{
        background-color: #63a800;
}

.interfacemenu2line
{
        color: #FFFFFF;
        clear: both;
        padding: 0;
        margin: 0;
        width: 100%;
        height: 17px;
        background: #63A800;
        text-align: center;

        border-top: 1px solid #ffffff; /* linie unter menü */
}

.interfacemenu2line a
{
        color: #FFFFFF;
        font-size: 8px;
}

.interfacemenu2line table td
{
        font-size: 11px;
        font-weight: bold;
        color: #FFFFFF;
}

.interface2border
{
        border-bottom: 17px solid #63a800;
        clear: both;
        padding: 0;
}

/* ? */
#boxspot
{
        border: 4px solid #ffa500;
        padding: 1;
        margin: 0;
}

#boxspotselect
{
        border: 4px solid #60a600;
        width: 21px;
        padding: 1;
        margin: 0;
}

/* CSS HELPS */

.floatleft
{
        float: left;
        width: 430px;
}

.floatright
{
        float: left;
}

.clear
{
        clear: both;
}


/* Tabelle auf Startseite */

.starttable1empty { color:#FFFFFF; background-color:#AAAAAA; }
.starttable1emptyhover { color:#000000; background-color:#828282; }

.starttable1link { color:#FFFFFF; background-color:#63A800; }
.starttable1linkhover { color:#63A800; background-color:#FFFFFF; cursor:pointer; }

.starttable1link2 { color:#FFFFFF; background-color:#FEAA10; }
.starttable1link2hover { color:#FEAA10; background-color:#FFFFFF; cursor:pointer; }

.starttable1normal { background-color: #AAAAAA; padding: 5px; }

table.starttable1
{
        width: 610px;
        border: 2px solid #FFFFFF;
        background-color: #FFFFFF;
        text-align: center;
}

caption.starttable1caption {

        color: #ffffff;
        font-size: 25px;
        font-weight: bold;
        letter-spacing: -2px;
        text-align: left;
        border-left: 5px solid #fff;
        border-right: 5px solid #fff;
        border-top: 5px solid #fff;
        padding: 5px;
        width: 100%;
        background-color: #fe0000;
}

thead.starttable1head
{
        color: #FFFFFF;
        background-color: #0e1e2e;
        text-transform: uppercase;
        letter-spacing: 0.0em;
        font-weight: bold;
        font-size: 110%
        padding: 4px;
        height: 20px;
}

th.starttable1th
{
        color: #FEAA10;
}

/* Startseite */

/* Neue Startseite Mai 09*/

.startchose4
{
        background-image: url(../vc_globals/bilder/start_choseoffersleft.png);
        background-repeat:no-repeat;
        width: 250px;
        height: 125px;

}

.startchose4hover
{
        background-image: url(../vc_globals/bilder/start_choseoffersleft2.png);
        background-repeat:no-repeat;
        width: 250px;
        height: 125px;

}

.startchose4content
{
        position:relative;
        left: 17px;
        top: 16px;
        width: 111px;
        height: 66px;
}

.startchose4content
{
        position:relative;
        left: 120px;
        top: 17px;
        width: 111px;
        height: 66px;
}

.startchose4contenthover
{
        position:relative;
        left: 120px;
        top: 17px;
        width: 111px;
        height: 66px;
        color: #FFFFFF;
}

.startchose4content a
{
        color: #FFFFFF;
}

.startchose4contenthover a
{
        color: #FFFFFF;
}

.startchose4contenthover a:hover
{
        color: #FFFFFF;
        text-decoration:underline;
}

.startchose3
{
        background-image: url(../vc_globals/bilder/start_choseoffers.png);
        background-repeat:no-repeat;
        width: 250px;
        height: 125px;

}

.startchose3hover
{
        background-image: url(../vc_globals/bilder/start_choseoffers2.png);
        background-repeat:no-repeat;
        width: 250px;
        height: 125px;

}

.startchose3content
{
        position:relative;
        left: 17px;
        top: 16px;
        width: 111px;
        height: 66px;
}

.startchose3contenthover
{
        position:relative;
        left: 17px;
        top: 16px;
        width: 111px;
        height: 66px;
        color: #FFFFFF;
}


.startchose3content a
{
        color: #FFFFFF;
}

.startchose3contenthover a
{
        color: #FFFFFF;
}

.startchose3contenthover a:hover
{
        color: #FFFFFF;
        text-decoration:underline;
}

.startchose2
{
        background-image: url(../vc_globals/bilder/start_choseplayer.png);
        background-repeat:no-repeat;
        width: 250px;
        height: 125px;

}

.startchose2hover
{
        background-image: url(../vc_globals/bilder/start_choseplayer2.png);
        background-repeat:no-repeat;
        width: 250px;
        height: 125px;

}


.startchose2content
{
        position:relative;
        left: 17px;
        top: 16px;
        width: 111px;
        height: 66px;
}

.startchose2contenthover
{
        position:relative;
        left: 17px;
        top: 16px;
        width: 111px;
        height: 66px;
        color: #FFFFFF;
}


.startchose2content a
{
        color: #FFFFFF;
}

.startchose2contenthover a
{
        color: #FFFFFF;
}

.startchose2contenthover a:hover
{
        color: #FFFFFF;
        text-decoration:underline;
}



.startchose1
{
        background-image: url(../vc_globals/bilder/start_choseorganizer.png);
        background-repeat:no-repeat;
        width: 250px;
        height: 125px;

}

.startchose1hover
{
        background-image: url(../vc_globals/bilder/start_choseorganizer2.png);
        background-repeat:no-repeat;
        width: 250px;
        height: 125px;

}

.startchose1content
{
        position:relative;
        left: 120px;
        top: 17px;
        width: 111px;
        height: 66px;
}

.startchose1contenthover
{
        position:relative;
        left: 120px;
        top: 17px;
        width: 111px;
        height: 66px;
        color: #FFFFFF;
}

.startchose1content a
{
        color: #FFFFFF;
}

.startchose1contenthover a
{
        color: #FFFFFF;
}

.startchose1contenthover a:hover
{
        color: #FFFFFF;
        text-decoration:underline;
}


/*
FEATURED CONTENT
*/

.box-grey                        { width: 630px; background-color: #828282; position: relative;}
.box-grey .tl                { width: 10px; height: 10px; background: url(../vc_easykick_v2/bilder/box-grey-tl.png) no-repeat top left; position: absolute; top: 0px; left: 0px; }
.box-grey .tr                { width: 10px; height: 10px; background: url(../vc_easykick_v2/bilder/box-grey-tr.png) no-repeat top right; position: absolute; top: 0px; right: 0px; }
.box-grey .bl                { width: 10px; height: 10px; background: url(../vc_easykick_v2/bilder/box-grey-bl.png) no-repeat bottom left; position: absolute; bottom: 0px; left: 0px; }
.box-grey .br                { width: 10px; height: 10px; background: url(../vc_easykick_v2/bilder/box-grey-br.png) no-repeat bottom right; position: absolute; bottom: 0px; right: 0px; }
.box-grey .inside        { background-color: #828282; }
.box-grey .insidewrap        { padding: 10px;}

.featuredwrapper
{
        background-image: url(../vc_globals/bilder/start_featuredwrapper.jpg);
        background-repeat: no-repeat;
        width: 630px;
        height: 182px;
        padding: 10px;
}

.featuredcontentmenu
{
        float: left;
        background-color:#FFFFFF;
        width: 180px;
        height: 162px;
        overflow:hidden;
}

.featuredcontent
{
        float: left;
        background-color: #555555;
        width: 430px;
        height: 162px;
        overflow:hidden;
        z-index: 1000;
}

.featurednavi a
{
         color: #FFFFFF;
         background-image: url(../vc_globals/bilder/linkOtherOver.png);
         background-repeat: no-repeat;
         background-position: left;
         background-color: #63a800;
         padding-left: 21px;
         padding-top: 5px;
         text-decoration: none;
         height: 27px;
         width: 180px;
         voice-family: "\"}\"";
         voice-family:inherit;
         display: block;

}

.featuredbutton
{
         color: #FFFFFF;
         background-color: #63a800;
         padding: 20px;
         text-decoration: none;
         height: 162px;
         width: 140px;
}

.featuredbutton a
{
         color: #FFFFFF;
         font-family: Arial Black, Arial, Helvetica, sans-serif;
         font-size: 12px;
}

.featuredbutton a:hover
{
         color: #ecb80a;
         font-family: Arial Black, Arial, Helvetica, sans-serif;
         font-size: 12px;
}

html>body .featurednavi a
{
        height: 22px;
}

.featurednavi a:hover
{
         color: #63a800;
         background-image: url(../vc_globals/bilder/linkOther.png);
         background-color: #FFFFFF;
         background-repeat: no-repeat;
         background-position: left;
         padding-left: 21px;
         padding-top: 5px;
         text-decoration: none;
         height: 27px;
         width: 180px;
         voice-family: "\"}\"";
         voice-family:inherit;
         display: block;

}

html>body .featurednavi a:hover
{
        height: 22px;
}

/* TOOL TIP */

#dhtmltooltip{
        position: absolute;
        left: -400px;
        width: 200px;
        color: #FFFFFF;
        font-size: 10px;
        letter-spacing: 1px;
        text-align: justify;
        border: 2px solid #FFFFFF;
        padding: 10px;
        background-color: #63a800;
        visibility: hidden;
        z-index: 100;
}

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

/* Feed Burner */

div.feedBurnerFeedBlock ul
{
        list-style-image:url(http://www.easykick.de/vircity/templates/vc_globals/bilder/link2hover.gif);
}


/* Druckdaten */

.tableprint
{
        color: #000000;
}

.printcheckbox
{
        width: 10px;
        height: 10px;
        background-color: #EEEEEE;
        border: 3px solid #222222;
}

.printcheckboxchecked
{
        width: 10px;
        height: 10px;
        background-image: url(../vc_globals/bilder/printcheckboxchecked.jpg);
        border: 3px solid #222222;
}

.printlinkbold
{
        font-size: 12px;
        font-weight: bold;
        letter-spacing: 0px;
        color: #000000;
}

caption.printtable1caption {

        color: #ecb808;
        font-size: 24px;
        font-weight: bold;
        letter-spacing: -2px;
        text-align: left;
        padding: 5px;
        width: 100%;
}

thead.printtable1head
{
        text-transform: uppercase;
        letter-spacing: 0.0em;
        font-weight: bold;
        font-size: 12px;
        height: 30px;
        text-align: left;
}

th.printtable1th
{
        color: #858585;
        text-align: left;
}


/* Spielelisten v2 */
.gamelistmenuline
{
        clear: both;
        padding: 0;
        width: 100%;
        height: 8px;
        line-height: 8px;
        background: #63a800;
        margin-bottom: 5px;

        border-top: 1px solid #ffffff; /* linie unter menü */
}

div#gamelistv2 hr {
        border-bottom: 1px solid #5f5f5f;
        width: 620px;
}

div#gamelistv2 table.bg {
        width: 620px;
        height: 65px;
        font-family: Arial, Helvetica, sans-serif;
        margin-bottom: 5px;
}



/* buchbares Spiel: blau */
div#gamelistv2 td.bg1 {
        width: 620px;
        height: 45px;
        background-color: #77b6e2;
        padding: 5px;
}

/* buchbares Spiel: blau Hover */
div#gamelistv2 td.bg1hover {
        width: 620px;
        height: 45px;
        background-color: #bbdbf1;
        padding: 5px;
        cursor: pointer;
}

/* Spiel zugesagt: grün */
div#gamelistv2 td.bg2 {
        width: 620px;
        height: 65px;
        background-color: #bed55a;
        padding: 5px;
}

/* Spiel zugesagt: grün Hover */
div#gamelistv2 td.bg2hover {
        width: 620px;
        height: 65px;
        background-color: #dfeaad;
        padding: 5px;
        cursor: pointer;
}

/* Spiel reingestellt: gelb */
div#gamelistv2 td.bg3 {
        width: 620px;
        height: 65px;
        background-color: #ffc15a;
        padding: 5px;
}

/* Spiel reingestellt: gelb Hover*/
div#gamelistv2 td.bg3hover {
        width: 620px;
        height: 65px;
        background-color: #ffe0ad;
        padding: 5px;
        cursor: pointer;
}

/* Spiel abgesagt: rot */
div#gamelistv2 td.bg4 {
        width: 620px;
        height: 65px;
        background-color: #e2778a;
        padding: 5px;
}

/* Spiel abgesagt: rot Hover */
div#gamelistv2 td.bg4hover {
        width: 620px;
        height: 65px;
        background-color: #f1bbc5;
        padding: 5px;
        cursor: pointer;
}

/* Datum und Spielicons */
div#gamelistv2 div#datum {
        float: left;
        padding-left: 5px;
        padding-right: 10px;
        margin-top: 5px;
        width: 220px;
        border-right: 2px solid #000000;
}

div#gamelistv2 div#datum table {
        width: 220px;
}

table#datum div#pre {
        float: left;
        font-size: 11px;
        font-weight: bold;
        width: 75px;
}

table#datum div#dateonly {
        float: left;
        text-align: right;
        font-size: 11px;
}

table#datum td#type {
        text-align: right;
        font-size: 11px;
}
/* FF */
div.playerminnumber
{
        position: absolute;
        margin-top: -10px;
        font-size: 9px;
        font-weight: bold;
        text-align: center;
        width: 22px;
        color: #FFFFFF;
        z-index: 2000;
}

/* Name und Buttons*/
div#gamelistv2 div#name {
        float: left;
        padding-left: 10px;
        padding-right: 5px;
        padding-top: 5px;
}

table#name {
        width: 140px;
}

table#name td#name {
        font-family: Arial Black, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
}

/* BUTTONS S-LIST v2 */

table#name td#greybutton {
        height: 24px;
        width: 140px;
}

div#button140invisible {
        height: 24px;
        width: 140px;
}

/* button140invisible: Das ist dein Spiel/ Du bist dabei */
div#button140invisible span.yes {
        display: block;
        height: 24px;
        width: 90px;
        background-image: url(http://www.easykick.de/vircity/templates/vc_globals/bilder/icons/game_yes_green.png);
        background-repeat: no-repeat;
        margin-left: 10px;
        padding-left: 30px;
        padding-top: 4px;
        color: #000000;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        text-decoration: none;
        text-align: center;
}

/* Spiel wurde abgesagt */
div#button140invisible span.no {
        display: block;
        height: 24px;
        width: 90px;
        background-image: url(http://www.easykick.de/vircity/templates/vc_globals/bilder/icons/game_no_red.png);
        background-repeat: no-repeat;
        margin-left: 10px;
        padding-left: 30px;
        padding-top: 4px;
        color: #000000;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        text-decoration: none;
        text-align: center;
}


div#button140grey {
        height: 24px;
        width: 140px;
        background-image: url(http://www.easykick.de/vircity/templates/vc_globals/bilder/button140grey.png);
        background-repeat: no-repeat;
}

/* button140grey: Buchen - Button*/

div#button140grey a.buy {
        display: block;
        height: 24px;
        width: 130px;
        background-image: url(http://www.easykick.de/vircity/templates/vc_globals/bilder/icons/game_buy.png);
        background-repeat: no-repeat;
        margin-left: 10px;
        padding-left: 30px;
        padding-top: 4px;
        color: #FFFFFF;
        font-family: Arial Black, Arial, Helvetica, sans-serif;
        font-size: 11px;
        text-decoration: none;
}

div#button140grey a.buy:hover {
        background-image: url(http://www.easykick.de/vircity/templates/vc_globals/bilder/icons/game_buy_hover.png);
        color: #BBBBBB;
}

/* Nicht eingeladen (privates Spiel) -> Anfragen */
div#button140grey a.ask {
        display: block;
        height: 24px;
        width: 90px;
        background-image: url(http://www.easykick.de/vircity/templates/vc_globals/bilder/icons/game_noinvite.png);
        background-repeat: no-repeat;
        margin-left: 10px;
        padding-left: 30px;
        padding-top: 4px;
        color: #FFFFFF;
        font-family: Arial Black, Arial, Helvetica, sans-serif;
        font-size: 11px;
        text-decoration: none;
        text-align: center;
}

div#button140grey a.ask:hover {
        background-image: url(http://www.easykick.de/vircity/templates/vc_globals/bilder/icons/game_yes_green.png);
        color: #BBBBBB;
}

/* Nicht eingeladen(öff Spiel) -> Mitspielen */
div#button140grey a.yesnoinvite {
        display: block;
        height: 24px;
        width: 90px;
        background-image: url(http://www.easykick.de/vircity/templates/vc_globals/bilder/icons/game_noinvite.png);
        background-repeat: no-repeat;
        margin-left: 10px;
        padding-left: 30px;
        padding-top: 4px;
        color: #FFFFFF;
        font-family: Arial Black, Arial, Helvetica, sans-serif;
        font-size: 11px;
        text-decoration: none;
        text-align: center;
}

div#button140grey a.yesnoinvite:hover {
        background-image: url(http://www.easykick.de/vircity/templates/vc_globals/bilder/icons/game_yes_green.png);
        color: #BBBBBB;
}

/* Eingeladen(priv/öff Spiel) -> Mitspielen */
div#button140grey a.yesinvite {
        display: block;
        height: 24px;
        width: 90px;
        background-image: url(http://www.easykick.de/vircity/templates/vc_globals/bilder/icons/game_invite.png);
        background-repeat: no-repeat;
        margin-left: 10px;
        padding-left: 30px;
        padding-top: 4px;
        color: #FFFFFF;
        font-family: Arial Black, Arial, Helvetica, sans-serif;
        font-size: 11px;
        text-decoration: none;
        text-align: center;
}

div#button140grey a.yesinvite:hover {
        background-image: url(http://www.easykick.de/vircity/templates/vc_globals/bilder/icons/game_yes_green.png);
        color: #BBBBBB;
}

/* Wenn abgesagt -> Zusagen? */
div#button140grey a.noyes {
        display: block;
        height: 24px;
        width: 90px;
        background-image: url(http://www.easykick.de/vircity/templates/vc_globals/bilder/icons/game_no_red.png);
        background-repeat: no-repeat;
        margin-left: 10px;
        padding-left: 30px;
        padding-top: 4px;
        color: #FFFFFF;
        font-family: Arial Black, Arial, Helvetica, sans-serif;
        font-size: 11px;
        text-decoration: none;
        text-align: center;
}

div#button140grey a.noyes:hover {
        background-image: url(http://www.easykick.de/vircity/templates/vc_globals/bilder/icons/game_yes_green.png);
        color: #BBBBBB;
}

/* Wenn vllt gesagt -> Zusagen? */
div#button140grey a.maybeyes {
        display: block;
        height: 24px;
        width: 90px;
        background-image: url(http://www.easykick.de/vircity/templates/vc_globals/bilder/icons/game_maybe_yellow.png);
        background-repeat: no-repeat;
        margin-left: 10px;
        padding-left: 30px;
        padding-top: 4px;
        color: #FFFFFF;
        font-family: Arial Black, Arial, Helvetica, sans-serif;
        font-size: 11px;
        text-decoration: none;
        text-align: center;
}

div#button140grey a.maybeyes:hover {
        background-image: url(http://www.easykick.de/vircity/templates/vc_globals/bilder/icons/game_yes_green.png);
        color: #BBBBBB;
}

/* Ort und Spielorticons*/
div#gamelistv2 div#ort {
        float: left;
        padding-right: 5px;
        padding-top: 5px;
}

table#ort {
        width: 145px;
}

table#ort td#ort {
        font-size: 11px;
        line-height: 16px;
}

table#ort td#icononly, table#datum td#icononly {
        width: 30px;
        text-align: center;
}

/* FF Avatar */
div#gamelistv2 div#avatar {
        float: left;
}

/* AVATAR von anderen */

div#avatar div#avataryourborder {
        background-image: url(http://www.easykick.de/vircity/templates/vc_globals/bilder/avatar_ss_border.png);
        background-repeat: no-repeat;
        width: 50px;
        height: 50px;
        padding-left: 15px;
        padding-top: 5px;
}

/* CUSER AVATAR */

div#avatar div#avatarmyborder {
        background-image: url(http://www.easykick.de/vircity/templates/vc_globals/bilder/avatar_ss_border.png);
        background-repeat: no-repeat;
        width: 50px;
        height: 50px;
        padding-left: 14px;
        padding-top: 4px;
}

div#avatarmy:hover #avatarmyhover {
        display: block;
        z-index: 1;
}


#avatarmyhover {
        display: none;
        position: absolute;
        margin-top: -46px;
        margin-left: -1px;
        z-index: 2000;
}

#avatarmyhover a.avatarlink {
        border: 0;
}

/**********************************************************************
FF FEEDBACK
**********************************************************************/

/* ajax feedback */

#FormularExit {
        text-align: right;
}


div#feedbacklink
{
        margin: 0;
        padding: 0;
}

div#feedbackbutton
{
        position: fixed;
        right: 0px;
        top: 220px;
}

div#ContentfeedbackformBG
{
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        background-image: url(http://easykick.de/vircity/templates/vc_globals/bilder/ajax_bg.png);
        background-color: #333333;
        background-repeat: repeat;
        z-index: 2000;
        filter: alpha(opacity=70);
        opacity: 0.70;
}

div#ContentfeedbackformInner
{
        background-image: url(http://easykick.de/vircity/templates/vc_globals/bilder/feedbackform.gif);
        background-repeat: no-repeat;
        color: #ffffff;
        padding: 10px;
        z-index: 2100;
        position: fixed;
        top: 220px;
        width: 390px;
        left: 50%;
        margin-left: -195px;
}

div#Contentfeedbackform table td
{
        color: #ffffff;
}

.formular_x
{
        width: 5px;
        margin-right: 25px;
}


/**********************************************************************
S P I E L D E T A I L S E I T E  V2 19.04.10
**********************************************************************/

/* Serienspielmenü */

div#game_show_regames {
        position: relative;
        top: -6px;
}

div#sgame_menu {
        width: 100%;
}

div#sgame_menu div.sgame_menu_cell, div#sgame_menu div.sgame_menu_cell_selected, div#sgame_menu div.sgame_menu_prevnext, div#sgame_menu div.sgame_menu_end {
        font-family: Arial Black, Arial, Helvetica, sans-serif;
        font-size: 10px;
        background-color: #7a7a7a;
}

div#sgame_menu a, div#sgame_menu div.sgame_menu_first a, div#sgame_menu div.sgame_menu_cell a, div#sgame_menu div.sgame_menu_prev a, div#sgame_menu div.sgame_menu_next a {
        color: #d6d6d6;
}

div#sgame_menu a:hover, div#sgame_menu div.sgame_menu_first a:hover, div#sgame_menu div.sgame_menu_cell a:hover, div#sgame_menu div.sgame_menu_prev a:hover, div#sgame_menu div.sgame_menu_next a:hover {
        color: #FFFFFF;
}



div#sgame_menu div.sgame_menu_cell_selected a {
        font-family: Arial Black, Arial, Helvetica, sans-serif;
        color: #FFFFFF;
}

div#sgame_menu div.sgame_menu_first {
        font-family: Arial Black, Arial, Helvetica, sans-serif;
        font-size: 11px;
        background-color: #7a7a7a;
        width: 133px;
        height: 22px;
        border-right: 1px solid #FFFFFF;
        padding: 10px 17px 0px 17px;
        float: left;
}

div#sgame_menu div.sgame_menu_cell{
        width: 67px;
        height: 22px;
        border-right: 1px solid #FFFFFF;
        padding: 10px 7px 0px 7px;
        float: left;
}

div#sgame_menu div.sgame_menu_cell_selected_bg {
        background-image: url(http://easykick.de/vircity/templates/vc_globals/bilder/SD/sgame_menu_selected.jpg);
        background-repeat: no-repeat;
        background-position: bottom center;
        margin: 0;
        padding: 0;
        height: 39px;
        width: 78px;
        float: left;
}

div#sgame_menu div.sgame_menu_cell_selected {
        width: 63px;
        height: 22px;
        border-right: 1px solid #FFFFFF;
        padding: 10px 7px 0px 7px;
}

div#sgame_menu div.sgame_menu_prev {
        width: 10px;
        height: 22px;
        border-right: 1px solid #FFFFFF;
        padding: 10px 10px 0px 10px;
        background-color: #7a7a7a;
        float: left;
}

div#sgame_menu div.sgame_menu_next {
        width: 10px;
        height: 22px;
        padding: 10px 10px 0px 10px;
        background-color: #7a7a7a;
        float: left;
}

div#sgame_menu div.sgame_menu_prevend {
        width: 0;
        height: 32px;
        float: left;
}

div#sgame_menu div.sgame_menu_nextend {
        width: 30px;
        height: 32px;
        background-color: #7a7a7a;
        float: left;
}

/* Spiele-Änderungen */

div#game_change {
        width: 627px;
        height: 12px;
        color: #444444;
        font-weight: bold;
        text-align: center;
        padding: 2px 2px 4px 2px;
        margin: 10px 0px 10px 0px;
        border: 3px solid #c40a0a;
        background-color: #ffc8c8;
}

div#game_change div#changedate {
        display: inline;
        font-size: 9px;
}

/* Titel */

div#game_infotop {
        margin: 0px 0px 5px 0px;
}

div#game_title {
        font-size: 15px;
        font-family: Arial Black, Arial, Helvetica, sans-serif;
        letter-spacing: -1px;
        float: left;
}

div#game_ref {
        font-size: 10px;
        font-weight: bold;
        height: 15px;
        padding: 7px 5px 0px 5px;
        float: left;
}

div#game_reflink {
        height: 15px;
        padding: 7px 0px 0px 0px;
        float: left;
}

div#game_reflink a.reflink {
        background-image: url(http://easykick.de/vircity/templates/vc_globals/bilder/icon_add2.gif);
        background-position: top left;
        background-repeat: no-repeat;
        font-size: 10px;
        font-weight: bold;
        padding: 2px 0px 5px 18px;
}

/* SPIELINFO-BOX SD */

div#game_box {
        border: 5px solid #7b7b7b;
}

div#game_box table.bg {
        width: 100%;
        font-family: Arial, Helvetica, sans-serif;
}



/* buchbares Spiel: blau */
div#game_box table.bg td.bg1 {
        background-color: #77b6e2;
        padding: 10px;
}

/* buchbares Spiel: blau Hover */
div#game_box table.bg td.bg1hover {
        background-color: #bbdbf1;
        padding: 10px;
}

/* Spiel zugesagt: grün */
div#game_box table.bg td.bg2 {
        background-color: #bed55a;
        padding: 10px;
}

/* Spiel zugesagt: grün Hover */
div#game_box table.bg td.bg2hover {
        background-color: #dfeaad;
        padding: 10px;
}

/* Spiel reingestellt: gelb */
div#game_box table.bg td.bg3 {
        background-color: #ffc15a;
        padding: 10px;
}

/* Spiel reingestellt: gelb Hover*/
div#game_box table.bg td.bg3hover {
        background-color: #ffe0ad;
        padding: 10px;
}

/* Spiel abgesagt: rot */
div#game_box table.bg td.bg4 {
        background-color: #e2778a;
        padding: 10px;
}

/* Spiel abgesagt: rot Hover */
div#game_box table.bg td.bg4hover {
        background-color: #f1bbc5;
        padding: 10px;
}

/* Datum und Spielicons */
div#game_box div#datum {
        padding-right: 20px;
        width: 295px;
        border-right: 2px solid #000000;
        float: left;
}

div#game_box table#datum div#pre {
        float: left;
        font-size: 14px;
        font-weight: bold;
        width: 110px;
}

div#game_box table#datum div#dateonly {
        float: left;
        text-align: right;
        font-size: 12px;
        width: 180px;
}

div#game_box table#datum td#type {
        text-align: right;
        font-size: 11px;
        height: 33px;
}

/* FF */
div#game_box div.playerminnumber
{
        position: absolute;
        margin-top: -10px;
        font-size: 9px;
        font-weight: bold;
        text-align: center;
        width: 22px;
        color: #FFFFFF;
        z-index: 2000;
}

/* Name und Buttons*/
div#game_box div#name {
        padding-left: 20px;
        float: left;
}

div#game_box table#name {
        width: 260px;
}

div#game_box table#name td#name {
        font-family: Arial Black, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
}

div#game_box table#name td#greybutton {
        height: 29px;
        width: 150px;
}

div#game_box table#name td#price div#pricenormal {
        font-size: 10px;
        font-weight: bold;
}

div#game_box table#name td#price div#pricedeal {
        font-size: 10px;
        font-weight: bold;
        color: #bb0000;
}

div#game_box table#name td#ticker {
        height: 20px;
}


/* Ort und Spielorticons*/

div#game_box div#ort1 {
        background: url(../vc_globals/bilder/SD/bg_gw.png) no-repeat top right;
        padding: 25px 0px 0px 0px;
        width: 315px;
        height: 25px;
        float: left;
}

div#game_box div#ort2 {
        background: url(../vc_globals/bilder/SD/bg_bw.png) no-repeat top right;
        padding: 25px 0px 0px 5px;
        width: 280px;
        height: 25px;
        float: left;
}

div#game_box div#ort {
        background: url(../vc_globals/bilder/SD/bg_gw.png) no-repeat top left;
        padding: 25px 0px 0px 50px;
        width: 550px;
        height: 25px;
}

div#game_box div#ort1 table.ort td.ortname, div#game_box div#ort2 table.ort td.ortname, div#game_box div#ort1 table.ort td.ortname, div#game_box div#ort table.ort td.ortname {
        font-size: 12px;
        font-weight: bold;
        width: 200px;
}

div#game_box div#ort1 table.ort td.icon, div#game_box div#ort2 table.ort td.icon {
        font-size: 12px;
        font-weight: bold;
        width: 18px;
}

div#game_box div#ort table.ort td.icon {
        font-size: 12px;
        font-weight: bold;
        width: 20px;
}

/* Spielleiter */

.box-greyborder .insidewrap        .inside div#spielleiter {
        background: url(../vc_globals/bilder/SD/bg_quote.png) no-repeat;
}

.box-greyborder .insidewrap        .inside div#spielleiter div#infotext, .box-greyborder .insidewrap .inside div#spielleiter div#general_info{
        color: #7d7d7d;
        padding: 0px 0px 0px 30px;
}

.box-greyborder .insidewrap        .inside div#spielleiter div#single_info {
        color: #7d7d7d;
        padding: 0px 0px 0px 30px;
}

.box-greyborder .insidewrap        .inside div#spielleiter div#leader {
        margin: 10px 0px 0px 0px;
        padding: 0px 0px 0px 30px;
}

.box-greyborder .insidewrap        .inside div#spielleiter div#leader table.leader td.name {
        color: #5f5f5f;
        font-size: 11px;
        font-weight: bold;
        width: 250px;
}

.box-greyborder .insidewrap        .inside div#spielleiter div#leader table.leader td.add {
        width: 70px;
}

.box-greyborder .insidewrap        .inside div#spielleiter div#leader table.leader td.phone {
        background: url(../vc_globals/bilder/icon_phone.png) no-repeat top left;
        color: #5f5f5f;
        font-size: 11px;
        font-weight: bold;
        width: 120px;
        padding: 0px 0px 0px 25px;
}

.box-greyborder .insidewrap        .inside div#spielleiter div#leader table.leader td.cell {
        background: url(../vc_globals/bilder/icon_phone.png) no-repeat top left;
        color: #5f5f5f;
        font-size: 11px;
        font-weight: bold;
        width: 120px;
        padding: 0px 0px 0px 25px;
}

/* MyStatus */

.box-greyborder .insidewrap        .inside div#mygamenavi table.myinfo td.mystatus {
        font-weight: bold;
        width: 200px;
}

.box-greyborder .insidewrap        .inside div#mygamenavi table.myinfo td.mychoice {
        width: 160px;
}

.box-greyborder .insidewrap        .inside div#mygamenavi table.myinfo td.myinfo {
        width: 210px;
}

.box-greyborder .insidewrap        .inside div#mygamenavi table.myinfo td.mychoice select {
        width: 150px;
}

.box-greyborder .insidewrap        .inside div#mygamenavi table.myinfo td.myinfo input {
        width: 200px;
}

.box-greyborder .insidewrap .inside div#mygamenavi table.myinfo td.send input {
        font-weight: bold;
}

.box-greyborder .insidewrap        .inside div#mygamenavi table.myinfo td.mylinks table {
        width: 100%;
}

.box-greyborder .insidewrap        .inside div#mygamenavi table.myinfo td.socialmedia {
        height: 30px;
}

.box-greyborder .insidewrap        .inside div#mygamenavi table.myinfo td.mylinks table.mylinks td a.invite {
        background: url(../vc_globals/bilder/SD/mymenu_invite.png) no-repeat top left;
        color: #63A800;
        font-weight: bold;
        height: 16px;
        display: block;
        padding: 5px 0px 0px 25px;
}

.box-greyborder .insidewrap        .inside div#mygamenavi table.myinfo td.mylinks table.mylinks td a.edit {
        background: url(../vc_globals/bilder/SD/mymenu_edit.png) no-repeat top left;
        color: #63A800;
        font-weight: bold;
        height: 16px;
        display: block;
        padding: 5px 0px 0px 25px;
}

.box-greyborder .insidewrap        .inside div#mygamenavi table.myinfo td.mylinks table.mylinks td a.del {
        background: url(../vc_globals/bilder/SD/mymenu_del.png) no-repeat top left;
        color: #63A800;
        font-weight: bold;
        height: 16px;
        display: block;
        padding: 5px 0px 0px 25px;
}

.box-greyborder .insidewrap        .inside div#mygamenavi table.myinfo td.mylinks table.mylinks td a.invite:hover, .box-greyborder .insidewrap        .inside div#mygamenavi table.myinfo td.mylinks table.mylinks td a.edit:hover, .box-greyborder .insidewrap        .inside div#mygamenavi table.myinfo td.mylinks table.mylinks td a.del:hover {
        color: #FEAA10;
}

/* Greyborder */

.box-greyborder                        { margin: 10px 0px 10px 0px; width: 100%; background-color: #b5b5b5; position: relative;}
.box-greyborder .tl                { width: 10px; height: 10px; background: url(../vc_globals/bilder/roundbox_top_left.gif) no-repeat top left; position: absolute; top: 0px; left: 0px; }
.box-greyborder .tr                { width: 10px; height: 10px; background: url(../vc_globals/bilder/roundbox_top_right.gif) no-repeat top right; position: absolute; top: 0px; right: 0px; }
.box-greyborder .bl                { width: 10px; height: 10px; background: url(../vc_globals/bilder/roundbox_bottom_left.gif) no-repeat bottom left; position: absolute; bottom: 0px; left: 0px; }
.box-greyborder .br                { width: 10px; height: 10px; background: url(../vc_globals/bilder/roundbox_bottom_right.gif) no-repeat bottom right; position: absolute; bottom: 0px; right: 0px; }
.box-greyborder .insidewrap        { padding: 1px;}
.box-greyborder .inside        { background-color: #FFFFFF; padding: 10px; }