/* +----------------------------------------------------------------------+ */
/* | www.stobag.ch                                                        | */
/* +----------------------------------------------------------------------+ */
/* | CSS Styles                                                           | */
/* +----------------------------------------------------------------------+ */

/* #### Grundeinstellungen ##### */
a:link{ color:#003399; text-decoration: underline;font-weight:normal;}
a:visited{ color:#333333; text-decoration: underline;}
a:hover{ color:#ff3333; text-decoration: underline;}
a:active{ color:#333333; text-decoration: underline;}

html, body {
  margin: 0;
  padding: 0;
  background-color: #e6e6e6;
  background-color: #ffffff;

}



form {
  margin: 0px;
  padding: 0px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
}

/* #### Titel und Text ##### */

.Titel11b { color: black; font-weight: bold; font-size: 11px; line-height:16px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif }
.Titel11bweiss { color: #ffffff; font-weight: bold; font-size: 11px; line-height:16px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif }

.Text11  { color: black; font-size: 11px; line-height:16px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif }
.Text11b  { color: black; font-weight: bold; font-size: 11px; line-height:16px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif }
.Text11bweiss  { color: #ffffff; font-weight: bold; font-size: 11px; line-height:16px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif }
.Text11gray  { color: #666666; font-size: 11px; line-height:16px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif }
.Text11bgray  { color: #666666; font-weight: bold; font-size: 11px; line-height:16px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif }
.Text11bblue  { color: #0066cc; font-weight: bold; font-size: 13px; line-height:16px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif }
.Text9  { color: black; font-size: 9px; line-height:14px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif }
.Text9b  { color: black; font-weight: bold; font-size: 9px; line-height:14px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif }
.Text9bweiss  { color: #ffffff; font-weight: bold; font-size: 9px; line-height:14px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif }


.Seitentitel  { color: black; font-weight: bold; font-size: 11px; line-height:16px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif }


/* ##### Tabelle fuer Feedback-Formulare ##### */
.Feedbackform  {margin:0; padding:0; border:0; border-spacing:0; border-collapse:collapse;}
.Feedbackform table {
border-collapse: separate; 
border-spacing: 0;}
.Feedbackform td {
color: black; font-size: 11px; line-height:16px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
padding-bottom:3px;padding-right:2px;
}


/* # Rahmen fuer Download-Thumbnail #*/
.Thumbzoom {border-style:solid;border-width:1px;border-color:#666666;}

/* #### Besondere Formatierungen im Produktbereich ##### */

/* # Masstabelle #*/
.Masstabelle  {margin:0; padding:0; border:0; border-spacing:0; border-collapse:collapse;}
.Masstabelle table {
border-collapse: separate; 
border-spacing: 0;
}

.Masstabelle TD {color: black; font-size: 11px; line-height:16px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
margin:0;padding-top:4px; padding-bottom:4px; padding-left:5px;
padding-right:5px; border-spacing-top:4px;border:0;
border-spacing-bottom:4px; border-bottom-color:#e6e6e6;
border-bottom-style:solid; border-bottom-width:1px; background-color:#ffffff;}


/* # Rahmen fuer Anwendungsbilder #*/
.Anwendungsbild {border-style:solid;border-width:1px;border-color:#666666;}

/* # Tabelle fuer Anwendungsbilder #*/
.Tabanwendungsbilder {margin:0; padding:0; border-spacing:0;}
.Tabanwendungsbilder TD {vertical-align:top;}

/* # Tabelle fuer Detailbilder#*/
.Tabdetailbilder {margin:0; padding:0; border-spacing:0; table-layout:fixed;}
.Tabdetailbilder TD {vertical-align:top;}


/* #### Hauptnavigation #### */

/* Hauptnavigation Text inaktiv */
.nav1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none; font-weight: normal; background-color: #cccccc; padding-left: 0px; padding-right: 0px; padding-top: 2px; padding-bottom: 3px}

/* Hauptnavgiaton Standard-Links */
.nav1 a {
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none; font-weight: normal; padding-left: 9px; padding-right: 9px; padding-top: 2px; padding-bottom: 3px   }
.nav1 a:link{ color:#000000; text-decoration: none;}
.nav1 a:visited{ color:#000000; text-decoration: none;}
.nav1 a:hover{ color:#000000; text-decoration: none;}
.nav1 a:active{ color:#000000; text-decoration: none;}

/* Hauptnavigation - Mouseover */
.nav1 a:hover
{
color: #000000;
background-color: #e6e6e6;
text-decoration: none;
}

/* Hauptnavigation Text aktiviert */
.nav1a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; text-decoration: none; font-weight: normal; background-color: #666666; padding-left: 9px; padding-right: 9px; padding-top: 2px; padding-bottom: 3px}

/* Hauptnavigation aktiviert Link */
.nav1a a:link{ color:#ffffff; text-decoration: none;}
.nav1a a:visited{ color:#ffffff; text-decoration: none;}
.nav1a a:hover{ color:#ffffff; text-decoration: none;}
.nav1a a:active{ color:#ffffff; text-decoration: none;}


/* ##### Service-Navigation und Sprachlinks ##### */

/* Service-Navigation Text inaktiv */
.nav1s { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none; font-weight: normal; background-color: #cccccc; padding-left: 0px; padding-right: 0px; padding-top: 2px; padding-bottom: 3px}

/* Service-Navigation Text aktiv */
.nav1sa { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; text-decoration: none; font-weight: normal; background-color: #666666; padding-left: 9px; padding-right: 9px; padding-top: 2px; padding-bottom: 3px}

/* Service-Navigation aktiviert Link */
.nav1sa a:link{ color:#ffffff; text-decoration: none;}
.nav1sa a:visited{ color:#ffffff; text-decoration: none;}
.nav1sa a:hover{ color:#ffffff; text-decoration: none;}
.nav1sa a:active{ color:#ffffff; text-decoration: none;}

/* Hauptnavgiaton Standard-Links */
.nav1s a {
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none; font-weight: normal; padding-left: 9px; padding-right: 9px; padding-top: 2px; padding-bottom: 3px   }
.nav1s a:link{ color:#000000; text-decoration: none;}
.nav1s a:visited{ color:#000000; text-decoration: none;}
.nav1s a:active{ color:#000000; text-decoration: none;}

/* Service-Navigation - Mouseover */
.nav1s a:hover
{
color: #000000;
background-color: #e6e6e6;
text-decoration: none;
}


/* #### Unternavigation #### */
.nav2titel {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; background-color: #666666; text-decoration: none; font-weight: bold; padding-left:9px; padding-right:3px; padding-top:2px; padding-bottom:3px;}
.nav2titel a:link{ color:#ffffff; text-decoration: none;}
.nav2titel a:visited{ color:#ffffff; text-decoration: none;}
.nav2titel a:active{ color:#ffffff; text-decoration: none;}

.nav2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none; font-weight: normal; margin:0; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px}
.nav2 a:link{ color:#000000; text-decoration: none;}
.nav2 a:visited{ color:#000000; text-decoration: none;}
.nav2 a:hover{ color:#000000; text-decoration: underline; margin:0; padding-left:0px;padding-right:0px; padding-top:0px; padding-bottom:0px;}
.nav2 a:active{ color:#000000; text-decoration: none;}


/* ##### Gruppennavigation ##### */
.tabnavgrp {margin:0; border-spacing:0; table-layout:auto;}
.tabnavgrp TD {vertical-align:center;padding-bottom:4px;}

.navgrpa {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none; font-weight: bold;}
.navgrp {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none; font-weight: normal;}
.navgrp a:link{ color:#000000; text-decoration: none;}
.navgrp a:visited{ color:#000000; text-decoration: none;}
.navgrp a:hover{ color:#000000; text-decoration: underline;}
.navgrp a:active{ color:#000000; text-decoration: none;}


/* ##### Gruppennavigation ##### */
.sitemap1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height:18px; color: #000000; text-decoration: none; font-weight: bold; background-color: #e6e6e6; padding-left: 0px; padding-right: 0px; padding-top: 2px; padding-bottom: 3px}
.sitemap2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height:18px; color: #000000; text-decoration: none; font-weight: normal; background-color: #e6e6e6; padding-left: 12px; padding-right: 0px; padding-top: 2px; padding-bottom: 3px}


/* #### Kontrollelemente im EditMode ##### */
.pagecontrol {
font-family: Verdana, Arial, Helvetica; font-size: 9px;
color:black; font-weight:bold; background-color:#C0D2EA;
}
.pagecontrol TD {vertical-align:top;}

.infotext {
font-family: Verdana, Arial, Helvetica; font-size: 9px;
color:red; font-weight:bold;
}

.navedit1  {margin:0; padding:0; border:0; border-style:none; border-spacing:0; border-collapse:collapse;}
.navedit1 TD
{vertical-align:top;
font-family: Verdana, Arial, Helvetica; font-size: 11px;
color:black; background-color:#e6e6e6}

.navedit2  {margin:0; padding:0; border:0; border-style:none; border-spacing:0; border-collapse:collapse;}
.navedit2 TD
{vertical-align:top;
font-family: Verdana, Arial, Helvetica; font-size: 11px;
color:black; background-color:#80BEE1;}