/* ============================================ */
/* | tSign · Thomas Waldraff                  | */
/* | Letzte Änderung: 7. Dezember 2009        | */
/* ============================================ */
/* | KLASSEN-Stylesheet                       | */
/* ============================================ */


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*  Bereiche                                    */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#kopf {
	position: fixed;
	width: 100%;
	top: 0;
	height: 109px;
	overflow: no;
	background-image: url(../-g/kopf-b8.png);
	background-repeat: no-repeat;
	background-position: 0px -4px;
}
#kopf h1 {
	display: none;
}
#haupt {
	position: fixed;
	width: 80%;
	top: 110px;
	bottom: 0;
	left: 20%;
	padding-top: 1em;
	overflow: auto;
	border: 1px solid rgb(204,153,153);
	border-width: 1px 0 0 1px;
	background-color: rgb(255,245,245);
	background-color: rgba(255,245,245,0.6);
	z-index: 100;
}
#menue {
	position: fixed;
	width: 20%;
	top: 110px;
	bottom: 0px;
	overflow: auto;
}
#marginaltop {
	position: fixed;
	top: 0;
	width: 20%;
	left: 80%;
	background-image: url(../-g/kopf.jpg);
}
#marginal {
	position: fixed;
	top: 80px;
	bottom: 0px;
	width: 20%;
	left: 80%;
	overflow: auto;
	/* border: 1px solid rgb(204,153,153); */
}
#fuss {
	position: fixed;
	top: 76px;
	left: 20%;
	width: 80%;
	height: 30px;
	overflow: no;
}
#fuss p {
	margin: 10px 0 0 0;
}
#fuss a,
.leiste {
	color: rgb(0,0,0);
}
.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:0px none;
	margin:0; padding:0;
	background:transparent;
}

#haupt h1 {
	display: block;
	margin-top: .6em;
	margin-bottom: 1.2em;
	background-color: rgb(255,255,255);
}
#haupt h2 {
	margin-top: .5em;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*  Detailklassen                               */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.az1 {
	color: rgb(153,0,0);
}

.download {
	float: left;
	margin: 0 0 16px 16px;
	border: 1px solid rgb(204,153,153);
}
.download p {
	line-height: 110%;
	padding: .6em 0;
}
.download img {
	padding: .6em 0;
}
.material {
	clear: both;
	padding-top: 1.0em;
}
.material h3 {
	background: rgb(255,225,225);
}
.h3mat {
	float: right;
	font-size: 0.86em;
	font-style: normal;
	font-weight: normal;
}

.produkt {
	float: left;
	margin: 0em 0 1em 1em;
	padding: .5em 0 .5em 0;
	/* width: 180px; */
	/* width: 13.3em; */
	width: 13.1em;
	height: 18em;
	border-width: 1px 0 0 1px;
	border-style: solid;
	/* background-image: url(../-g/bgLogoP16c.png); */
	background-repeat: no-repeat;
	background-position: center;
}
.prod_img {
	margin: 1em 0 0 0;
	padding: 0;
	text-align:center;
}
.produktkl, .produktgr {
	float: left;
	margin: 0em 0 1em 1em;
	padding: .5em 0 .5em 0;
	border-width: 1px 0 0 1px;
	border-style: solid;
}
.produkt p, .produktkl p {
	margin-right: 1em;
}
.prodmenu {
	float: left;
	text-align: center;
	margin: 0em 0em 1em 1em;
	padding: .5em 0 .5em 0;
	width: 13em;
	height: 13em;
	overflow: hidden;
	border-width: 1px 0 0 1px;
	border-style: solid;
	background: rgb(255,235,235);
	background-repeat: no-repeat;
	background-position: center;
}
.prodmenu p {
	margin: 0;
}
.produkt, .produktkl, .produktgr, .prodmenu {
	border-color: rgb(204,153,153);
}
.dezenter {
	color: rgb(204,102,102);
}
.einruecken {
	margin-right: 4em;
	margin-left: 4em;
}
.kontakt, .kontaktH {
	font-style: italic;
	font-weight: bold;
}
.kontaktH {
	color: rgb(204,0,0);
}
.kontakt {
	color: black;
}
.taster {
	margin: .5em 0 .5em 0;
	padding: .2em .4em .3em .4em;
	border: 1px outset rgb(255,225,225);
	background-color: rgb(255,225,225);
}
a:hover .taster {
	/* color:rgb(0,51,102); */
	/* background: rgb(235,235,235);*/
	text-decoration: none;
}


/* ########## Form ########## */

form {
	margin: 0;
	padding: 0;
}
form.mip {
	margin: .5em 1em 1em 1em;
}
fieldset {
	margin: 0em 1em 0em 1em;
	padding: 0em;
	border: 1px solid rgb(204,153,153);
	background-color: rgb(255,255,255);
}
legend {
	font-weight: bold;
	color: rgb(204,102,102);
	margin-left: 1em;
}
fieldset.in {
	margin: 0em;
	padding: .5em 1em 1em 1em;
	/* border: 1px solid rgb(204,153,153); */
	background-color: rgb(255,245,245);
}
legend.in {
	margin-left: 0;
}
div.mip {
	float: left;
	clear: left;
	margin: .1em 0 .1em 0;
}
div.mipbr {
	float: left;
	clear: left;
	margin: .1em 0 .1em 0;
}
label {
	float: left;
	width: 100px;
	text-align: right;
	font-weight: normal;
	margin: 0 .5em 0 0;
	padding: 0;
}
label.nobr {
	text-align: left;
	margin: 0 5px 0 2em;
	width: auto;
	clear: right;
}
input, textarea {
	float: none;
	font-size: 1.1em;
	padding: 0 .2em 0 .2em;
	background-color: rgb(255,235,235);
	border: 1px solid rgb(255,235,235);
}
input.nobr {
	vertical-align: middle;
}
select {
	float: none;
	border: 1px solid rgb(204,204,204);
}

input:focus, textarea:focus, select:focus {
	background-color: rgb(255,255,255) !important;
}
input:hover, textarea:hover, select:hover {
	background-color: rgb(255,245,245) !important;
	border: 1px solid rgb(204,153,153) !important;
}

input.fussform {
	background: rgba(255,245,245,0.6);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	border-color: rgb(255,216,216);
	padding-left: 4px;
	margin-top: -.2em;
	vertical-align: -.1em;
	border: 0;
}
input.fussform:hover {
	border-width: 0 !important;
}

/* ########## Form ENDE ########## */


/* ########## InfoPop ########## */
.infopop {
	display: none;
	font-weight: normal;
	text-align: left;
	line-height: 1.2em;
	color: black;
	width: 16%;
	padding: 3px;
	border: 1px solid black;
	background: rgb(255,255,102);
	position: fixed;
	/*bottom: 40px;*/
	top: 14%;
	left: 3%;
}
form.mip a,
form.mip a:link,
form.mip a:visited,
form.mip a:hover,
form.mip a:active,
form.mip a:focus {
	text-decoration: none;
	background: transparent;
}
a:hover .infopop {
	display: block;
}
.infopop em {
	font-weight: bold;
	margin-right: .4em;
}
.infopop b {
	font-weight: normal;
	color: blue;
	margin: 0 .5em 0 0;
	padding: 0 .5em 0 0;
	// border-right: 1px solid blue;
}
.infopop i {
	font-weight: normal;
	color: green;
	margin: 0 .5em 0 0;
	padding: 0 .5em 0 0;
}
.infopop strong {
	display: block;
	font-weight: normal;
	font-style: italic;
	text-align: left;
	margin-top: .4em;
	padding-top: .2em;
	border-top: 1px solid black;
}
/* ########## InfoPop ENDE ########## */