/* HTML
--------------------------------- */

html {
	margin: 0 auto;
	height: 100%;
}

/* BODY
--------------------------------- */

body {
	margin: 0 auto;
	padding: 0;
	height: 100%;
	font: 10px/1 Arial, Helvetica, sans-serif;
	color: #202b12;
	text-align: center;
/*	background-image: url(http://www.riege.com/img/baselines-20.png);
	background-repeat: repeat;
	background-position: 0 0; 
*/
}

/* LINKS
--------------------------------- */

a {
	color: #b86308;
	text-decoration: underline;
}
a:hover {
	color: #b86308;
	text-decoration: underline;
}

a:link,
a:visited,
a:active,
a:focus {
  outline: none;
}



/* WHOPPER
--------------------------------- */

#whopper {
	width: 96em;
	min-width: 960px;
	margin: 0 auto;
	text-align: left;
}

/* FORM
--------------------------------- */

div.form {
	width: 100%;
	margin: 0;
}
div.form fieldset,
fieldset {
	margin: 0;
	padding: 0;
	border: 0px none;
}
div.form legend {
	margin: 0;
	padding:  0 0 0 20px;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	background: url(http://www.riege.com/img/pixels.gif) no-repeat 0px -595px;
	color: #5c2113;
}
div.form label {
	margin: 0;
	padding: 0;
	font-size: 12px;
	height: 30px;
	line-height: 30px;
}
div.form input#firma_plz {
	margin-right: 10px;
}
div.form p input.max,
div.form p input.half,
div.form p input.quarter {
	border-width: 1px;
	border-style: solid;
	border-color: #f3ba00 #f3ba00 #f3ba00 #f3ba00;
	background: #fef8e5;
	font: 12px Arial, Helvetica, sans-serif;
	color: #2d1109;
	line-height: 14px;
	padding: 2px;
	margin: 0;
}
div.form input.max {
	width: 314px;
}
div.form input.half {
	width: 214px;

}
div.form input.quarter {
	width: 74px;
}
div.form label.checkbox {
	margin: 0;
	padding: 0 0 0 5px;
}
div.form input.checkbox {

}
textarea {
	width: 314px;
	border-width: 1px;
	border-style: solid;
	border-color: #f3ba00 #f3ba00 #f3ba00 #f3ba00;
	background: #fef8e5;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #2d1109;
	line-height: 14px;
	padding: 2px;
	margin: 0;
}
select {
	font-size: 13px;
}
#content div.form p {
	margin: 0;
	clear: left;
	padding: 10px 0 0 20px;
}
#content div.form p.dual {
	float: left;
	clear: none;
	margin: 0;
	padding: 10px 0 0 20px;
}
#content div.form p.dual input {
	margin: 0;
}

#content div.form h4 {
	margin: 0;
	clear: left;
	padding: 10px 0 0 20px;
}
#content div.form p div {
	clear: left;
	float: left;
	width: 100%;
	display: block;
}
#content div.form p.submit {
	clear: left;}
#content div.form p.submit input {
	width: auto;
	padding: 6px 8px;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	border: 0px none;
	background: #582710 url(http://www.riege.com/img/glass-btn.png) repeat-x 0 50%;
}
#content div.form p.submit input:hover {
	background-color: #b86308;
	cursor: pointer;
}


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

#header {
	width: 960px;
	height: 220px;
	background: url("http://www.riege.com/img/header-960.gif") no-repeat top center;
}

#header h1 {
	float: left;
	margin: 0 0 0 85px;
	padding: 15px 0 0 0;
	text-indent: -99999px;
}
#header h1 a {
	display: block;
	width: 145px;
	height: 80px;
	background: url("http://www.riege.com/img/scope-logo.png") no-repeat center center;
}

#header ul.header-menu {
	clear: left;
	margin: 0 0 0 80px;
	padding: 0;
	list-style-type: none;
}
#header ul.submenu {
	clear: left;
	margin: 0 0 0 80px;
	padding: 0;
	list-style-type: none;
}

#header ul.header-menu li,
#header ul.submenu li {
	margin: 50px 0 0 0;
	padding: 0;
	float: left;
	list-style-type: none;
	text-indent: -99999px;
}
#header ul.submenu li {
	margin: 0;
}
#header ul.header-menu li a,
#header ul.submenu li a {
	display: block;
	background: url("http://www.riege.com/img/sprite-menu_latest.gif") no-repeat 0 0;
	line-height: 20px;
	height: 20px;
}






#header ul.header-menu li.home {
	padding-right: 26px;
	width: 54px;
}
#b-home #header ul.header-menu li.home a {
	background-position: 0 0;
}
#header ul.header-menu li.home a {
	background-position: -200px 0;
}
#header ul.header-menu li.home a:hover,
#header ul.header-menu li.home a.active {
	background-position: 0 0;
}
#header ul.header-menu li.funktionen {
	padding-right: 23px;
	width: 87px;
	display: none;
}
#header ul.header-menu li.funktionen a {
	background-position: -200px -20px;
}
#header ul.header-menu li.funktionen a:hover,
#header ul.header-menu li.funktionen a.active {
	background-position: 0 -20px;
}
#header ul.header-menu li.demoversion {
	padding-right: 23px;
}
#header ul.header-menu li.demoversion a {
	background-position: -200px -40px;
	width: 97px;
}
#header ul.header-menu li.demoversion a:hover,
#header ul.header-menu li.demoversion a.active {
	background-position: 0 -40px;
}
#header ul.header-menu li.bestellen {
	padding-right: 23px;
}
#header ul.header-menu li.bestellen a {
	background-position: -200px -60px;
	width: 77px;
}
#header ul.header-menu li.bestellen a:hover,
#header ul.header-menu li.bestellen a.active {
	background-position: 0 -60px;
}

#header ul.header-menu li.news {
	padding-right: 19px;
}
#header ul.header-menu li.news a {
	background-position: -200px -580px;
	width: 51px;
}
#header ul.header-menu li.news a:hover,
#header ul.header-menu li.news a.active {
	background-position: -0px -580px;
}


#header ul.header-menu li.hilfe {
	padding-right: 22px;
}
#header ul.header-menu li.hilfe a {
	background-position: -200px -80px;
	width: 48px;
}
#header ul.header-menu li.hilfe a:hover,
#header ul.header-menu li.hilfe a.active {
	background-position: 0 -80px;
}
#header ul.header-menu li.zahlungen {
	padding-right: 27px;
}
#header ul.header-menu li.zahlungen a {
	background-position: -200px -280px;
	width: 83px;
}
#header ul.header-menu li.zahlungen a:hover,
#header ul.header-menu li.zahlungen a.active {
	background-position: 0 -280px;
}
#header ul.header-menu li.benutzer {
	padding-right: 26px;
}
#header ul.header-menu li.benutzer a {
	background-position: -200px -300px;
	width: 74px;
}
#header ul.header-menu li.benutzer a:hover,
#header ul.header-menu li.benutzer a.active {
	background-position: 0 -300px;
}
#header ul.header-menu li.verteiler {
	padding-right: 19px;
}
#header ul.header-menu li.verteiler a {
	background-position: -200px -320px;
	width: 71px;
}
#header ul.header-menu li.verteiler a:hover,
#header ul.header-menu li.verteiler a.active {
	background-position: 0 -320px;
}
#header ul.header-menu li.statistik {
	padding-right: 18px;
}
#header ul.header-menu li.statistik a {
	background-position: -200px -340px;
	width: 72px;
}
#header ul.header-menu li.statistik a:hover,
#header ul.header-menu li.statistik a.active {
	background-position: 0 -340px;
}
#header ul.header-menu li.logbuch {
	padding-right: 20px;
}
#header ul.header-menu li.logbuch a {
	background-position: -200px -420px;
	width: 70px;
}
#header ul.header-menu li.logbuch a:hover,
#header ul.header-menu li.logbuch a.active {
	background-position: 0 -420px;
}
#header ul.header-menu li.archiv {
	padding-right: 23px;
}
#header ul.header-menu li.archiv a {
	background-position: -200px -440px;
	width: 57px;
}
#header ul.header-menu li.archiv a:hover,
#header ul.header-menu li.archiv a.active {
	background-position: 0 -440px;
}


#header ul.submenu li.handbuch {
	padding-left: 370px;
}
#header ul.submenu li.handbuch a {
	background-position: -600px -500px;
	width: 81px;
}
#header ul.submenu li.handbuch a:hover,
#header ul.submenu li.handbuch a.active {
	background-position: -400px -500px;
}

#header ul.submenu li.schulung {
	padding-left: 17px;
}
#header ul.submenu li.schulung a {
	background-position: -600px -540px;
	width: 91px;
}
#header ul.submenu li.schulung a:hover,
#header ul.submenu li.schulung a.active {
	background-position: -400px -540px;
}

#header ul.submenu li.faq {
	padding-left: 19px;
}
#header ul.submenu li.faq a {
	background-position: -600px -480px;
	width: 43px;
}
#header ul.submenu li.faq a:hover,
#header ul.submenu li.faq a.active {
	background-position: -400px -480px;
}


#header ul.submenu li.release-notes {
	padding-left: 300px;
}
#header ul.submenu li.release-notes a {
	background-position: -600px -600px;
	width: 107px;
}
#header ul.submenu li.release-notes a:hover,
#header ul.submenu li.release-notes a.active {
	background-position: -400px -600px;
}

#header ul.header-buttons {
	float: right;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#header ul.header-buttons li {
	margin: 0;
	padding: 0;
	float: left;
	list-style-type: none;
	text-indent: -99999px;
}
#header ul.header-buttons li a {
	display: block;
	background: url("http://www.riege.com/img/sprite-menu_latest.gif") no-repeat 0 0;
	line-height: 20px;
	height: 20px;
}
#header ul.header-buttons li.kundenportal {
	margin: 55px 84px 0 0;
}
#header ul.header-buttons li.kundenportal a {
	background-position: -600px -220px;
	width: 101px;
}
#header ul.header-buttons li.kundenportal a:hover,
#header ul.header-buttons li.kundenportal a.active {
	background-position: -200px -220px;
}
#header ul.header-buttons li.logout {
	margin: 55px 100px 0 0;
}
#header ul.header-buttons li.logout a,
#header ul.header-buttons li.logout a.active {
	background-position: -600px -240px;
	width: 80px;
}
#header ul.header-buttons li.logout a:hover {
	background-position: -200px -240px;
}


/* Footer
--------------------------------- */

#footer {
	clear: both;
	height: 200px;
}
#footer p {
	float: right;
	margin: 45px 80px 0 0;
	padding: 0;

	text-indent: -99999px;
}
#footer p a {
	display: block;
	width: 115px;
	height: 80px;
	background: url("http://www.riege.com/img/riege-logo.png") no-repeat 0 0;	
}

#footer ul {
	position: relative;
	top: 55px;
	margin: 0 0 0 80px;
	padding: 0;
	list-style-type: none;
}
#footer ul li {
	margin: 0;
	padding: 0;
	float: left;
	list-style-type: none;
	text-indent: -99999px;
}
#footer ul li a {
	display: block;
	background: url("http://www.riege.com/img/sprite-menu_latest.gif") no-repeat 0 0;
	line-height: 20px;
	height: 20px;
}
#footer ul li.kontakt {
	display: none;
	padding-right: 26px;
}
#footer ul li.kontakt a {
	background-position: -600px -120px;
	width: 64px;
}
#footer ul li.kontakt a:hover,
#footer ul li.kontakt a.active {
	background-position: -400px -120px;
}
#footer ul li.impressum {
	padding-right: 27px;
}
#footer ul li.impressum a {
	background-position: -600px -140px;
	width: 83px;
}
#footer ul li.impressum a:hover,
#footer ul li.impressum a.active {
	background-position: -400px -140px;
}
#footer ul li.agb {
	padding-right: 26px;
}
#footer ul li.agb a {
	background-position: -600px -160px;
	width: 44px;
}
#footer ul li.agb a:hover,
#footer ul li.agb a.active {
	background-position: -400px -160px;
}
#footer ul li.nutzungsbedingungen {
	padding-right: 23px;
}
#footer ul li.nutzungsbedingungen a {
	background-position: -600px -180px;
	width: 147px;
}
#footer ul li.nutzungsbedingungen a:hover,
#footer ul li.nutzungsbedingungen a.active {
	background-position: -400px -180px;
}

/* =Colgroup Templates
    t1: 9,3 (Home, Entries, About)
    t2: 4,2,6 (Also)
    t3: 2,5,5 (Events, Portfolio pieces)
    t4: 4,4,2,2 (Archive)
    t5: 12 (Portfolio index)
    cg1,cg2,cg3 are generic groups of columns
    content-main is primary content
    content-sub is subordinate content
    content-xtra is extra content
    content-xtra2 is more extra content ;-)
----------------------------------------------- */

#content {
	margin: 0;
	padding: 0;
	text-align: center;
}
div.cg1 {
	width: 800px;
	margin: 0 auto;
	text-align: left;
}
div.cg2 {
	width: 500px;
	margin: 0 auto;
	text-align: left;
}
div.cg3 {
	width: 800px;
	margin: 0 auto;
	text-align: left;
}
div.cg3 div#cg3-left,
div.cg3 div#cg3-right {
	float: left;
	width: 150px;
	display: block;
}
div.cg3 div#cg3-center {
	float: left;
	width: 500px;
}
div.cg3d {
	background: url(http://www.riege.com/img/scope-air.png) no-repeat 0 0;
	width: 800px;
	height: 450px;
	margin: 0 auto;
}
div.grey {
	background: #f6f4f4 ;
	width: 800px;
	height: 450px;
	margin: 0 auto;
}
div.block-faq {
 	margin-top: 0px;
	padding: 10px 20px;
	background: #f6f4f4;
}
#soon {
	background-image: url(http://www.riege.com/img/soon.png) 
}
#content table {
	border-style: solid;
	border-width: 1px 0 0 1px;
	border-color: #ccc;
	margin: 0 0 20px 0 ;
	padding: 0;
}
#content table td {
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #ccc;
	padding: 5px;
	margin: 20px 0;
	font-size: 12px;
	line-height: 18px;
	vertical-align: top;
}
#content table th {
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #ccc;
	padding: 5px;
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	vertical-align: top;
}
#content table#shopping-cart {
	border: 0px none;
	width: 180px;
	background: #f4f3f2;
}
table#shopping-cart th {
	border: 0px none;
	padding: 3px 5px;
	font-weight: bold;

}
table#shopping-cart td {
	border: 0px none;
	padding: 3px 5px;
	border-top: 2px solid #dedddd;
	border-left: 2px solid #dedddd;
	border-right: 2px solid #dedddd;

}
table#shopping-cart td.currency {
	text-align: right;
	border-left: 0px none;
}
table#shopping-cart th.total {
	text-align: right;
	background: #dedddd;
}
table#shopping-cart td.empty {
	border-bottom: 2px solid #dedddd;
	text-align: center;
	padding: 30px 5px;
	color: #666;
}

#price {
	background-image: url(http://www.riege.com/img/scope-price.png) 
}

#content h2 {
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 18px;
	font-weight: bold;
	line-height: 30px;
}
#content h2.news {
	width: 400px;
	padding-left: 200px;
	font-size: 21px;
	font-weight: bold;
	line-height: 30px;
}
#content h2 a {
	display: block;
	text-decoration: none;
	color: #202b12;
}
#content h4 a {
	text-decoration: none;
	color: #202b12;
}
#content h2 a:hover,
#content h4 a:hover {
	text-decoration: underline;
	color: #b86308;
}
#content h3 {
	margin: 20px 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	background: url(http://www.riege.com/img/pixels.gif) no-repeat 0px -595px;
	color: #5c2113;
	padding: 0 0 0 20px;
}
#content h3 a {
	color: #5c2113;
	text-decoration: none;	
}
#content h3 a:hover {
	color: #5c2113;
	text-decoration: none;
}
#content h4 {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
}
#content dl {
	margin: 0 0 20px 0;
	padding: 0;
}
#content dl dt {
 	margin: 20px 0  15px 0;
	padding: 0 0 0 20px;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	color: #5c2113;
	background: url(http://www.riege.com/img/pixels.gif) no-repeat 0px -595px;
}
#content dl dd {
	margin: 0px 0 0px 20px;
	padding: 0;
	font-size: 12px;
	line-height: 20px;
	background: url(http://www.riege.com/img/pixels.gif) no-repeat 0px 5px;
	padding: 0 0 0 20px;
}
#content dl dd a {
	color: #202b12;
	text-decoration: none;
}



#content dl.floppy {
	margin: 0 0 20px 0;
	padding: 0;
}
#content dl.floppy dd {
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 20px;
	background: none;
}
#content dl dd a {
	color: #202b12;
	font-weight: bold;
	text-decoration: underline;
	background: url(http://www.riege.com/img/icon-floppy.gif) no-repeat 40px -295px;
	padding: 0 0 0 60px;
	display: block;
}
#content dl dd a:hover {
	color: #fff;
	background-color: #e7a800;
	background-position: 40px -595px;
	text-decoration: none;
}


#content p {
	font-size: 12px;
	line-height: 20px;
	text-align: left;
	margin: 0 0 20px 0;
	padding: 0;
}
#content p.screenshot {
	color: #666;
}
#content p.screenshot a,
#content p.screenshot a:hover {
	color: #666;
}
#content p.screenshot img {
	margin: 0;
	padding: 0;
	border: 0px none;
}
#content p.screenshot span {
	clear: left;
	display: block;
}
#content ul,
#content ol,
#content dl {
	font-size: 12px;
	line-height: 20px;
	text-align: left;
	margin: 20px 0;
	padding: 0;
}
#content ul li {
	list-style-position: outside;
	list-style-type: circle;
	padding: 0;
	margin: 10px 0 0 40px;
}
#content ol li {
	list-style-position: outside;
	padding: 0;
	margin: 10px 0 0 40px;
}
#content ul.toc {
	margin-top: 0px;
	padding: 10px 20px;
	background: #f4f2f2;
}
#content ul.toc li {
	list-style-type: none;
	padding: 0;
	margin: 10px 0;
	background: none;
}
#content ul.toc li a {
	display: block;
	background: url(http://www.riege.com/img/pixels.gif) no-repeat 0 -745px;
	padding: 0 0 0 20px;
	text-decoration: none;
	font-weight: bold;
	color: #222518;
}
#content ul.toc li a.active,
#content ul.toc li a:hover {
	background-position: 0 -445px;
	color: #b05d1b;
	text-decoration: underline;
}

#content p.kaufen {
	margin: 0;
	padding: 0;
	position: relative;
	left: 80px;
	top: 320px;
}
#content p.kaufen a {
	float: left;
	display: block;
	text-indent: -99999px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	background: url(http://www.riege.com/img/submit-buttons.png) no-repeat 0 -60px;
	width: 130px;
	height: 30px;
}
#content p.kaufen a:hover {
	background-position: 0 -90px;
}

#content div.triple div p.weiter {
	margin: 10px 40px;
	padding: 0;
	position: relative;
}
#content p.weiter a {
	float: left;
	display: block;
	text-indent: -99999px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	background: url(http://www.riege.com/img/weiter.png) no-repeat 0 0;
	width: 64px;
	height: 20px;
}
#content p.weiter a:hover {
	background-position: 0 -20px;
}



#content p.kostenlose-demoversion {
	float: right;
	margin: 100px 200px 0 0;
	padding: 0;
}
#content p.kostenlose-demoversion a {
	float: left;
	display: block;
	text-indent: -99999px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	background: url(http://www.riege.com/img/submit-buttons.png) no-repeat 0 -120px;
	width: 188px;
	height: 30px;
}
#content p.kostenlose-demoversion a:hover {
	background-position: 0 -150px;
}

#content p.jetzt-anmelden {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0 0 0 0;
	height: 50px;
}
#content p.jetzt-anmelden a {
	float: left;
	display: block;
	text-indent: -99999px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	background: url(http://www.riege.com/img/submit-buttons.png) no-repeat 0 -360px;
	width: 132px;
	height: 30px;
}
#content p.jetzt-anmelden a:hover {
	background-position: 0 -390px;
}

div.triple {
	background: #f4f2f2 ;
	width: 800px;
	height: 450px;
	margin: 0 auto;
}
div.triple div {
        height: 450px;
	width: 260px;
	float: left;
	background: url(http://www.riege.com/img/3d-shadow.png) repeat-x bottom center;
}
#content div.triple div.faq,
#content div.triple div.handbuch {
	border-right: 10px solid #fff;
}
#content div.triple div h3 {
	margin: 0;
	padding: 0;
	display: block;
	width: 260px;
	height: 70px;
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: -99999px;
}
#content div.triple div h3 a {
	display: block;
	width: 260px;
	height: 66px;
}

#content div.triple div.faq h3 {
	background-image: url(http://www.riege.com/img/triple-faq.gif);
}
#content div.triple div.handbuch h3 {
	background-image: url(http://www.riege.com/img/triple-handbuch.gif);
}
#content div.triple div.schulung h3 {
	background-image: url(http://www.riege.com/img/triple-schulung.gif);
}

#content div.triple div p {
	padding: 20px 40px;
	margin: 0;
}
#content div.triple div p a {
	color: #222518;
	display: block;
	text-decoration: none;
}
#content div.triple div p a:hover {

}
#content p a {
	text-decoration: underline;
}
#content p a:hover {
	text-decoration: underline;
}
#content span.date,
#content span.grey {
	color: #777;
}
#content p.date {
	color: #777;
	padding: 0;
}
#content p.pagination,
#content p.additionals {
	margin-top: 40px;
}
#content p.pagination a {
	font-weight: normal;
}


#content div#double {
	margin: 0 auto;
	width: 800px;
	text-align: left;
}
#content div#double .left,
#content div#double .right {
	width: 400px;
}
#content div#double .left {
	float: left;
}
#content div#double .right {
	float: right;
}

div#content div#double div.left h2,
div#content div#double div.left h3,
div#content div#double div.left h4,
div#content div#double div.left p {
	margin-right: 20px;
}
div#content div#double div.right h2,
div#content div#double div.right h3,
div#content div#double div.right h4,
div#content div#double div.right p {
	margin-left: 10px;
}

div#content div#double div.product {
	position: relative;
	padding-top: 15px;
	margin-bottom: 40px;
	background: #f3f3f3 url(http://www.riege.com/img/product-bg.png) repeat-x bottom center;
}
div#content div#double div.right div.product {
	margin-left: 20px;	
}
div#content div#double div.left div.product {
	margin-right: 20px;	
}
div#content div#double div.product h3 {
	margin: 0 20px 0 20px;
}
div#content div#double div.product p {
	margin: 0 20px 0 40px;
}
div#content p.price,
div#content div#double div.product p.price {
	font-weight: bold;
	padding: 0px 0 10px 0;
}
div#content div#double div.product p.price span {
	font-weight: normal;
}
div#content div#double div.product p.extra {
	margin: 0 20px 0 40px;
	padding: 0 0 10px 0;
	font-style: italic;
}
div#content div#double div.product p.more {
	padding: 0;
	margin: 5px 0 0 15px;
	text-align: left;
	color: #999;
}
div#content div#double div.product p.more a {
	padding: 0;
	margin: 0 7px;
	font-weight: normal;
	color: #444;
	text-decoration: underline;
}
div#content div#double div.product p.more a:hover {
	color: #202b12;
}
div#content div#double div.product ul {
	list-style-type: none;
	clear: left;
	margin: 10px 0 10px 40px;
}
div#content div#double div.product ul li {
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 20px;
	background: url(http://www.riege.com/img/pixels.gif) no-repeat 0px 5px;
}

div#content div#double div.product dl {
	padding: 0;
	clear: left;
	margin: 0 0 10px 20px;
}
div#content div#double div.product dl dd {
	margin: 0 0 0 20px;
	padding: 0 0 0 20px;
	background: url(http://www.riege.com/img/pixels.gif) no-repeat 0px 5px;
}
div#content div#double div.product dl dt {
	margin: 0 0 10px 0;
	padding: 0 0 0 20px;
	font-weight: bold;
	background: url(http://www.riege.com/img/pixels.gif) no-repeat 0px -595px;
	color: #5c2113;
}

div#footnote {
	width: 100%;
	float: left;
	clear: both;
	margin-top: 20px;
}
div#footnote p {
	clear: both;
	padding: 0;
	margin: 0 0 20px 0;
}
div#footnote h4 {
	clear: both;
	padding: 0;
	margin: 20px 0 0 0;
}

span.highlight {
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	height: 15px;
	line-height: 15px;
	padding: 0 5px 0 9px;
	color: #fff;
	background: #935612 url(http://www.riege.com/img/arrow-highlight.gif) no-repeat center left;
}
span.highlight a {
	height: 15px;
	line-height: 15px;
	text-decoration: none;
}
span.highlight a:hover {
	background-color: #cf8700;
}

div#highlight {
	float: left;
	width: 100%;
	clear: both;
	margin: 20px 0;
	padding: 15px 0;
	background: #935612;
}
div#highlight h4,
div#highlight p {
	color : #fff;
	margin: 0;
	padding: 0 20px;
}

div#wide {
	width: 800px;
	margin: 0 auto;
	text-align: left;
}
div#wide .column {
	position: relative;
	float: left;
}




#center {
	padding: 0;
	margin: 0 20px;
	width: 360px;
}
#right,
#left {
	width: 180px;
}
#left {
	padding: 0;
	margin-right: 20px;
}
#right {
	float: right;
	margin-left: 20px;
}







dl#stepbystep {
	margin: 0;
	padding: 30px 0 0 0;
	height: 435px;
	background: #f4f3f2 url(http://www.riege.com/img/3d-air-180.png) no-repeat bottom center;
}
dl#stepbystep dt {
	margin: 0 20px;
	padding: 0 20px 10px 20px;

}
dl#stepbystep dd {
	margin: 5px 20px;
	padding: 0px 20px;
	color: #999;
	background: none;
}
dl#stepbystep dd.active {
	color: #fff;
	background: #cd9d0c url(http://www.riege.com/img/arow-right-f3f3f3.gif) no-repeat center right;
}


#content p.form {
	margin: 20px 0 0 0;
	padding: 0;
}


#content p.error {
	margin: 0;
	padding: 0;
	color: #c00;
}
#content h3.form {
	margin: 20px 0 0 0;
}
p.form label {
	margin: 0;
	padding: 0;
	font-size: 12px;
	height: 20px;
	line-height: 20px;
	margin-right: 20px;
}

p.form label:hover.link {
	text-decoration: underline;
	cursor: pointer;
}
p.form input.q0,
p.form input.q1,
p.form input.q2,
p.form input.q3,
p.form input.q4 {
	border-width: 1px;
	border-style: solid;
	border-color: #f3ba00 #f3ba00 #f3ba00 #f3ba00;
	background: #fff;
	font: 12px Arial, Helvetica, sans-serif;
	color: #2d1109;
	line-height: 14px;
	padding: 2px;
	margin: 0 20px 0 0;
}
p.form input:focus.q0,
p.form input:focus.q1,
p.form input:focus.q2,
p.form input:focus.q3,
p.form input:focus.q4 {
	border-color: #b86308;
}
p.form input.q0 {
	width: 34px;
}
p.form input.q1 {
	width: 74px;
}
p.form input.q2 {
	width: 164px;
}
p.form input.q3 {
	width: 254px;
}
p.form input.q4 {
	width: 354px;
}
p.form input.checkbox {
	margin: 0 7px 0 0;
	padding: 0;
}


#content p.checkbox {
  margin: 0;
  padding: 0;
}
#content p.checkbox label {
  width: 355px;
  float: right;
  margin: 0;
  padding: 0;
}
#content p.checkbox input {
  float: left;
  margin: 2px 0 0 20px;
  padding: 0;
}

#content p.normal {
  margin: 0;
  padding: 20px 0 0 0;
}
#content p.normal label {
  margin: 0;
  padding: 0 0 2px 20px;
  font-weight: bold;
  display: block;
}
#content p.normal input {
  margin: 0 0 0 20px;
  padding: 0;
  width: 220px;
  font-size: 1em;
}

div.div-download {
  margin: 0 auto;
  width: 800px;
  height: 450px;	
  background: url("http://www.riege.de/img/scr_2.0.10_overview.gif") no-repeat top right;
}
div.div-download-left {
  width: 260px;
  float: left;	
}
div.col-2-3 {
  float: right;
  margin-left: 260px;	
}

p.form left {
	float: left;
}
p.form select {
	margin: 5px 7px 0 0;
	padding: 0;
}
#content p.buttons {
	margin: 25px 0 0 0;
	padding: 0;
}
#content p.buttons input {
	float: left;
	margin: 0 10px 0 0;
	padding: 0 10px;
	background-color: #b86308;
	border: 0px none;
	color: #fff;
	font-weight: bold;
	line-height: 20px;
	height: 20px;
	cursor: pointer;
}
#content p.buttons input:hover {
	background-color: #7b2d0f;
}

form {
	margin: 0;
	padding: 0;
}
#content table.form {
	margin: 0 0 20px 0;
	border: 0;
	padding: 0;
	width: 100%;
}
#content table.form td {
	margin: 0;
	border: 0;
	padding: 0;
}

#content table#bestaetigung {
	width: 100%;
	margin: 0;
	border: 0px none;
}
#content table#bestaetigung th {
	font-weight: bold;
	padding: 5px 0 0 0;
	border: 0px none;
	text-align: right;
	color: #666;
	width: 175px;
}
#content table#bestaetigung td {
	font-weight: normal;
	border: 0px none;
	padding: 5px 0 0 10px;
	color: #666;
}
#content table#bestaetigung th.headline {
	border: 0px none;
	border-bottom: 1px solid #cd9d0c;
	color: #cd9d0c;
	text-align: left;
	padding-bottom: 0px;
	padding-top: 10px;
}
#content table#bestaetigung th.head {
	border: 0px none;
	font-weight: normal;
	text-align: center;
	padding-bottom: 10px;
	color: #cd9d0c;
	padding-top: 10px;
}
#content table#bestaetigung th.headline a.change-data {
	color: #fff;
	background: #cd9d0c;
	float: right;
	padding: 0 10px;
	line-height: 19px;
	height: 19px;
	font-weight: normal;
	text-transform: none;
}
#content h4.tab {
	margin-top: 5px;
	border: 0px none;
	color: #cd9d0c;
	text-align: left;
	padding-bottom: 0px;
	border-bottom: 1px solid #cd9d0c;
}
#content h4.tab a {
	color: #fff;
	background: #cd9d0c;
	display: block;
	padding: 0 10px;
	font-weight: bold;
	text-transform: none;
}
div#accordion {
	margin-top: 15px;
}
#content div#cart dl {
	margin: 0;
	padding: 0;
}
#content div#cart dl dt {
	margin: 0;
	padding: 5px 0;
	color: #202b12;
	background: none;
	font-weight: normal;
}
#content div#cart dl dd {
	margin: 0;
	padding: 5px 0 0 0;
	background: none;
	text-align: right;
	color: #582710;
	border-top: 1px solid #582710;
}
#content div#cart dl dd.total {
	padding: 5px 0 0 0;
	color: #582710;
	font-weight: bold;
	margin-top: 5px;
	border-top: 5px solid #582710;
}
#content div#cart h3 {
	margin: 0;
	padding: 5px 0;
	color: #582710;
	background: none;
	border-bottom: 1px solid #582710;
	border-top: 5px solid #582710;
	font-size: 15px;
	height: 20px;
}
#content div#cart h3 span {
	float: left;
}
#content div#cart h3 a {
	color: #582710;
	font-weight: normal;
	float: right;
	font-size: 12px;
	text-decoration: underline;
}


#content div#cart-help h3 {
	color: #666;
	font-size: 11px;
	background: none;
	margin: 0 0 10px 0;
	padding: 0;
}
#content div#cart-help ol {
	margin: 0;
	padding: 0;
	font-size: 11px;
}
#content div#cart-help ol li {
	color: #666;
	margin: 10px 0px 0px 20px;
	padding: 5px 0px 0 0px;
	list-style-position: outside;
}
#content div#cart-help ol li span {
	color: #666;
}

#content div#cart table {
	border: 0px none;
	margin: 0;
	padding: 0;
	width: 100%;
}
#content div#cart table th {
	border: 0px none;
	margin: 0;
	width: 63%;
	padding: 0;
}
#content div#cart table td {
	border: 0px none;
	text-align: right;
	margin: 0;
	padding: 0;
}


#hotline {
	position: relative;
	top: 39px;
	margin: 0 0 0 515px;
	clear: left;
	float: left;
	display: block;
	width: 200px;
	height: 75px;
	text-indent: -999999px;
	background-image: url(http://www.riege.com/img/hotline.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#hotline:hover {
	background-position: -200px 0;
	cursor: help;
}