@charset "utf-8";
/* CSS Document */
html,body,p,div,img,h1,h2,h3,h4,li,ul,ol,dl,dd,dt,form,table,td,tr{
  margin:0;
  padding:0;
  border:0;
  border-collapse:separate;
  border-spacing:0;
}
ul, li{
list-style-type:none;
}
/**html,body{height:100%;}**/
body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#000;
	background:#FFF url(../images/netforms/layout/bodyBg.jpg) top center no-repeat;
	min-width:980px;
}
input,select,textarea{
  margin:0;
  padding:0;
  font-family:Arial, Helvetica, sans-serif;
  color:#333;
  font-size:0.9em;
}
strong,b{
  font-weight:bold;
}
a{
text-decoration:none;
color:#FF2E09;
}
a:link{
text-decoration:none;
color:#FF2E09;
}
a:visited{
text-decoration:none;
color:#FF2E09;
}
a:hover{
text-decoration:underline;
}
.clear{
clear:both;
}
/**bg**/
#bg{
width:100%;
position:absolute;
z-index:2;
margin-top:50px;
height:100%;
}
#bgLeft{
width:49%;
background:#fff;
border-top:1px solid #FF2E09;
height:380px;
float:left;
position:relative;
}
/**layout**/
#container{
width:100%;
margin:0 auto;
float:left;
z-index:10;
position:absolute;
background:transparent url(../images/netforms/layout/containerBg.jpg) bottom center no-repeat;
}
#page{
width:970px;
margin:0 auto;
}
#top{
width:970px;
height:91px;
background:#FFF url(../images/netforms/layout/topBg.jpg) top center no-repeat;
}
#logo{
width:280px;
height:81px;
background:transparent url(../images/netforms/layout/netformsLogo.jpg) left no-repeat;
float:left;
}
#logo h1 a{
width:280px;
height:81px;
display:block;
text-decoration:none;
text-indent:-999em;
}
/**topMenu**/
#topMenu{
width:99%;
height:50px;
line-height:50px;
/**float:right;**/
font-size:1.3em;
color:#acacac;
text-align:right;
font-weight: normal;
}
#topMenu a{
color:#fff;
font-size:0.6em;
font-weight:bold;
}
/**search**/
#searchBox{
width:350px;
height:70px;
float:right;
}
#searchBox input{
background:none;
border:none;
width:200px;
padding:3px 0;
float:left;
margin:32px 0 0 45px;
}
#searchBox .submitButton{
border:none;
height:30px;
background:none;
width:auto;
color:#fff;
margin:0;
cursor:pointer;
font-size:0.75em;
}
#searchBox .linkButton{
float:right;
margin:27px 25px 0 0;
}
#searchResults h2{
font-weight:normal;
}
#searchResults ul{
margin:20px;
}
#searchResults li{
background:transparent url(../images/netforms/layout/bullet.png) left no-repeat;
padding:3px 0 3px 20px;
}
/**breadcrumbs**/
#breadcrumbs{
height:18px;
line-height:19px;
font-size:0.6em;
width:49%;
float:left;
margin-left:15px;
color:#a6a6a6;
margin-top:15px;
position:absolute;
}
/**lang**/
#lang{
width:40px;
float:right;
margin:20px 0 0 930px;
font-size:0.6em;
position:absolute;
}
#lang a{
width:14px;
height:10px;
text-decoration:none;
display:block;
text-indent:-999em;
float:left;
margin-right:3px;
}
.en{
background:transparent url(../images/netforms/layout/en.png) no-repeat;
}
.de{
background:transparent url(../images/netforms/layout/de.png) no-repeat;
}
/**baners**/
#bannerStart{
width:970px;
background:transparent url(../images/netforms/layout/startBannerBg.png) top center no-repeat;
float:left;
height:250px;
}
#start_960x250{
width:960px;
height:250px;
margin-left:5px;
}
#bannerPage{
width:970px;
background:transparent url(../images/netforms/layout/pageBannerBg.jpg) top center no-repeat;
float:left;
height:150px;
}
#page_960x150{
width:960px;
height:150px;
margin-left:5px;
overflow:hidden;
}
/**submenu**/
#submenu{
width:969px;
height:35px;
float:left;
border-bottom:1px solid #FF2E09;
border-right:1px solid #FF2E09;
background:#fff;
font-size:0.69em;
}
#submenu ul{
margin:6px 10px 0 10px;
float:right;
}
#submenu li{
float:left;
margin:0 1px 0 1px;
}
#submenu li:hover{
cursor:pointer;
}
#submenu li a{
/**display:block;
float:left;**/
}
#submenu li:hover a, #submenu li.active a{
color:#000;
}
#submenu a:hover{
text-decoration:none;
}
.subMenuItem{
float:left;
height:29px;
line-height:29px;
margin:0 5px 0 5px;
}
#submenu li:hover .subMenuItem,
#submenu li.active .subMenuItem{
background:transparent url(../images/netforms/layout/subMenuBg.png) left repeat-x;
}


/**content**/
.content{
width:960px;
margin:0 0 10px 5px;
float:left;
}
.content .t{
width:100%;
float:left;
background:transparent url(../images/netforms/layout/dotsH.png) bottom left repeat-x;
}
.content .t div p{
padding:20px 10px 0px 10px;
font-size:0.75em;
color:#333;
line-height:1.5em;
text-align:justify;
height:110px;
}
.left, .right{
width:318px;
float:left;
}
.center{
width:324px;
float:left;
}
.big{
font-size:1.6em;
color:#000;
}
.content .b{
width:100%;
float:left;
margin:10px 0 10px 0;
}
.content .o{
width:100%;
float:left;
margin:10px;
}
.content .o div{
text-align:center;
}
.content .o ul{
padding:5px 30px 0 30px;
text-align:left;
}
.content .o li{
background:transparent url(../images/netforms/layout/bullet.png) left no-repeat;
padding:3px 0 3px 20px;
}
.content .t div p.bigMore{
text-align:right;
padding:0 10px;
height:25px;
}
.bigMore a{
padding-right:25px;
background:transparent url(../images/netforms/layout/arrowRight.png) right no-repeat;
}

/**page**/
.content.page{
width:970px;
margin:0 0 10px 0;
background:transparent url(../images/netforms/layout/pageTopBg.png) top left no-repeat;
font-size:0.75em;
}
.oneCol .in{
padding:10px 20px;
}
#pageTitle{
border-left:1px solid #FF2E09;
padding:10px;
}
#pageTitle h2{
background:transparent url(../images/netforms/layout/pageTitleMark.png) left no-repeat;
padding-left:30px;
font-family:Arial, Helvetica, sans-serif;
font-size:2em;
font-weight:normal;
}
#leftCol{
width:610px;
float:left;
padding:0 10px 0 30px;
}
#leftCol li{
background:transparent url(../images/netforms/layout/bullet.png) left no-repeat;
padding:3px 0 3px 20px;
}
#leftCol li ul li{
background:transparent url(../images/netforms/layout/bullet_small.png) left no-repeat;
padding:3px 0 3px 20px;
}
#rightCol{
width:270px;
float:right;
padding:0 30px 0 0px;
}
.content p{
padding:10px;
text-align:justify;
}
.content p img{
padding:0 5px 5px 0;
}
.quote{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-style:italic;
color:#595959;
}
#latestItem{
width:286px;
background:transparent url(../images/netforms/layout/latestItem.jpg) top no-repeat;
height:120px;
margin:10px 0;
}
#latestItem.english{
background:transparent url(../images/netforms/layout/latestItem_en.jpg) top no-repeat;
}
#latestItem.deutsch{
background:transparent url(../images/netforms/layout/latestItem_de.jpg) top no-repeat;
}
#latestItem ul{
width:152px;
float:right;
margin:15px 10px 0 0;
}
#latestItem .latestItem{
border:1px solid #ccc;
width:150px;
background:#fff;
overflow:hidden;
text-align:center;
}
/**catList**/
.content.list{
width:970px;
margin:0 0 10px 0;
background:transparent url(../images/netforms/layout/pageTopBg.png) top left no-repeat;
font-size:0.75em;
}
.list p{
padding:10px 10px 10px 30px;
float:left;
}
.page.one p{
padding:10px 40px;
}
.content.list #leftCol{
width:690px;
float:left;
padding:0 10px 0 30px;
}
.content.list #rightCol{
width:210px;
float:right;
padding:0 10px 0 0px;
}
.catList{
width:100%;
float:left;
}

.catNav{
width:100%;
float:left;
color:#fff;
font-size:0.9em;
line-height:15px;
}

.catNav a{
color:#fff;
text-decoration:none;
width:20px;
height:30px;
display:block;
background:transparent url(../images/netforms/layout/paginator.png) scroll 0 0;
float:left;
text-align:center;
margin:0 1px;
}
.catNav a:hover{
text-decoration:none;
color:#fff;
background:transparent url(../images/netforms/layout/paginator.png) scroll 0 -30px;
}
.catNav .active{
margin:0 1px;
width:20px;
height:30px;
display:block;
background:transparent url(../images/netforms/layout/paginator.png) scroll 0 -30px;
float:left;
text-align:center;
}
.catListItem{
width:100%;
background:transparent url(../images/netforms/layout/dotsH.png) bottom left repeat-x;
float:left;
padding:10px 0 10px 0;
}
.catListItem .foto{
width:150px;
height:150px;


background:#fff;
border:1px solid #ccc;
overflow:hidden;
padding:1px;
float:left;
text-align:center;
}
.catListItem .info{
width:530px;
float:right;
}
.content .catListItem .info p{
text-align:left;
}
.catListItem .info .title{
font-weight:bold;
color:#000;
}
.catListItem .info p{
font-size:0.88em;
color:#676767;
width:100%;
}
.catListItem .info .details{
font-size:0.8em;
}
.more{
background:transparent url(../images/netforms/layout/arrowRed.png) right no-repeat;
padding-right:10px;
}
/** full page**/
.content.list{
width:970px;
margin:0 0 10px 0;
background:transparent url(../images/netforms/layout/pageTopBg.png) top left no-repeat;
font-size:0.75em;
}
.catList.full{
width:920px;
float:left;
margin-left:30px;
}
.catList.full li{
float:left;
width:150px;
text-align:center;
background:#e9e9e9;
margin:2px;
padding:10px;
}
.catList.full li:hover{
margin:1px;
background:#fff;
border:1px solid #ccc;
}
.catList.full li:hover .catListItem .foto{
border:1px solid #fff;
}
.catList.full .catListItem{
background:none;
width:150px;
float:left;
padding:10px 0 10px 0;
}

.catList.full .catListItem .info{
width:150px;
overflow:hidden;
float:left;
}
.catList.full .catListItem .info .title{
height:30px;
}
.catList.full .catListItem .info p{
font-size:0.88em;
color:#676767;
width: auto;
padding:5px;
}
/**folio**/
.catList.folio{
width:920px;
float:left;
margin-left:30px;
}
.catList.folio li{
float:left;
filter: alpha(opacity= 80);
-moz-opacity: 0.8;
opacity: 0.8;
}
.catList.folio li:hover{
filter: alpha(opacity= 100);
-moz-opacity: 1;
opacity: 1;
}
.catList.folio .catListItem{
width:100px;
height:100px;
overflow:hidden;
background:none;
float:left;
padding:0;

}
/**cat item**/
.content.item{
width:970px;
margin:0 0 10px 0;
background:transparent url(../images/netforms/layout/pageTopBg.png) top left no-repeat;
font-size:0.75em;
}
.catItem{
width:920px;
padding:10px 0;
float:left;
margin-left:30px;
}

.catItem .foto{
width:500px;
background:#fff;
border:1px solid #ccc;
overflow:hidden;
padding:1px;
float:left;
text-align:center;
}
.catItem .info{
width:380px;
float:right;
}
#content .catItem .info p{
text-align:left;
}
.catItem .info .title{
font-weight:bold;
color:#000;
}
.catItem .info p{
font-size:0.88em;
color:#676767;
}
.catItem .info div{
padding:10px;
font-size:0.8em;
color:#676767;
}
.catItem .info .details label{
float:left;
width:90px;
}
.details.tech{
line-height:30px;
z-index:30;
}
.details.tech img{
margin:0 1px;
}
.catItem .fotos{
width:390px;
float:right;
}
.catItem .fotos div{
width:80px;
height:80px;
border:1px solid #ccc;
background:#fff;
overflow:hidden;
padding:1px;
float:left;
margin:0 1px;
text-align:center;
vertical-align:middle;
}
.catItem .fotos div img{
margin:0;
}
.catItem .fotos div:hover{
border:1px solid #FF2E09;
}
/**projectList**/
#projectList{
width:259px;
height:37px;
text-align:right;
/**background:transparent url(../images/netforms/layout/projectList.png) top left no-repeat;**/
position:absolute;
margin:10px 0 0 710px;
cursor:pointer;
z-index:30;
}
#projectList .link{
position: relative;
z-index:35;
width:249px;
text-align:right;
margin-right:10px;
height:15px;
line-height:15px;
margin-top:5px;
float:left;
}
#projectList:hover a{
color:#fff;
text-decoration:none;
}
#projectList:hover a:hover{
text-decoration:none;
}
#showList .t{
width:259px;
height:20px;
float:left;
background:transparent url(../images/netforms/layout/projectListT.png) top left no-repeat;
}
#showList .c{
width:239px;
float:left;
background:transparent url(../images/netforms/layout/projectListC.png) top left repeat-y;
padding:10px;
}
#showList .b{
width:259px;
height:5px;
float:left;
margin:0;
background:transparent url(../images/netforms/layout/projectListB.png) top left no-repeat;
}
#projectList #showList{
display:none;
text-align:left;
float:left;
margin-top:-25px;
}
#projectList #showList #menuV a{
color:#fff;
}
#projectList #showList #menuV a:hover{
color:#ccc;
}
#projectList:hover #showList{
display:block;
}
#showList #menuV li:hover{
background:none;
}
/**submenu vertical**/
#menuV{
font-size:0.8em;
}
#menuV li{
margin:3px 0;
padding:2px;
}
#menuV li:hover{
background:#dbdbdb;
}

#menuV a{
color:#666;
background:transparent url(../images/netforms/layout/arrowRed.png) right no-repeat;
display:block;
padding:2px;
}
#menuV a:hover{
text-decoration:none;
color:#000;
}
/**slider**/
#slider{
width:738px;
height:152px;
float:left;
background:transparent url(../images/netforms/layout/sliderBg.png) left no-repeat;
overflow:hidden;
}
#sliderView{
margin:25px 0 0 50px;
}
#sliderView ul li{
list-style-type:none;
}
#sliderView ul{
}
#sliderView li{
float:left;
width:150px;
height:100px;
margin:0 5px 0 5px;
}
.sliderItem{
width:150px;
height:100px;
border:1px solid #ccc;
background:#fff;
overflow:hidden;
}
/**yui**/
.yui-carousel{
overflow:visible;
}
.yui-carousel-nav ul{
display:none;
}
.yui-carousel-content {
}
.yui-carousel-element li {
border:none;
margin:0px;
}
.yui-carousel-button-focus {
outline:none;
}
.yui-carousel .yui-carousel-item-selected {
border:none;
margin:0px;
}
.yui-skin-sam .yui-carousel, .yui-skin-sam .yui-carousel-vertical {
border:none;
}
.yui-skin-sam .yui-carousel-nav {
background:none;
padding:0px;
width:700px;
position:absolute;
height:1px;
}
.yui-skin-sam .yui-carousel-button {
background:none;
width:30px;
height:30px;
margin:0;
}
.yui-skin-sam span.yui-carousel-first-button {
margin:37px 12px 0 0px;
}
.yui-skin-sam span.yui-carousel-next-button {
margin:-30px 715px 0 0;
}
/**news**/
#news{
width:200px;
float:right;
}
#news h2{
font-size:1.6em;
font-family:Arial, Helvetica, sans-serif;
color:#FF2E09;
padding-left:40px;
margin-bottom:10px;
background:transparent url(../images/netforms/layout/iconNews.png) left no-repeat;
}
#news h2 a, #news h2 a:hover{
text-decoration:none;
}
#news .date{
font-size:0.56em;
color:#999;
}
.newsShort{
width:100%;
float:left;
padding:5px 0 5px 0;
background:transparent url(../images/netforms/layout/dotsH.png) bottom left repeat-x;
font-size:0.69em;
}
.newsShort a{
padding-right:25px;
background:transparent url(../images/netforms/layout/arrowRight.png) right no-repeat;
}
.newsLong{
width:100%;
float:left;
padding:5px 0 5px 0;
background:transparent url(../images/netforms/layout/dotsH.png) bottom left repeat-x;
}
.newsLong .date{
font-size:0.75em;
color:#999;
}
.newsLong .title{
font-weight:bold;
}
.newsLong a{
padding-right:25px;
font-size:0.88em;
background:transparent url(../images/netforms/layout/arrowRight.png) right no-repeat;
}
.newsCat{
font-size:0.75em;
}
/**footer**/
#footer{
width:970px;
border-top:1px solid #FF2E09;
float:left;
}
#copy{
width:49%;
float:left;
font-size:0.6em;
}
#copy div{
float:left;
line-height:30px;
margin-right:5px;
}
#pmw{
width:25px;
height:25px;
overflow:hidden;
margin:3px;
}
#pmw a{
width:25px;
height:25px;
display:block;
text-indent:-999em;
outline:none;
float:right;
background:url(../images/netforms/layout/pmw.png)  no-repeat scroll 0 0px;
}
#pmw a:hover{
background:url(../images/netforms/layout/pmw.png)  no-repeat scroll 0 -25px;
}
#validator{
float:left;
width:70px;
}
#validator a{
	width:66px;
	height:23px;
	display:block;
	background:transparent url(../images/netforms/layout/validator.png) no-repeat;
	text-decoration:none;
	text-indent:-999em;
	margin:5px;
	outline:none;
}
#nf{
color:#999;
}
#nf a, #nf a:hover{
text-decoration:none;
}
#k2m{
width:71px;
float:left;
color:#999;
font-size:0.6em;
line-height:23px;
height:23px;
}
#k2m a,
#k2m a:hover{
width:71px;
height:19px;
display:block;
background:transparent url(../images/netforms/k2m_small.png) no-repeat;
text-indent:-999em;
text-decoration:none;
outline:none;
float:left;
margin:5px 0 0 0;
}
.black{
color:#000;
font-weight:bold;
}
.red{
color:#FF2E09;
font-weight:bold;
}

#footerMenu{
width:49%;
float:right;
text-align:right;
font-size:0.6em;
line-height:30px;
}
#footerMenu a{
margin:0 5px 0 5px;
}
#footerMenu .en, #footerMenu .de{
padding-left:17px;
}
#footerLinks{
float:left;
width:100%;
font-size:0.6em;
margin-bottom:10px;
border-top:1px solid #dbdbdb;
padding:10px 0 0 0;
}
#partners{
width:69%;
float:left;
padding-top:30px;
background:transparent url(../images/netforms/layout/partners.png) top left no-repeat;
}
#footerLinks #k2m{
width:100%;
float:left;
line-height:19px;
font-size:1em;
}
#footerLinks #k2m a,
#footerLinks #k2m a:hover{
width:71px;
height:19px;
display:block;
background:transparent url(../images/netforms/k2m_small.png) no-repeat;
text-indent:-999em;
text-decoration:none;
outline:none;
float:left;
margin:0;
}
#footerLinks ul{
width:29%;
float:right;
text-align:right;
}
#footerLinks a{
color:#acacac;
padding-right:13px;
line-height:13px;
background:transparent url(../images/netforms/layout/arrowGrey.png) right no-repeat;
}
/**linkButton**/
.linkButton{
height:30px;
line-height:30px;
cursor:pointer;
}
.linkButton a{
text-decoration:none;
color:#fff;
outline:none;
cursor:pointer;
display:block;
padding:0 10px 0 10px;
}
.linkButton .l{
width:5px;
height:30px;
float:left;
background:transparent url(../images/netforms/layout/buttonLeft.png) scroll 0 0px;
}
.linkButton .c{
height:30px;
float:left;
background:transparent url(../images/netforms/layout/buttonMiddle.png) scroll 0 0px repeat-x;
}
.linkButton .r{
width:5px;
height:30px;
float:left;
background:transparent url(../images/netforms/layout/buttonRight.png) 0 0px no-repeat;
}

.linkButton:hover .l, .linkButton:hover .c, .linkButton:hover .r{
background-position: 0 -30px;
}
.linkButton:hover a{
color:#ffff00;
}
/*---------- bubble tooltip -----------*/

a.tt {
	position:relative;
	z-index:24;
	font-weight:normal;
	text-decoration:none;
}
a.tt span {
	display: none;
}
/*background:; ie hack, something must be changed in a for ie to execute it*/

a.tt:hover {
	z-index:25;
	background: none;
	text-decoration:none;
}
a.tt:hover span.tooltip {
	display:block;
	position:absolute;
	top:-18px;
	right:3px;
	padding:0;
	width:259px;
	font-size:1em;
	line-height:1.2em;
	color:#FFF;
	text-align: left;
	z-index:50;
 	filter: alpha(opacity= 90);
    -moz-opacity: 0.9;
    opacity: 0.9;
}
a.tt:hover span.top {
	display: block;
	padding:20px 0 0 0;
	background: transparent url(../images/netforms/layout/projectListT.png) no-repeat top;
}
a.tt:hover span.middle { /* different middle bg for stretch */
	display: block;
	padding:0 15px 10px 20px;
	background:transparent url(../images/netforms/layout/projectListC.png) repeat bottom;
}
a.tt:hover span.bottom {
	display: block;
	padding:5px 0 0 0;
	background:transparent url(../images/netforms/layout/projectListB.png) no-repeat top;
}
/**forms**/
.contactForm{
width:90%;
float:left;
margin-left:10px;
}
.specForm{
width:90%;
float:left;
margin-left:10px;
}
fieldset{
border:none;
}
.contactLine{
width:90%;
float:left;
padding:5px;
}
.formLine{
width:100%;
float:left;
}
.formLine p{
font-weight:bold;
}
.send{
width:120px;
float:left;
margin:5px 0 0 110px;
}
.formLine.error{
background:none;
padding:0;
}
.formLine.error .errorMark{
display:block;
}
.errorMark{
position: absolute;
display:none;
width:10px;
height:10px;
background:transparent url(../images/netforms/layout/bullet.png) no-repeat;
margin:10px 0 0 505px;
}
.formLine.error input{
background:transparent url(../images/netforms/layout/inputBgError.png) no-repeat;
}
.formLine.error textarea{
background:transparent url(../images/netforms/layout/textBgError.png) no-repeat;
}
.formLine label{
width:110px;
float:left;
line-height:30px;
font-size:0.9em;
}
.specForm .formLine label{
width:210px;
float:left;
line-height:30px;
font-size:0.9em;
}
.formLine input{
width:394px;
height:28px;
padding:4px;
background:transparent url(../images/netforms/layout/inputBg.png) no-repeat;
border:none;
color:#666;
}
.formLine input[type=checkbox]{
border:none;
background:none;
width:15px;
height:15px;
}
.formLine textarea{
width:402px;
height:162px;
padding:4px;
background:transparent url(../images/netforms/layout/textBg.png) no-repeat;
border:none;
color:#666;
overflow:hidden;
}
.formLine.captcha img{
border:1px solid #ccc;
float:left;
}
.formLine.captcha input{
width:68px;
height:28px;
padding:4px;
background:transparent url(../images/netforms/layout/inputCaptcha.png) no-repeat;
border:none;
color:#666;
float:left;
margin:20px 0 0 20px;
}
.formLine.captcha.error input{
width:68px;
height:28px;
padding:4px;
background:transparent url(../images/netforms/layout/inputCaptchaError.png) no-repeat;
border:none;
color:#666;
}
.send .linkButton{
float:left;
}
.send .fbsubmit{
border:none;
height:30px;
background:none;
width:100px;
color:#fff;
margin:0;
cursor:pointer;
font-size:0.88em;
}
.msg{
font-size:0.88em;
margin:5px 0 15px 0;
height:70px;
float:left;
}
.error{
background:transparent url(../images/netforms/layout/iconError.png) no-repeat;
padding:10px 0 0 50px;
color:#FF2E09;
}

.ok{
background:transparent url(../images/netforms/layout/iconOk.png) no-repeat;
padding:100px 0 0 50px;
color:#009966;
font-weight:bold;
}
/**404**/
.er404{
font-family: Arial, Helvetica, sans-serif;
font-size:20px;
font-weight-bold;
padding:50px 30px 10px 140px;
text-align:center;
}
.er404 span{
font-family:Arial, Helvetica, sans-serif;
font-size:90px;
font-weight-bold;
color: #FF2E09;
padding-right:10px;
}
.small{
font-size:0.75em;
}