/* generic styles */
	
/* Hides from IE5-mac \*/

* html #main_nav {height: 1%;}

/* End hide from IE5-mac */

body, input, td, select, textarea {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 11px;
line-height:16px;

color: #666666;

background-color: #FFFFFF;

margin-top: 0px;

margin-right: 0px;

margin-left: 0px;

}

body {

text-align:center;

}

h1 {

font-family: Geneva, Arial, Helvetica, sans-serif;

font-size: 16px;

font-weight: normal;

color: #336699;

margin: 0px;

margin-bottom: 10px;

}

.weiss {
 
color: white;

}

.colums h1{font-size: 14px;}

h2 {

font-family: Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;

font-size: 12px;

font-weight:bold;

color:#666666;

margin:0px;

}

h3{font-size:11px;}

.replaced-h2{

padding-left:4px;

display:inline;

}

.replaced-h1{

border-bottom-style:solid;

border-width:1px;

border-color:#CCCCCC;

margin-bottom:5px;

padding-bottom:2px;

}

p {

margin-top:0px;

margin-bottom:10px;

}

div {

margin:0px;

padding:0px;

text-align:left;

}

#container {

position:relative;

width: 830px;

margin: auto;

background-image: url(../pics/bg_mainneu.gif);

background-repeat:repeat-y;


/**
* background-color:red;
*/

}

.introtext{

position:absolute;

top:170px;

left:285px;

width:450px;

height:20px;

z-index:5;

}

#masthead {

width: 788px;

height: 101px;

padding-bottom:14px;

padding-top:14px;

margin-left:23px;

margin-right:21px;

background-image: url(../pics/bg_mastheadneu.gif);

background-repeat: no-repeat;

clear:both;

color:white;

text-align:left; vertical-align: bottom;


/**
* background-color:green;
*/
}

div#head_links { background-color: #28356C;float:left; width:240px; height:61px; text-align:left; vertical-align: bottom;color:white;text-decoration: none;margin: 0px 0px 0px 0px; padding: 40px 0px 0px 5px;font-weight:bolder;}

#blau {

float:left;

background-image: url(../pics/bg.jpg);

background-repeat: no-repeat;

width: 114px;

padding-left:131px;

padding-top:80px;

height:19px
 
}

#mast_head_image {

padding-left: 0px;

height: 91px;

float: left;



}

.nav {

float:right;

margin-left:0px;

list-style-type: none;


/**
* background-image: url(../pics/down.gif);

* background-repeat: no-repeat;

* background-position:right center;
*/
display:block;

width:;

height:18px;

text-align:center;





text-decoration:strong;

border-left: 1px solid #cccccc;

background-color:;

padding:  3px 10px 0px 10px;
}

.navlinks {  
float:right;

margin-left:0px;

list-style-type: none;


/**
* background-image: url(../pics/down.gif);

* background-repeat: no-repeat;

* background-position:right center;
*/
display:block;

width:;

height:18px;

text-align:center;





text-decoration:strong;



background-color:;

padding:  3px 10px 0px 10px;
}

.navrechts {  
border-left: 0px;

float:right;

margin-left:25px;

list-style-type: none;

/**
* background-image: url(../pics/tab_off.gif);
*/

display:block;

width:80px;

height:18px;

text-align:center;

padding-top:3px;



text-decoration:strong;

background-color:;

padding:  3px 8px 0px 7px;
}
/**
* #main_nav .active{background-image: url(../pics/tab_on.gif);

* }
*/

#main_nav {

position:absolute;

width:774px;

height:80px;

margin-top:79px;

left:15px;

padding-right:25px;
 margin-right:35px;


z-index:10;


background-color:;
 


}


#navi {

position:relative;

width:752px;

height:24px;


margin: 2px 37px 0px 24px;


background-image: url(../pics/ver.jpg);

background-repeat: no-repeat;


z-index:10;


background-color:#F4F4F4;
 


}

#footer {
line-height:10px;
margin: auto;

background-image: url(../pics/bg_footerneu.gif);

background-repeat: no-repeat;

width: 768px;

height: 40px;

padding-top: 10px;

padding-left: 41px;

padding-right: 21px;

font-size:9px;

clear:both;

}

#side_nav {

float:left;

width: 244px;

margin-right: 0px;

}

.thumb {

padding: 7px;

height: 47px;

width: 47px;

background-image: url(../pics/bg_thumb.gif);

background-repeat: no-repeat;

float: left;

margin: 5px;

}

#main {

padding-left: 20px;

width: 457px;

padding-top:9px;

float:left;

}

#main2 {

padding-left: 20px;

width: 700px;

padding-top:9px;

float:left;

}

#main .instrumente td {
 
text-align: center;

width: 30%;

background-color: #E8E8E9;

color: #336699;


}

#main .instrumente td.links {
 
text-align: center;

width: 10%;

background-color: #336699;

color: white;
}

#main_container {

padding: 0px;

padding-left:21px;

margin: 0px;

width: 788px;

background-image: url(../pics/.gif); 


/**
* background-color:red;
*/
}

#thumb_holder {

width: 224px;

padding-right: 10px;

padding-left: 10px;

}

#logo {

padding-left: 45px;

padding-top: 6px;

width:270px;

float:left;

height:90px;

}

ul{

margin:0px;

}

.hr1 {

clear:both;

background-image: url(../pics/hr1.gif);

background-repeat:no-repeat;

height: 10px;

width:100%-2px;
margin-left:2px;
}

#quote {

height: 110px;

width: 220px;

padding:10px 0 0 25px;

clear: both;

background-color:;

}

.quotelink{

display:block;

width:200px;

height:30px;

}

.news {

width: 220px;

padding-top: 10px;

padding-right: 12px;

padding-bottom: 20px;

padding-left: 12px;

}

.showcase {

width: 220px;

padding-top: 10px;

padding-right: 12px;

padding-bottom: 20px;

padding-left: 12px;

}

.noblock{

display: inline;

color:#999999;

margin-left: 5px;

}

.footer_text{float:left;}

.footer_links{float:right; padding-right:15px;}

.featured{

background-image: url(../pics/featured_box.gif);

background-repeat: no-repeat;

padding: 12px;

width: 420px;

height: 140px;

}

.after_bullets{

clear:left;

padding-top:20px;

}

pre{background-color:#E8E8E8; border:1px solid #AAA; padding:5px;}

/*---------------------------- link styles------------------------*/


#main a:link, a:visited, a:active{ color:#666666; text-decoration:none;}

#main a:hover{ color:#FF8F29; text-decoration:none;}

a:link, a:visited, a:active, a:hover{ color:#666666; text-decoration:none;}

a:hover{ color:#FF8F29; text-decoration:none;}

a.grey:link, a.grey:visited, a.grey:active, a.grey:hover{ color:#666666; text-decoration:none;}

a.navlink:link, a.navlink:visited, a.navlink:active{ color:#666666; text-decoration:none ;font-family: Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;

font-size: 12px;

font-weight:bold;

}

a.navlinka:link, a.navlinka:visited, a.navlinka:hover, a.navlinka:active{ color:#FF8F29; text-decoration:none ;font-family: Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;

font-size: 12px;

font-weight:bold;

}

a.navlink:hover{ color:#FF8F29; font-family: Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;

font-size: 12px;

font-weight:bold;

}

a.footer:link, a.footer:visited, a.footer:active{ color:#666666; text-decoration:none;}

a.footer:hover{ color:#F82B02; text-decoration:none;}

a.validate:link, a.validate:visited, a.validate:active{ color:#F82B02; text-decoration:none;}

a.validate:hover{ color:#000000; text-decoration:none;}

a.flashlink:link, a.flashlink:visited, a.flashlink:active{ color:#FFFFFF; text-decoration:none;}

a.flashlink:hover{ color:#FFFFFF; text-decoration:underline;}

a.showcase_more{

color:#1F8EC9;

margin-bottom:10px;

background-image: url(../pics/btn_gotowork.jpg);

width:161px;

height:19px;

padding:6px 0 0 21px;

display:block;

clear:both;

margin-left:15px;

}

/*---------------------------- homepage content------------------------*/

.colums{margin:15px 0 40px 0; background: url(../pics/dots_h.gif) repeat-x }

.colums .left{width:330px; float:left; padding-top:10px;}

.colums .right{ padding-left:380px;  padding-top:10px;}

.colums li{

background:

url(../pics/bullet_bluebox.gif)

no-repeat;

background-position: 0 5px;

padding-left:8px;   }

.colums ul{padding:0 0 5px 20px;list-style: disc;}

.colums p {padding:5px 0 0 0;}

.feature{border:1px solid #ccc;

padding:7px;}

.feature p{padding:10px; background: #F5F5F5; margin:0}

a.seo:link, a.seo:active, a.seo:visited, .seo:hover {font-weight:normal; font-size:10px; color:#dadada}

/*---------------------------- work------------------------*/

.hr{

margin:0px;

}

.hr2{

height:1px;

background-color:#E3E3E3;

}

.work_description{

padding-top:6px;

margin-left:70px;

}

.work_product{

border-bottom-width:1px;

border-bottom-color:#CCCCCC;

border-bottom-style:solid;

padding-bottom:5px;

margin-bottom:5px;

width:100%;

float:right;

}

.heading_underline{

border-bottom-width:1px;

border-bottom-color:#E3E3E3;

border-bottom-style:solid;

padding-bottom:3px;

margin-bottom:3px;

}

.work_projectlist {

border-bottom-width:1px;

border-bottom-color:#E3E3E3;

border-bottom-style:solid;

padding-top:3px;

padding-bottom:3px;

}

.work_projectlist:hover {

background-color:#EBF6F2;

}

.work_projectlist_active {

background-color:#EBF6F2;

margin:0px;

width:100%;

display:block;

color:#000000;

border-bottom-width:1px;

border-bottom-color:#E3E3E3;

border-bottom-style:solid;

padding-top:3px;

padding-bottom:3px;

}

a.projectlist:link, a.projectlist:visited, a.projectlist:active {

width:100%;

display:block;

color:#336699;

border-bottom-width:1px;

border-bottom-color:#E3E3E3;

border-bottom-style:solid;

padding-top:3px;

padding-bottom:3px;

text-decoration:none;

}

a.projectlist:visited {

color:#336699;

}

a.projectlist:hover {

color:#000000;

background-color:#EBF6F2;

text-decoration:none;

}

.project_icon {

margin: 3px;

float:left;

}

.more_icon {

margin-top:7px;

vertical-align:middle;

}

#project_detail{

padding:5px;

margin-top:10px;

border-width:1px;

border-color:#E3E3E3;

border-style:solid;

background-color:#FFFFFF;

}

.doc_icon{

font-size:12px;

background-image:url(../pics/doc_icon.gif);

width:9px;

height:17px;

padding:10px;

display:block;

float:left;

margin-right:5px;

}

a.doc_icon:link, a.doc_icon:visited, a.doc_icon:hover, a.doc_icon:active{

color:#6699FF;

}

.more_copy{

height:20px;

margin-top:10px;

padding-top:10px;

padding-bottom:10px;

}

.spacer {

width:1px;

height:1px;

clear: both;

}

/*------------------------------ contact / form pages styles -------------------------------*/

.textfield, textarea, .login_field, .pass_field{

border-color:#CCCCCC;

border-style:solid;

border-width:1px;

margin-bottom:10px;

}

.login_field, .pass_field{

width:160px;

height:15px;

}

.pass_field{

float:left;

}

.button{

margin-left:5px;

}

#addlink{

margin-top:10px;

}

.textfield{

width:200px;

height:15px;

}

.quote_textarea{

width:420px;

height:80px;

}

.textarea{

width:260px;

height:80px;

}

.contact_form{

width:430px;

margin-top:20px;

}

#quote_popup{

width:450px;

height:320px;

border-width:1px;

border-style:solid;

border-color:#CCCCCC;

margin-left:10px;

margin-top:5px;

}
.required{color:red; display:block; float:right; margin:-23px 2px 0 0; width:100px;}

/*------------------------------services styles -------------------------------*/

.services_column{

float:left;

margin-left:10px;

width:180px;

margin-top:20px;

margin-bottom:20px;

}

.services_column li {

margin-top:5px;

margin-left:30px;

}

.two_column{

float:left;

margin-left:10px;

width:180px;

}

.notice{

background-color:#EBEBEB;

padding:10px;

margin-bottom:10px;

}

.links_partners{

padding-bottom:10px;

margin-bottom:10px;

border-bottom-width:1px;

border-bottom-color:#E3E3E3;

border-bottom-style:solid;

}

.links_partners p {

margin-bottom:0px;

}

ul{

margin:0px;

padding:0px;

}

#stretch{

height:660px;

}

#home_content{

height:560px;

}

/*-----------Product pages--------------*/

.prod_thumb{width:190px; padding-right:10px; float:left; padding-bottom:10px;}

.order_btn{float:right; width:150px; text-align:right;}

.order_div{height:22px; border-top:1px solid #d1c9c9; border-bottom:1px solid #d1c9c9; padding:1px; margin-bottom:10px;}

.clear{clear:left;}

.price{color:#1F8EC9; font-weight:bold; padding-top:3px;}

a.order_process_link{text-decoration:underline; display:block; float:right; width:170px; text-align:right; color:#1F8EC9;}

.cards{clear:both;}

/*-----------Resources pages--------------*/

.resource_links{width:200px; float:left; padding:5px;}

.resource_links ul li{list-style-type:none; padding-bottom:2px;}

.resource_links ul{padding:0; margin:0;}

.resource_links a{color:#848484; font-weight:bold; }

.resource_links a:hover{text-decoration:underline;}



/*-----------quoteform--------------*/



#quote_form label{display:block; width:120px; float:left; margin-bottom:5px;}

#quote_form input, #quote_form textarea, #quote_form select{width:220px; height:16px; margin-bottom:7px; border:1px solid #CCC; background:#F4F4F4;}

#quote_form textarea{height:85px; width:344px; clear:left;}

#quote_form label.comments{width:100%;}

input#send{width:68px; height:28px; border:none; display:block; margin-left:283px;}

.notice_important{background:#FEFDCA; padding:20px; margin-top:30px;}

.notice_important h2{color:#666666;}