/*************************************************

  Copyright (c) 2008-2010 ABLE IT SOLUTIONS GmbH
  

*************************************************/

/*

colors: base color selected red from globe of logo

  selected according to triadic scheme from kuler.adobe.com
  
  from left to right:
  1: #FFFC19
  2: #800000  used for boder
  3: base color: #FF0000; logo globe
  4: #C9E5E6
  5: #006EB2 heading background   


*/


/* *************** colors */
.menu-color{

  background-color: #C9E5E6;

}

.back-ground-color{

  background-color:  white; /*#C9E5E6; */ 

}

.background-color-kuler-5 { background-color: #006EB2; }
.kuler-color-5 { color: #006EB2; }
.color-black { color: black;}
.color-white { color: white; }

/* *************** colors */


body{

  font-size: small;
  padding-top: 20px;
  
}


.container{ width: 1006px; }


.ourframe {

  border-color: rgb(226,228,228); /*black; E2E4E4*/
  border-width: 3px;
  border-style: solid;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;

}


#header {

  width: 1005px;
  height: 150px;
 /* margin-left: 30px;*/
  margin-bottom: 19px;
  
}

#nav {

  margin: 0px;
  padding: 0px;
  width:  790px;
  height: 77px;
  /*margin-bottom: 15px;*/
 /* float: left;*/

}

#nav ul, #submenus>ul{ list-style-type: none; margin: 0; padding: 0;}



a.mainmenu 
{ 

 display: block;
 height: 45px;
 width: 110px;
 padding-top: 25px;
 font-size: 100%;
 text-decoration: none;
 font-weight: bold;
 color: rgb(102,107,108);


}

a.mainmenu:hover { background-color: rgb(226,228,228); }

#navmenu, #navlang, #submenus>ul, #submenus>ul li, #navmenu li{
  
  float: left;
  
}



#navmenu li{
  
  display: inline;
  list-style-type: none;
  text-align: center;
  vertical-align: middle;
  width: 110px;
  /*height: 45px;*/
  margin-right: 15px;

}

.doselected{
  background-color: rgb(226,228,228);
  font-size: 100%;
  text-decoration: none;
  font-weight: bold;
  color: rgb(102,107,108);
}

#logo{
  
  
  text-align: right;
  line-height: 1.2em;
  float: right;
  /*width: 20%; *//*180px;*/
  width: 215px;
  height: 200px;
  overflow: hidden;
  
}

#logo table{
  
  margin:0px;
  padding:0px;
  margin-top: 2px;
  border-collapse: collapse;
  border-spacing: 0px;
  font-size: 90%;
  line-height: 1.25em;
  text-align: center;
  vertical-align: middle;

}

#logo table td{

  padding: 1px;

}



#logo a:visited{
  
  font-style: normal;
  text-decoration:  none;
  color: black;

}

#logo a:link{
  
  font-style: normal;
  text-decoration:  none;
  color: black;

}

#logo a:hover{
  
  font-style: normal;
  text-decoration:  none;
  color: red;

}

.menu
{
  text-align: center;
  width: 85px;
  height: 70px;
  float: left;
  margin-right: 15px;
  background-color: #C9E5E6;  
}

.menu div
{
  margin:0px;
  padding: 0px;
  padding-top: 25px;
  text-align: center;
}


#langsel{
  
  padding: 0px;
  text-align: right;
  width: 60px;
  font-size: 90%; 
  float: right;
  overflow: hidden;

}

#langsel div{
  
  
  margin: 0px;
  width: 60px;

}




#picframe{
  
  /*width: 742px;*/
  width: 1000px;
  height: 180px;
  
 background-image: url(../images/ablebanner.jpg);
 background-position: top left; 
 /*background-repeat: no-repeat;*/
 
}   
 


#submenus{
 margin: 0px;
 padding: 0px;
 margin-top: 15px;
 

 text-align: center;
 vertical-align: middle;
 
 height: 42px;
 /* 
 width: 742px;
 /*float: left;
 width: 30px;*/
}

.submenu{ margin:0px; margin-bottom: 1px; padding: 0px; padding-top: 7px; height: 30px; width:90px; background-color: rgb(0,110,178); }


.submenu a:visited{
  
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
  color: white;

}

.submenu a:link{
  
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
  color: white;

}

.submenselected, .submenu a:hover{
  
  font-style: normal;
  font-weight: bold;
  text-decoration:  underline overline;
  color: white;

}


#maincontent{
  width: 742px;
  height: 1038px;
  float: left;
  overflow: auto;
  margin-bottom: 16px;
  
}

#maincontent_search
{
  width: 980px;
  height: 1038px;
  float: left;
  overflow: auto;
  margin-bottom: 16px;

}

#sidebar{
  margin: 0px;
  float: right;
  width: 195px;/*165px;*/
  height: 1038px;
  margin-bottom: 16px;
  overflow: hidden;

  
  
}

#footer{
  
  margin: 0px;
  /*margin-left: 30px;*/
  height: 60px;
  Clear: both; 

}


h1, h2, h3, h4, h5, h6 { background-color: rgb(0,110,178); margin: 0px; padding: 0px; padding-top: 1%; padding-bottom:1%; font-weight: bold; text-align: center; color:white; }

h1{ font-size: 150% }
h2{ font-size: 140% }


/*** margin rules begin ***/

.margin-0p{ margin: 0; }
.margin-top-2p{margin-top: 2%;}
.margin-top-4p{margin-top: 4%;}
.margin-top-5p{margin-top: 5%;}
.margin-top-10p{margin-top: 10%;}
.margin-top-15p{margin-top: 15%;}
.margin-top-20p{margin-top: 20%;}
.margin-top-25p{margin-top: 25%;}
.margin-top-28p{margin-top: 28%;}
.margin-top-30p{margin-top: 30%;}
.margin-top-40p{margin-top: 40%;}
.margin-top-45p{margin-top: 45%;}
.margin-top-49p{margin-top: 49%;}
.margin-top-50p{margin-top: 50%;}
.margin-top-51p{margin-top: 51%;}
.margin-top-52p{margin-top: 52%;}
.margin-top-53p{margin-top: 53%;}
.margin-top-54p{margin-top: 54%;}
.margin-top-55p{margin-top: 55%;}

.margin-bottom-0p{margin-bottom: 0;}
.margin-bottom-2p{margin-bottom: 2%;}

.margin-bottom-3px{margin-bottom: 3px;}
.margin-bottom-9px{margin-bottom: 9px;}
.margin-bottom-12px{margin-bottom: 12px;}
.margin-bottom-15px{margin-bottom: 15px;}
.margin-bottom-16px{margin-bottom: 16px;}
.margin-bottom-18px{margin-bottom: 18px;}

.margin-left-2p { margin-left: 2%; }
.margin-left-6p { margin-left: 6%; }

.margin-right-2px { margin-right: 2px; }
.margin-right-3px { margin-right: 3px; }
.margin-right-9px { margin-right: 9px; }
.margin-right-12px { margin-right: 12px; }
.margin-right-15px { margin-right: 15px; }

.no-right-margin { margin-right: 0px; }

/*** margin rules end ***/


/*** Padding rules begin ***/

.padding-top-15px{padding-top: 15px;}
.padding-top-25px{ padding-top: 25px; }

.padding-0p{ padding: 0; }
.padding-top-0p{padding-top: 0;}
.padding-top-1p{padding-top: 1%;}
.padding-top-2p{padding-top: 2%;}
.padding-top-3p{padding-top: 3%;}
.padding-top-4p{padding-top: 4%;}
.padding-top-5p{padding-top: 5%;}

.padding-bottom-0p{padding-bottom: 0;}
.padding-bottom-1p{padding-bottom: 1%;}
.padding-bottom-2p{padding-bottom: 2%;}
.padding-bottom-4p{padding-bottom: 4%;}


.paddinglr-1percent{ padding-left: 1%; padding-right: 1%; }
.paddinglr-2percent{ padding-left: 2%; padding-right: 2%; }
.paddinglr-3percent{ padding-left: 3%; padding-right: 3%; }
.paddinglr-4percent{ padding-left: 4%; padding-right: 4%; }
.paddinglr-5percent{ padding-left: 5%; padding-right: 5%; }

.paddingtb-1percent{ padding-top: 1%; padding-top: 1%; }

.padding-r-2percent{ padding-right: 2%; }

.padding-left-3p{ padding-left: 3%; }
.padding-left-5p{ padding-left: 5%; }

.padding-right-2p{ padding-right: 2%; }

.padding-right-5px{ padding-right: 5px; }
.padding-right-10px{ padding-right: 10px; }

.padding-left-10px{ padding-left: 10px; }
/*** Padding rules end ***/

.no-border-right{  border-right-width: 0px; }

.line-height-1-1em{ line-height: 1.1em; }
.line-height-1-2em{ line-height: 1.2em; }
.line-height-1-3em{ line-height: 1.3em; }
.line-height-1-4em{ line-height: 1.4em; }
.line-height-1-5em{ line-height: 1.5em; }


/* List rules begin*/
.ol-liststyle-type-decimal { list-style-type: decimal; }
.ol-liststyle-type-lower-alpha { list-style-type: lower-alpha; }

.list-style-type-none {   list-style-type: none; }

/* List rules begin*/

/* font rules start*/

.textbolder{ font-weight: bold; }
.textnormal{ font-weight: normal; }

.text-decoration-none { text-decoration: none;}

.font-size-50p { font-size: 50%; }
.font-size-70p { font-size: 70%; }
.font-size-80p { font-size: 80%; }
.font-size-85p { font-size: 85%; }
.font-size-96p { font-size: 96%; }
.font-size-110p { font-size: 110%; }
.font-size-115p { font-size: 115%; }
.font-size-125p { font-size: 125%; }

/* font rules end*/



/* text alignment rules start */
.text-align-center { text-align: center;}
.text-align-right { text-align: right;}
.text-align-left { text-align: left;}
/* text alignment rules end */




/* float rules - start */

.float-right { float: right; }
.float-left  { float: left; }

/* float rules - end */


/* overflow rules - start */

.overflow-hidden {   overflow: hidden; }

/* overflow rules - end */






/* size rules - start */

.width-100p	{ width: 100%   }

.width-50px 	{ width: 50px; }
.width-70px 	{ width: 70px; }
.width-100px 	{ width: 100px; }
.width-110px 	{ width: 110px; }
.width-120px 	{ width: 120px; }
.width-140px 	{ width: 140px; }
.width-150px 	{ width: 150px; }
.width-180px 	{ width: 180px; }
.width-200px 	{ width: 200px; }
.width-240px 	{ width: 240px; }
.width-250px 	{ width: 250px; }
.width-350px 	{ width: 350px; }
.width-600px 	{ width: 600px; }
.width-650px 	{ width: 650px; }
.width-700px 	{ width: 700px; }

.height-100p	{ height: 100%   }

.height-45px{ height: 45px; }
.height-60px{ height: 60px; }
.height-70px{ height: 70px; }
.height-100px{ height: 100px; }
.height-110px{ height: 110px; }
.height-120px{ height: 120px; }
.height-130px{ height: 130px; }
.height-140px{ height: 140px; }
.height-400px{ height: 400px; }
.height-450px{ height: 450px; }
.height-500px{ height: 500px; }


/* size rules - end */



.copyrightnotice{
  

  
}

#footercontent{
  margin: 0px;
  height: 42px;
  text-align: center;
}

#footercopyright{
  margin:0px;
  padding:0px;
  text-align: center;
  color: rgb(102,107,108);
  font-size: 78%;
  font-weight: bold;
  vertical-align:bottom;

  height:15px;
  overflow: hidden;
}

#footercontent p{

  margin:0px;
  padding:0px;
  

}

#footercontent ul{
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  list-style-position:inside;


  
}

#footercontent ul li{ display: inline; margin-right:0.4em; font-size: 85%; }


#footercontent a:visited{
  
  font-style: normal;
  text-decoration:  underline;
  color: black;

}

#footercontent a:link{
  
  font-style: normal;
  text-decoration: underline;
  color: black;

}

#footercontent a:hover{
  
  font-style: normal;
  text-decoration:  underline;
  color: red;

}


.verticaltext{

        /*vertical text support for Internet explorer found in ableitie.css !!!*/

  
        padding-top: 3px;
        padding-right: 15px;

	direction: rtl;
	-webkit-transform:rotate(270deg);
	-moz-transform:rotate(270deg);

	white-space:nowrap;
	display:block;
	
	/*
	
	bottom:0;
	width:20px;
	height:20px;
	font-family: ‘Trebuchet MS’, Helvetica, sans-serif;
	font-size:24px;
	font-weight:normal;
	text-shadow: 0px 0px 1px #333;*/
}

#langsel a:visited, #langsel a:link{
  font-size: 75%;
  color: black;
  text-decoration: none;

}

#langsel a:hover{
  background-color: #C9E5E6;
  color: black;
  font-size: 75%;
  text-decoration: none;
  
}

.langselected {
  
  background-color: #C9E5E6;    
  

}

#maincontent p{
 
 line-height: 1.4em;
 padding-left: 2%; padding-right: 2%;
 font-weight: normal; 

}

#maincontent>blockquote{
  
  line-height: 1.3em;
  /*background-color: #E8CC7E;*/
  color: #006EB2;
  font-weight: bolder;
  margin-top:5px;
}

#maincontenskills{

  margin: 0px;
  padding: 0px;
  margin-left: 2%;
  width: 335px;
  float: left;
  
 }

#maincontenskills>ul {

  margin: 0px;
  padding: 0px;
  line-height: 1.3em;
     
  list-style-type: none;

}

#maincontenskills>ul>li {
  
  padding-left: 1%;
  padding-top: 1%;
  
  color: #006EB2;
  font-weight: bold;

}

#maincontenskills>ul>li>ul {

  margin: 0px;
  padding: 0px;
  color: black;
  font-weight: normal;
  margin-left: 6%;
 
}


#maincontenservices{

  margin: 0px;
  padding: 0px;
  margin-left: 2%;
  
  width: 335px;
  float: left;
  overflow: hidden;
  
}

#maincontenservices>ul{

  padding: 0px;
  margin: 0px;
  line-height: 1.3em;
  list-style-type: none;
  

}

#maincontenservices>ul>li {
  
  padding-left: 1%;
  padding-top: 1%;
  color: #006EB2;
  font-weight: bold;
}

#maincontenservices>ul>li>ul {

  color: black;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
  margin-left: 6%;

}

#autodeskimage p{
  text-align:center;
}


.vcardstyle:first-line{
  
  margin: 0;
  padding: 0;
  padding-top: 1%;
  padding-bottom: 1%;
  font-weight: bolder;
  font-size: 105%;   
}

.vcardstyle{
  
  margin: 0;
  padding: 1%;
  
  margin-top: 2%;
  margin-right: 2%;
  
  float: left;
  width: 300px;
  height: 100px;
  
  border:2px solid rgb(226,228,228);;

}

.vcardstyle img{

  float: right;
  display: block;
  

}

.vcardstyle a:visited, .vcardstyle a:link{
  
  color: black;
  text-decoration: none;

}

.vcardstyle a:hover{
  color: red;
  text-decoration: none;  
}

q{  font-style: italic; color: #006EB2;}


#gtactext>li {padding-top: 3%; }
#gtactext ul/*,#gtactext ol */{ list-style-type: none; padding: 0px;}
#gtactext a{  text-decoration: underline; font-weight: normal; color: black;}



.projecttable 
{
  margin:0px;
  padding:0px;
  margin-top: 2px;
  border-collapse: collapse;
  border-spacing: 0px;
  vertical-align: middle;
  line-height: 1.4em;
}

.projecttitle
{
  
  text-decoration: none;
  font-size: 130%;
  font-weight: bold;
  color: #006EB2;

}

.projecttext
{
  font-size: 110%;  
}

.projectseparator
{
  
  border-top-color: black;
  border-top-width: 1px;
  border-top-style: dotted;

}

.projectanchor{

  font-size: 85%;  
  text-decoration: none;
  color: black;

}

.projectanchor a:hover { color:red; }

a.langa:link, a.langa:visited { background-color:  white; color: black; text-decoration: none; }
a.langa:hover { background-color:  #006EB2; color:  white;}

.products h6 { text-align: left; background-color: rgb(226,228,228); color: black; padding-left: 2%; padding-top: 3px; padding-bottom: 3px; }
.products table 
{

  margin:0px;
  padding:0px;
  margin-top: 2px;
  border-collapse: collapse;
  border-spacing: 0px;
  /*font-size: 90%;*/
  line-height: 1.25em;
  /*text-align: center;
  vertical-align: middle;*/

}

.products a:link, .producs a:visited{ color: #006EB2;}

.products a:hover{ color:red;}

.imgborder
{
  border-color: #E2E4E4;
  border-width: 1px;
  border-style: solid;
}


