/*
http://www.kirsle.net/wizards/ttf2eot.cgi
http://www.fontsquirrel.com/fontface/generator
*/

@font-face {
 font-family: Helterskelter;
 src: url("Helterskelter.eot") /* EOT file for IE */
}
@font-face {
 font-family: Helterskelter;
 src: url("Helterskelter.ttf") /* TTF file for CSS3 browsers */
}

body			{font: normal 10pt 'Arial';}
.bg				{background-image: url(images/bg1.gif); background-attachment: fixed}
.bg1			{background-image: url(images/bg_stripes.gif); background-attachment: fixed}
.bg2			{background-image: url(images/bg_team.jpg); background-position:top 0%; background-repeat:no-repeat;}
.bgxm			{background-image: url(images/xmas/xmas_tree2.jpg); background-attachment: fixed; background-position:center; background-repeat:no-repeat;}
.bgxm2			{background-image: url(images/xmas/wreath.jpg); background-attachment: fixed; background-position:center; background-repeat:no-repeat;}
.bgtrans		{color: white; background: transparent;}

td				{font: normal 10pt 'Arial';}
th				{font: bold 10pt 'Arial';}
p				{font-size: 12px; color: #000000; font-family: arial, helvetica, sans-serif; text-decoration: none}
a:hover			{text-decoration: none;}

.ticker			{font: normal 14pt 'Impact'; color:red}
a.ticker:link	{text-decoration: none; color: yellow}
a.ticker:hover	{text-decoration: none; color: black; background-color: white;}
a.ticker:visited{text-decoration: none; color: yellow}

.butt			{cursor:pointer;}
.button			{font: bold 10pt 'Arial'; color: #ffffff; background: #006400; border-width: 1px; border-color: #008000 #002000 #002000 #008000; cursor:pointer;}
.button_hover	{background: #008000; border-width: 1px; border-color: #006400 #002000 #002000 #006400; color: black}
 
.button1		{font: bold 8pt 'Arial'; color: #ffffff; background: #006400; border-width: 1px; border-color: #008000 #002000 #002000 #008000; cursor:pointer;}
.button1a		{font: bold 8pt 'Arial'; color: green; background: #F1F1F1; border-width: 1px; border-color: #008000 #002000 #002000 #008000; cursor:pointer;}
.button2		{font: bold 10pt 'Arial'; color: #ffffff; background: brown; border-width: 1px; border-color: brown #002000 #002000 brown; cursor:pointer;}
.button2a		{font: bold 8pt 'Arial'; color: #ffffff; background: brown; border-width: 1px; border-color: brown #002000 #002000 brown; cursor:pointer;}
.button3		{font: bold 10pt 'Arial'; color: #ffffff; background: #00A800; border-width: 1px; border-color: #008000 #002000 #002000 #008000; cursor:pointer;}
.button_brown	{font: bold 10pt 'Arial'; color: #ffffff; background: red; border-width: 1px; border-color: $000080 #002000 #002000 red; cursor:pointer;}
.button_green	{font: bold 10pt 'Arial'; color: #ffffff; background: green; border-width: 1px; border-color: green #002000 #002000 green; cursor:pointer;}
.button_red		{font: bold 10pt 'Arial'; color: #ffffff; background: red; border-width: 1px; border-color: red #002000 #002000 brown; cursor:pointer;}
.button_red_small	{font: bold 7pt 'Arial'; color: #ffffff; background: red; border-width: 1px; border-color: red #002000 #002000 brown; cursor:pointer;}
 
.but_on			{font: bold 10pt 'Arial'; color: #ffffff; background: #006400; border-width: 1px; border-color: #008000 #002000 #002000 #008000; cursor:pointer;}
.but_off		{font: bold 10pt 'Arial'; color: silver; background: gray; border-width: 1px; border-color: #006400 #002000 #002000 #006400; cursor:pointer;}

.but_hide		{font: normal 10pt 'Arial'; color: #000000; background: #D3FFA8; border:0 transparent; cursor:text;}
.but_green		{font: normal 10pt 'Arial'; color: #000000; background: #D3FFA8; border:0 transparent; cursor:pointer;}
.but_trans		{font: bold   10pt 'Arial'; color: #000000; background: #FFF0F0; border:0 transparent; cursor:pointer;}
.input_trans	{background:transparent; border:0 transparent; cursor:default;}

.cal			{font: normal 7pt Arial; color: white; text-decoration: none;}
a.cal:hover		{font: normal 7pt Arial; color: yellow; background-image:url(images/bg_winnoir.png); text-decoration: none;}

.sred			{color: red}
.sblack			{color: black}

.copy			{font-weight: bold; font-size: 10px; color: #ffffff; font-family: arial, helvetica, sans-serif; text-decoration: none; cursor: text;}
a.copy:link		{color: #ffffff; text-decoration: none; cursor: text;}
a.copy:hover	{color: #ffffff; text-decoration: none; cursor: text;}
a.copy:visited	{color: #ffffff; text-decoration: none; cursor: text;}

.menu			{font: normal 10pt Arial; color: black; text-decoration: none;}
a.menu:link		{font: normal 10pt Arial; color: black; text-decoration: none;}
a.menu:hover	{font: normal 10pt Arial; background-color: green; color: #ffffff; text-decoration: none;}

.menu2			{font: normal 10pt Arial; color: black; text-decoration: none;}
a.menu2:link	{font: normal 10pt Arial; color: black; text-decoration: none;}
a.menu2:hover	{font: normal 10pt Arial; background-color: brown; color: #ffffff; text-decoration: none;}

.menubo			{font: normal 11pt Arial; color: #000000; text-decoration: none;}
a.menubo:link	{font: normal 11pt Arial; color: #000000; text-decoration: none;}
a.menubo:hover	{font: normal 11pt Arial; background-color: gray; color: #ffffff; text-decoration: none;}

.nav			{font-size: 11px; color: #ffffff; line-height: 15px; font-family: arial, helvetica, sans-serif; text-decoration: none}
a.nav:link		{font-size: 11px; color: #ffffff; line-height: 15px; font-family: arial, helvetica, sans-serif; text-decoration: none}
a.nav:hover		{font-size: 11px; color: #ffffff; line-height: 15px; font-family: arial, helvetica, sans-serif; text-decoration: underline}


.fieldbg		{background-image: url(images/bg_gradient1.gif);}
.fieldbgk		{background-image: url(images/bg_gradient1.gif); border-width:1px; border-style:solid; border-color:black;}

.fieldheader	{font: bold 15pt Arial; color: #ffffff; text-decoration: none; background-image:url(images/bg_winnoir.png);}
.fieldheaderk	{font: bold 15pt Arial; color: #ffffff; text-decoration: none; background-image:url(images/bg_winnoir.png); border-width:1px; border-style:solid; border-color:black;}

.fieldheaders	{font: bold 10pt Arial; color: #ffffff; text-decoration: none; background-image:url(images/bg_winnoir.png);}
.fieldheadersk	{font: bold 10pt Arial; color: #ffffff; text-decoration: none; background-image:url(images/bg_winnoir.png); border-width:1px; border-style:solid; border-color:black;}

.fieldhead		{font: bold 10pt Arial; color: #ffffff; background-color: #676767;}
.fieldheadk		{font: bold 10pt Arial; color: #ffffff; background-color: #676767; border-width:1px; border-style:solid; border-color:black;}

.fieldlist		{font: bold 10pt Arial;}
a.fieldlist		{font: bold 10pt Arial; color: #ffffff;}
a.fieldlist:hover {font: bold 10pt Arial; color: silver; background-image:url(images/bg_winnoir.png);}
a.fieldlist:link  {font: bold 10pt Arial; color: #ffffff;}

.fieldlistk		{font: bold 10pt Arial; color: #ffffff; border-width:1px; border-style:solid; border-color:black;}

.fielddark		{font: bold 10pt Arial; color: #000000; text-decoration: none; background-color: silver;}
.fielddarkk		{font: bold 10pt Arial; color: #000000; text-decoration: none; background-color: silver; border-width:1px; border-style:solid; border-color:black;}

.fielddarkw		{font: bold 10pt Arial; color: #ffffff; text-decoration: none; background-color: silver;}
.fielddarkwk	{font: bold 10pt Arial; color: #ffffff; text-decoration: none; background-color: silver; border-width:1px; border-style:solid; border-color:black;}

.fieldlight		{font: normal 10pt Arial; color: #000000; text-decoration: none; background-color: #F5F5F5;}
.fieldlightk	{font: normal 10pt Arial; color: #000000; text-decoration: none; background-color: #F5F5F5; border-width:1px; border-style:solid; border-color:black;}

.field			{font: normal 10pt Arial; color: #000000; text-decoration: none; background-color: #F1F1F1;}
.fieldk			{font: normal 10pt Arial; color: #000000; text-decoration: none; background-color: #F1F1F1; border-width:1px; border-style:solid; border-color:black;}


.footer			{font: bold 10pt Arial; color: #ffffff; text-decoration: none;}
.footer:link	{font: bold 10pt Arial; color: #ffffff; text-decoration: none;}
a.footer:hover	{font: bold 10pt Arial; color: #144704; background-color: #FEFEFE; text-decoration: none;}

.footer2		{font: bold 10pt Arial; color: #ffffff; text-decoration: none;}
.footer2:link	{font: bold 10pt Arial; color: #ffffff; text-decoration: none;}
a.footer2:hover	{font: bold 10pt Arial; color: brown; background-color: #FEFEFE; text-decoration: none;}

.kader			{border-width:1px; border-style:solid; border-color:black;} 
.kaderd			{border-width:1px; border-style:dashed; border-color:black;} 
.kaderg			{border-width:1px; border-style:solid; border-color: #144704;} 
.kadergo		{border:2 outset green;} 
.kadergi		{border:2 inset green;} 
.kaders			{border-width:1px; border-style:solid; border-color: silver;} 
.kader2			{border-width:1px; border-style:solid; border-color:black; font: bold 10pt Arial; color:green; background-color:yellow} 
.kaderbig		{border-width:2px; border-style:solid; border-color:black;} 
.kadersmall		{border-width:1px; border-style:solid; border-color:black; font: normal 7pt Arial}

.small			{font: normal 7pt Arial}
.smallk			{font: normal 7pt Arial; border-width:1px; border-style:solid; border-color:silver;}
.smallbw		{font: normal 7pt Arial; color:white; background-color:black}
.smallwhite		{font: normal 7pt Arial; color:white}
.smallgray		{font: normal 7pt Arial; color:gray}
.smallsilver	{font: normal 7pt Arial; color:gray}
.smallgreen		{font: normal 7pt Arial; color:green}
.smallbrown		{font: normal 7pt Arial; color:#AF2B78}
.smallred		{font: normal 7pt Arial; color:red}
.smallb			{font-size:74%}
.smallbutton	{font: normal 7pt 'Arial'; color: #ffffff; background: #006400; border-width: 1px; border-color: #008000 #002000 #002000 #008000; cursor:pointer;}
.smallbuttonr	{font: normal 7pt 'Arial'; color: #ffffff; background: brown; border-width: 1px; cursor:pointer;}

.bgblack		{font: bold 10pt Arial; color:white; background-color:black}
.bgreen			{font: bold 10pt Arial; color:white; background-color:green}
.bgreenbig		{font: bold 14pt Arial; color:white; background-color: "#144704"}
.bgreenbigk		{font: bold 14pt Arial; color:white; background-color: "#144704"; border: 1 solid black;}
.bgreenbigin	{font: bold 14pt Arial; color:white; background-color: "#144704"; border: 2 inset;}
.bgreenbigout	{font: bold 14pt Arial; color:white; background-color: "#144704"; border: 2 outset;}
.bgreenyellow	{font: bold 10pt Arial; color:yellow; background-color:green}

.bgyellow		{background-color:yellow}
.bgyellowk		{border:1 solid black; color:black; background-color:yellow}

.bgred			{background-color:red; color:white}
.bgbrown		{background-color:brown; color:white}
.bgredk			{border:1 solid black; background-color:red; color:white;}
a.bgredk		{border:1 solid black; background-color:red; color:white; text-decoration:none;}

.brown			{color:brown}
.orange			{color:orange}
.red			{color:red}
.yellow			{color:yellow}
.green			{color:#144704}
.gray			{color:gray}

.alarm			{font: bold 14pt Wingdings; color: red; cursor:url("FiSt.cur"), wait;}
.alarm2			{font: bold 14pt Wingdings; color: white; cursor:url("FiSt.cur"), move;}
.bred1			{border:1 solid black; background-color:orange; color:white; font-weight: bold;}
.bred2			{border:1 solid black; background-color:red; color:white; font-weight: bold;}

.bw				{font: bold 10pt Arial; color:white; background-color:black}
a.bw:hover		{color: black; text-decoration: none; background-color:white}
.bwoutset		{font: bold 10pt Arial; color:white; background-color:black; border: 2 outset;} 

.grijs			{font: bold 10pt Arial; color:gray;}

.inset			{border: 2 inset;}
.outset			{border: 2 outset;} 

.greathead		{font: bold 28pt "Helterskelter"; color: #144704; text-align: center}
.titlehead		{font: bold 15pt "Helterskelter"; color: #144704; text-align: center}
.titlehead2		{font: bold 15pt "Helterskelter"; color: orange; text-align: center}
.subhead		{font: bold 11pt "Helterskelter"; color: #144704}

.image1			{cursor: hand; border: 0 outset; background: transparent; background-image: url(images/skype_plus.gif)}
.image2			{cursor: hand; border: 0 outset; background: transparent; background-image: url(images/skype_call.gif)}
.image3			{cursor: hand; border: 0 outset; background: transparent; background-image: url(images/skype_chat.gif)}
.image4			{cursor: hand; border: 0 outset; background: transparent; background-image: url(images/skype_file.gif)}

.right			{text-align: right}
.center			{text-align: center}
.no_decoration	{text-decoration: none;}
.no_under		{text-decoration: none; color:black; cursor:default}
.weekout 		{text-decoration: none; cursor:pointer; background-color: pink; font: bold 7pt Arial; color: black}
.weekover 		{text-decoration: none; cursor:pointer; background-color: #3F6551; font: bold 7pt Arial; color: white}

sort			{font: bold 10pt Arial; color: yellow; text-decoration: none; background-image: url(images/bg_winnoir.png);}
a.sort:visited	{font: bold 10pt Arial; color: yellow; text-decoration: none; background-image: url(images/bg_winnoir.png);}
a.sort:link		{font: bold 10pt Arial; color: yellow; text-decoration: none; background-image: url(images/bg_winnoir.png);}
a.sort:hover	{font: bold 10pt Arial; color: #ffffff; text-decoration: none; background-color: silver;}

/* CSS container shadow */
#shadow-container {
position: relative;
left: 3px;
top: 3px;
margin-right: 3px;
margin-bottom: 3px;
}

#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
position: relative;
left: -1px;
top: -1px;
}

#shadow-container .shadow1 {
background: #F1F0F1;
}

#shadow-container .shadow2 {
background: #DBDADB;
}

#shadow-container .shadow3 {
background: #B8B6B8;
}

#shadow-container .container {
background: #ffffff;
border: 1px solid #848284;
padding: 10px;
}
/* CSS container shadow */