﻿body {
	font:13px Tahoma, Geneva, sans-serif;
	color:#333;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-position:center;
	background-repeat:repeat-y;
	/*background-image:url(../images/banner-bar.jpg);*/

}

/*
img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}

html {
-webkit-filter: grayscale(100%);
}
*/


h1,.dev{margin:0;padding:0;	color:#399ac9;
	font-weight:bold;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;	display:inline;}

@font-face {
	font-family: "ArialBlack";
	src: url("../fonts/ArialBlack.eot");
	src: local('ArialBlack'), url("../fonts/ArialBlack.woff") format('woff'), url("../fonts/ArialBlack.ttf") format('truetype'), url("../fonts/ArialBlack.svg") format('svg');
	font-weight: normal;
	font-style: normal;
}

a.contact-link:link , a.contact-link:visited{
	color:#00B3F8;
	text-decoration:none;
}

a.contact-link:hover{
	color:#00B3F8;
	text-decoration:underline;
}

span.imprint a:hover{
	color:#00B6F6;
	
}

span.imprint a{
	color:#9E9C9C;
	
}

span.imprint a:hover{
	color:#666;
	
}

.body1 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #333;
}
.cer-title {
	font:15px Tahoma, Geneva, sans-serif;
	color:#333;
	font-weight:bold;
}
			h2 {
				font: normal 16px Arial, Verdana, Helvetica, sans-serif;
				margin: 0 0 0 0;
				text-align: left;
				display:inline;
				z-index:-1;
				color:#00b6f6;
			}
			h3 {
				font: normal 18px Arial, Verdana, Helvetica, sans-serif;
				margin: 0 0 0 0;
				text-align: left;
				display:inline;
				z-index:-1;
				color:#ffffff;
			}
			


a:link, a:visited {
	color: #333;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
}
a:hover {
	color: #00B3F8;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
}

a.magazine:link, a.magazine:visited {
	color: #333;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
}
a.magazine:hover {
	color: #00B3F8;
	text-decoration:underline;
	font-family: Arial, Helvetica, sans-serif;
}

.text2t a:visited{
	font: bold 13px Tahoma, Geneva, sans-serif;
	color: #39C;
	padding: 0px;
	text-decoration: none;
}
.text2t a:hover{
	font-family: Tahoma;
	font-size: 13px;
	font-weight: bold;
	color: #666;
	text-decoration: none;
}

.titlep {
	font: bold 18px Tahoma;
	color: #8B8B8B;
}
.titlep2 {
	font: bold 18px Tahoma
	color: #00ADF0;
}
.copy {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #9e9c9c;
}

.ti2 {
	font: bold 16px Tahoma;
	color: #8B8B8B;
}
.bold {
	font-weight: bold;
	font-family: Tahoma, Geneva, sans-serif;
	color: #333;
}
.blue {
	font-size: 16px;
	color: #01B3F9;
	font-weight: bold;
	font-family: Tahoma, Geneva, sans-serif;
}
.blue2 {
	font-family: "StainlessComp Black";
	font-size: 16px;
	color: #01B3F9;
}
.blue3 {
	font-family: "StainlessComp Black";
	font-size: 20px;
	color: #0272a0;
}

.backblue-en {
	font-family: "ArialBlack";
	font-size: 15px;
	color: #333;
}

.backblue{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 15px;
	color: #333;
	font-weight:bold;
}
.textwhite {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	color: #FFF;
	font-weight: bold;
}
.stainless {
	font-family: "StainlessComp Black";
	color: #01B3F9;
	font-size: 16px;
}
.linetitle
{
height:2px; 
width:700px;
background-image:url(../images/linetitle.jpg);
}
.linetitle2
{
height:1px; 
width:700px;
background-image:url(../images/linetitle.jpg);
}
.star {
font-family: Tahoma, Geneva, sans-serif;
font-size:12px;
color: #01B3F9;
}
.white{
font-family: Tahoma, Geneva, sans-serif;
font-size:12px;
color: #FFF;
font-weight:bold;
}
.white-link a:link,a:visited{
font-family: Tahoma, Geneva, sans-serif;
font-size:12px;
color:#FFF;
text-decoration:none;
}
.white-link a:hover{
font-family: Tahoma, Geneva, sans-serif;
font-size:12px;
color: #004F6C;
text-decoration:none;
}
.menu-top , .menu-top a:link , .menu-top a:visited{
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #9E9C9C;
	text-decoration: none;
}
.menu-top a:hover{
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #00b6f6;
	text-decoration: none;
}
.image-border{
	border:1px solid #CCC;
}
.page-link a:visited, .page-link a:link{
	font: bold 13px Tahoma, Geneva, sans-serif;
	color:#666;
	padding: 0px;
	font-weight: bold;
	text-decoration: none;
}
.page-link a:hover{
	font-family: Tahoma;
	font-size: 13px;
	font-weight: bold;
	color:#39C;
	text-decoration: none;
}

input, textarea, select {
	padding: 1px;
	margin: 1px;
}
input[type="text"], input[type="password"], textarea {
	border: 1px solid #CCCCCC;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
	border: 1px solid #39C;
}
.search-button{
vertical-align:middle; 
padding-bottom:4px; 
padding-right:16px;
position:relative;
}

#th a{color:#FFFFFF; height:30px; display:block;  text-indent:-5000px}
#th a:hover{color:#FFFFFF}

#th .home a{background:url(../images/menu-th_01.png) no-repeat; width:157px;}
#th .about a{background:url(../images/menu-th_02.png) no-repeat; width:160px;}
#th .system a{background:url(../images/menu-th_03.png) no-repeat; width:118px;}
#th .application a{background:url(../images/menu-th_04.png) no-repeat; width:145px;}
#th .project a{background:url(../images/menu-th_05.png) no-repeat; width:200px;}
#th .contact a{background:url(../images/menu-th_06.png) no-repeat; width:154px;}

#th .active a, #th .home a:hover,#th .about a:hover,#th .system a:hover,#th .application a:hover,#th .project a:hover,#th .contact a:hover{background-position:0 -30px}

#th a{color:#FFFFFF; height:30px; display:block;  text-indent:-5000px}
#th a:hover{color:#FFFFFF}


#en a{color:#FFFFFF; height:30px; display:block;  text-indent:-5000px}
#en a:hover{color:#FFFFFF}

#en .home a{background:url(../images/menu-en_01.png) no-repeat; width:115px;}
#en .about a{background:url(../images/menu-en_02.png) no-repeat; width:141px;}
#en .system a{background:url(../images/menu-en_03.png) no-repeat; width:135px;}
#en .application a{background:url(../images/menu-en_04.png) no-repeat; width:171px;}
#en .project a{background:url(../images/menu-en_05.png) no-repeat; width:218px;}
#en .contact a{background:url(../images/menu-en_06.png) no-repeat; width:154px;}

#en .active a, #en .home a:hover,#en .about a:hover,#en .system a:hover,#en .application a:hover,#en .project a:hover,#en .contact a:hover{background-position:0 -30px}

#en a{color:#FFFFFF; height:30px; display:block;  text-indent:-5000px}
#en a:hover{color:#FFFFFF}
