body {
   font-family: arial, verdana, sans-serif;
   font-size: 12px;
   color: #000;
   margin: 0;
   padding: 0;
}

/* Clearfix Hack */
.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

.clearfix {display: inline-block;}

* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* /Clearfix Hack */

.clear {
   clear:both;
   height: 1px;
}

.floatLeft {
   float: left !important;
}
.floatRight {
   float: right !important;
}

.imageRight {
   float: right;
   margin: 0 0 10px 10px;
}
.imageLeft {
   float: left;
   margin: 0 10px 10px 0;
}

div, p, h1, h2, h3, h4, span, ul, form {
   margin: 0;
   padding: 0;
}

.logo {
   border: none;
}



h1 {
   font-size: 20px;
   display: block;
   padding: 14px 0 13px 0;
   background: #DDDDDD;
}

h2 {
   color: #000;
   font-size: 12px;
   font-weight: bold;
   margin: 0 0 15px 0;
}

h3 {
   color: #555;
   font-size: 12px;
   font-weight: bold;
   margin: 0 0 15px 0;
}

p {
   margin-bottom: 10px;
}

a {
   color: #366583;
}

table tr td {
   padding-bottom: 6px;
   padding-right: 6px;
}

bighead {
   color: #555;
   font-size: 18px;
   font-weight: bold;
   margin: 0 0 15px 0;
}

.wrapper, h1 {
   width: 797px;
   position: relative;
   margin-left: auto;
   margin-right: auto;
   /* Falls doch IE Fehler dann hier nachgucken */
   padding-left: 10px;
   padding-right: 10px;
   }
   .bar {
       color: #444444;
       font-size: 20px;
       margin-bottom: 40px;
       font-weight: normal;
       background: #DDDDDD;
       }
       .coloredBlock {
           position: absolute;
           width: 797px;
           left: 50%;
           display: block;
           padding: 14px 0 13px 0;
           margin-left: -409px;
       }
       /* Fuer den farbigen Balken muss der eigentliche Wert der Breite von -409px subtrahiert werden. Bsp.: -429px entsprechen 20px Breite */
       .h1_neutral {
               background: #DDDDDD;
               margin-left: -429px;
       }
       .h1_consulting {
               background: #DDDDDD;
               margin-left: -429px;
       }
       .h1_developing {
               background: #DDDDDD;
               margin-left: -429px;
       }
       .h1_services {
               background: #DDDDDD;
               margin-left: -429px;
       }

#header {
   margin-top: 21px;
   margin-bottom: 31px;
   position: relative;
   }
   #navigation {
       margin-top: 32px;
       margin-bottom: 4px;
   }
   #navigation, #areanavigation {
       list-style: none;
       position: relative;
       }
       #navigation li, #areanavigation li {
           float: left;
           display: block;
           font-weight: bold;
       }
       #navigation li {
           font-size: 12px;
           margin-right: 15px;
       }
       #areanavigation li {
           font-size: 15px;
           margin-right: 10px;
       }
       #navigation li a,
       #areanavigation li a {
           color: #72b633;
           text-decoration: none;
       }
       #navigation li a:hover,
       #navigation li a:focus,
       #areanavigation li a:hover,
       #areanavigation li a:focus {
           color: #000;
           text-decoration: none;
       }
       #navigation li.last,
       #areanavigation li.last {
           margin-right: 0;
           float: right;
       }


.row {
   margin-bottom: 10px;
   display: block;
   position: relative;
}

#consulting, #developing, #services {
   color: #fff;
   font-size: 12px;
   height: 100px;
   }

   #consulting {
       background: #555555;
       margin-bottom: 8px;
       }
       #consulting .colLeft {
           height: 100px;
           background: url(../../artglobal/consulting.gif) left top no-repeat;
       }
       #consulting .colCenter {
           height: 100px;
           background: url(../../artglobal/consulting_title.gif) left top no-repeat;
       }

   #developing {
       background: #4b7427;
       margin-bottom: 8px;
       }
       #developing .colLeft {
           height: 100px;
           background: url(../../artglobal/developing.gif) left top no-repeat;
       }
       #developing .colCenter {
           height: 100px;
           background: url(../../artglobal/developing_title.gif) left top no-repeat;
       }

   #services {
       background: #72b633;
       margin-bottom: 27px;
       }
       #services .colLeft {
           height: 100px;
           background: url(../../artglobal/services.gif) left top no-repeat;
       }
       #services .colCenter {
           height: 100px;
           background: url(../../artglobal/services_title.gif) left top no-repeat;
       }

   #consulting a,
   #developing a,
   #services a {
       color: #fff;
       text-decoration: underline;
   }

   #consulting .colRight,
   #developing .colRight,
   #services .colRight {
       padding: 17px 0 0 0;
   }

.row .colLeft,
.row .colCenter,
.row .colRight {
   display: block;
   float: left;
   width: 215px;
   }
   .row .colCenter {
       width: 205px;
       margin-left: 25px;
   }
   .row .colRight {
       width: 315px;
       margin-left: 37px;
   }

   .col2-1 .colLeft {
       width: 445px;
   }
   .col2Full .colLeft {
       width: 797px;
   }


.imageBox, .upcomingEvents, .blogPosts {
   font-size: 11px;
}

.imageBox img {
   float: left;
   display: block;
}
.imageBox .content {
   margin-bottom: 20px;
   padding-left: 110px;
}

#footer {
   margin-top: 20px;
   }
   #footerNavigation li {
       float: left;
       display: block;
       margin-top: 13px;
       margin-left: 20px;
   }
   #footerNavigation li a {
       color: #555;
       text-decoration: none;
   }

#callback input {
   font-size: 11px;
   border: 1px solid #000;
}
#callback input.submit {
   color: #fff;
   border: 1px solid #4b7427;
   background: #4b7427 url(../../artglobal/submit_bg.gif) repeat-x;
   cursor: pointer;
}