/**
 *	Layout des Fernsehers
 *
 *	@author -mat- filid brandy <brandy@klammeraffe.org>
 *	@version 1.0
 *	@copyright	2008 -mat- filid brandy <brandy@klammeraffe.org>
 *
 */

body {
background: #804000 url(../i/TVSet.png) no-repeat scroll top left;
background-position:105px 10px;
_background: #804000 url(../i/TVSet.gif) no-repeat scroll top left;
_background-position:105px 10px;
color: #AAAAAA;
font-family: Arial,Helvetica,sans-serif;
font-size: 70%;
margin: 0pt;
padding: 0pt;
width: 800px;
min-height: 630px;
}
a, a:hover, a:visited {
color: #FFFFFF;
text-decoration: none;
}
#impressum {
cursor: pointer;
height: 30px;
width: 250px;
left: 379px;
top: 85px;
position: absolute;
background: transparent url(../i/leer.gif);
}
#bigimage {
	display: none;
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background: transparent url(../i/glass.png);
	z-index: 997;
	}
#bigimage a {
	position: absolute;
	top: 8%; left: 8%;
	z-index: 999;
	font-size: 300%;
	background: #000;
	float: left;
	}
#imagebig {
	position: absolute;
	top: 10%; left: 10%;
	width: 80%; height: 80%;
	background: #666;
	border: 5px #666 outset;
	z-index: 998;
	overflow: auto;
	}
#katschwarz {
cursor: pointer;
height: 20px;
left: 829px;
position: absolute;
top: 552px;
width: 20px;
background: transparent url(../i/leer.gif);
}
#katblau {
cursor: pointer;
height: 20px;
left: 802px;
position: absolute;
top: 553px;
width: 20px;
background: transparent url(../i/leer.gif);
}
#katrot {
cursor: pointer;
height: 20px;
left: 857px;
position: absolute;
top: 551px;
width: 20px;
background: transparent url(../i/leer.gif);
}
#katgelb {
cursor: pointer;
height: 20px;
left: 815px;
position: absolute;
top: 575px;
width: 20px;
background: transparent url(../i/leer.gif);
}
#katgruen {
cursor: pointer;
height: 20px;
left: 844px;
position: absolute;
top: 576px;
width: 20px;
background: transparent url(../i/leer.gif);
}
#impressum span, #katblau span, #katschwarz span, #katrot span, #katgelb span, #katgruen span {
display: none !important;
}
#pref, #menu {
color: #000000;
}
#pref div.knopf {
border: 0px #fff solid;
top: 360px;
display: block;
height: 160px;
left: 810px;
margin: 0pt;
padding: 0pt 0pt 0pt 5px;
position: absolute;
width: 30px;
}
#pref p {
background: transparent url(../i/prefbutton.gif) no-repeat scroll left top;
border: 0pt none;
cursor: pointer;
font-size: 9px;
height: 25px;
margin: 0pt;
padding: 8px 0pt 0pt;
text-align: center;
width: 50px;
}
#menu div.knopf {
border: 0pt none;
top: 172px;
display: none;
height: 402px;
left: 136px;
margin: 0pt;
padding: 0pt 0pt 0pt 5px;
position: absolute;
width: 70px;
}
#menu p {
background: transparent url(../i/b000.gif) no-repeat scroll left top;
border: 0pt none;
cursor: pointer;
font-size: 10px;
height: 25px;
margin: 0pt;
padding: 8px 0pt 0pt;
text-align: center;
width: 25px;
}
#menu div#katgruenmenu p {
background: transparent url(../i/b0f0.gif) no-repeat scroll left top;
}
#menu div#katrotmenu p {
background: transparent url(../i/bf00.gif) no-repeat scroll left top;
}
#menu div#katblaumenu p {
background: transparent url(../i/b00f.gif) no-repeat scroll left top;
}
#menu div#katgelbmenu p {
background: transparent url(../i/bff0.gif) no-repeat scroll left top;
}
#menu div#katschwarzmenu p {
background: transparent url(../i/b000.gif) no-repeat scroll left top;
}

#menu div#katgruenmenu p:hover {
background: transparent url(../i/b0f0h.gif) no-repeat scroll left top;
}
#menu div#katrotmenu p:hover {
background: transparent url(../i/bf00h.gif) no-repeat scroll left top;
}
#menu div#katblaumenu p:hover {
background: transparent url(../i/b00fh.gif) no-repeat scroll left top;
}
#menu div#katgelbmenu p:hover {
background: transparent url(../i/bff0h.gif) no-repeat scroll left top;
}
#menu div#katschwarzmenu p:hover {
background: transparent url(../i/b000h.gif) no-repeat scroll left top;
}

#content {
color: #ccc;
height: 350px;
left: 261px;
margin: 0pt;
overflow: auto;
padding: 0px;
padding-right: 5px;
padding-left: 0px;
position: absolute;
top: 185px;
width: 485px;
}
#content h1, #content h2 {
color: #ccc; text-align: center;
}
#content h3, #content h4 {
color: #ccc;
}
img.testbild {
height: 345px;
width: 480px;
}
span.u {
border-bottom: 1px solid #ccc;
}
p#impressumcontent {
margin: 0pt;
padding: 0pt 70px 0pt 0pt;
text-align: right;
}
.j {
text-align: justify;
}
.c {
text-align: center;
}
.r {
text-align: right;
}
.l {
text-align: left;
}
abbr.action[title]:after {
content: "";
}
abbr.action[title]:hover:after {
content: " (" attr(title) ")";
}
.clear {
clear: both;
}

.brief {
border: 0px solid #FFFFFF;
float: left;
font-size: smaller;
margin: 0pt 1em 1em 0pt;
padding: 0px;
width: 38%;
}
.brief a {
color: #FFFFFF;
}
.brief img {
	width: 100%;
}

.caption: first-letter {
float: left;
font-family: serif;
font-size: 300%;
padding-right: 0.2em;
}
.subcolumns, .subcolumns_oldgecko {
overflow: hidden;
width: 100%;
}
.subcolumns_oldgecko {
float: left;
}
.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {
float: left;
}
.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {
float: right;
margin-left: -5px;
}
.c25l, .c25r {
width: 25%;
}
.c33l, .c33r {
width: 33.333%;
}
.c50l, .c50r {
width: 50%;
}
.c66l, .c66r {
width: 66.666%;
}
.c75l, .c75r {
width: 75%;
}
.c38l, .c38r {
width: 38.2%;
}
.c62l, .c62r {
width: 61.8%;
}
.subc {
padding: 0pt 0.5em;
}
.subcl {
padding: 0pt 1em 0pt 0pt;
}
.subcr {
padding: 0pt 0pt 0pt 1em;
}
 
/**
 *	Layout der Tabellen in der Bauanleitung
 */

.data-box {
  border: 1px solid #666666;
}
.data-box td, .data-box th {
  padding: 2px;
  border: 1px solid #808080;
}
.data-box ol {
  margin-top: 0;
  margin-bottom: 0;
}