BODY
{
    FONT-SIZE: 10pt;
    MARGIN: 0px;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #f5f5f5;
}
*html BODY
{
    SCROLLBAR-FACE-COLOR: #c0c0c0;
    SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
    SCROLLBAR-SHADOW-COLOR: #696969;
    SCROLLBAR-3DLIGHT-COLOR: #c0c0c0;
    SCROLLBAR-ARROW-COLOR: #ff3300;
    SCROLLBAR-TRACK-COLOR: #404040;
    SCROLLBAR-DARKSHADOW-COLOR: #ffcc33;
}
BODY.logo
{
    BACKGROUND-ATTACHMENT: fixed;
    BACKGROUND-IMAGE: url(images/hg-graupner.gif);
    BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-COLOR: #f5f5f5
}
BODY.blarr
{
    BACKGROUND-COLOR: #f5f5f5;
}
.grosshandel
{
	BACKGROUND-IMAGE: url(images/hg-rahmen.gif);
    BACKGROUND-REPEAT: repeat-y;
    BACKGROUND-COLOR: #ffffff;
    BORDER-LEFT: #ff9900 1px solid;
    height: 100%;
    width:	800px;
}
BODY.graupner
{
    BACKGROUND-ATTACHMENT: fixed;
    BACKGROUND-IMAGE: url(images/hg-udo.gif);
    BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-COLOR: #f5f5f5
}
BODY.grusskarten
{
    BORDER-LEFT: #777777  1px solid;
    BORDER-RIGHT: #ff9900 1px solid;
    BACKGROUND-COLOR: #FFFFCC;
    height:	100%; 
    overflow:	hidden;
    width:	238px;
}
BODY.sortiment
{
    BACKGROUND-IMAGE: url(images/orange.gif);
    BACKGROUND-REPEAT: repeat-y;
    BORDER-LEFT: #ff9900 1px solid;
    margin:0;
    padding:0;
    width:800px;
}
div.navigation
{
	top: 50px; 
	width: 150px; 
	position: absolute; 
	text-align:center;
	padding-left:10px;
    overflow:	hidden;
}

div.links
{
    BACKGROUND-IMAGE: url(images/hg-button.gif);
    BACKGROUND-REPEAT: no-repeat;
    width: 150px; 
    height: 27px; 
    text-align:center;
    PADDING-TOP: 2px;
    padding-bottom: 2px;
}
div.content
{
	width:370px;
	position:absolute;
	left: 170px;
}
div.contentwidth
{
	left: 170px; 
	width: 490px; 
	position: absolute;
}
div.logo
{
	left: 20px;
	top: -1px;
	position: absolute;
	z-index: 1	
}
div.tableBild
{
	min-height:700px; 
	overflow:inherit; 
	padding-top:50px; 
	text-align:  center ;
}
img 
{
	border:  0;
}
.grosshandelshop
{
	BACKGROUND-IMAGE: url(images/hg-rahmen.gif);
    BACKGROUND-REPEAT: repeat-y;
    BACKGROUND-COLOR: #ffffff;
    width:	760px;
    text-align: center;
    height: 100%;
}
div.contentshop
{
	width: 600px; 
	margin: auto;
	text-align: left;
	float:left ;
}
div.tableBildShop
{
	min-height:700px; 
	overflow:inherit; 
	text-align:  left;
	padding-left: 10px;
}
div.ShopExtended
{
	float:	right;
    BORDER-LEFT: #777777  1px solid;
    BACKGROUND-COLOR:#FFFFCC;
    height:	100%; 
    overflow:	hidden;
	padding-top:	40px; 
    width:	120px;
}
BODY.grusskartenShop
{
}

H1
{
    FONT-WEIGHT: 900;
    FONT-SIZE: 12pt;
    COLOR:#FF6600;
    FONT-FAMILY: Arial, Tahoma, Verdana, Helvetica;
    LETTER-SPACING: 2px;
}
H2
{
    FONT-WEIGHT: 500;
    FONT-SIZE: 12pt;
    COLOR: #FF6600;
    FONT-FAMILY: Arial, Tahoma, Verdana, Helvetica;
}
H3
{
    FONT-WEIGHT: 500;
    FONT-SIZE: 12pt;
    COLOR: #333333;
    FONT-FAMILY: Arial, Tahoma, Verdana, helvetica
}
H4
{
    FONT-WEIGHT:normal;
    FONT-SIZE: 10pt;
    COLOR:#FF6600;
    FONT-FAMILY: Arial, Tahoma, Verdana, helvetica;
}
H5
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 9pt;
    COLOR: #000000;
    FONT-FAMILY: Arial, Tahoma, Verdana, helvetica
}
H6
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 8pt;
    FONT-FAMILY: Verdana, Arial, Tahoma,  helvetica;
}
P
{
    FONT-SIZE: 9pt;
    MARGIN: 0px;
    FONT-FAMILY: Arial, Tahoma, Verdana, Helvetica
}
TABLE
{
    FONT-SIZE: 9pt;
    MARGIN: 0px;
    FONT-FAMILY: Arial, Tahoma, Verdana, helvetica
}
TD
{
    FONT-SIZE: 9pt;
    MARGIN: 0px;
    FONT-FAMILY: Arial, Tahoma, Verdana, helvetica
}
A
{
    TEXT-DECORATION: underline
}
A:link
{
    COLOR: #555555;
}
A:hover
{
    COLOR: #FF6600;
}
A:visited
{
    COLOR: #696969
}
A.ab
{
    FONT-WEIGHT: 300;
    FONT-SIZE: 8pt;
    FONT-FAMILY: Tahoma, Verdana, Helvetica;
    TEXT-DECORATION: none
}
A.ab:link
{
    COLOR: #0099cc
}
A.ab:visited
{
    COLOR: #0099cc
}
A.ab:hover
{
    COLOR: #b22222;
    BACKGROUND-COLOR: #ffffff
}
A.btn
{
    FONT-WEIGHT: 800;
    FONT-SIZE: 12pt;
    MARGIN: 0px 0px 15px 15px;
    FONT-FAMILY: 'Arial Black', Arial, Tahoma, Verdana, Helvetica;
    LETTER-SPACING: 1px;
    TEXT-DECORATION: none
}
A.btn:link
{
    COLOR: #f5f5f5
}
A.btn:visited
{
    COLOR: #f5f5f5
}
A.btn:active
{
    COLOR: #ffa500
}
A.btn:hover
{
    COLOR: #ffa500
}
A.graupner
{
    FONT-SIZE: 8pt;
    MARGIN: 0px;
    FONT-FAMILY: Verdana, Arial, Tahoma, , Helvetica;
    TEXT-DECORATION: underline
}
A.graupner:link
{
    COLOR: #ffa500
}
A.graupner:visited
{
    COLOR: #ffcc33
}
A.graupner:hover
{
    COLOR: #FF6600
}
A.grusskarte
{
    FONT-WEIGHT: 800;
    FONT-SIZE: 8pt;
    MARGIN: 0px;
    FONT-FAMILY: Verdana, Arial, Tahoma, , Helvetica;
    TEXT-DECORATION: underline
}
A.grusskarte:link
{
    COLOR: #FF6600
}
A.grusskarte:visited
{
    COLOR: #FF6600
}
A.grusskarte:hover
{
    COLOR: #404040
}
.kl
{
    FONT-WEIGHT: 300;
    FONT-SIZE: 8pt;
    FONT-FAMILY: verdana, Tahoma, Arial, helvetica
}
.klgrau
{
    FONT-WEIGHT: 500;
    FONT-SIZE: 10px;
    COLOR: #404040;
    FONT-FAMILY: Verdana, Tahoma, Arial, helvetica;
    LETTER-SPACING: -1pt
}
.name
{
    FONT-WEIGHT: 500;
    FONT-SIZE: 8pt;
    PADDING-BOTTOM: 2px;
    MARGIN: 0px;
    COLOR: #ffa500;
    PADDING-TOP: 2px;
    FONT-FAMILY: Verdana, Arial, Tahoma, Helvetica
}
.txtfld
{
    BORDER-RIGHT: #ff8c00 1px solid;
    BORDER-TOP: #ff8c00 1px solid;
    FONT-SIZE: 9pt;
    BORDER-LEFT: #ff8c00 1px solid;
    BORDER-BOTTOM: #ff8c00 1px solid;
    FONT-FAMILY: Arial, Verdana, Tahoma, helvetica;
    BACKGROUND-COLOR: #f5f5f5
}
.rotdick
{
    FONT-WEIGHT: 500;
    FONT-SIZE: larger;
    COLOR: #b22222
}
.button
{
    BORDER-RIGHT: #404040 1pt groove;
    BORDER-TOP: #404040 1pt groove;
    FONT-SIZE: 9pt;
    MARGIN: 2px;
    BORDER-LEFT: #404040 1pt groove;
    BORDER-BOTTOM: #404040 1pt groove;
    FONT-FAMILY: Arial, Verdana, Tahoma, helvetica;
    BACKGROUND-COLOR: #cccccc
}
DIV.graupner
{
    BACKGROUND-ATTACHMENT: fixed;
    BACKGROUND-IMAGE: url(images/hg-udo.gif);
    BACKGROUND-REPEAT: repeat-x;
    BACKGROUND-COLOR: #696969
}
.hg-hell
{
    BACKGROUND-COLOR: #f5f5f5
}