/* 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: #01b4dc;
	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: #01b4dc;
	color: #FFFFFF;
}

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

h1, h2 {
	color: #FFFFFF;
	font-family: Arial Black, Arial, Helvetica, sans-serif;
	letter-spacing: -3px;
	font-size: 27px;
	text-shadow: 1px 1px 1px #000000;
	filter: dropshadow(color=#000000, offx=1, offy=1);
	display: inline;
}



#slogan
{
	color: #FFFFFF;
	font-size: 14px;
	letter-spacing: -1px;
	font-weight: bold;
	text-shadow: 1px 1px 1px #000000;
	filter: dropshadow(color=#000000, offx=1, offy=1);
	display: inline;
}

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

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

#header_left
{
	width: 280px;
	height: 140px;
	background-image: url(../vc_globals/bilder/layout_v2/header_left.jpg);
	background-repeat: no-repeat;
	padding: 80px 10px 10px 10px;
	float: left;
}

#header_right {
	width: 677px;
	height: 230px;
	background-image: url(../vc_globals/bilder/layout_v2/headpicture_empty.jpg);
	background-repeat: no-repeat;
	float: left;
}

/* ########################################################## Navigation Formatierung */
#naviHori
{
	width: 677px;
	height: 50px;
	margin: 180px 0px 0px 0px;
}

.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;
  }
  
/* My Navigation */
 
#myNavi
{
	width: 677px;
	height: 30px;
	background-color: #01b4dc;
	padding: 0px 0px 0px 0px;
}

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

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

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

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


  
/* ########################################################## CONTENT DIV Container */

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

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

#leftBlock
{
 	width: 300px;
	height: 235px;
	background-image: url(../vc_globals/bilder/layout_v2/interface_left.jpg);
	background-repeat: no-repeat;
	
}

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

.blockTitle {

}

.blockLinks {
	padding-top: 10px;
}

#leftNavi
{
	width: 263px;
	padding-left: 11px;
	padding-right: 20px;
}

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

#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: #828282;
}

#footer 
{
	width: 977px;
	background-color: #01b4dc;
}	


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

#footerText table td {
	color: #555555;
}

/*Formatierungen für Footerinhalt */

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

.footerlink:hover
{
	color: #555555;
}


/* ########################################################## 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: 16px;
	letter-spacing: 0px;
	font-size: 14px;

}

/* ########################################################## Klassen für Überschriften,Schriften */

h3
{
	color: #FEAA10;
	font-size: 14px;
}

/* 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: #01b4dc;
	 background-image: url(../vc_globals/bilder/link.jpg);
	 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: #01b4dc;
 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: #01b4dc;
	text-decoration: none;
}

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

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


/* ########################################################## 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: #797979;
 background-image: url(../vc_globals/bilder/link.jpg);
 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/linkover.jpg);
 background-repeat: no-repeat;
 background-position: left;
 background-color: #02B4DC;
 padding-top: 3px;
 padding-left: 21px;
 text-decoration: none;
}

#naviOtherActive
{
 color: #FFFFFF;
 background-image: url(../vc_globals/bilder/linkover.jpg);
 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: #01b4dc;
 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: #01b4dc;
 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;
}

/*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: #01b4dc;
 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 #01b4dc;
}

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

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

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

.border_green
{
	border: 2px solid #01b4dc;
}

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

.box_green {
	width: 610px;
	padding: 10px;
	border: 5px solid #01b4dc;
	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 #01b4dc;
}

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

/* 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:#01b4dc; cursor:pointer; }
	
	.normallink a { color: #000000; }
	.normallink a:hover { color: #FFFFFF; }
 
/* Serienspiel Termine */

.regame_title
{
	color: #01b4dc;
	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: #01b4dc; 
	background-image: url(../vc_globals/bilder/color_tabs_left.gif); 
	background-repeat: no-repeat; 
	background-position: left top;
}

#interfaceselect a span{
	background-color: #01b4dc; 
	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: #01b4dc;
}

/* 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: #01b4dc;
}

.interfacemenu a:hover span
{
	background-color: #01b4dc;
}


.interfacemenu a:active a.current, #interfacemenu a.current span
{ 
	background-color: #01b4dc;
}

.interfacemenudown
{
	background-color: #01b4dc;
}

.interfacemenuline
{
	clear: both;
	padding: 0;
	width: 100%;
	height: 8px;
	line-height: 8px;
	background: #01b4dc;
	
	border-top: 1px solid #ffffff; /* linie unter menü */
}

#interfaceplayerborder
{
	border: 5px solid #01b4dc;
	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: #01b4dc;
	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: #01b4dc; 
	background-image: url(../vc_globals/bilder/color_tabs_left.gif); 
	background-repeat: no-repeat; 
	background-position: right top;
}

#interface2select a span{
	background-color: #01b4dc; 
	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: #01b4dc;
}

/* hover */

.interfacemenu2 a:hover
{
	background-color: #01b4dc;
}

.interfacemenu2 a:hover span
{
	background-color: #01b4dc;
}


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

.interfacemenu2line
{
	color: #FFFFFF;
	clear: both;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 17px;
	background: #01b4dc;
	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 #01b4dc;
	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:#01b4dc; }
.starttable1linkhover { color:#01b4dc; 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/linkover.jpg);
 	background-repeat: no-repeat;
 	background-position: left;
 	background-color: #02B4DC;
 	padding-top: 3px;
 	padding-left: 21px;
 	text-decoration: none;

}

.featuredbutton
{
	 color: #FFFFFF;
	 background-color: #01b4dc;
	 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: #01b4dc;
	 background-image: url(../vc_globals/bilder/link.jpg);
	 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: #01b4dc;
	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: #01b4dc;
	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: #828282;
}

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: #828282;
	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: #828282;
	float: left;
}

div#sgame_menu div.sgame_menu_next {
	width: 10px;
	height: 22px;
	padding: 10px 10px 0px 10px;
	background-color: #828282;
	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: #828282;
	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: #01b4dc;
	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: #01b4dc;
	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: #01b4dc;
	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; }

/* Header für verschiedene Sportarten*/
#header_right_badminton {
	width: 677px;
	height: 230px;
	background-image: url(../vc_globals/bilder/layout_v2/headpicture_badminton.jpg);
	background-repeat: no-repeat;
	float: left;
}

#header_right_basketball {
	width: 677px;
	height: 230px;
	background-image: url(../vc_globals/bilder/layout_v2/headpicture_basketball.jpg);
	background-repeat: no-repeat;
	float: left;
}

#header_right_billard {
	width: 677px;
	height: 230px;
	background-image: url(../vc_globals/bilder/layout_v2/headpicture_billard.jpg);
	background-repeat: no-repeat;
	float: left;
}

#header_right_dart {
	width: 677px;
	height: 230px;
	background-image: url(../vc_globals/bilder/layout_v2/headpicture_dart.jpg);
	background-repeat: no-repeat;
	float: left;
}

#header_right_doppelkopf {
	width: 677px;
	height: 230px;
	background-image: url(../vc_globals/bilder/layout_v2/headpicture_doppelkopf.jpg);
	background-repeat: no-repeat;
	float: left;
}

#header_right_handball {
	width: 677px;
	height: 230px;
	background-image: url(../vc_globals/bilder/layout_v2/headpicture_handball.jpg);
	background-repeat: no-repeat;
	float: left;
}

#header_right_kicker {
	width: 677px;
	height: 230px;
	background-image: url(../vc_globals/bilder/layout_v2/headpicture_kicker.jpg);
	background-repeat: no-repeat;
	float: left;
}

#header_right_schach {
	width: 677px;
	height: 230px;
	background-image: url(../vc_globals/bilder/layout_v2/headpicture_schach.jpg);
	background-repeat: no-repeat;
	float: left;
}

#header_right_snooker {
	width: 677px;
	height: 230px;
	background-image: url(../vc_globals/bilder/layout_v2/headpicture_snooker.jpg);
	background-repeat: no-repeat;
	float: left;
}

#header_right_squash {
	width: 677px;
	height: 230px;
	background-image: url(../vc_globals/bilder/layout_v2/headpicture_squash.jpg);
	background-repeat: no-repeat;
	float: left;
}

#header_right_tennis {
	width: 677px;
	height: 230px;
	background-image: url(../vc_globals/bilder/layout_v2/headpicture_tennis.jpg);
	background-repeat: no-repeat;
	float: left;
}

#header_right_tischtennis {
	width: 677px;
	height: 230px;
	background-image: url(../vc_globals/bilder/layout_v2/headpicture_tischtennis.jpg);
	background-repeat: no-repeat;
	float: left;
}

#header_right_poker {
	width: 677px;
	height: 230px;
	background-image: url(../vc_globals/bilder/layout_v2/headpicture_poker.jpg);
	background-repeat: no-repeat;
	float: left;
}

#header_right_volleyball {
	width: 677px;
	height: 230px;
	background-image: url(../vc_globals/bilder/layout_v2/headpicture_volleyball.jpg);
	background-repeat: no-repeat;
	float: left;
}

#header_right_yugioh {
	width: 677px;
	height: 230px;
	background-image: url(../vc_globals/bilder/layout_v2/headpicture_yugioh.jpg);
	background-repeat: no-repeat;
	float: left;
}

