/* 
  Document   : screen-information.css
  Created on : 16.06.2010, 16:44:00
  Author     : rfertig
  Description: Abweichende CSS-Definitionen für die Informationsseiten
*/

body {
  background:       #213529;
}

a.navi:link,
a.navi:visited,
a.navi:active,
a.navi:hover {
  color:            #EDEFBE;
}

a.subnavi:link,
a.subnavi:visited,
a.subnavi:hover,
a.subnavi:active {
  color:            #D1DCAE;
}

/* ---------------------- Arcordion-Navigation (siehe auch navigation.css) -- */

#navigation a {
  color:            #bb8;  /*#EDEFBE;*/
}
#navigation a.head:hover {
	color:            white;
}
#navigation a.ui-state-active {
  color:            white;
}
#navigation a.current {
  color:            white;
  font-style:       italic;
}
#navigation li li a:hover {
	color:            white;
}
/* ----------------- Ende Arcordion-Navigation (siehe auch navigation.css) -- */

/* ------------------------- Klassen und IDs, die es nur bei Info-Seiten gibt */

p.contentnaviL {
  padding:          25px 0 0 0;
}

p.contentnaviR {
  clear:            both;
  padding:          25px 0 0 0;
  float:            right;
}

div.linoleumnavi {
  width:            70%;
  margin:           0 auto;
}


.gruppiert {
  clear:            both;
  margin-bottom:    1em;
}

.gruppiert a{
  background:       url('/images/breadcrum-info.gif') left center no-repeat;
  padding-left:     12px;
}


.forbo-footer {
  font-size:        80%;
  text-align:       right;
  margin-bottom:    -1em;
  margin-top:       2em;
}

/* Echtes Spaltenlayout für Firefox, Safari & Chrome */
.twoColumn {
  -moz-column-count:    2;
	-moz-column-gap:      2em;
  -webkit-column-count: 2;
	-webkit-column-gap:   2em;
  column-count:         2;
	column-gap:           2em;
}

/* Pseudo Spaltenlayout für IE */
.ie7 .twoColumn,
.ie8 .twoColumn {
  position: relative;
}

.ie7 div.col1,
.ie8 div.col1 {
/*  float: left;*/
  width: 45%;
}

.ie7 div.col2,
.ie8 div.col2 {
/*  float: right;*/
  position: absolute;
  top: 0;
  left: 55%;
  width: 45%;
}


.mustermatrix {
  width:                740px;
  text-align:           center;
/*  outline:              1px solid blueviolet;*/
}

.mustermatrix div {
  display:              inline-block;
  width:                182px;
  padding-bottom:       1em;
/*  outline:              1px solid red;*/
}
.ie7 .mustermatrix div {
  display:              inline; /* see http://reference.sitepoint.com/css/display#compatibilitysection */
}

.mustermatrix a {
  text-decoration:      none;
}

.waltonmatrix {
  width:                400px;
/*  outline:              1px solid blueviolet;*/
}

.waltonmatrix div {
  display:              inline-block;
  width:                97px;
  padding-bottom:       1em;
  text-align:           center;
  vertical-align:       top;
/*  outline:              1px solid red;*/
}
.ie7 .waltonmatrix div {
  display:              inline; /* see http://reference.sitepoint.com/css/display#compatibilitysection */
}

.gruppiert h2 a,
.waltonmatrix a {
  text-decoration:      none;
  background:           none;
  padding-left:         0;
}

#schnittbild {
  margin-bottom:        1em;
}

table.sortierung {
  border-collapse:      collapse;
}
table.sortierung th,
table.sortierung td {
  border:               1px  solid #330;
  padding:              0.2em 0.4em;
}

dl.qBeschreibung dd {
/*  display: inline-block;*/
  margin-left:          3em;
}

/* allgemeine Definition einer Bilderliste.
   Die spezifische Breitenangabe erfolgt dann über die ID */
div.bilderliste {
  margin:               0 auto;
}
.bilderliste dl {
  float:                left;
  margin:               0 10px 0.5em 0;
}
.bilderliste dt {
}
.bilderliste dd {
  font-style:           italic;
  text-align:           center;
  margin:               0;
}
.bilderliste img {
  border:               1px solid #330;
  padding:              2px;
}

.bilderliste div.spacer {
  float:                left;
  height:               20px;
  margin:               65px 10px auto 0;
  vertical-align:       middle;

}

/* spezifische Breitenangabe für die Bilderliste */
#verlegebilder {
  width:                588px;
}
#verlegebilder dl {
  width:                186px;
}

#burgdielen dl {
  width:                300px;
}

/* spezieller Kram für die Videoseite */
#videostruktur .VSspalte {
  float:                left;
}
#col1, #col3, #col5 {
  width:                185px;
}
#col2, #col4 {
  width:                90px;
  height:               600px;
  text-align:           center;
}
#col2 img, #col4 img {
  border:               none;
  padding:              0;
}
#videostruktur dl {
  margin:               0;
  height:               200px;
  position:             relative; /* wg. playButton */
}
#col1 dl {
  margin-top:           200px;
}
#col5 #col5l2 {
  margin-top:           100px;
}

.playButton {
  display:              none;
  position:             absolute;
  top:                  0;
  left:                 0;
  width:                100%;
  text-align:           center;
  color: white;
  font-weight: bold;
}

/* spezieller Kram für die Kork-Seiten */

#korkMenu1 {
  width: 251px;
}
#korkMenu1 ul {
  float: right;
}