body
{
	font-family: Arial, Helvetica, sans-serif;
	background-color: #000000;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	color: #eeeeee;
	text-align: center;
	margin: 0px; 
	height: 100%; width: 100%;  
	background-image:url(http://www.thewico.com/pics/hgbottom.jpg); 
    background-repeat: repeat-x; 
    background-position: bottom left;
    background-attachment: fixed; 
	scrollbar-base-color: #000000;
	scrollbar-face-color: #770077;
	scrollbar-shadow-color: #000066;
	scrollbar-3dlight-color: #000066;
	scrollbar-darkshadow-color: #cc00aa;
	scrollbar-highlight-color: #cc00aa;
	scrollbar-track-color: #777777;
	scrollbar-arrow-color: #eeeeee;
}

/***** DIV *****/
#maindiv { position: absolute; z-index: 100; width: 100%; left: 0px; top: 0px;  }  /* main div */
#toppic { position: fixed; z-index: 2; width: 100%; height: 190px; left: 0px;  }
#tabheader { height: 170px; padding-bottom: 40px; }
.outerdiv { position: relative; height: 360px;  }
.innerdiv { position:absolute; top:50%; left: 50%; height: 160px; margin-top: -80px; width: 670px; margin-left: -335px; text-align: center; }
.errormsgdiv { text-align: center; padding: 20px 30px 20px 30px; border: 1px solid #770077; background-color: #88ff22; } 
.srcolldiv { width: 100%; text-align: right; background-position: right; } /* for top button */
.googleiframe { width: 650px; height: 600px; }  /* for google map contact */

/* transparent background div */
#transdiv  {
	width: 700px;  
	border: 1px solid #cc00aa;
	position: relative;   
	overflow: hidden;   }
   
#transdiv .transparency   {
    opacity: 0.75;   
    filter: alpha(opacity=75);   
    -moz-opacity: 0.75;   
    background-color: #022333;   
    width: 700px;   
    height: 3300px;   
    position: absolute;   
    top: 0px;   
    left: 0px;   
    z-index: -1;   }

/* content of transparent background div */
.content   
{   position: relative; text-align: left; padding: 30px 20px 25px 20px;  }  

/* div for user navigation */
.divunused  {
	width: 100px; height: 20px;
	border-top: 1px solid #cc00aa;
	border-left: 1px solid #cc00aa;
	border-right: 0px; border-bottom: 0px;
	text-align: center;
	vertical-align: middle;
	CURSOR: hand; }

.innerdivunused  {
	font-size: 9px;
	font-weight: normal;
	color: #333333;
	background-color: #aaaaaa;
	/*background-color: #ff99dd;*/
	width: 100%;
	height: 100%; 
	padding-top: 2px;
	border: 1px solid #aaaaaa; 
	CURSOR: hand;
	letter-spacing: 1px;
	word-spacing: 1px; }
	
.divused  {
	width: 100px; height: 20px;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 0px; border-bottom: 0px;
	text-align: center;
	vertical-align: middle; }
	
.innerdivused  {
	font-size: 9px;
	font-weight: normal;
	color: #eeeeee;
	background-color: #cc00aa;
	width: 100%;
	height: 100%; 
	padding-top: 2px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #cc00aa;
	border-left: 1px solid #cc00aa;
	border-right: 1px solid #cc00aa;  }
		
/* design styles all */
#marginindex { margin: 20px 120px 20px 130px; }
#marginindexhalf { margin: 20px 60px 20px 65px; }
.margintop { margin-top: 20px; }
.margintopdouble { margin-top: 40px; }
.marginbottom { margin-bottom: 15px; }
.marginbottomdouble { margin-bottom: 30px; }

/***** Form *****/
.input {
	margin: 0px;
	background-color: #eeeeee;
	border-color: #770077;
	border-width: 1px;
	border-style: solid;
	padding-top: 3px; 
	padding-left: 3px; }
	
.checkbox 
{ margin-right: 5px; }
a.checkbox:active { 
    background-color: #eeeeee; 
    border-color: #770077;
    border-width: 1px;
    border-style: solid; }
  
.buttondarkgray {
	background-color: #333333;
	height: 25px;
	border-color: #770077;
	border-width: 1px;
	border-style: solid; 
	CURSOR: hand; 
	letter-spacing: 1px;
	word-spacing: 1px; }

.buttonpink {
	background-color: #ff99dd;
	height: 25px;
	border-color: #770077;
	border-width: 1px;
	border-style: solid; 
	letter-spacing: 1px;
	word-spacing: 1px;
	CURSOR: hand; }

.buttongreen {
	background-color: #88ff22;
	height: 25px;
	border-color: #770077;
	border-width: 1px;
	border-style: solid; 
	letter-spacing: 1px;
	word-spacing: 1px;
	CURSOR: hand; }

.btnflagen {
	width: 30px;
	height: 17px;
	border: 0px;
	margin: 0px; 
	CURSOR: hand; 
	background-image: url(http://www.thewico.com/pics/flagen.gif); 
    background-repeat: no-repeat; }

.btnflagde {
	width: 30px;
	height: 17px;
	border: 0px;
	margin: 0px; 
	CURSOR: hand; 
	background-image: url(http://www.thewico.com/pics/flagde.gif); 
    background-repeat: no-repeat; }

.btndart {
	border: 0px;
	margin: 0px;
	CURSOR: hand;
	background-color: #eeeeee;
	background-image: url(http://www.thewico.com/pics/dartr.gif);
	background-repeat: no-repeat;
	background-position: left center;
	vertical-align: middle; }
	
.btndartblanko {
	border: 0px;
	margin: 0px;
	CURSOR: hand;
	background-color: transparent;
	background-image: url(http://www.thewico.com/pics/dartr.gif);
	background-repeat: no-repeat;
	background-position: left center;
	vertical-align: middle; }

.btnfont {
	font-weight: bold; line-height: 15px; color: #000000;  }
a.btnfont, a.btnfont:link, a.btnfont:visited, a.btnfont:active, a.btnfont:hover {
	font-weight: bold; line-height: 15px; color: #000000; text-decoration: none; CURSOR: hand; ! important; }
	
	
/***** Schriften *****/

/* colors */
.pink { color: #ee33cc; }
a.pink, a.pink:link, a.pink:visited, a.pink:active, a.pink:hover 
{ text-decoration: none; CURSOR: hand; color: #ee33cc; }

.darkpink { color: #aa0099; }
a.darkpink, a.darkpink:link, a.darkpink:visited, a.darkpink:active, a.darkpink:hover 
{ text-decoration: none; CURSOR: hand; color: #aa0099; }

.softgray { color: #eeeeee; }
a.softgray, a.softgray:link, a.softgray:visited, a.softgray:active, a.softgray:hover 
{ text-decoration: none; CURSOR: hand; color: #eeeeee; }

.darkgray { color: #333333; }
a.darkgray, a.darkgray:link, a.darkgray:visited, a.darkgray:active, a.darkgray:hover 
{ text-decoration: none; CURSOR: hand; color: #333333; }

.black { color: #000000; }
a.black, a.black:link, a.black:visited, a.black:active, a.black:hover 
{ text-decoration: none;  CURSOR: hand;  color: #000000; }


/* size */
.n1014 { font-size: 10px; line-height: 14px; font-weight: normal; }
a.n1014, a.n1014:link, a.n1014:visited, a.n1014:active, a.n1014:hover 
{ font-size: 10px; line-height: 14px; font-weight: normal; }

.b1014 { font-size: 10px; line-height: 14px; font-weight: bold; }
a.b1014, a.b1014:link, a.b1014:visited, a.b1014:active, a.b1014:hover 
{ font-size: 10px; line-height: 14px; font-weight: bold; }

.b1020sp2 { font-size: 10px; line-height: 20px; font-weight: bold; letter-spacing: 2px; word-spacing: 2px; }
a.b1020sp2, a.b1020sp2:link, a.b1020sp2:visited, a.b1020sp2:active, a.b1020sp2:hover 
{ font-size: 10px; line-height: 20px; font-weight: bold; letter-spacing: 2px; word-spacing: 2px; }
	
.n1214 { font-size: 12px; line-height: 14px; font-weight: normal; }
a.n1214 , a.n1214 :link, a.n1214 :visited, a.n1214 :active, a.n1214 :hover 
{ font-size: 12px; line-height: 14px; font-weight: normal; }

.b1214 { font-size: 12px; line-height: 14px; font-weight: bold; }
a.b1214, a.b1214:link, a.b1214:visited, a.b1214:active, a.b1214:hover 
{ font-size: 12px; line-height: 14px; font-weight: bold; }

.n1216sp2 { font-size: 12px; line-height: 16px; font-weight: normal; letter-spacing: 2px; word-spacing: 2px; }
	
.b1620 { font-size: 16px; line-height: 20px; font-weight: bold; }
.b1620sp2 { font-size: 16px; line-height: 20px; font-weight: bold; letter-spacing: 2px; word-spacing: 2px; } 
	
.b2428 { font-size: 24px; line-height: 28px; font-weight: bold; }
.b2632 { font-size: 28px; line-height: 36px; font-weight: bolder; letter-spacing: 2px; word-spacing: 3px; } 

.backwards { unicode-bidi: bidi-override; direction: rtl;  }
a.backwards, a.backwards:link, a.backwards:visited, a.backwards:active, a.backwards:hover 
{ unicode-bidi: bidi-override; direction: rtl;  }