html {
	overflow-y:scroll;
}
body {
	background-image:url(images/leerbg.gif);
}

h1 {
	font-size:23px;
	margin:8px 0 16px 0;
}
h2 {
	font-size:18px;
	margin:0;
}
h3 {
	font-size:16px;
	margin:0;
}
h4 {
	font-size:14px;
	font-weight:bold;
	margin:0;
}
/*h5 {
	font-size:12px;
	margin:0;
}*/

a,b,body,div,h1,h2,h3,h4,h5,i,li,ol,p,strong,td,u,ul,input {
	font-family: Verdana;
}
a,body,div,hr,li,ol,p,td,th,ul,fieldset,form,input,optgroup,select,textarea {
	font-size: 11px;
	color: #000000;
}
hr {
	border:solid #000000 0px;
	height:2px;
	BACKGROUND-COLOR:#ADADB3;
}
img {
	border:solid #FFFFFF 0px;
	BACKGROUND-COLOR: #FFFFFF;
}


#page {
	width:980px;
	margin:0px auto;
}
#header {
	width:980px;
	height:120px;
	background-image:url(images/Logo.png);
	margin:0px 0px 6px;
}
#header .language {
	vertical-align:middle;
	float:right;
	margin-top:50px;
	margin-right:10px;
	text-align:left;
}
#header #gplus {
    display:block;
    padding-left:904px;
    padding-top:28px;
	text-align:left;
}
#content {
	width:980px;
}

/* ############################################# */
/* SideArea                                      */
/* ############################################# */
.sideArea {
	width:169px;
	float:left;
}
.sideArea .boxTop, .sideArea .boxBottom, #contentWrapper .boxCenterTop, #contentWrapper .boxCenterBottom {
	font-size: 10px;
	font-weight: bold;
	color:#FFFFFF;
	text-transform:uppercase;
	overflow: hidden;
	text-indent:10px;
}
.sideArea .boxTop {
	height:19px;
	background-image:url(images/boxTop.png);
	background-repeat:no-repeat;
	line-height:19px;
}
.sideArea .boxBottom {
	height:12px;
	margin-bottom:6px;
	background-image:url(images/boxBottom.png);
	background-repeat:no-repeat;
}
.sideArea .boxMiddle {
	height: 100%;
	background-image:url(images/boxMiddle.png);
	background-repeat:repeat-y;
	padding: 0px 6px;
}
.sideArea .boxMiddleTop {
	height:8px;
	background-image:url(images/boxMiddleTop.png);
}
.sideArea .boxMiddleBottom {
	height:8px;
	background-image:url(images/boxMiddleBottom.png);
}
.sideArea .nav {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}

/* ############################################# */
/* ContentWrapper                                */
/* ############################################# */

#contentWrapper {
	width:630px;
	margin:0px 6px;
	float:left;
}
#contentWrapper .boxCenterTop {
	height:27px;
	margin:0px;
	background-image:url(images/boxCenterTop.png);
	line-height:19px;
}
#contentWrapper .boxCenterMiddle {
	display: block;
	height: 100%;
	overflow: hidden;
	background-image:url(images/boxCenterMiddle.png);
	background-repeat:repeat-y;
	padding:0px 6px;
	margin:0px;
}
#contentWrapper p {
	margin: 0px;
}
#contentWrapper .boxCenterBottom {
	height:20px;
	margin:0px;
	background-image:url(images/boxCenterBottom.png);
	clear:both;
}
#contentWrapper .left {
	width:306px;
	float:left;
	margin-right:6px;
}
#contentWrapper .right {
	width:306px;
	float:left;
}
#contentWrapper h5 {
	width:306px;
	height:20px;
	margin:0px 0px 6px 0px;
	background-image:url(images/subtitle.png);
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	line-height:20px;
}
#contentWrapper .payment label {
	width:176px;
	margin-bottom:10px;
	float:left;
	line-height:20px;
}
#contentWrapper .payment input[type=radio] {
	width:30px;
	margin-bottom:10px;
	float:left;
	border-width:1px;
	border-style:solid;
	border-color:#ADADB3;
	line-height:20px;
}
#contentWrapper .comment textarea {
	width:300px;
	resize:none;
	float:left;
	padding:2px;
	border-width:1px;
	border-style:solid;
	border-color:#ADADB3;
}

/* ############################################# */
/* boxOverlay                                    */
/* ############################################# */

#boxOverlayBackground {
	background-color: #000000;
	position:absolute;
	display:none;
	width:100%;
	opacity:0;
	top:0;
	left:0;
	z-index:200;
}
#boxOverlay {
	background-color:#FFFFFF;
	display:none;
	opacity:0;
	position:absolute;
	padding:6px;
	margin:auto;
	z-index:201;
}
#boxOverlay .button {
	margin-left:120px;
}
#boxOverlay .close {
	float:right;
	width:18px;
	height:15px;
	margin:0px 0px 0px 0px;
	opacity:1;
	font-size:10px;
	line-height:15px;
	text-decoration:none;
	background-image:url(images/close.png);
	background-repeat:no-repeat;
	text-indent:20px;
}
#boxOverlayBackground {
	background-color: #000000;
	position:absolute;
	display:none;
	width:100%;
	opacity:0;
	top:0;
	left:0;
	z-index:200;
}
#boxOverlay {
	background-color:#FFFFFF;
	display:none;
	opacity:0;
	position:absolute;
	padding:6px;
	margin:auto;
	z-index:201;
}
#boxOverlay .button {
	margin-left:120px;
}
#boxOverlay .close {
	float:right;
	width:18px;
	height:15px;
	margin:0px 0px 0px 0px;
	opacity:1;
	font-size:10px;
	line-height:15px;
	text-decoration:none;
	background-image:url(images/close.png);
	background-repeat:no-repeat;
	text-indent:20px;
}

/* ############################################# */
/* .boxProduct                                       */
/* ############################################# */

.boxProduct .image {
	width:150px;
	float:left;
}
.boxProduct .name {
	width:462px;
	float:left;
	font-weight:bold;
}
.boxProduct .descripton {
	width:462px;
	float:left;
}
.boxProduct .left {
	width:231px;
	float:left;
}
.boxProduct .right {
	width:231px;
	float:left;
	text-align:right;
}

/* ############################################# */
/* Address                                       */
/* ############################################# */

.address label {
	width:120px;
	margin:1px 0px;
	float:left;
	line-height:20px;
}
.address input[type=text], .address input[type=password] {
	width:180px;
	height:18px;
	float:left;
	padding:1px;
	margin-bottom:4px;
	border-width:1px;
	border-style:solid;
	border-color:#ADADB3;
}
.address #plz, .address #lieferplz, .address #stationplz {
	width:34px;
	margin-right:2px;
}
.address #ort, .address #lieferort, .address #stationort {
	width:138px;
}
.address select {
	width:186px;
	height:22px;
	float:left;
	border-width:1px;
	border-style:solid;
	border-color:#ADADB3;
}

.boxError {
	border:solid #FF0000 2px;
	color:#FF0000;
}


.button, .button:visited {
	width:130px;
	height:18px;
	line-height:18px;
	border: none;
	background-image:url(images/button.png);
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	display:inline-block;
	margin:6px 0px;	
}
.button:hover, .button:active {
	width:130px;
	height:18px;
	line-height:18px;
	border: none;
	background-image:url(images/buttonSelect.png);
	color:#000000;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	display:inline-block;
	margin:6px 0px;
}

/* ############################################# */
/* Clear                                         */
/* ############################################# */

.clear {
	clear:both;
	border: 0px solid #FFFFFF;
	height:0px;
	line-height:0px;
}

/* ############################################# */
/* Login                                         */
/* ############################################# */

.login label {
	width:51px;
	margin-right: 2px;
	display:inline-block;
}

.login input[type=text], .login input[type=password] {
	width: 100px;
}
.login .inputButton {
	margin: 0px auto;
}

/* ############################################# */
/* Input Button                                  */
/* ############################################# */

.inputButton, .inputButton:visited {
	width:130px;
	height:18px;
	line-height:16px;
	border:none;
	background: url('images/button.png') no-repeat;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
}
.inputButton:hover, .inputButton:active {
	width:130px;
	height:18px;
	line-height:16px;
	border: none;
	background-image:url(images/buttonSelect.png);
	color:#000000;
	font-size:11px;
	font-weight:bold;
}

/* ------------- */
/*  Neues Design */ 
/* ------------- */

.mainnav { float:left; width:190px; margin-right: 10px; overflow: hidden; }
.nav_top {
	font-size: 10px;
	font-weight: bold;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	line-height: 19px;

	background-image:url('images/nav-top.jpg');
	background-repeat:no-repeat;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	height: 19px
	
}
.nav_bottom {
	margin-bottom: 0px;
	font-size: 10px;
	font-weight: bold;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	line-height: 19px;
    text-indent: 10px;
	background-image:url('images/nav-bot.png');
	background-repeat:no-repeat;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	height: 19px
}

/* ------------------- */
/*  Roter Rahmen Mitte */
/* ------------------- */

.center_top {
	font-size: 10px;
	font-weight: bold;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	line-height: 19px;
    text-indent: 10px;
	background-image:url('images/button-top-center.png');
	background-repeat:no-repeat;
	text-decoration: none;
	text-transform: uppercase;
	text-align: left;
	display: block;
	width: 630px;
	height: 19px;
	margin-left: 6px;
	margin-right: 6px;
}
.center_bottom {
	font-size: 5px;
	font-weight: bold;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	line-height: 19px;
    text-indent: 10px;
	background-image:url('images/button-bot-center.png');
	background-repeat:no-repeat;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	width: 630px;
	height: 19px;
	margin-left: 6px;
	margin-right: 6px;
}

/* -----------------*/
/*  Weiße Elemente  */
/* ---------------- */

.modul_top {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	line-height: 8px; 
	background-image:url('images/top.png');
	background-repeat: no-repeat;
	display: block;
	height: 8px;
	overflow: hidden
}
.modul_middle {
	font-size: 10px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	background-image:url('images/middle.png');
	background-repeat: repeat-y;
	display: block;
	height: 100%
}
.modul_bottom {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	line-height: 8px; 
	background-image:url('images/bottom.png');
	background-repeat:no-repeat;
	display: block;
	height: 8px;
	overflow: hidden
}

/* ------------------ */
/*  Weiße Mitte Modul */
/* ------------------ */

.modul_center_top {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	background-image:url('images/top-center.png');
	background-repeat: no-repeat;
	display: block;
	height: 8px;
	width: 630px;
	margin-left: 6px;
	margin-right: 6px;
	overflow: hidden
}
.modul_center_middle {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	padding: 5px;
	background-image:url('images/middle-center.png');
	background-repeat: repeat-y;
	text-align: left;
	display: block;
	height: 100%;
	width: 620px;
	margin-left: 6px;
	margin-right: 6px;
	overflow: hidden
}
.modul_center_bottom {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	background-image:url('images/bottom-center.png');
	background-repeat:no-repeat;
	display: block;
	height: 8px;
	width: 630px;
	margin-left: 6px;
	margin-right: 6px;
	overflow: hidden
}

/* ------------ */
/*  Navigation  */
/* ------------ */


.nav_1, .nav_1:visited {
	font-size: 10px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	line-height: 19px;
	text-indent: 7px;
	background-image:url('images/Button-Ebene-1.png');
	background-repeat:no-repeat;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	height: 19px;
	overflow: hidden
}
.nav_1:active, .nav_1:hover {
	font-size: 10px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	line-height: 19px;
    text-indent: 7px;
	background-image:url('images/Button-Ebene-1-select.png');
	background-repeat:no-repeat;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	height: 19px;
	overflow: hidden
}
.nav_2, .nav_2:visited {
	font-size: 10px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	line-height: 19px;
    text-indent: 14px;
	background-image:url('images/Button-Ebene-2.png');
	background-repeat:no-repeat;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	height: 19px;
	overflow: hidden;
}
.nav_2:active, .nav_2:hover {
	font-size: 10px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	line-height: 19px;
    text-indent: 14px;
	text-decoration: none;
	background-image:url('images/Button-Ebene-1-select.png');
	background-repeat:no-repeat;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	height: 19px;
	overflow: hidden;
}

/* ------- */
/*  Links  */ 
/* ------- */

.stdlink:link, .stdlink:active, .stdlink:visited {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #333333;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}
.stdlink:hover {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #333333;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: underline
}

.normallink:link, .normallink:active, .normallink:visited {
	FONT-SIZE: 11px;
	COLOR: #333333;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none
}
.normallink:hover {
	FONT-SIZE: 11px;
	COLOR: #333333;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: underline
}
/* ------------------ */
/*  Warenkorb Button  */ 
/* ------------------ */

.warenkorb, .warenkorb:visited{
	border: none;
	float: right;
	background: url('images/warenkorb.png') no-repeat;
	width: 130px;
	height: 18px;
}
.warenkorb:hover, .warenkorb:active{
	border: none;
	float: right;
	background: url('images/warenkorb_hover.png') no-repeat;
	width: 130px;
	height: 18px;
}

/* --------------------- */
/*  Vorbestellen Button  */ 
/* --------------------- */

.vorbestellen, .vorbestellen:visited{
	border: none;
	float: right;
	background: url('images/vorbestellen.png') no-repeat;
	width: 130px;
	height: 18px;
}
.vorbestellen:hover, .vorbestellen:active{
	border: none;
	float: right;
	background: url('images/vorbestellen_hover.png') no-repeat;
	width: 130px;
	height: 18px;
}

/* ---------*/
/* Zubehör  */
/* -------- */

.zubehoer{
	color: #000080;
	display:inline
}
.ersatzteile{
	color: #000000;
	display:inline
}

/* ---------------- */
/*  Details Button  */ 
/* ---------------- */

.details, .details:visited{
	border: none;
	float: left;
	display: block;
	background: url('images/details.png') no-repeat;
	width: 130px;
	height: 18px;
}
.details:hover, .details:active{
	border: none;
	float: left;
	display: block;
	background: url('images/details_hover.png') no-repeat;
	width: 130px;
	height: 18px;
}

/* -------- */
/*  Bilder  */ 
/* -------- */

.nav_bild, .nav_bild:visited, .nav_bild:active, .nav_bild:hover {
	color: #FFFFFF;
}

/* ----------- */
/* Vielen Dank */
/* ----------- */

.vielendank {
	color: #FF0000;
	font-size: 15px;
}

/* ----- */
/* Kurse */
/* ----- */

.floatleft {float: left;}
.floatright {float: right;}
.floatclear {float: none;}
.zentriert {text-align: center;}
.highlight {
    text-decoration: underline;
    font-style: italic;
    font-weight: bold;
}
#kurstable {
    text-align: center;
    table-layout: fixed;
    width: 620px;
    border-collapse: collapse;
    border: 0px;
}
#kurstable thead th {
    border-bottom: 2px solid #000;
    color: #000;
    font-weight: bold;
    padding: 10px 8px;
}
#kurstable th {
    border-bottom: 1px solid #333;
    color: #000;
    font-weight: normal;
    padding: 6px 8px;
}
#kurstable td {
    border-bottom: 1px solid #CCC;
    color: #000;
    font-weight: normal;
    padding: 6px 8px;
}
#kurstable tbody tr:hover td {color: #000;}