/* Remy und Geiser
Main Stylesheet
Autor: Carsten Ruppert - HEAD. MARKETING-PARTNER - EINFACH ERFOLGREICH

Rev.: 11.03.2005
- h2 + h3 hinzugefügt
- div productbox hinzugefügt unter Abschnitt "Produkte"
- div box und Klassen für Kombinationsmatrix unter Abschnitt "Kombinationsmatrix Tabelle"
*/

body {
      background: #EFEFF0;
      font: normal 0.9em/125% Arial, Helvetica, Sans-Serif, Sans;
      margin: 20px 0 20px 0;

      text-align: center; /* Für IE 5 - zentrierung von "container" */
        }
img {
      border-width: 0px;
      }

/* S O N S T I G E S */
#validxhtml {
      position: absolute;
      bottom: 40px;
      left: 55px;

      width: 88px;
      height: 31px;
        display: none;
      }
#webbyhead {
      position: absolute;
      right: -35px;
      bottom: 0;
      width: 30px;
      height: 250px;
      }

#languageSelect {
	position: absolute;
	top: 0;
	right: 0;
	
	height: 50px;
	width: 190px;
	
	padding: 20px 0 0 0;
	text-align: center;
	}
#languageSelect img {
	margin: 0 5px 0 5px;
	}

/* L A Y O U T */
#container {
      position: relative;
      width: 885px;
      margin: auto;

      border: 1px solid #9F9F9F;
      text-align: left; /* Für IE 6 wegen IE 5 optimierung in body... */
        }

#main {
      width: 100%;
      /*border-spacing: 0;*/
      }
#main td {
      margin: 0;
      padding: 0;
      vertical-align: top;
      }

#leftDarkBar {
      width: 78px;
      background: #D9D9DA;
      }
#leftBrightBar {
      width: 125px;
      background: #EFEFF0;
      }
#content {
      background: white !important;
      }
#contentContainer {
      padding: 107px 10px 0 10px;
      font: normal 1.0em/125% Arial, Helvetica, Sans-Serif, Sans;
        }
#rightBrightBar {
      width: 176px;
      background: #EFEFF0;
      }
#rightDarkBar {
      width: 14px;
      background: #D9D9DA;
      }
#rightOverlap { /* rightDarkBar oben rechts überdecken */
      position: absolute;
      top: 0;
      right: 0;
      width: 14px;
      height: 70px;

      background: #EFEFF0;
      }
#bottomDarkBar {
      position: relative;

      width: 100%;
      height: 22px;

      background: #9F9F9F;

      text-align: center;
      }

/* H E A D E R */
#bluBar {
      position: absolute;
      /*top: 64px;*/
	  top: 70px;
      left: 0;

      height: 14px;
      width: 100%;

      background: #294293;
      text-align: center;

      z-index: 1001;
      }
#bluBarOverlap {

      position: absolute;
      top: 0;
      left: 0;

      width: 8px;
      height: 100%;

      background: #D9D9DA;
      }
#logo {
      position: absolute;
      /*top: -60px;*/
	  top: -67px;
	  /*left: 355px;*/
	  left: 323px;
      }
      #logo a:hover{
      	background: transparent;
      	}

/* L I N K E S   M E N Ü */

/* !!! menu.js in /resources benutzt die Klassennamen um die Links zu aktivieren !!! */


#leftmenu {
      position: absolute;
      /*top: 87px;*/
	  top: 93px;
      left: 8px;

      width: 176px;

      background: #C8C8C9 url(/images/layout/leftmenu-dark-gardient.jpg) bottom left repeat-x;

      height: 565px;
      }

#leftmenuBrightBar {
      position: absolute;
      right: 0;
      top: 0;

      width: 106px;
      height: 100%;

      background: #D9D9DA url(/images/layout/leftmenu-bright-gardient.jpg) bottom left repeat-x;
      }
#leftmenucontent {
      position: relative;
      padding: 10px 0 10px 5px;

      z-index: 1000; /* Opera */
      }

#leftmenu a {
      font: bold 0.8em/100% Arial, Helvetica, Sans-Serif, Sans;
      color: #294293;
      text-decoration: none;
      }

#leftmenu a:hover {
      color: #CF0000;
      background: transparent;
      text-decoration: none;
        }
#leftmenu a.active {
      color: #CF0000;
      background: transparent;
      text-decoration: none;
      }

#leftmenu img{
      padding: 0 0 10px 20px;
      text-decoration: none;
      }


/* R E C H T E S   M E N Ü */
#rightmenu {
      padding: 97px 5px 0 10px;
      }

div.subnavcontainer {
      position: relative;
      padding: 0 0 0 15px;
      }
div.subnavcontainer a {
      display: block;
      margin: 0 0 8px 0 !important;
    font-size: 0.75em !important;
      line-height: 120% !important;
    }
div.subnavcontainer a:hover {
      display: block;

      margin: 0 0 8px 0 !important;
    font-size: 0.75em !important;
    line-height: 120% !important;
      }

#rightmenu a.productnavi {
      position: relative;
      font: normal 0.8em/200% Arial, Helvetica, Sans-Serif, Sans;
      color: black;
      text-decoration: none;
      }
#rightmenu a.productnavi:hover {
      color: #CF0000;
      font-weight: normal;
      background: transparent;
      text-decoration: none;
      }
#rightmenu a.activeProductnavi {
    position: relative;
    font: normal 0.8em/200% Arial, Helvetica, Sans-Serif, Sans;
    color: #CF0000;
    background: transparent;
    text-decoration: none;
    }

#rightmenu a.big {
      font: bold 1.0em/150% Arial, Helvetica, Sans-Serif, Sans;
      color: #002C72;
      text-decoration: none;
      }
#rightmenu a.big:hover {
      color: #CF0000;
      background: transparent;
      text-decoration: none;
      }

#rightmenu a.activeBig {
      font: bold 1.0em/150% Arial, Helvetica, Sans-Serif, Sans;
      color: #CF0000;
      text-decoration: none;
      }

/* N A V I G A T I O N   A L L G E M E I N */
a:link, a:active, a:visited {
      text-decoration: underline;
      color: #002C72;
      }
a:hover {
      background: #DBE5F0;
      text-decoration: none;
      }


/* T E X T */
h1 {
      font: normal 1.4em/125% Arial, Helvetica, Sans-Serif, Sans;
      color: #002C72;
      }
h2 {
      font: normal 1.2em/125% Arial, Helvetica, Sans-Serif, Sans;
      color: #002C72;
      font-weight: bold;
      }


h3 {
      font: normal 0.9em/140% Arial, Helvetica, Sans-Serif, Sans;
      color: #000000;
      font-weight: bold;
      }

span.blu {
      color: #002C72;
      }

span.bigBlack {
      font: bold 1.0em/125% Arial, Helvetica, Sans-Serif, Sans;
      color: #002C72;
      }


/* F O R M S */
input.search {
      font: bold 0.8em/125% Arial, Helvetica, Sans-Serif, Sans;
      width: 150px;
      border: 2px solid #919191;
      }


/* P R O D U K T E */

div.productbox {
      border: 1px solid #DEDEDE;
      margin: 0 0 20px 0;
      }
div.prbheader {
      font: bold 1.0em/125% Arial;
      padding: 3px;
      color: #002C72;

      background: #EEEEEE;

      border: solid #DEDEDE;
      border-width: 0 0 1px 0;
      }

div.prbcontent {
      padding: 5px;
      }

img.product {
      float: left;
      margin: 0 20px 0 0;
      }


/* K O N T A K T   F O R M U L A R E */

form fieldset {
      border: 1px solid #C1C1C1; /*#DEDEDE;*/
      padding: 8px;
      margin: 0 0 20px 0;
      }

form legend {
      font: bold 0.9em/125% Arial, Helvetica, Sans-Serif, Sans;
      padding: 2px 5px 2px 5px;

      border: 1px solid #A1A1A1;
      background: #F7F7F7;

      color: #002C72;
      }

table.form {
      width: 100%;
      border-collapse: collapse;
      font: normal 0.85em/125% Arial, Helvetica, Sans-Serif, Sans;
      }
table.form td {
      padding: 3px !important;
      }

col.formleft {
      width: 30%;
      }
col.formright {
      width: 70%;
      }
select.contact {
      font: normal 1.0em/125% Arial, Helvetica, Sans-Serif, Sans;
      width: 100px;
      }
input.contact {
      font: normal 1.0em/125% Arial, Helvetica, Sans-Serif, Sans;
      width: 200px;
      border: 1px solid #C1C1C1;
      padding: 2px;
      }
form textarea {
      font: normal 1.0em/125% Arial, Helvetica, Sans-Serif, Sans;
      padding: 2px;
      width: 99%;
      height: 250px;
      border: 1px solid #C1C1C1;
      }

span.asterix { /* Stern */
      font: bold 1.0em/125% "Comic Sans MS", Arialm, Helvetica, Sans-Serif, Sans;
      color: #002C72;
      }


/* K O M B I N A T I O N S M A T R I X  -  T A B E L L E N */

div.mxbox {
      border: 1px solid #DEDEDE;
      margin: 0 0 20px 0;
      }
div.mxheader {
      font: bold 1.0em/125% Arial;
      padding: 3px;
      margin: 0px;
      color: #002C72;
      text-align: center;
      background: #EEEEEE;

      border: solid #DEDEDE;
      border-width: 0 0 1px 0;
      }
div.mxcontent {
      padding: 0px;
      text-align: center;
      }
td.pictures {
         text-align: center;
         padding: 10px;
         background-color: #ffffff;
         }
td.matrixheader  {
         font: bold 0.9em/140% Arial;
         color: #002C72;
         text-align: center;
         background: #ffffff;
         border: solid #DEDEDE;
         border-width: 0 0 1px 0;
         }

td.line1  {
         font: normal 0.9em/140% Arial;
         color: #002C72;
         background-color: #efefef;
         border: solid #dfdfdf;
         border-width: 0 1px 0 1px;
}
td.line2  {
         font: normal 0.9em/140% Arial;
         color: #002C72;
         background-color: #dfdfdf;
}

td.txtcent1  {
         font: normal 1.2em/125% Arial, Helvetica, Sans-Serif, Sans;
         color: #000000;
         text-align: center;
         vertical-align: middle;
         background-color: #eeeeee;
         border: solid #dfdfdf;
         border-width: 0 1px 0 0;
}
td.txtcent2  {
         font: normal 1.2em/125% Arial, Helvetica, Sans-Serif, Sans;
         color: #000000;
         text-align: center;
         vertical-align: middle;
         background-color: #dfdfdf;
}

td.txt1  {
         font: normal 1.0em/140% Arial;
         background-color: #efefef;
         color: #002C72;

}
td.txt2  {
         font: normal 1.0em/140% Arial;
         background-color: #dfdfdf;
         color: #002C72;
}



/* T E A M */


div.teambox {
      background-color: #efefef;
      border: 1px solid #cfcfcf;
      margin: 0 0 20px 0;
      }
div.teamheader {
      font: normal 1.0em/125% Arial;
      padding: 3px;
      color: #000000;
      border: solid #DEDEDE;
      border-width: 0 0 0px 0;
      }

div.teamcontent {
      padding: 5px;
      }

img.team {
      float: left;
      margin: 0 10px 10px 0;
      border: 1px solid #DEDEDE;
      }


/* R O U T E N P L A N E R */

INPUT.route {
         border: 1px #C1C1C1 solid;
         font-size: 9pt;
         padding: 2px;
}

SELECT {
        WIDTH: 120px;
        border-width: 0px;
        COLOR: #000000;
}



/* P R O D U K T E   T A B E L L E N */

table.product {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #DEDEDE;
    margin: 0 0 20px 0;
	}
table.product td.header {
    font: bold 1.0em/125% Arial;
    padding: 3px !important;
    color: #002C72;

    background: #EEEEEE;

    border: solid #DEDEDE;
    border-width: 0 0 1px 0;
	}
table.product td {
	padding: 3px !important;
	}


/* H i s t o r i e */

.year {
        font: normal 1.0em/140% Arial;          
        COLOR: #002C72;
}