/*////////////////////////////////////////////////////////////////////////////////////////////////*/
/* Norman Geiersbach                                                                              */
/* Eitido (c) 2009                                                                                */
/*////////////////////////////////////////////////////////////////////////////////////////////////*/

a, body, div, h1, h2, h3, html, img, li, p, table
  { border: 0; margin: 0; padding: 0; }

a { color: #2d1503; outline: none; text-decoration: none; }
a:hover { text-decoration: none; }

body { background: #ffff66; color: #2d1503; font-family: Arial, Sans-Serif; font-size: 11px; line-height: 18px; }

input, select, textarea
  { font: 11px Arial, Sans-Serif; }

h2 { font-size: 12px; line-height: 26px; }


/* -- Common elements --------------------------------------------------------------------------- */

.clear { clear: both; }
.highlight { color: #99cc00; }


/* -- Page container ---------------------------------------------------------------------------- */

#aspnetForm { }
#pageWrapper { background: #ffff66; margin: 0 auto; width: 900px; }
#pageContainer { padding: 0 10px 10px 10px; }

#headerContainer { }
#pageLogo { display: none; }
#pageTeaser { background: url('Images/pageTeaser.jpg') center top no-repeat; height: 211px; }

#mainContainer { background: url('Images/mainContainer.jpg') repeat-x; }
#mainContainerInner { background: url('Images/mainContainerBottom.jpg') left bottom repeat-x; height: 426px; position: relative; }
#mainContainer h2 { display: block; line-height: 34px; }

#contentContainer { float: left; margin-top: 46px; width: 488px; height: 344px; overflow: hidden; }
#imageContainer { float: right; background: url('Images/imageContainer.jpg') no-repeat; width: 200px; height: 426px; }
#imageContainer img { cursor: pointer; }
#imageContainer .imageLarge { position: absolute; top: 80px; left: 192px; width: 422px; height: 300px; }
#sidebarContainer { float: left; width: 192px; height: 390px; overflow: hidden; }

#footerContainer { background: #2d1503; padding-left: 54px; height: 30px; position: relative; color: #ffff66; line-height: 30px; }
#logoIDB { background: url('Images/logoIDB.jpg') no-repeat; position: absolute; left: 0; bottom: 0; width: 54px; height: 66px; }
#textIDB { float: left; }


/* -- Navigation elements ----------------------------------------------------------------------- */

#navigationMain { background: #ffffff; list-style-type: none; padding: 0; margin: 0; height: 30px; }
#navigationMain li { float: left; width: 96px; height: 30px; position: relative; }
#navigationMain li a { display: block; position: absolute; top: 0; left: 0; width: 96px; height: 30px; line-height: 30px; text-align: center; }
#navigationMain li a:hover,
#pageAboutUs #navigationMain .navAboutUs a,
#pagePortfolio #navigationMain .navPortfolio a,
#pageMaintenance #navigationMain .navMaintenance a,
#pageTraining #navigationMain .navTraining a,
#pageService #navigationMain .navService a,
#pageReference #navigationMain .navReference a,
#pageContact #navigationMain .navContact a
  { background: url('Images/navMain_h.jpg') no-repeat; color: #ffffff; height: 73px; }

#navigationSubPages { list-style-type: none; margin: 0; padding: 48px 0 0 0; }
#navigationSubPages li { }
#navigationSubPages li a { display: block; background: url('Images/navSubPage.jpg') no-repeat; padding-left: 36px; height: 32px; color: #b8af44; line-height: 32px; }
#navigationSubPages li:first-child a,
#navigationSubPages li.first-child a
  { background-image: none; }
#navigationSubPages li a:hover,
#navigationSubPages li a.active
  { color: #2d1503; }
  
#navigationFooter { float: right; list-style-type: none; padding: 0; margin: 0; width: 200px; height: 30px; }
#navigationFooter li { float: left; }
#navigationFooter li a { color: #ffffff; }


/* -- Content elements -------------------------------------------------------------------------- */

.contentBlock { padding: 0 20px 20px 0; }
.contentBlock img { float: left; margin-top: 4px; margin-right: 10px; margin-bottom: 10px; }


/* -- Form elements ----------------------------------------------------------------------------- */

.formContainer { font-size: 11px; }

.formValidationSummary { float: right; height: 58px; width: 254px; color: #d40008; overflow: hidden; }
.formContainer .errorField { color: #d40008; }
.formContainer .errorBlock { display: block; line-height: 150%; padding-bottom: 18px; }
.formContainer .successBlock { display: block; color: #458701; line-height: 150%; padding-bottom: 18px; }

.formContainer .fieldsContainer { float: left; width: 334px; }
.formContainer .fieldContainer { clear: both; margin-bottom: 8px; }
.formContainer .fieldTitle { color: #333333; font-weight: bold; line-height: 21px; float: left; width: 80px; }
.formContainer .fieldTitle label { padding-right: 4px; }
.formContainer .fieldControl { padding-left: 80px; }

.formContainer .button { width: 100px; }
.formContainer .dropDownList { }
.formContainer .editField { width: 224px; }
.formContainer .textField { width: 224px; }
.formContainer .infoField { height: 72px; }


/* -- Page specific style ----------------------------------------------------------------------- */

#pageContact #contentContainer { width: 688px; }
#pageContact #imageContainer { display: none; width: 0px; }


/* -- IE 6 bugfixes ----------------------------------------------------------------------------- */