/**
 * Screen/browser output
 * @author Dennis Böckmann
 */

/**
 * Override default values of browsers
 */
* { padding: 0em; margin: 0em; }                        /* General indentions */

h1, h2, p, ul ,ol { margin-bottom: 0em; }    /* Headlines, Paragraphes, Lists */

ol ul { margin-bottom: 1em; }                                        /* Lists */

li { margin-left: 2em; }                                         /* Listitems */

img { border: 0em; }
/**
 * General drafts
 */
html { height: 101%;}                     /* HTML > Screen to view scrollbars */

body {
	background: #A2ADB6 none repeat scroll 0%;
	/*color: #818284; */
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100.01%;
	line-height: 1.3;
}

/**
 * Some litte classes
 */
.textright {
  text-align: right;
}

.textcenter {
  text-align: center;
}

.redstar{
  color: #BB0000;
  vertical-align: top;
 }

.bghead{
   color: white;
   background: #57AFDD url(../images/ai-t.eu_promoboxhead.png) repeat-x center center; 
}

.bghead2{
   color: white;
   background: #57AFDD url(../images/ai-t.eu_promoboxhead2.png) repeat-x center center; 
}

/**
 * tables
 */

table{
  border-spacing: 0em;
  border: 0em solid silver;
  border-collapse: collapse;
  caption-side: bottom;
}

caption{
  visibility: hidden;
  font-size: 0.70em;
}

tr{
}

th{
  padding: 0.1em 0.2em 0.1em 0.2em;
}

td{
  padding: 0.1em 0.2em 0.1em 0.2em;
}


/**
 * Barriefreiheit
 */
.skiplink {                                                      /* Skip link */
	position: absolute;
	top: -5000px;
	left: -5000px;
	width: 0;
	height: 0;
	overflow: hidden;
	display: inline;
}


/**
 * Hyperlinks
 */
a{
  text-decoration: none;
  outline: none;
  color: #A2A2A3;
}

a:link, a:visited  {                                                 /* Links */
  color: #A2A2A3;
}

  a:hover, a:focus {                                         /* hover und focus!*/
    color: #42b7ea;
  }

a:active {                                                        /* on click */
  color: #66C2EC;
}


/**
 *    Layout
 */
#sitewrapper {
  background: white url("") repeat-x top left;
  width:  79em;
	margin: 0em auto 0em auto;
	font-size: 0.8em;
  /* border: 0.1em solid #444444; */
}

#headwrapper{
  /* border: 1px dashed magenta; */ 
}

#headwrapper #head{
  /* border: 1px dashed orange; */
  background: black url("") repeat-x top left;
  text-align: right;
}

#headwrapper #head img{
  width: 20em;
  padding: 1.5em 10em 1.5em 2em;
}

#headwrapper #headblend{
  /* border: 1px dashed silver; */
  height:   1em;
  background: transparent url(../images/ai-t.eu_blend.png) repeat-x top left;
}

/**
 * textwrapperleft / Navigation
 */
#textwrapperleft{
  float: left;
  width: 13em;
  padding: 1em;
  /* border: 1px dashed blue; */  
}

#textwrapperleft #navigationtop{
}

#textwrapperleft #navigationtop ul{
  list-style-type: none; 
  text-align: right; 
}

#textwrapperleft .navactive{
  color: #66C2EC;
}

#textwrapperleft .navlevel0 {
  /* background: transparent url(../images/ai-t.eu_promoboxhead.png) repeat center center; */ 
  margin: 0.4em 0em 0em 0em;
  font-size: 1.2em;
}

#textwrapperleft .navlevel0 .navactive{
  color: #66C2EC;
}

#textwrapperleft .navlevel1 {
  margin: 0.3em 0.4em 0em 0em;
  font-size: 1em;
}

#textwrapperleft .navlevel1 a{
  color: a2a2a3;
}

#textwrapperleft .navlevel1 a:hover, #textwrapper .navlevel1 a:focus{
  color: #66C2EC;
}

#textwrapperleft .navlevel1 .navactive{
  color: #66C2EC;
}

#textwrapperleft .navlevel2 {
  margin: 0.3em 0.4em 0em 0em;
  font-size: 0.7em;
}

#textwrapperleft #navigationmiddle{
  min-height: 16em;
  background: transparent url(../images/ai-t.eu_zahnraeder.jpg) no-repeat center center; 
}

#textwrapperleft #navigationbottom{
  font-size: 1.0em;
}

#textwrapperleft #navigationbottom ul{
  list-style-type: none;
  text-align: right;
}

/**
 * textwrapperright / Promotion
 */
#textwrapperright{
  float: right;
  width: 13em;
  padding: 1em;
  /* border: 1px dashed yellow;  */
}

#textwrapperright .promobox{
  margin: 0em 0em 1em auto;
  width: 12em;
  border: 0.1em solid silver;
  margin-bottom: 1em;
}

#textwrapperright .promoboxhead{
  background:  #42B7EA url(../images/ai-t.eu_promoboxhead.png) repeat-x center center;
  padding: 0.3em;
  color: white;
}

#textwrapperright .promoboxbody{
  padding: 0.5em 0em 0.5em 0em;
  vertical-align: middle;
  text-align: center;
  line-height: 0em;
}

#textwrapperright .promoboxbody img{
  width: 10em;
  border: 0em solid silver;
  line-height: 0em;
}

#textwrapperright .promofullbox{
  margin: 0em 0em 1em auto;
  border: 0.1em solid silver;
  width: 12em;
}

#textwrapperright .promoboxfullhead{
  background:  #42B7EA url(../images/ai-t.eu_promoboxhead.png) repeat-x center center;
  padding: 0.3em;
  color: white;
}

#textwrapperright .promoboxfullbody{
  vertical-align: top;

  line-height: 0em;
}

#textwrapperright .promoboxfullbody img{
  width: 12em;
  border: 0em solid silver;
  line-height: 0em;
}


#textwrapperright .promoboxnohead{
  margin: 0em 0em 1em auto;
  text-align: right;
  vertical-align: top;
  line-height: 0em;
}

#textwrapperright .promoboxnohead img{
  width: 13em;
    text-align: center;
}

/**
 * textwrapperhead / TextHead 
 */
#textwrapperhead {
}

/**
 * textwrappercenter / Text 
 */
#textwrappercenter {
  margin: 0em 15em 0em 15em;
  padding: 1em;
  min-height: 80em;
  /* border: 1px dashed green; */  
}

#textwrappercenter h1 {
  padding-bottom: 0.5em;
  font-size: 1.6em;  
  font-weight: bold;
  color: #6E6E70;
}

#textwrappercenter h2 {
  padding-bottom: 0.5em;
  font-size: 1em;
  font-weight: bold;
  color: black;
}

#textwrappercenter h3 {
  padding-bottom: 0.3em;
  font-size: 1em;
  font-weight: normal;
  color: black;
}

#textwrappercenter p {
  line-height: 1.2em;
  padding-bottom: 0.5em;  
}

#textwrappercenter a{
  text-decoration: none;
  outline: none;
  color: #66C2EC;
}

#textwrappercenter a:link, #textwrappercenter a:visited  {                                                 /* Links */
  color: #66C2EC;
}

#textwrappercenter a:hover, #textwrappercenter a:focus {                                         /* hover und focus!*/
  color: #A2A2A3;
}  

#textwrappercenter a:active {                                                        /* on click */
  color: #A2A2A3;
}

#textwrappercenter table{
  background: #ffffff url("") repeat-x top left;
  /* background: #eeeeff url("") repeat-x top left;
  margin: 0em auto 0em auto; */
  border-spacing: 0em;
  border: 0em solid silver;
  /* border-bottom: 0.1em solid silver; */
  border-bottom: 0.em solid silver;
  border-collapse: collapse;
  caption-side: bottom;
}

#textwrappercenter caption{
  visibility: hidden;
  font-size: 0.70em;
}

#textwrappercenter tr{
}

#textwrappercenter th{
  border: 0.1em solid white;
/*  border-right: 0.1em solid white; */
  background: silver url(../images/ai-t.eu_promoboxhead.png) repeat-x top left;
  padding: 0.1em 0.2em 0.1em 0.2em;
  color: white;
}

#textwrappercenter td{
  border-left: 0.1em solid white;
  border-right: 0.1em solid white;
  padding: 0.1em 0.4em 0.1em 0.4em;
}

#textwrappercenter td a,#textwrappercenter td a:hover{
  color: #4E8EE4;
}

#textwrappercenter .textcentersmaller{
  text-align: center;
  font-size: 0.8em;
}

#textwrappercenter #impressum table{
  width: 22em;
  border: 0em solid silver;
}

#textwrappercenter #impressum table tr{
  border: 0em solid silver;
}

#textwrappercenter #impressum table tr td{
  border: 0em solid silver;
}

#textwrappercenter #impressum caption {
  visibility: hidden;
  margin: 0em 0em 1em 0em;
}

/**
 * onlineshopsolution Order 
 */
#textwrappercenter #onlineshopsolution_order table{
  margin: 1em 0em 1em 1em;
  border: 0em solid silver;
}

#textwrappercenter #onlineshopsolution_order fieldset{
  border: 0em solid silver;
}

#textwrappercenter #onlineshopsolution_order table tr {
  border: 0em solid silver;
}

#textwrappercenter #onlineshopsolution_order td{
  padding: 0.2em 0.2em 0.2em 0.2em;
  border: 0em solid silver;
  vertical-align: top;
  text-align: left;
}

#textwrappercenter #onlineshopsolution_order .formbuttons{
  margin: 0.5em 5em 0.5em 0em;
  text-align: center;
}

#textwrappercenter #onlineshopsolution_order label{
  vertical-align: top;
  text-align: left;
}

#textwrappercenter #onlineshopsolution_order select{ 
  margin: 0em 0em 0em 0em;
  width: 20em;
}

#textwrappercenter #onlineshopsolution_order option{
}

#textwrappercenter #onlineshopsolution_order #tld{
  width: 6em;
}

#textwrappercenter #onlineshopsolution_order input{
  width: 16.4em;
  margin: 0em 0em 0.1em 0em;
}

/*
#textwrappercenter #onlineshopsolution_order #zipcode{
  width: 3.5em;
}

#textwrappercenter #onlineshopsolution_order #city{
  width: 8em;
}
*/

#textwrappercenter #onlineshopsolution_order textarea{
  width: 35em;
  min-height: 10em;
  margin-bottom: 1em;
}

#textwrappercenter #onlineshopsolution_order #submit{
  display: inline;
  width: 10em;
}

#textwrappercenter #onlineshopsolution_order #submit_order{
  display: inline;
  width: 14em;
}

#textwrappercenter #onlineshopsolution_order #reset{
  display: inline;
  width: 10em;
}

/**
 * Contact form 
 */
#textwrappercenter #contact table{
  border: 0em solid silver;
}

#textwrappercenter #contact fieldset{
  border: 0em solid silver;
}

#textwrappercenter #contact table tr {
  border: 0em solid silver;
}

#textwrappercenter #contact td{
  border: 0em solid silver;
  vertical-align: top;
  text-align: left;
}

#textwrappercenter #contact .formbuttons{
  text-align: right;
}

#textwrappercenter #contact label{
  vertical-align: top;
  text-align: left;
}

#textwrappercenter #contact select{ 
  margin: 0em 0em 0.1em 0em;
  width: 41.4em;
}

#textwrappercenter #contact option{
}

#textwrappercenter #contact input{
  width: 16.4em;
  margin: 0em 0em 0.1em 0em;
}

/*
#textwrappercenter #contact #zipcode{
  width: 3.5em;
}

#textwrappercenter #contact #city{
  width: 8em;
}
*/

#textwrappercenter #contact textarea{
  width: 35em;
  min-height: 10em;
  margin-bottom: 1em;
}

#textwrappercenter #contact #submit{
  display: inline;
  width: 10em;
}

#textwrappercenter #contact #reset{
  display: inline;
  width: 10em;
}

/**
 * Webhosting Order 
 */
#textwrappercenter #webhosting_order table{
  border: 0em solid silver;
}

#textwrappercenter #webhosting_order fieldset{
  border: 0em solid silver;
}

#textwrappercenter #webhosting_order table tr {
  border: 0em solid silver;
}

#textwrappercenter #webhosting_order td{
  padding: 0.2em 0.2em 0.2em 0.2em;
  border: 0em solid silver;
  vertical-align: top;
  text-align: left;
}

#textwrappercenter #webhosting_order .formbuttons{
  margin: 0.5em 5em 0.5em 0em;
  text-align: center;
}

#textwrappercenter #webhosting_order label{
  vertical-align: top;
  text-align: left;
}

#textwrappercenter #webhosting_order select{ 
  margin: 0em 0em 0em 0em;
  width: 20em;
}

#textwrappercenter #webhosting_order option{
}

#textwrappercenter #webhosting_order #tld{
  width: 6em;
}

#textwrappercenter #webhosting_order input{
  width: 16.4em;
  margin: 0em 0em 0.1em 0em;
}

/*
#textwrappercenter #webhosting_order #zipcode{
  width: 3.5em;
}

#textwrappercenter #webhosting_order #city{
  width: 8em;
}
*/

#textwrappercenter #webhosting_order textarea{
  width: 35em;
  min-height: 10em;
  margin-bottom: 1em;
}

#textwrappercenter #webhosting_order #submit{
  display: inline;
  width: 10em;
}

#textwrappercenter #webhosting_order #submit_order{
  display: inline;
  width: 14em;
}

#textwrappercenter #webhosting_order #reset{
  display: inline;
  width: 10em;
}

/**
 * Commercially Products
 */
#textwrappercenter #lexware_promotion{
  border: 0em solid black;
}
 
#textwrappercenter #lexware_promotion tr {
  border: 0em solid black;
}

#textwrappercenter #lexware_promotion tr td {
  vertical-align: top;
  border: 0em solid black;
}

#textwrappercenter #lexware_promotion img {
  margin: 1em 1em 1em 1em;
  width: 8em;
}

/**
 * Commercially form 
 */
#textwrappercenter #commercially_order table{
  border: 0em solid silver;
}

#textwrappercenter #commercially_order fieldset{
  border: 0em solid silver;
}

#textwrappercenter #commercially_order table tr {
  border: 0em solid silver;
}

#textwrappercenter #commercially_order td{
  border: 0em solid silver;
  vertical-align: top;
  text-align: left;
}

#textwrappercenter #commercially_order .formbuttons{
  text-align: right;
}

#textwrappercenter #commercially_order label{
  vertical-align: top;
  text-align: left;
}

#textwrappercenter #commercially_order select{ 
  margin: 0em 0em 0.1em 0em;
  width: 38em;
}

#textwrappercenter #commercially_order option{
}

#textwrappercenter #commercially_order input{
  width: 16.4em;
  margin: 0em 0em 0.1em 0em;
}

/*
#textwrappercenter #commercially_order #zipcode{
  width: 3.5em;
}

#textwrappercenter #commercially_order #city{
  width: 8em;
}
*/

#textwrappercenter #commercially_order textarea{
  width: 35em;
  min-height: 10em;
  margin-bottom: 1em;
}

#textwrappercenter #commercially_order #submit{
  display: inline;
  width: 10em;
}

#textwrappercenter #commercially_order #reset{
  display: inline;
  width: 10em;
}