body, html {height: 100%;}

body {
	margin: 0;
	padding: 0;
	background: #fff url(../images/produktpopup/bg.gif) 0 0 repeat-y;
}

div#wrapper {
	padding: 0; margin: 0;
	height: 100%; width: 685px;
	text-align: left;
}
div#wrapper_inner {
	padding: 0px;
}

div#header {
	height: 67px;
	background: #DDCDB2 url(../images/produktpopup/bg_header_right.jpg) right top no-repeat;
	padding: 0; margin: 0;
}
img.logo {
	float: left;
	width: 330px; height: 67px;
	padding: 0; margin: 0 0 0px;
	background: url(../images/produktpopup/bg_header_left.jpg) 0 0 no-repeat;
}

div#content_frame {
	float: left;
	width: 525px;
}
div#content {
	padding: 5px 30px 60px; margin: 0;
}


/* schriftformatierungen anfang */
body {font-size: 69%;}
body, div, table, th, td {
	font-family: verdana, arial, sans-serif; 
	line-height:1.3em;
	color: #424242;
}
* html td, * html th {font-size: 69%;}
h1 {
	font-size: 1.3em; line-height: 1.3em; color: #69222E; margin-bottom: .5em;
}
h2 {
}
h3 {
}
h4 {
	font-size: 1.1em;
}
/* schriftformatierungen ende */

/* allgemeine angaben fuer linkfarben anfang */
a {
	color: #69222E;
	text-decoration: none;
}
a:link {
}
a:visited {
}
a:active {
}
a:hover {
	text-decoration: underline;
}
/* allgemeine angaben fuer linkfarben ende */

/* metanavigation anfang */
div.metanavi {float: right; text-align: right;}
div.metanavi ul {
	padding: 0 0 1px; margin: 10px 20px 0 0px;
	list-style: none;
	color: #5C5A59;
	font-size: 0.9em;
	letter-spacing: .01em;
}
div.metanavi ul li {
	display: inline;
}
div.metanavi ul li a {
	padding: 0px; margin: 0 5px;
	color: #747270;
}
div.metanavi li.fontsize {margin: 0 0px 0 5px;}
div.metanavi li.fontsize a {margin: 0 .2em; font-weight: bold; text-decoration: none; border: 1px solid #5C5A59; color: #5C5A59;}
div.metanavi li.fontsize a:hover {text-decoration: none;}
div.metanavi li.fontsize a.increase {padding: 0 2px !important;}
div.metanavi li.fontsize a.decrease {padding: 0 3px !important;}
div.metanavi li.fontsize a.revert {padding: 0 4px !important;}

div.metanavi li.pagestyle {margin: 0 10px 0 10px;}
div.metanavi li.pagestyle a {margin: 0 2px;}
div.metanavi li.pagestyle a img {vertical-align: middle;}
div.metanavi li a {
	padding: 0px; margin: 0 5px;
	color: #787878;
}
/* metanavigation ende */

/* styleswitcher */
div.access {
	padding: 10px 0 0 0; float: right;
}
div.access ul {
	padding: 0; margin: 10px 20px 0 0px;
	list-style: none;
	color: #747270;
	font-size: 0.9em;
	letter-spacing: .01em;
}
div.access ul li {
	display: inline;
}
div.access ul li a {
	padding: 4px;
	font-size: 1em; text-decoration: none; font-weight: bold;
	color: #444;
}
div.access ul li a:hover {
	background: #ccc;
}
/* styleswitcher ende */


/* navigation */
div#navi_box {
	clear: both;
	background: #9C9992;
	width: 100%;
}
ul#navi {
	list-style: none;
	padding: 0 0 2px 30px; margin: 0 0 0px;
	z-index: 20;
  width: 480px;
  float: left;
}
* html ul#navi {width: 510px}

ul#navi li {
 	float: left;
	display: block;
	padding: 0; margin: 3px 10px 0px 0px;
	cursor: default;
	z-index: 20;
	background: #555;
}
ul#navi li.over div {
	background: #900;
}
ul#navi div { /* hauptmenupunkte divs */
	padding: 0; margin: 0px 1px 1px 0;
	background: #B2AFA7;
	border: 1px solid #fff;
}
ul#navi div a { /* hauptmenupunkte */
	padding: 2px 10px 3px 10px; margin: 0px;
	display: block;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
ul#navi div a:hover, ul#navi div a.hi {background: #900;}
/* navigation */


/* Anfang Snippetbereich */
#snippet {width: 160px; padding-top: 30px; float: right;}
#snippet p {margin: 0;}
#snippet h4 {margin: 0; margin-bottom: 5px;}


.snippet1 {margin: 0; padding: 0px; background: #F5F5F5; border: 1px solid #9C9992;}
.snippet1 p {margin:0; padding: 0px 5px 5px 5px;}
.snippet1 h4 {background-color: #9C9992; color: #fff; margin: 0; padding: 2px 5px 2px 5px}

.snippet2 a.pdf {display: block; background: url(../images/icon_pdf.gif) 0 5px no-repeat; padding-left:20px; padding-top: 7px}
.snippet2 a span {color: #000; white-space: nowrap;}

.snippet1, .snippet2 {margin: 0 10px 35px 0;}
/* Ende Snippetbereich */

/* Anfang Contentbereich */
#content img {border: 1px solid #857D77}
#content .p {margin-bottom: 25px; clear: both;}
.pic_right {float: right; margin: 3px 0 3px 8px;}
.pic_left {float: left; margin: 3px 11px 3px 0;}
.pic_clearer {margin: 0}
.bu {color: #69222E; font-size: .8em; padding: 5px 0 10px;}
/* Ende Contentbereich */

/* ##### Anfang Styles fuer Footer ##### */
#footer {
	font-size: 0.9em;		
	text-align: center;
}
.footerline {height: 70px; border-bottom: 1px solid #D5DADD; margin-bottom: 7px;}
#content #footer .p {margin-bottom: 45px; clear: both; color: #6C6C6C; line-height: 1.5em;}
#footer a {color: #6C6C6C;}
/* ##### Ende Styles fuer Footer ##### */


/*<group=tabellen>*/
table.standard_table {width:100%; background-color: #F7F7F0; border-collapse: collapse}
table.standard_table caption, table.standard_table td.head {vertical-align:top; border-style:solid; border-color:white; border-width: 2px; padding: 3px 9px; background-color: #ACAD41; color: #fff; white-space: nowrap;}
table.standard_table td {vertical-align: top; border-style: solid; border-color: white; border-width: 2px; padding:3px 9px}
/*</group>*/


/*<group=listen>*/
#content ul {padding: 0; margin: 12px 0;
	vertical-align: top;
	list-style-type: none;
	list-style-position: outside;}
#content ol {padding: 0; margin: 12px 0;
	list-style-type: decimal;
	list-style-position: outside;}
#content li {padding: 0 0 0 18px; margin: 4px 0; background: url(../images/bullet/prodpopup.gif) 0 1px no-repeat;}
#content li li {padding: 0 0 0 10px; margin: 4px 0; background: url(../images/bullet/prodpopup2.gif) 0 6px no-repeat;}
/*</group>*/

/*<group=FAQ>*/
.faq_question {padding: 0 0 0 0px; margin: 5px auto 10px;}
.faq_question a {color: #666666; font-weight: bold; text-decoration: none;}
.open a {color: #69232F; text-decoration: underline;}
.faq_question a:hover {color: #69232F;}
.faq_answer {padding: 0 0 0 0px; margin: 5px auto 20px;}
#content .faq_answer ul {list-style: none; padding: 0; margin: 0;}
#content .faq_answer ul li {padding: 0; margin: 0 0 15px;}
/*</group>*/

/* allgemeine anweisungen */
.clearer {clear: both; display: block; padding: 0; margin: 0; height: 0; line-height: 0px; font-size: 1px;}
.optibr {visibility: hidden; line-height: 0.1%; font-size: 0.1%;}
div.left {float: left;}
div.right {float: right;}
form {padding: 0; margin: 0;}
/* allgemeine anweisungen */

/* faq_funktionalitaet */
select#anfrage {width: 197px; margin: 5px auto 20px;}
#faq_block_2, #faq_block_3, #faq_block_4, #faq_block_5 {display: none;}
/* faq_funktionalitaet */

/* form anfang */
.frame_popupform {width: 450px;}

form {padding: 0; margin: 0;}
label {
	padding: 0; margin: 0px 0 2px;
	display: block;
}
input, select {
	padding: 2px 0; margin: 0 0 10px 0;
	border: 1px solid #666;
	font-size: 1.15em;
	font-weight: normal;
}
input#abschicken {
	padding: 2px 10px;
	background: #AD8969; color: #fff;
	font-weight: bold;
	border: 2px outset #333;
}
input#abschicken:active {
	background: #996C44; color: #fff;
	border: 2px inset #333;
}
input.checkbox {
	float: left;
	width: auto;
	border: 0;
	padding: 0; margin: 0 5px 0 0;
}
textarea {
	padding: 0; margin: 0 0 1em;
	width: 434px; height: 150px;
	border: 1px solid #666;
	font-size: 1.3em;
}

div.block20 {
	width: 20%;
	float: left;
}
div.block20 input {width: 74px;}
div.block50 {
	width: 50%;
	float: left;
}
div.block50 input, div.block50 select {width: 208px;}
div.block80 {
	width: 80%;
	float: left;
}
div.block80 input {width: 344px;}
div.block100 {
	width: 100%;
}
div.block100 input, select {width: 434px;}

form .p {clear: both; padding: 1em 0; margin: 0;}
/* form ende */









/* navigation */
ul#navi_popup { /* allgemeine angaben fuer die navigation */
	position: relative;
	/* top: 4px;
	left: 12px;*/
	float: right;
	list-style: none;
	padding: 0; margin: 0 0 0px;
	width: 163px;
	z-index: 20;
}
* html ul#navi_popup {
	position: relative;
	/*top: 0px;
	left: 12px;*/
}

ul#navi_popup div { /* hauptmenupunkte divs */
	padding: 0; margin: 0;
}
ul#navi_popup div a { /* hauptmenupunkte */
	padding: 4px 0 4px 20px; margin: 0 0 0px;
	display: block;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
ul#navi_popup div a:hover, ul#navi_popup div a.hi {}

ul#navi_popup li {
 	float: left;
	display: block;
	padding: 0; margin: 0 5px 0px 0;
	position: relative;
	cursor: default;
	border-top: 3px solid #fff;
	z-index: 20;
}
* html ul#navi_popup li {
	margin-bottom: 0px
}

/* PRODUKTE */
li#produkte {
	width: 163px; margin: 8px 0 0 0 !important;
	padding: 0 !important; border-top: 0px !important;
}
* html li#produkte {
	margin: 8px 0 -6px 0 !important;
}
* html ul#navi_popup li#produkte ul {
	margin-top: 1px;
}
li#produkte:hover, li#produkte.over  {}

ul#navi_popup li#produkte div a {
	padding: 0px 0 1px 10px; margin: 0;
	display: block; border-left: 1px solid #555; border-top: 1px solid #555;
	font-weight: bold; line-height: 1.5em;
	background: #919191 url(../images/navi/navi_products_down.gif) 100% 50% no-repeat;
}
* html ul#navi_popup li#produkte div a {padding: 2px 0 3px 10px; margin: 2px 0 0 !important; width: 100%; line-height: 1em;}

ul#navi_popup li#produkte div a:hover {
	background: #919191 url(../images/navi/navi_products_up.gif) 100% 50% no-repeat;
}


ul#navi_popup li ul {
	list-style: none; width: 100%;
	padding: 0;	margin: 0;
}
li#produkte ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	padding: 0; margin: 0; margin-right: 5px;
}
ul#navi_popup li:hover ul, ul#navi_popup li.over ul {
	display: block;
}
/* nur fuer mozilla und co. */
ul#navi_popup li>ul {
	top: auto;
	left: auto;
}
ul#navi_popup li li {
	padding: 0; margin: 0;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-top: 0;
	display: block;
	float: none;
	background-color: #d4d4d4;
}
ul#navi_popup li li.last {
	border-bottom: 1px solid #999;
	padding-bottom: 3px;
}
ul#navi_popup li li a {
	background: #d4d4d4;
	display: block;
	color: #1e1e1e;
	text-decoration: none;
	padding: 3px 0 4px 20px; margin: 0;
}
* html ul#navi_popup li li a {
	width: 100%;
	margin: 0 0;
}
ul#navi_popup li li a:hover {
	background: #e4e4e4;
	text-decoration: none;
}
/* navigation */