/* src: http://developer.yahoo.com/yui/fonts/


If you want this size in ../iels (px)  	Declare this percent (%)
10 	77
11 	85
12 	93 (was 93)
13 	100
14 	108 (was 107)
15 	116 (was 114)
16 	123.1 (was 122)
17 	131 (was 129)
18 	138.5 (was 136)
19 	146.5 (was 144)
20 	153.9 (was 152)
21 	161.6 (was 159)
22 	167
23 	174
24 	182
25 	189
26 	197

*/


html {
	height: 100%;
	min-height: 100%;
	background-color: #c0c1c2;
}

body {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: 6px 0 0 0;
	background: #c0c1c2 url(../i/main-bg.gif) repeat-x 0 0px;
}

#custom-doc {
    margin:auto;text-align:left; /* leave unchanged */
    width:61.3846em;/* non-IE -> 740px / 13*/
    *width:59.85em;/* IE -> 740px / 13.333333 */
    min-width:798px;
	background: url(../i/main-shadow.jpg) no-repeat 0 0;
}

#hd {
	margin: 0 29px;
	background: white;
}

p#kopfgrafiken {
	line-height: 0;
}

#noch-nicht-registriert {
	float: right;
	width: 117px;
	height: 129px;
	padding: 4px 0 0 11px;
	background: #d3031b url(../i/registrieren-bg.gif) repeat-x;
	border-left: 2px solid white;
}

#noch-nicht-registriert .buttons {
	position: absolute;
	top: 113px;
}

#noch-nicht-registriert p, #noch-nicht-registriert h3 {
	color: white;
}

#noch-nicht-registriert h3 {
	font-size: 116%;
	letter-spacing: 1px;
	margin-bottom: 5px;
	font-weight: bold;
}


#login {
	background-color: #d3031b;
	padding: 8px 0 0px 61px;
	height: 28px;
}

#login span {
	margin: 0 6px 0 0;
	color: white;
}

#login button span {
	color: #454547;
}

#login input, #login select {
	margin: 0 8px 0 8px;
	border: 0;
	height: 19px;
	width: 180px;
}


#login input.rund {
	font-size: 100%;
	padding: 0px;
	width: 70px;
	height: 17px;
	border: 1px solid #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}



ul.mainnav {
	border-top: 2px solid white;
	border-bottom: 2px solid white;
	background-color: #8C8D8F;
	height: 21px;
	padding-left: 60px;
}

ul.mainnav li {
	display: inline;
	line-height: 21px;
	color: white;
	margin-right: 20px;
}

ul.mainnav a {
	text-decoration: none;
	color: white;
	padding-left: 20px;
	background: url(../i/pfeil-rechts.gif) no-repeat;

}

ul.mainnav a.active {
	background: url(../i/pfeil-runter.gif) no-repeat;
}



/*    Body   */

#bd {
	background-color: #E2E2E2;
	padding: 20px 12px 10px 60px;
	margin: 0 29px;
}

.yui-g {
	margin-top: 10px;
}

#bd .lastelement {
	margin-bottom: 0px !important;
}

#bd h1 {
	font-size: 161.6%;
	color: #d3031b;
}

h2 {
	margin: 15px 0 10px;
	color: #d3031b;
	font-size: 123.1%;
	font-style: italic;
	letter-spacing: 1px;
	font-weight: bold;
}

strong {
	font-weight: bold;
}

ol li {
	list-style-type: decimal;
	list-style-position: inside;
}

ul li {
	list-style-type: disc;
	list-style-position: inside;
}

#bd ol li, #bd ul li {
	margin: 0 0 6px 20px;
	list-style-position: outside;
}

ol ul li {
	margin-left: 20px;
}

table {
	border: 1px solid #5d5d5d;
	width: 600px;
	margin: 10px 30px;
}

th {
	font-weight: bold;
	background: white;
	color: #d3031b;
}

th, td {
	padding: 8px 5px;
	vertical-align: top;
	border: 1px solid #5d5d5d;
}




#bd a {
	color: #d3031b;
}

#bd p, #bd dd, #bd ul, #bd ol {
	margin: 3px 0 8px;
}

#bd p.frage {
	margin: 8px 0;
}

#bd p.preis {
	font-weight: bold;
}

#bd p.fussnote {
	font-size: 85%;
}

#bd p#breadcrumbs {
	margin-bottom: 8px;
}

#bd p.antwort {
	padding: 16px 0 200px;
}

#bd div.loginanmeldung, #bd p.pdf {
	margin: 10px 0;
	background: white;
	border: 1px solid #C1C1C1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 15px;
}

#bd div.loginanmeldung p {
	margin: 10px 0;
}

#bd div.loginanmeldung .important {
	color: #d3031b;
}

#bd p.pdf {
	padding-left: 75px;
	background: url(../i/pdf_icon.gif) no-repeat 15px;
	margin: 30px 0;
	line-height: 50px;
}

.homegrid dl.produkt {
	margin: 0 7px 20px 0;
}

.homegrid2 dl.produkt, .callout {
	margin: 0 0 20px;
}

dl.produkt, .callout {
	border: 1px solid #C1C1C1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	height: 56px;
	padding: 10px 20px 23px;
	background: white;
	position: relative;
}

/* Bilder */

dl.right {
	float: right;
	margin: 0 0 20px 20px;
}


/* Hacking IE7 */
*:first-child+html .callout {
	top: 6px;
}

dl.produkt dt {
	color: #769c0d;
	font-size: 123.1%;
	font-style: italic;
	letter-spacing: 1px;
	margin: 3px;
	font-weight: bold;
}

dl.produkt dt {
	text-align: center;
}

dl.produkt dd {
	color: #69696b;
	text-align: center;
}

dl.produkt a:link, dl.produkt a:visited {
	text-decoration: none;
	color: #769c0d;
}

dl.produkt a:hover, dl.produkt a:active {
	text-decoration: underline;
	color: #769c0d;
}

dl.produkt dd.produkticon {
	position: absolute;
	top: 70px;
	left: 263px;
}

.callout {
	background: #d3031b url(../i/registrieren-bg.gif) repeat-x;
	padding: 10px 7px 10px 20px;
}

#bd .callout dt, #bd .callout dd {
	color: white;
	letter-spacing: 1px;
	margin:3px 0;
}

.callout dt {
	font-size: 108%;
	margin-bottom: 3px;
	font-weight: bold;
}

#bd a.aktivierung {
	margin: 20px 0 30px 0;
	font-size: 108%;		
	font-weight: bold;
	background: #d3031b url(../i/registrieren-bg.gif) repeat-x;
	display: block;
	width: 300px;
	padding: 15px 20px;
	letter-spacing: 1px;
	color: white;
	text-decoration: none;
	border: 1px solid #C1C1C1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

dl.geschaeftsfuehrung {
	margin: 10px 0;
}

h3, dl.geschaeftsfuehrung dt.gfname {
	margin-top: 6px;
	color: #d3031b;
	font-size: 116%;
}

#bd dl.geschaeftsfuehrung dd.gfbeschreibung {
	margin: 4px 0;
}

ul.wirueberuns {
	background: white;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background:white none repeat scroll 0 0;
	border:1px solid #C1C1C1;
	padding:15px 20px 15px;
	color: #d3031b;
	margin: 8px 0;
}

ul.wirueberuns li {
	margin-bottom: 3px;
}

#bd dl.faq {
	margin-top: 10px;
}

#bd dl.faq dt {
	background: white;
	color: #d3031b;
	border:1px solid #C1C1C1;
	border-bottom: none;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-radius-topleft: 5px;
	-webkit-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	margin: 0;
	padding:15px 20px 5px;
}

#bd dl.faq dd.last, #bd dl.faq dd {
	background: white;
	border:1px solid #C1C1C1;
	border-bottom: none;
	border-top: none;
	margin: 0;
	padding: 0 20px 10px;
}

#bd dl.faq dd.last {
	border-bottom: 1px solid #C1C1C1;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-radius-bottomleft: 5px;
	-webkit-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	margin: 0 0 15px;
	padding: 0 20px 15px;
}


/* Foot */

#ft {
	background-color: #c0c1c2;
	margin: 0 29px;
	padding: 8px 12px 11px 60px;
}

#ft p {
	font-size: 77%;
	letter-spacing: 1px;
}


/* Runde grune Knopfe */

.buttons {
	cursor:pointer;
	cursor:hand;
	font-size: 11px;
	line-height: 19px;
	height: 19px;
	background: url(../i/green_yellow_a.gif) no-repeat right top;
	padding-right: 11px;
	margin: 0 0 0 -1px;
	vertical-align: middle;
	display: block; /*opera*/
	display: inline-block; /*ie*/
	display: -moz-inline-box;  /*ff*/
}

/* Hacking IE7 */
*:first-child+html .buttons {
	padding: 0px 11px 1px 0;
	vertical-align: bottom;
}

.buttons span {
	background: url(../i/green_yellow_span.gif) no-repeat left top;
	height: 19px;
	display: block;
	display: inline-block;
	padding-left: 11px;
	margin: 0 0 0 0px;
	line-height: 19px;
}

a.buttons {
    color: #454547 !important;
    text-decoration: none;
}

a.buttons:hover {
	background-position: right -163px;
}

a.buttons:hover span {
	background-position: left -163px;
	text-decoration: none;
}

button {
	border: 0;
	border: none;
	background: transparent;
	width: 1;
	overflow:visible;
	white-space: nowrap;
	padding: 0 2px 0 2px;
	cursor: pointer;
	cursor:hand;
	margin: 0;
}




/* Formulare */

form.fragebogen {
	margin-top: 10px;
}

form.fragebogen textarea, form.fragebogen input {
	font-size: 100%;
	padding: 3px;
	width: 120px;
	margin: 0px 0 0px 0;
	border: 1px solid silver;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

form.fragebogen textarea#postruecklaeufer {
	width: 380px;
}

form.fragebogen input#retourenmanagement,
form.fragebogen input#inkassodienstleister {
	width: 266px;
}

form.fragebogen input#kundennummer, /*kundenbereich*/
form.fragebogen input#firmaname {
	width: 250px;
	}

form.fragebogen select#kuendigung-dienst { /*kundenbereich*/
	width: 258px;
	font-size: 100%;
	padding: 2px;

	}

form.fragebogen input.kleiner { /*radiobuttons*/
	font-size: 100%;
	padding: 3px;
	width: 20px;
	margin: 0px 0 0px 0;
	border: 0px solid silver;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}


form.fragebogen textarea:focus, form.fragebogen input:focus {
	background-color: #caeb70;
}

form.fragebogen label {
	font-size: 123.1%;
}

/*fuer die frageboegen*/
table.fragen {
	border: 0px solid #5d5d5d;
	width: 600px;
	margin: 10px 10px 10px 0px;
}

table.fragen th {
	font-weight: bold;
	background: #c0c1c2;
	color: #d3031b;
}

table.fragen th, table.fragen td {
	padding: 3px 5px 3px 5px;
	vertical-align: middle;
	border: 0px solid #5d5d5d;
}
table.fragen td.top {
	vertical-align: top;
}

/* ende fuer die frageboegen*/

/* Formulare */

/*fuer kontakt*/
form.kontakt {
	margin-top: 10px;
}

form.kontakt textarea, form.kontakt input {
	width: 95%;
	font-size: 100%;
	padding: 3px;
	margin: 10px 0 16px 0;
	border: 1px solid silver;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

form.kontakt textarea:focus, form.kontakt input:focus {
	background-color: #caeb70;
}

form.kontakt label {
	font-size: 100%;
}


#bd p.error_formfield {
	color: #a00000;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 20px;
}

img.abstand { /*fuer empfehlen-link*/
	margin-top: 20px;	
}


/*=:project
    scalable Inman Flash Replacement (sIFR) version 3.

  =:file
    Copyright: 2006 Mark Wubben.
    Author: Mark Wubben, <http://novemberborn.net/>

  =:history
    * IFR: Shaun Inman
    * sIFR 1: Mike Davidson, Shaun Inman and Tomas Jogin
    * sIFR 2: Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

  =:license
    This software is licensed and provided under the CC-GNU LGPL.
    See <http://creativecommons.org/licenses/LGPL/2.1/>
*/

/*---- sIFR ---*/

.sIFR-flash {
  visibility: visible !important;
  margin: 0;
  padding: 0;
}

.sIFR-replaced, .sIFR-ignore {
  visibility: visible !important;
}

.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
  margin: 0pt;
  padding: 0pt;
  overflow: auto;
  letter-spacing: 0px;
  float: none;
}

.sIFR-active dl.produkt dt {
	line-height: 1em;
	letter-spacing: 0;
}


.sIFR-active dt.gfname, .sIFR-active dl.produkt dt, .sIFR-active #bd h1, .sIFR-active #bd h2 {
	visibility:hidden;
}


.sIFR-active object {
	display: block;
}

/*---- Header styling ---*/




/* MediaboxAdvanced */
/* http://iaian7.com/webcode/mediaboxAdvanced */

#mbOverlay {
	position: absolute;
	z-index: 9998;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#mbOverlay.mbOverlayFF {
	background: transparent url(../i/mediaboxAdvanced/80.png) repeat;
}

#mbOverlay.mbOverlayIE {
	background: transparent url(../i/mediaboxAdvanced/50.gif) repeat;
}

#mbCenter, #mbBottomContainer {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #000;
}

.mbLoading {
	background: #000 url(../i/mediaboxAdvanced/BlackLoading.gif) no-repeat center;
}

#mbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #000;
	background-repeat: no-repeat;
/*	Sets the style for inline content, if no style is given	*/
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 19px;
	font-size: 12px;
	color: #fff;
	text-align: left;
}

/*	Sets the style for inline content, if no style is given	*/
#mbImage a, #mbImage a:link, #mbImage a:visited {
	color: #ddd;
}

/*	Sets the style for inline content, if no style is given	*/
#mbImage a:hover, #mbImage a:active {
	color: #fff;
}

#mbBottom {
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 19px;
	font-size: 12px;
	color: #999;
	text-align: left;
	border: 10px solid #000;
	border-top-style: none;
}

#mbTitle {
	display: inline;
	color: #fff;
	font-weight: bold;
	line-height: 20px;
	font-size: 12px;
}

#mbNumber {
	display: inline;
	color: #999;
	line-height: 14px;
	font-size: 10px;
}

#mbCaption {
	display: block;
	color: #999;
	line-height: 14px;
	font-size: 10px;
}

#mbPrevLink, #mbNextLink, #mbCloseLink {
	display: block;
	float: right;
	height: 20px;
	width: 46px;
	background: transparent url(../i/mediaboxAdvanced/BlackClose.gif) no-repeat center;
	margin: 0;
	outline: none;
}

#mbPrevLink {
	width: 60px;
	background: transparent url(../i/mediaboxAdvanced/BlackPrevious.gif) no-repeat center;
}

#mbNextLink {
	width: 35px;
	background: transparent url(../i/mediaboxAdvanced/BlackNext.gif) no-repeat center;
}

#mbCloseLink {
	width: 80px;
	background: transparent url(../i/mediaboxAdvanced/BlackClose.gif) no-repeat center;
}

#mbError {
	position: relative;
	top: 30%;
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 19px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	border: 10px solid #700;
	padding: 20px 10px 30px;
	margin: auto;
}