/*
CSS fuer Sigma-Gruppe
Erstellt: 26.03.07
Von: Ellen Hermens
  @mazing - Gregor Hermens
----------
Farben:
  Hintergrund-Hellblau: #e3eff4
  Logo-Türkis: #0086d4
  Schrift: #014c7a
  Rahmen-Spalten-Blöcke: #bdced7
  Menü-Select-Blau
*/

/*+++++++++++++++++++++++++++++++
  Basis Formatierung
  +++++++++++++++++++++++++++++++*/

html {
  font-size: 100%;
  width: 100%;
  height: 101%;
}

* {
  font-family: Arial,Helvetica,sans-serif;
  margin: 0;
  padding: 0;
}

body {
  font-size: 90%;
  color: #014c7a;
  /*background-image: url("/fileadmin/sigma/images/metal_back.jpg");
  background-repeat: repeat-y repeat-x;*/
  background-color: #e3eff4;
}

#wrapper {
  width: 962px;
  position: relative;
  top: 5px;
  margin: 0 auto;
  padding: 0;
  background-color: #e3eff4;
}

#stage-back {
  position: fixed;
  top: 5px;
  margin: 0 auto;
  width: 962px;
  height: 860px;
  background-color: #e3eff4;
  background-image: url("/fileadmin/sigma/images/back-fix.gif");
  background-repeat: no-repeat;
  background-position: 0 -5px;
}

#stage {
  width: 950px;
  position: relative;
  top: 150px;
  left: 5px;
  background: none;
}

.clearfix: after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

  /* Hides from IE-mac \*/
* html .clearfix {
  height: 1%;
}
  /* End hide from IE-mac */

#spalte-links {
  width: 172px;
/* float: left;*/
  position: absolute;
  top: 178px;
  left: 30px;
}

#spalte-content {
  float: left;
  width: 520px;
  margin-left: 213px;
/* background-color: #fff;*/
}

#spalte-rechts {
  margin-top: 24px;
  float: right;
  margin-right: 30px;
}

#spalte-links-content {
  position: relative;
  padding: 0 10px 0 0;
}

#spalte-middle-content {
  margin-top: 20px;
  padding: 0 10px 0 10px;
}

#siteId-11 #spalte-middle-content {
  margin-top: 0;
}

#siteId-11 #spalte-middle-content embed {
  margin: 0 auto;
}

#spalte-rechts-content {
  padding:  0 0 5px 5px;
}

/*+++++++++++++++++++++++++++++++
  Spalte-links Formatierung
  +++++++++++++++++++++++++++++++*/

#spalte-links h2 {
  font-size: 1.5em;
  text-align: right;
  padding: 0;
  margin-bottom: 1em;
  text-decoration: underline;
}

ul#seitenmenu {
  position: relative;
  border-top: 1px solid #bdced7;
  border-right: 1px solid #bdced7;
  padding-left: 15px;
  padding-top: 20px;
  font-size: 12px;
  list-style-type: none;
  width: 155px;
  z-index: 50;
}

ul#seitenmenu li {
  position: relative; 
}

ul#seitenmenu li#menuid202 {
  margin-top: 28px;
}

ul#seitenmenu li:hover,
ul#seitenmenu li.current {
  list-style-type: url("fileadmin/sigma/images/bullets/listbullet4x4.gif");
  background-color: #e3eff4;
}

ul#seitenmenu li ul {
  position: absolute;
  top: 0;
  left: 155px;
  list-style-type: none;
  border: none;
  margin: 0;
  padding: 0;
  background-color: #e3eff4;
  display: none;
  z-index: 100;
}

ul#seitenmenu li:hover ul {
  display: block;
}

ul#seitenmenu li ul li:hover,
ul#seitenmenu li ul li:hover a,
ul#seitenmenu li ul li.current a {
  background-color: #014c7a;
  color: #e3eff4;
}

ul#seitenmenu #menuid110 ul {
  width: 170px;
}
ul#seitenmenu #menuid110 ul a {
  width: 150px;
}
ul#seitenmenu #menuid68 ul {
  width: 210px;
}
ul#seitenmenu #menuid68 ul a {
  width: 190px;
}
ul#seitenmenu #menuid69 ul {
  width: 210px;
}
ul#seitenmenu #menuid69 ul a {
  width: 190px;
}
ul#seitenmenu #menuid70 ul {
  width: 210px;
}
ul#seitenmenu #menuid70 ul a {
  width: 190px;
}
ul#seitenmenu #menuid71 ul {
  width: 210px;
}
ul#seitenmenu #menuid71 ul a {
  width: 190px;
}
ul#seitenmenu #menuid72 ul {
  width: 210px;
}
ul#seitenmenu #menuid72 ul a {
  width: 190px;
}
ul#seitenmenu #menuid73 ul {
  width: 210px;
}
ul#seitenmenu #menuid73 ul a {
  width: 190px;
}
ul#seitenmenu #menuid59 ul {
  width: 210px;
}
ul#seitenmenu #menuid59 ul a {
  width: 190px;
}

#seitenmenu a {
  padding: .25em 0px .25em 5px;
  margin: .25em 0;
  font-weight: bold;
  color: #014c7a;
  width: 138px;
  display: block;
}

#seitenmenu li ul li a {
  padding: 0 10px 3px 10px;
}



p.menubullet {
  position: absolute;
  left: 145px;
  top: 0px;
  z-index: 10;
  margin: 0;
  padding: 0;
  width: 10px;
}

/*+++++++++++++++++++++++++++++++
  Content Formatierung
  +++++++++++++++++++++++++++++++*/

#breadcrump {
  color: #014c7a;
}

#spalte-content h1 {
  margin: 10px 0;
  font-size: 150%;
}

#spalte-content h1#seitenueberschrift,
#spalte-content .csc-header-n1 h1  {
  margin-top: 0;
}

#spalte-content h2 {
  margin: 5px 0;
  font-size: 130%;
}

#spalte-content h3 {
  margin: 5px 0;
  font-size: 120%;
}

#spalte-content h4 {
  margin: 5px 0;
  font-size: 110%;
}

#spalte-content h5 {
  margin: 5px 0;
  font-size: 100%;
}

#spalte-content p {
  margin: 1em 0;
}

#spalte-content a {

}

#spalte-content ul {
  margin-left: 2em;
}

/*+++++++++++++++++++++++++++++++
  Spalte-rechts Formatierung
  +++++++++++++++++++++++++++++++*/

#spalte-rechts #news-block,
#spalte-rechts #tnstimmen-block {
  border-top: 1px solid #bdced7;
  border-left: 1px solid #bdced7;
  margin: 0 0 2em 0;
}

#spalte-rechts #news-block div,
#spalte-rechts #tnstimmen-block div,
#spalte-rechts #news-block p,
#spalte-rechts #tnstimmen-block p {
  margin: 5px 5px 10px 5px;
  width: 142px;
}

#spalte-rechts #news-block div div
/* #spalte-rechts #tnstimmen-block div div */
{
  margin: 0;
}

#spalte-rechts h2 {
  font-size: 130%;
  font-style: italic;
  margin-bottom: .5em;
}

#spalte-rechts h3 {
  font-size: 110%;
  margin-bottom: .25em;
}

#spalte-rechts ul {
 margin-left: 2em;
}

#spalte-rechts ul li {
 list-style-image: url('/fileadmin/sigma/images/bullets/anf_eck3.png');
}

/*+++++++++++++++++++++++++++++++
  Kopfbereich Formatierung
  +++++++++++++++++++++++++++++++*/

#kopfbereich {
  width: 962px;
  margin: 0 auto;
  position: fixed;
  top: 0;
  height: 171px;
  background-color: #fcfaf6;
}


#header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: none;
}

#kopfleiste {
  position: absolute;
  top: 0;
  left: 0;
  height: 136px;
  width: 100%;
  background-image: url(/fileadmin/sigma/images/kopf-fuehling.jpg);
  background-repeat:  repeat-x;
}

#menu-back {
  position: absolute;
  top: 128px;
  left: 0;
  height: 33px;
  width: 100%;
  background-image: url("/fileadmin/sigma/images/menu-back1.gif");
  background-repeat: repeat-x;
}

#funktionsmenu {
  position: absolute;
  top: 8px;
  right: 10px;
  text-align: right;
  font-size: 10px;
}

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

#funktionsmenu a {
  color: #014c7a;
  text-decoration: none;
  margin-bottom: 3px;
  display: block;
}

#funktionsmenu a:hover,
#funktionsmenu .current a {
  text-decoration: underline;
}

/* Druckbutton */

#funktionsmenu li#print-page {
  margin-top: 15px;
}

#logo {
  position: absolute;
  top: 8px;
  left: 0px;
  z-index: 1000;
}

#stage-rahmen {
  width: 962px;
  position: absolute;
  top: 0;
  left: 0;
  height: 171px;
  background-image: url('/fileadmin/sigma/images/back-fix-stage-rahmen.gif');
  background-repeat: no-repeat;
  border: none;
}

/* Navigation Querleiste */

#quer-navi {
  position: absolute;
  top: 128px;
  left: 0;
  width: 100%;
  padding: 0 .5%;
  height: 30px;
}

#quer-navi ul#menu {
  list-style-type: none;
  display: block;
  width: 800px;
  margin: 0 auto;
  color: #014c7a;
  font-size: 12px
}

#menu li {
  float: left;
  width: 25%;
  margin: 0;
  padding: 0;
}

#menu li a {
  display: block;
  text-decoration: none;
  color: #014c7a;
  font-weight: bold;
  width: 100%;
  line-height: 30px;
  text-align: center;
  margin: 0;
  padding: 0;
}

#menu li:hover,
#menu .current a {
  text-decoration: underline;
  background-image: url("/fileadmin/sigma/images/menu-back-selected.gif");
  background-repeat: repeat-x;
  color: #e3eff4;
  text-align: center;
}

#menu li:hover a,
#menu li a:hover {
  color: #e3eff4;
  text-align: center;
  width: 100%;
}

ul.submenu a,
ul.submenu li {
  background-image: none;
  text-align: left;
}

ul.submenu  {
  list-style-type: none;
  background-image: none;
  background-color: #e3eff4;
  color: #025483;
  position: absolute;
  display: none;
}

#menu li ul.submenu li {
  float: none;
  position: relative;
  clear: both;
  width: 100%;
  text-align: left;
}


#menu li:hover ul.submenu li ul.submenu {
  list-style-type: none;
  background-image: none;
  background-color: #e3eff4;
  color: #025483;
  position: relative;
  left: 0;
  top: 0;
}

  #menu li:hover ul.submenu,
  #menu li:hover ul.submenu li,
  #menu li:hover ul.submenu li:hover ul.submenu,
  #menu li:hover ul.submenu li:active ul.submenu {
  display: block;
  border: 0;
  background-image: none;
  text-align: left;
}

ul.submenu li:hover,
ul.submenu li:hover a {
  background-color: #014c7a;
  color: #e3eff4;
}

ul#menu li ul.submenu li a {
  color: #025483;
  background-color: #e3eff4;
  text-align: left;
  display: block;
  width: 13em;
  padding-left: .5em;
/*
  width: 90%;
*/
}

#menu li ul.submenu li ul.submenu {
  padding-left: 1.5em;
  text-align: left;
}

#menu .submenu li a,
#menu ul.submenu li.current ul.submenu li a {
  text-decoration: none;
  background: none;
  border: 0;
  text-align: left;
  display: block;
  text-align: left;
  width: 11.5em;
  /*
  width: 90%;
  */
  padding: 0;
}

#menu .submenu a:hover,
#menu ul.submenu li.current ul.submenu li a:hover,
#menu ul.submenu li.current ul.submenu li:focus {
  background: none;
  background-color: #014c7a;
  color: #c2c5d6;
}

#menu ul.submenu li.current a,
#menu ul.submenu li.current ul.submenu li.current a {
  text-decoration: underline;
}
/*
.menubullet {
  position: absolute;
  left: 145px;
  top: 12px;
}
*/
/*+++++++++++++++++++++++++++++++
  allgemeine Formate
  +++++++++++++++++++++++++++++++*/

a {
  color: #014c7a;
  outline: 0;
}

a img {
  border: none;
}

.invisible {
  position: absolute;
  top: -1000px;
  left: -1000px;
  visibility: none;
}

.left {
  float: left;
}

.right {
  float: right;
}

.image-left {
  float: left;
  margin-right: 5px;
}

.clear {
  clear: both;
}

.center {
  text-align: center;
}

em {
  font-style: italic;
}

/*+++++++++++++++++++++++++++++++
  Typo3 Formate
  +++++++++++++++++++++++++++++++*/

#spalte-content .csc-bulletlist-0 li {
  list-style-type: circle;
}
#spalte-content ul li {
  list-style-image: url("/fileadmin/sigma/images/bullets/anf_eck3.png");  
}

#spalte-content .csc-bulletlist-1 li {
  list-style-type: decimal;
}
#spalte-content .csc-bulletlist-2 li {
  list-style-type: square;  
}
#spalte-content .csc-bulletlist-3 li {
  list-style-image: url("/fileadmin/sigma/images/bullets/listbullet4x4.gif");  
}

.csc-frame-frame2 {
  text-align: center;
}

#news-block .csc-frame-invisible {
  margin: 0 0 1.25em 0;
}

fieldset.csc-mailform {
	padding: .25em;
}

.csc-mailform-field {
  margin-top: .25em;
}

.csc-mailform label {
  display: block;
  width: 8em;
  text-align: right;
  float: left;
  clear: left;
  padding-right: .5em;
}

.csc-mailform-submit {
	margin-left: 8.5em;
}

.csc-form-label-req span {
  color: red;
}


.contenttable-2 .td-0 {
  padding-left: 15px;
  background-image: url("/fileadmin/sigma/images/bullets/anf_schlagschatten.png");  
  background-repeat: no-repeat;
  background-position: 0 3px;
}


div.csc-textpic-intext-left div.csc-textpic-imagewrap, 
div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
  margin-right: 20px !important;
}

div.csc-textpic-intext-right div.csc-textpic-imagewrap, 
div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {
  margin-left: 20px !important;
}

div.csc-textpic div.csc-textpic-imagewrap {
  padding-bottom: 20px;
}


/****************************************************************************************
# Default css file for content edited with htmlArea RTE
#
# Defines a few class selectors that can be simply taken as examples by anyone who needs to configure the RTE.
# This css file is referenced by property RTE.default.contentCSS in the default configuration of htmlArea RTE
#
# TYPO3 CVS ID: $Id: dynamiccss.css 955 2005-12-28 00:49:12Z mundaun $
# ***************************************************************************************/

/* Left, center and right alignment of text in paragraphs and cells.*/
p.align-left,
h1.align-left,
h2.align-left,
h3.align-left,
h4.align-left,
h5.align-left,
h6.align-left,
td.align-left {
  text-align: left;
}

p.align-center,
h1.align-center,
h2.align-center,
h3.align-center,
h4.align-center,
h5.align-center,
h6.align-center,
td.align-center {
  text-align: center;
}

p.align-right,
h1.align-right,
h2.align-right,
h3.align-right,
h4.align-right,
h5.align-right,
h6.align-right,
td.align-right {
  text-align: right; 
}

div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {
  margin: 0 5px;
}

/* Two frame examples taken from the example CSS file of CSS Styled Content extension and applied to p and table block elements.*/
p.csc-frame-frame1,
table.csc-frame-frame1 {
  background-color: #EDEBF1;
  padding: 2px 4px 2px 4px;
  border: 1px solid #333333;
}

p.csc-frame-frame2,
table.csc-frame-frame2 {
  background-color: #F5FFAA;
  padding: 2px 4px 2px 4px;
  border: 1px solid #333333;
}

p.balkenblau,
table.balkenblau {
  background-color: #007ECF;
  padding: 2px 4px 2px 4px;
  border: 1px solid #cccccc;
}

.csc-frame-indent {
  margin-left: 50px;
}


/* Bullet styles for unordered lists.*/
ul.component-items {
  color: #186900;
  list-style-type: square;
}

ul.action-items {
  color: #8A0020;
  list-style-image: url(img/red_arrow_bullet.gif);
}

ul.sigma-items {
  list-style-image: url(/fileadmin/sigma/images/bullets/anf_schlagschatten.png);
}

/* Numbering styles for ordered lists.*/
ol.component-items-ordered {
  color: #10007B;
  list-style-type: lower-roman;
}

ol.action-items-ordered {
  color: #8A0020;
  list-style-type: lower-greek;
}

/* Three inline text colors taken from the color scheme of CSS Styled Content extension.*/
span.important {
  color: #8A0020;
}

span.name-of-person {
  color: #10007B;
}

span.detail {
  color: #186900;
}

/* Selectors for the default configuration of the link accessibity feature.*/
a.external-link {}
a.external-link-new-window {
  padding-left:		14px;
  background-image:	url(/fileadmin/sigma/images/link_extern2.png);
  background-position:	left;
  background-repeat:	no-repeat;
}
a.internal-link {}
a.internal-link-new-window {}
a.download {}
a.mail {}

/* Print-Anzeigen, die nur dort erscheinen */

.print {
  display: none;
  position: absolute;
}

/* Teilnehmerstimmen */

.tx-sigmatnstimmen-pi1 dt {
  font-weight: bold;
  font-size: 1.2em;
}

.tx-sigmatnstimmen-pi1 dd {
  margin-bottom: .8em;
}


.tx-sigmatnstimmen-pi1 .tx_sigmatnstimmen_content {
  padding-left: 1.5em;
}

.tx-sigmatnstimmen-pi1 .tx_sigmatnstimmen_info {
  margin: .5em 0 !important;
  font-size: 1.2em;
}

.tx-sigmatnstimmen-pi1 .tx_sigmatnstimmen_info a {
  font-weight: bold;
}

#spalte-content .tx-sigmatnstimmen-pi1 .tx_sigmatnstimmen_info p {
  margin: 0;
}

.tx-sigmatnstimmen-pi1 .tx_sigmatnstimmen_kommentare li {
  margin-bottom: .5em;
}

.tx-sigmatnstimmen-pi1 .tx_sigmatnstimmen_kurz {
  font-size: .8em;
}

.tx-sigmatnstimmen-pi1 .sword {
  font-weight: bold;
  color: red;
}

.tx_sigmatnstimmen_browserbrowsebox {
  text-align: center;
  margin: 1em auto;
	font-size: 1.2em;
}

.tx_sigmatnstimmen_browseractivelink {
  font-weight: bold;
}

.tx_sigmatnstimmen_browserinactivelink a {
  text-decoration: none;
}

#tnstimmen-block h1 {
  font-size: 1.1em;
  font-weight: bold;
  font-style: normal;
}

#tnstimmen-block h2 {
  font-size: 1em;
  font-weight: bold;
  font-style: normal;
}

#tnstimmen-block h3 {
  font-size: .9em;
  font-weight: bold;
  font-style: normal;
}

#tnstimmen-block h4 {
  font-size: .9em;
  font-weight: bold;
  font-style: italic;
}

#tnstimmen-block h5 {
  font-size: 1em;
  font-weight: normal;
  font-style: italic;
}

#spalte-rechts #tnstimmen-block .tx-sigmatnstimmen-formfield,
#spalte-rechts #tnstimmen-block .tx-sigmatnstimmen-formsubmit {
  font-size: .8em;
  margin: 0 0 .3em 0;
}

#tnstimmen-block .tx-sigmatnstimmen-formfield label {
  display: block;
}

#tnstimmen-block .tx-sigmatnstimmen-formfield input,
#tnstimmen-block .tx-sigmatnstimmen-formfield select {
  width: 140px;
}

/* Punktliste Startseite */

#siteId-11 #spalte-middle-content .csc-frame-indent {
 margin-left: 175px;
}

/* Trainer-Menu */

#spalte-content ul#trainermenu {
	list-style-type: none;
	margin: 0;
	border: 0;
	padding: 0;
}

#spalte-content ul#trainermenu li {
	list-style-image: none;
	display: block;
	float: left;
	width: 33%;
	height: 190px;
	margin: 0;
	border: 0;
	padding: 0;
	text-align: center;
}

#trainermenu a {
	text-decoration: none;
}

.trainermenu-links {
	clear: left;
	text-align: center;
}

.trainermenu-links span {
	padding: 0 2em;
}

/* Kontakte */

.kontakte {
	width: 100%;
}

.kontakte td {
	width: 49%;
	vertical-align: top;
	padding-bottom: .25em;
}