@charset "UTF-8";

/*
Theme Name: TelSec GmbH
Theme URI: http://www.telsec.ch/
Author: PitTeam GmbH
Author URI: http://www.pitteam.ch/
Description: Theme fuer die Website von TelSec GmbH, Juni 2013
Version: 1.0
*/





/* = Reset des Standard-CSS des Browsers. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  background: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}





/* ----------------------------------
  ALLGEMEIN
---------------------------------- */

body {
  background-color: #e4e6eb;
  background-image: url(../images/bg.jpg);
  background-position: center top;
  margin: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  line-height: 20px;
  color: #000000;
  }

body.contentpane { 
  font-size: 11px;
  background: #EFF3FC url(http://domain/images/image.jpg) no-repeat;
  padding-top: 70px 
  }

/* --- die grundgestaltung fuer den text und die dazugehˆrenden links --- */
/* --- bestimmte bereiche haben individuelle einstellungen, dort werden die grundeinstellungen ignoriert --- */
a {
  text-decoration: none;
  }

a:link, 
a:visited {
  color: #3959b2;
  text-decoration: underline;
  }

a:hover {
  color: #000000;
  text-decoration: none;
  }

a:focus {
  color: #000000;
  text-decoration: none;
  }

a:active {
  color: #000000;
  text-decoration: underline;
  }

/* --- die grundgestaltung fuer den textabsatz, hier fuer den abstand unterhalb --- */
/* --- bestimmte bereiche haben individuelle einstellungen, dort werden die grundeinstellungen ignoriert --- */
p {
  margin: 0px 0px 20px 0px;
  }

/* --- die grundgestaltung fuer die stilvorlage address --- */
address {
  font-style: italic;
  color: #3959b2;
  margin: 0px 0px 20px 0px;
  }

/* --- die grundgestaltung fuer die ueberschriften --- */
/* --- bestimmte bereiche haben individuell gestaltete ueberschriften, dort werden die grundeinstellungen ignoriert --- */
h1, h2, h3, h4, h5, h6 {
  clear : both;
  font-weight: bold;
  padding: 0px;
  }

h1 {
  margin: 0px 0px 25px 0px;
  font-size: 1.3em;
  color: #3959b2;
  }

h2 {
  margin: 10px 0px 10px 0px;
  font-size: 1.3em;
  color: #555555;
  }

h3 {
  margin: 10px 0px 10px 0px;
  font-size: 1.3em;
  color: #000000;
  }

h4 {
  margin: 10px 0px 10px 0px;
  font-size: 1.1em;
  color: #3959b2;
  }

h5 {
  margin: 10px 0px 10px 0px;
  font-size: 1.1em;
  color: #555555;
  }

h6 {
  margin: 10px 0px 10px 0px;
  font-size: 1.1em;
  color: #000000;
  }




/* ----------------------------------
  AUFBAU
---------------------------------- */

#wrapper {
  margin: 0px;
  }

#header {
  background-image: url(../images/bg-head.png);
  background-position: center 240px;
  background-repeat: no-repeat;
  margin: 0px auto 0px auto;
  padding: 0px 140px 0px 0px;
  text-align: right;
  height: 300px;
  width: 930px;
  }

#nav-area {
  position: absolute;
  background-image: url(../images/head-maske.png);
  background-position: 1px top;
  background-repeat: no-repeat;
  height: 300px;
  width: 1130px;
  top: 0px;
  z-index: 1;
  }

#claim {
  padding: 20px 30px 0px 89px;
  width: 216px;
  height: 80px;
  font-weight: bold;
  font-style: italic;
  font-size: 1.3em;
  color: #3959b2;
  }

#claim p {
  margin: 0px;
  }

.grau {
  color: #555555;
  }

#logo {
  background-image: url(../images/logo.png);
  background-repeat: no-repeat;
  background-position: 80px -2px;
  width: 335px;
  height: 240px;
  float: left;
  }

#logo a:link,
#logo a:visited,
#logo a:hover {
  width: 335px;
  height: 240px;
  display: block;
  }

#nav {
  background-image: url(../images/trennlinie.gif);
  background-repeat: no-repeat;
  background-position: left 30px;
  margin-top: 110px;
  height: 90px;
  width: 675px;
  padding: 0px;
  float: left;
  }

#main {
  background-image: url(../images/bg-main.png);
  background-position: center top;
  background-repeat: repeat-y;
  margin: 0px auto 0px auto;
  padding: 0px 60px 60px 60px;
  width: 950px;
  }

#subnav {
  margin: 43px 0px 0px 0px;
  padding: 0px 20px 0px 20px;
  width: 235px;
  float: left;
  }

#inhalt {
  background-image: url(../images/trennlinie.gif);
  background-repeat: no-repeat;
  background-position: left -60px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 55px;
  width: 600px;
  float: left;
  }

#footer {
  background-image: url(../images/bg-foot.png);
  background-position: center top;
  background-repeat: no-repeat;
  margin: 0px auto 0px auto;
  padding: 0px 60px 0px 60px;
  height: 90px;
  width: 950px;
  text-align: center;
  font-size: 11px;
  font-style: italic;
  letter-spacing: 0.1em;
  color: #888888;
  }

#footer a:link, 
#footer a:visited {
  color: #888888;
  font-style: italic;
  text-decoration: underline;
  }

#footer a:hover {
  color: #3959b2;
  font-style: italic;
  text-decoration: underline;
  }








/* ----------------------------------
  HAUPTNAVIGATION (1. Instanz)
---------------------------------- */

#nav ul {
  list-style-type: none;
  }

#nav ul li {
  }

#nav ul a {
  font-size: 1.0em;
  font-style: italic;
  font-weight: bold;
  color: #FFF;
  line-height: 1.0em;
  letter-spacing: 0.1em;
  }

/* ---- gestaltet die subnavigations-elemente im normal- und visited-zustand ---- */
#nav ul a:link, 
#nav ul a:visited {
  background-color: #000000;
  display: block;
  float: left;
  margin: 6px 10px 0px 0px;
  padding: 6px 11px 6px 11px;
  text-decoration: none;
  }

/* ---- gestaltet die subnavigations-elemente im active- und hover-zustand ---- */
#nav ul a:hover, 
#nav ul li.active a, 
#nav ul li.current a {
  background-color: #3959b2;
  margin: 0px 10px 0px 0px;
  padding: 14px 11px 15px 11px;
  text-decoration: none;
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  }

#nav ul ul li {
  display: none;
  }








/* ----------------------------------
  SUBNAVIGATION (2. Instanz)
---------------------------------- */

#subnav ul {
  list-style-type: none;
  }

#subnav ul li {
  }

#subnav ul a {
  font-size: 1.0em;
  font-style: italic;
  text-align: right;
  color: #3959b2;
  padding: 0px;
  line-height: 1.0em;
  }

/* ---- gestaltet die subnavigations-elemente im normal- und visited-zustand ---- */
#subnav ul a:link, 
#subnav ul a:visited {
  display: block;
  padding: 5px 10px 5px 0px;
  text-decoration: none;
  }

/* ---- gestaltet die subnavigations-elemente im active- und hover-zustand ---- */
#subnav ul a:hover, 
#subnav ul li.active a {
  padding: 5px 0px 5px 0px;
  text-decoration: none;
  font-weight: bold;
  color: #000000;
  }








/* ----------------------------------
  INHALT
---------------------------------- */

.page-header h2 {
  color: #3959b2;
  }

/* --- die grundgestaltung fuer geordnete (nummerierte) und ungeordnete listen im inhalt --- */
#inhalt ul {
  margin: 0px 0px 20px 17px;
  padding: 0px;
  }

#inhalt ol {
  margin: 0px 0px 20px 15px;
  padding-left: 4px;
  }

#inhalt ul li {
  list-style-type: bullet;
  padding-left: 0px;
  }

#inhalt ol li {
  padding: 0px;
  }

#inhalt ul a:link, 
#inhalt ul a:visited {
  color: #3959b2;
  text-decoration: underline;
  }

#inhalt ul a:hover {
  color: #000000;
  text-decoration: none;
  }

#inhalt ul ul {
  margin: 0px;
  padding: 0px;
  }

#inhalt ol ol {
  margin: 0px;
  padding-left: 4px;
  }

#inhalt img {
  float: left;
  margin: 0px 10px 2px 0px;
  }

.clear {
  clear : both;
}




/* ----------------------------------
  Icons Print und E-Mail
---------------------------------- */

.btn-group {
  position: absolute;
  display: block;
  top: 300px;
  width: 155px;
  margin-left: 445px;
  z-index: 2;
  }

.btn-group ul {
  }

.btn-group li.print-icon,
.btn-group li.print-icon a,
.btn-group li.print-icon a:link,
.btn-group li.print-icon a:visited {
  display: block;
  float: right;
  background-image: url(../images/icon_print.gif);
  background-repeat: no-repeat;
  text-indent: -1999px;
  overflow: hidden;
  width: 16px;
  margin-left: 5px;
  }

.btn-group li.email-icon,
.btn-group li.email-icon a,
.btn-group li.email-icon a:link,
.btn-group li.email-icon a:visited {
  display: block;
  float: right;
  background-image: url(../images/icon_mailto.gif);
  background-repeat: no-repeat;
  background-position: 0px 2px;
  text-indent: -1999px;
  overflow: hidden;
  width: 16px;
  margin-left: 5px;
  }






/* ----------------------------------
  Printwindow
---------------------------------- */








/* ----------------------------------
  VERSCHIEDENES
---------------------------------- */
.clear {
  clear: both;
  }