body, html{



	background:#222;	background:url("images/bg2.png") repeat-x #001115;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	height:100%;
	margin:0;


}

table .head2{

	background-color:#ddd;

	text-align:center;
}

table .head3{

	background-color:#ddd;
	}



table .head{

	background-color:#f2a600;
	color:#fff;
	font-weight:bold;
	text-align:center;


}

.imagebox{

	float:right;
	margin:10px;
	margin-top:0;
	width:202px;
	text-align:center;
	*margin-top:20px;

}

.imagebox img{

	width:55px;
	height:55px;
	padding:2px;
	border:2px solid #ccc;
	margin:2px;
	
	/*
	opacity:0.4;
	filter:alpha(opacity=40);*/
	

}

.imagebox img.first{

	width:190px;
	height:190px;
	display:block;
	margin-top:0;

}


.imagebox a:hover img{

	border:2px solid  #f2a600;


}



#container{

	width:950px;
	position:relative;

	left:50%;
	margin-left:-475px;
	

}

#module ul{


	margin:0;
	padding-left:20px;

}

#header{

	background:50% 20px url("images/horseheader.png") no-repeat #fff;
	display:block;
	height:82px;
	width:100%;
	text-align:left;

	padding-top:20px;

}

#header .logo{

	margin-left:50px;
}


#menu{
	
	background:url("images/menu1.png") repeat-x;
	height:40px;
	width:950px;
	display:block;
	border-bottom:10px solid #000;

}

#menu ul{

	margin:0;
	padding:0;
	list-style:none;


}

#menu li{

	
	float:left;
}

#menu a{

	float:left;
	display:block;
	padding-top:14px;
	padding-left:30px;
	padding-right:30px;
	
	color:#fff;
	text-decoration:none;
	padding-bottom:13px;
	
border-left:1px solid #457682;
	
	border-right:1px solid #07404e;
	font-stretch:expanded;
}



#menu a:hover{

	background:url("images/menu3.png") repeat-x;
	border-left:1px solid #444444;
} 



#menu li.selected a{
	
	background:url("images/menu2.png") repeat-x;
	
border-left:1px solid #444444;
}
#menu a.start, #menu li.selected a.start{
border-left:0;

}






#content{
	clear:both;
	width:950px;
	float:left;
	background-color:#fff;
	padding-bottom:20px;

}


#footer{


	clear:both;
	background:url("images/bot.png") no-repeat;
	height:16px;
	width:950px;
	float:left;

	padding-bottom:10px;

}


#info{


	height:120px;
	border-bottom:10px solid #000;

}


#block{


	width:250px;
	height:200px;
	background: url("images/menubot.png") bottom no-repeat #f2a600;



}

#left{

	margin-left:20px;
	margin-right:20px;
	float:left;
	width:250px;
	height:100%;

}



#left .content{

	padding:20px;
	margin-bottom:20px;
	background:url(images/botmenu1.png) bottom no-repeat #ddd;

}

#left #start .title {

	background: #f2a600;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	

}

#left #start .content {

	background:url(images/menubot.png) bottom no-repeat #f2a600;
	color:#fff;

}



#left #start .content input {

	margin-top:5px;
	margin-bottom:5px;
	width:170px;
	font-size:11px;
	padding:2px;
	color:#666666;
}

#left #start .content input#login{

	width:100px;
	background:url("images/login.png") repeat-x #ddd;

	height:25px;
	border:1px solid #ccc;
	
	font-size:11px;
	font-weight:bold;

}

a{
	
	color:#f2a600;
text-decoration:none;
}

#left a{

	color:#444;
}

#left #start a{

	color:#fff;
	text-decoration:none;
}


h1 a{

	color:#444;
	text-decoration:none;
}

#left #start a:hover,h1 a:hover, a:hover{

	text-decoration:underline;
}





#breadcrumbs{

	background-color:#000;
	
	padding:20px;
	color:#FFFFFF;
padding-top:10px;
}


#botmenu{


text-align:center;
padding-bottom:10px;
color:#FFFFFF;
font-size:10px;
}

#botmenu ul{
	list-style:none;
	display:inline;
	margin:0;
	padding:0;


}
#botmenu li{
	display:inline;
	margin-left:10px;
}

#botmenu a{
	color:#fff;
}


#bannerbox{


	background-color:#000000;
	height:100px;
	width:350px;
	position:absolute;
margin-left:570px;
opacity:0.7;filter:alpha(opacity=70);
	color:#fff;
	padding:15px;
	padding-top:5px;
	
		font: normal 11px/18px verdana,Arial, sans-serif;
		
}

#bannerbox ul{

margin:0;
	*margin-left:20px;
}





#bannerbox div, #bannerbox h2{

opacity:1;filter:alpha(opacity=100);
}

.product a.link, a.boxlink, a.boxlink2{
	
	padding:5px;
	color:#fff;
	display:block;
	float:left;
	background-color:#064353;
	text-decoration:none;
	margin-right:5px;
	margin-top:5px;
	text-align:center;
	width:70px;

}

#left a.boxlink{

	float:none;
	color:#ffffff;
	width:150px;
}

.product a.link:hover,  a.boxlink:hover, a.boxlink2:hover{

	background-color:#f2a600;

}

a.boxlink2{

	float:none;
	margin:0;
	
	width:190px;
}




.product .textbox{

height:100%;
float:left;
clear:both;

	
}


#mid{

	float:left;
	width:640px;

}

#left h5{

	font-size:14px;
	color:064353;
	padding-top:20px;
	margin:0;
	margin-bottom:10px;


	clear:both;
	


}

.FLOATLEFTIMAGE{

	float:left;
	margin:5px;

}

.FLOATRIGHTIMAGE{

	float:right;
	margin:5px;
	

}


#left h1.title{

	background:url(images/topmenu1.png) no-repeat #ddd;
	
	padding-top:15px;
	padding-left:20px;
	
	display:block;
	font-size:16px;
	color:#444444;
	margin:0;

}


#content #mid h1.title{

	font-size:16px;
	color:#f2a600;
	margin-top:20px;

}




h1{


	font-size:24px;
}



.product h2{

	font-size:14px;
	color:#034050;
	margin-bottom:5px;
	height:100%;
	

}







.sIFR-flash {
            vertical-align: bottom;
        }






.sIFR-hasFlash h1 {
  font-size: 16px;
  line-height: 1em;
}







/* tooltip design */
.ToolTips { display:block; position:absolute; width:404px; }
.ToolTips .sticky_close { display:block; position:absolute; top:1px; right:3px; background:url(images/fileclose.png); width:16px; height:16px; line-height:16px; font-size:0px; z-index:100000000; }
.ToolTips .message { display:block; position:relative; background:url(images/tip_body.png) repeat-y; padding:0px 10px; }

/* here we do a little switch. If the tooltip is positioned above the element hovered, it changes the classes on the header/footer divs in order to point at the element hovered */
.ToolTips .dockBottomHeader, 
.ToolTips .dockTopFooter { display:block; position:relative; background:url(images/dockBottomHeader.png) no-repeat bottom; height:33px;  }
.ToolTips .dockTopFooter { background:url(images/dockTopFooter.png) no-repeat bottom; height:38px; }

.ToolTips .dockBottomFooter,
.ToolTips .dockTopHeader { display:block; position:relative; background:url(images/dockBottomFooter.png); height:14px; line-height:11px; font-size:0px; clear:both; }
/* this one has more height to display the close button in case sticky tooltips are on */
.ToolTips .dockTopHeader { background:url(images/dockTopHeader.png) bottom center no-repeat; height:20px; line-height:20px; font-size:0px; }

* html .ToolTips .dockBottomHeader { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dockBottomHeader.png'); }
* html .ToolTips .dockBottomFooter { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dockBottomFooter.png'); }
* html .ToolTips .dockTopHeader { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dockTopHeader.png'); }
* html .ToolTips .dockTopFooter { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dockTopFooter.png'); }
* html .ToolTips .sticky_close {  background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fileclose.png');  }

/* this is just a div displaying the loading animated .gif */
.loading { display:block; margin:0px auto 0px; background:url(images/ajax-loader.gif) center center no-repeat; width:31px; height:50px; }

/* tip container */
.tipContainer { display:none; }

/* beautify the tooltip content */
.ToolTips .message { font-size:12px; text-align:justify; }
.ToolTips .message h3 { font-size:16px; margin:0px 0px 10px; padding:0px; color:#000000; }
.ToolTips .message .rights { display:block; clear:both; margin:15px 0px 0px; text-align:right; font-size:11px; color:#666666; }





















form.formular {
font-family: tahoma, verdana, "sans-serif";
font-size: 11px;
padding: 20px;
padding-top:10px;
padding-bottom:10px;
border: 1px solid #fff;
background: #f2f2f2;
}

form.black {
font-family: tahoma, verdana, "sans-serif";
font-size: 11px;
padding: 20px;
border: 1px solid #A5A8B8;
background:#666666;
color:#CCCCCC;
}

form.black legend{
color:#CCCCCC;
}

.formular fieldset {
margin-top: 20px;
padding : 15px;
border: 1px solid #B5B8C8;	

}

.formular legend {
font-size: 11px;
color: #15428B;
font-weight: 900;
}

.formular fieldset label {
float: none;
text-align: inherit;
width: auto;
}

.formular label span {
color: #000;
}

.black label span {
color: #ccc;
}

.formular input, .formular select, .formular textarea {
display : block;
margin-bottom: 5px;
}

.formular .text-input {
width: 180px;
color: 555;
padding: 4px;
border: 2px solid #B5B8C8;
font-size: 11px;
margin-top: 4px;
background: #FFF url('/img/form/text-bg.gif') repeat-x;

}

.text-input, select {
width: 180px;
color: #555;
padding: 4px 4px 3px;
border: 2px solid #B5B8C8;
font-size: 11px;
margin-top: 4px;
margin-bottom: 4px;
background: #FFF url('/img/form/text-bg.gif') repeat-x;

}


.formular .infos {
background: #FFF;
color: #333;
font-size: 12px;
padding: 10px;
margin-bottom: 10px;
border:1px solid #B5B8C8;
}

.formular span.checkbox, 
.formular .checkbox {
display: inline;
}

.formular .button {
text-align:right;
margin-top: 20px;
}

.submit {
color: #555;
float:right;
text-decoration: none;
}

.formular a.submit {
background: url('/img/form/button-bg.png') repeat-x;
border: 1px solid #AAA;
padding: 4px;
}

input.button {
background: url('/img/form/button-bg.png') repeat-x;
border: 2px solid #AAA;
padding: 4px 4px 1px;
font-size:14px;
margin-top:4px;
}

.formular input {
background: url('/img/form/button-bg.png') repeat-x;
border: 2px solid #AAA;
padding: 4px;
}

.formular hr {
clear: both;
visibility: hidden;
}

.formular .fc-error {
width: 350px;
color: 555;
padding: 4px;
border: 1px solid #B5B8C8;
font-size: 12px;
margin-bottom: 15px;
background: #FFEAEA;
}