/* Soprema - HTML & CSS by Mihai Petre - DOTWEB Software Systems */

/* X-browser CSS properties reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote {margin:0;padding:0;}
table {border-collapse:collapse;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
a {text-decoration: none; outline: none;}
/* /X-browser CSS properties reset */

body, textarea {
  font-family: Tahoma, Arial, sans-serif;
  color: #333333;
}

ul {
  list-style-type: none;
}

h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: normal;
  color: #11A0CF;
}

textarea {
  color: #000;
  font-size: 11px;
}

#wrapper {
  width: 920px;
  margin: 0 auto;
  padding-top: 20px;
}


/* HEADER */
#header h1 {
  float: left;
}

#header h1 a {
  display: block;
  margin-bottom: 20px;
  width: 180px;
  height: 66px;
  text-indent: -10000px;
  background: url(../images/logo.gif);
}

/* NAVIGATION */
#header ul {
  clear: both;
  height: 27px;
  border: 1px solid #C5C6C7;
  margin-bottom: 10px;
}

#header li {
  float: left; display: inline;
  margin: 0 20px;
}

#header li a {
  color: #333333;
  font-size: 11px;
  font-weight: bold;
  line-height: 26px;
  text-transform: uppercase;
  text-decoration: none;
}
#header li a:hover {
  color: #009ee0;
}
#header li a.active {
  color: #009ee0;
}
/* /NAVIGATION */

#meta {
  float: right;
  width: 600px;
  height: 14px;
  margin-top: 40px;
  font-size: 11px;
}

#meta ul {
  border: none;
}

#meta ul li {
  float: right;
  margin: 0 10px 0 0;
}

#meta ul li a {
  color: #333333;
  font-weight: normal;
  text-transform: none;
  text-decoration: underline;
}
#meta ul li a:hover {
  color: #333333;
  text-decoration: none;
}

#meta ul li.down {
  border-left: 1px solid #0086CB;
  padding-left: 10px;
}
#meta ul li.down a {
  padding-left: 20px;
  padding-top: 2px; padding-bottom: 2px;
  background: url(../images/down.gif) no-repeat left;
}

#meta ul li.globe {
  border-left: 1px solid #0086CB;
  padding-left: 10px;
}

#meta ul li.globe a {
  padding-left: 20px;
  padding-top: 2px; padding-bottom: 2px;
  background: url(../images/globe.gif) no-repeat left;
}

#meta ul li form {
  position: relative;
  top: 3px;
}

#meta label {
  float: left;
  margin-top: 2px; margin-right: 3px;
}

#meta input {
  margin-right: 3px;
  padding: none !important;
}

#meta ul li form .submit-button {
  margin-top: -2px;
  _margin-top: 0;
}

.submit-button {
  float: left;
  height: 22px;
  background: url(../images/but_big_right.gif) no-repeat right;
}

.submit-button input {
  height: 22px;
  padding: 0 3px 4px 5px;
  _padding: 4px 3px 3px 5px;
  *padding: 4px 3px 3px 5px;
  border: none;
  color: #009ee0;
  font-weight: bold;
  text-align: center;
  background: url(../images/but_big_left.gif) no-repeat left;
  cursor: pointer;
}

input.search {
  float: left;
  height: 15px;
  padding: 0 !important;
}

#header {
  margin-bottom: 10px;
}
/* /HEADER */


.hidden {
  display: none;
}

.active {
  display: block;
}

h3 {
  font-size: 15px;
  font-weight: bold;
}

p {
  font-size: 12px;
}

/* RIGHT CONTENT */
#banner {
  float: right;
  width: 280px; height: 100px;
  margin-bottom: 10px;
  padding: 15px 30px 65px 50px;
  border: 1px solid #C5C6C7;
  font-family: Helvetica, Arial, sans-serif; font-size: 20px;
  position: relative;
}

#banner h3 {
  margin-bottom: 5px;
  color: #fff;
  font-size: 22px; font-weight: normal;
}

#banner h4 {
  margin-bottom: 5px;
  color: #fff;
  font-size: 18px;
}

#banner p {
  margin-bottom: 5px;
  font-size: 18px;
  color: #ffffff;
}

#banner a.more {
  color: #ffffff;
  font-family: Tahoma; font-size: 12px;
  padding-left: 15px;
  background: url(../images/arrow-gray.gif) no-repeat 0 4px;
}
#banner a.more:hover {
  text-decoration: underline;
}

#news {
  float: right;
  width: 360px;
  height: 157px;
  border: 1px solid #C5C6C7;
}

#news h3 {
  margin: 10px 10px 13px 10px;
}

#news h4 {
  margin: 10px 10px;
  font-size: 12px;
  font-weight: bold;
  text-transform: none;
  color: #000;
}

#news p {
  margin: 0 10px;
}

#news a.more {
  display: inline-block;
  margin-left: 10px;
  margin-top: 15px;
  margin-bottom: 8px;
  padding-left: 15px;
  color: #118ECE;
  font-size: 12px;
  background: url(../images/arrow-blue.gif) no-repeat 0 4px;
}
#news a.more:hover {
  text-decoration: underline;
}

#location-search {
  float: right;
  width: 360px;
  height: 160px;
  margin-bottom: 10px;
  border: 1px solid #C5C6C7;
  background: url(../images/minimap.gif) no-repeat left;
}

#location-search h3 {
  float: right;
  display: inline;
  width: 160px;
  margin-right: 5px;
  margin-top: 10px;
}

#location-search p {
  float: right;
  clear: both;
  display: inline;
  width: 160px;
  margin-right: 5px;
  margin-top: 15px;
}

#location-search input {
  margin-top: 10px;
}
#location-search form {
  clear: right;
  float: right;
  display: inline;
  margin-right: 5px;
}
#location-search input.search {
  width: 100px;
}

#downloads {
  float: right;
  width: 360px;
  height: 178px;
  border: 1px solid #C5C6C7;
  background: url(../images/broschuere.gif) no-repeat 220px;
}

#downloads h3, #downloads p {
  margin: 10px;
  width: 160px;
}

#downloads a.more {
  display: inline-block;
  margin-left: 10px;
  margin-bottom: 8px;
  padding-left: 15px;
  color: #118ECE;
  font-size: 12px;
  background: url(../images/arrow-blue.gif) no-repeat 0 4px;
}
#downloads a.more:hover {
  text-decoration: underline;
}

#downloads form select {
  width: 150px;
  margin: 10px;
  margin-top: 0;
}
/* /RIGHT CONTENT */


/* LEFT CONTENT */
#about {
  float: left;
  width: 546px;
  height: 350px;
  border: 1px solid #C5C6C7;
  margin-bottom: 10px;
}

h2 {
  margin: 10px 10px 10px 10px;
  font-size: 20px;
}

#about p {
  margin: 10px;
}

#about a.more  {
  display: inline-block;
  margin: 0 0 0 10px;
  padding-left: 15px;
  color: #118ECE;
  font-size: 12px;
  background: url(../images/arrow-blue.gif) no-repeat 0 4px;
}
#about a.more:hover {
  text-decoration: underline;
}

#projects {
  float: left;
  width: 546px;
  height: 350px;
  margin-bottom: 10px;
  border: 1px solid #C5C6C7;
}

#projects h3 {
  margin: 10px;
}

#projects .project-box {
  height: 150px;
  margin: 10px 10px 5px 10px;
  border: 1px solid #008FD4;
  overflow: hidden;
}

#projects h4 {
  font-size: 12px;
  font-weight: bold;
  color: #000;
  text-transform: none;
}

#projects .project-box h4,  #projects .project-box p {
  margin: 10px;
}

#projects .project-box img {
  float: left;
  height: 100px;
  margin: 0 10px 10px 10px;
  overflow: hidden;
}

#projects .project-box a.more {
  display: inline-block;
  margin-bottom: 20px;
  padding-left: 15px;
  color: #118ECE;
  font-size: 12px;
  background: url(../images/arrow-blue.gif) no-repeat 0 4px;
}
#projects .project-box a.more:hover {
  text-decoration: underline;
}

#projects ul {
  margin: 5px 10px 10px 10px;
}

#projects ul li {
  height: 30px;
  margin-bottom: 5px;
  padding: 0px 5px 0px 5px;
  border: 1px solid #C5C6C7;
  line-height: 30px;
}

#projects .project-box ul li {
  height: auto; margin: auto;
  padding: 0; border: none; line-height: normal;
  font-size: 12px;
}

#projects ul li h5 {
  display: inline-block;
}

#projects ul li a {
  float: right; display: inline-block;
  width: 22px; height: 22px;
  margin-top: 4px;
  background: url(../images/plus.gif);
}
/* /LEFT CONTENT */


/* CONTENT LAYOUT */
#content {
  width: 920px;
  margin-bottom: 10px;
  background: url(../images/content-bg.gif) no-repeat left bottom;
  overflow: hidden;
}

#side-panel {
  float: left;
  width: 174px;
  margin: 0 10px 0 0;
  border: 1px solid #C5C6C7;
  border-bottom: none;
}

#side-panel h3 {
  margin: 0;
  padding: 15px 10px 13px;
  border-bottom: 1px solid #C5C6C7;
  color: #008FD4;
  font-size: 12px;
  text-transform: uppercase;
}

#side-panel ul.parent {
  border-top: 2px solid #E9E9E9;
}

#side-panel ul.parent li {
  margin: 0 10px;
  padding: 7px 0 7px 15px;
  background: url(../images/arrow-gray.gif) no-repeat scroll 0 10px !important;
  border-bottom: 1px solid #C5C6C7;
  font-size: 11px;
}
#side-panel ul.parent li.active {
  background: url(../images/arrow-blue.gif) no-repeat scroll 0 10px !important;
}

#side-panel ul li {
  border: none;
}

#side-panel ul li.last {
  border: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

#side-panel ul.parent li a {
  color: #333333;
}

#side-panel ul.parent li a:hover {
  text-decoration: underline;
}

#main {
  float: left;
  width: 734px;
  padding-bottom: 20px;
  font-size: 12px;
  overflow: hidden;
}

#main .separator {
  height: 1px;
  margin: 20px 20px 20px 10px;
  background: #C5C6C7;
}

#main .separator hr {
  display: none;
}

#main img.bigthumb {
  display: block;
  margin-left: 50px;
}

#main #bread-crumbs {
  margin: 0 0 1px;
  padding: 10px 1px 5px;
  font-size: 11px;
  border-bottom: 1px solid #C5C6C7;
}

#main #bread-crumbs a {
  padding: 0 1px;
  color: #118ECE;
}
#main #bread-crumbs a:hover {
  text-decoration: underline;
}

#main #bread-crumbs span {
  padding: 0 1px;
}

#main #categ-img {
  height: 206px;
  background: url(../images/categ-imgelement.gif) no-repeat bottom right;
}

#main #main-content {
  float: left;
  width: 547px;
  margin: 27px 0 0;
  padding: 0 10px 40px 1px;
}

#main #main-content table {
  margin: 0 0 15px 0;
}

#main h2, #main h3 {
  padding: 0 20px 20px 0;
}

#main #main-content h2 {
  margin: 0 0 5px;
  color: #333333;
  font-size: 19px;
  font-weight: normal;
  text-transform: uppercase;
}

#main p {
  margin: 0 0 10px;
  padding: 0 20px 0 10px;
  font-size: 12px;
  line-height: 16px;
}

#main a.more {
  padding-left: 15px;
  color: #118ECE;
  font-size: 12px;
  text-decoration: underline;
  background: url(../images/arrow-blue.gif) no-repeat 0 4px;
}
#main #main-content a.more:hover{
  text-decoration: none;
}

#main #main-content .main-content-box {
  margin: 0 10px 10px 0;
  padding: 0 10px;
  overflow: hidden;
}

#main #main-content .main-content-box img {
  float: left;
  margin: 0 10px 0 0;
}

#main #main-content .main-content-box p {
  padding: 0; margin: 0 0 5px 0;
}

#main #main-content h4 {
  margin: 0 0 10px;
  color: #000;
  font-size: 12px;
  font-weight: bold;
}

#main #main-content p {
  margin: 10px 0;
  color: #333;
}

#main #main-content ul {
  margin: 10px 0 15px;
  list-style: disc;
  list-style-position: inside;
}

#main #contact-box {
  float: right;
  width: 156px;
  margin-top: 45px;
  padding: 0 10px;
}

#main #contact-box h3 {
  margin: 0;
  padding: 0 0 8px;
  border-bottom: 1px solid #C5C6C7;
  color: #008FD4;
  font-size: 12px;
  text-transform: uppercase;
}

#main #contact-box .contact-box-text {
  padding-top: 7px;
  border-top: 2px solid #E9E9E9;
}

#main #contact-box .contact-box-text p {
  padding-bottom: 7px;
  margin-bottom: 7px;
  border-bottom: 1px solid #C5C6C7;
  font-size: 11px;
}
/* /CONTENT LAYOUT*/


/* CONTACT FORM */
input, textarea, select {
  padding: 2px 1px;
  font-size: 12px;
  font-family: Arial;
}

.form {
  font-size: 12px;
}

.form ul {
  list-style: none !important;
  margin-bottom: 5px !important;
}

.form ul li {
  margin: 0 20px 7px 10px;
}

.form ul li label {
  float: left;
  width: 100px;
}

.form ul li input {
  width: 160px;
}

form ul li textarea {
  width: 240px;
}

.form ul li textarea {
  height: 90px;
}

.form .submit-button {
  float: left; display: inline;
  margin-left: 110px;
}

ul.error_list {
  color: #ff0000;
}

ul.error_list li {
  margin-left: 0;
  text-transform: capitalize;
}
/* /CONTACT FORM */


/* FOOTER */
#footer {
  clear: both;
  height: 21px;
  padding: 6px 10px 0;
  margin-bottom: 30px;
  font-size: 11px;
  color: #ffffff;
  background: #008FD4;
}

#footer ul {
  float: right;
}

#footer ul li {
  float: left;
  margin-left: 20px;
}

#footer a {
  padding-left: 15px;
  color: #ffffff;
  background: url(../images/arrow-gray.gif) no-repeat 0 3px;
  text-decoration: underline;
}
#footer a:hover {
  text-decoration: none;
}

#footer #dw a {
  padding: 0;
  background: none;
}
/* /FOOTER */