/* hide hack from Mac-IE5 \*/
* html .mybuggyelement { height: 1%; }
/* end hiding */

/* CSS Document */
body{
	padding:0px;
	margin:0px;
	color:#5E5E5E;
	font:13px/18px Arial, Helvetica, sans-serif;
	background-color: #fff;
	background-image: url(images/mainbg1.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
}
div, p, ul, h2, h3, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

/*----TOP PANEL----*/
#topPan{
	width:950px;
	height:158px;
	position:relative;
	color:#fff;
	padding:0px;
	background-repeat: no-repeat;
	background-image: url(images/Headergrafik02.png);
	background-position: 200px 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#topPan img.book{width:158px; height:99px; position:absolute; top:20px; right:46px;}

#topPan p{
	font-size:16px;
	padding-top: 105px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 216px;
}
#topPanTable p {
	font-size:18px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
}

#topContactPan{width:159px; height:51px; position:absolute; top:43px; right:240px;}
#topContactPan p.callus{background:#0C71A4; color:#fff; width:64px; height:14px; line-height:14px; font-size:14px; font-weight:bold; text-transform:uppercase; padding:0px;}
#topContactPan p.no{font-size:26px; padding:4px 0 0;}
#topMenuMiddlePan{
	width:700px;
	height:16px;
	float:none;
	position: absolute;
	left: 125px;
	top: 135px;
}
#topMenuMiddlePanTable {
	width:700px;
	height:16px;
	float:none;
}

#topMenuMiddlePan ul{
	width:700px;
	height:16px;
}

#topMenuMiddlePanTable ul{
	width:700px;
	height:16px;
}

#topMenuMiddlePan ul li{
	width:98px;
	height:16px;
	border: 1px solid #999999;
	float: left;
}

#topMenuMiddlePanTable ul li{
	width:98px;
	height:16px;
	border: 1px solid #999999;
	float: left;
}

#topMenuMiddlePan ul li a{
	color:#4A4A4A;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
	background-color: #FFF;
	display: list-item;
	font-size: 10px;
	line-height: 16px;
	text-align: center;
	height: 16px;
	width: 98px;
}

#topMenuMiddlePanTable ul li a{
	color:#4A4A4A;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
	background-color: #FFF;
	display: list-item;
	font-size: 10px;
	line-height: 16px;
	text-align: center;
	height: 16px;
	width: 98px;
}

#topMenuMiddlePan ul li a:hover{background:#fff; color:#0574AF; text-decoration:none;}

#topMenuMiddlePanTable ul li a:hover{background:#fff; color:#0574AF; text-decoration:none;}

#topMenuMiddlePan ul li.Aktiv{
	background:#fff;
	color:#0574AF;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	font-size: 10px;
	line-height: 16px;
}

#topMenuMiddlePanTable ul li.Aktiv{
	background:#fff;
	color:#0574AF;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	font-size: 10px;
	line-height: 16px;
}

/*----/TOP PANEL----*/
/*----BODY PANEL----*/
#bodyPan{
	width:950px;
	position:relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 25px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	z-index: 1;
}
/*----BODY LEFT PANEL----*/
#bodyLeftPan{
	width:672px;
	float:right;
	background-color: #F3F3F3;
	padding: 10px;
	border-top-width: 4px;
	border-right-width: 4px;
	border-bottom-width: 4px;
	border-left-width: 1px;
	border-top-style: ridge;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-left-style: none;
	border-top-color: #7fd5ca;
	border-right-color: #7fd5ca;
	border-bottom-color: #7fd5ca;
	border-left-color: #7fd5ca;
}
#bodyLeftPanTable{
	width:669px;
	float:right;
	background-color: #F3F3F3;
	padding: 10px;
	border-left-width: 1px;
}
#bodyLeftPan h2{
	width:410px;
	height:30px;
	color:#00111A;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 28px;
	line-height: 28px;
	background-color: #F3F3F3;
}
#bodyLeftPanTable h2{
	width:410px;
	height:30px;
	color:#00111A;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 28px;
	line-height: 28px;
	background-color: #F3F3F3;
}
#bodyLeftPan h3 span{background:#fff; color:#046598;}
#bodyLeftPanTable h3 span{background:#fff; color:#046598;}

#bodyLeftPan p{padding:7px 0 0;}
#bodyLeftPanTable p{padding:7px 0 0;}

#bodyLeftPan p span{
	font-weight:bold;
}

#bodyLeftPanTable p span{
	font-weight:bold;
}
#products  {
	height: 120px;
	width: 666px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	position: relative;
	left: 2px;
	z-index: 2;
}
#productsInfoPicture {
	height: 110px;
	width: 19px;
	position: absolute;
	left: 0px;
	top: 5px;
	border: 1px solid #CCCCCC;
}
#ProductsPicture  a {
	width:110px;
	height: 110px;
	position: absolute;
	left: 25px;
	top: 5px;
	display: block;
	text-decoration: none;
}
#ProductsPicture  a:hover {
	color:black;
}
#ProductsPicture  a  span {
	display:none;
}
#ProductsPicture  a:hover  span {
	top:0px;
	z-index:10;
	display:block;
	width:516px;
	height: 110px;
	left: 0px;
	background-color: #f3f3f3;
	position: absolute;
	border: 1px solid #7fd5ca;
}
#ProductName    {
	font-size: 15px;
	font-weight: bold;
	color: #666666;
	height: 20px;
	width: 400px;
	padding-left: 25px;
    padding-top: 5px;
	margin-left: 120px;
}
#ProductDetails a {
	text-decoration:none;
	display:block;
	font-size: 15px;
	font-weight: bold;
	color: #666666;
	height: 20px;
	width: 20px;
	background-image: url(images/info.png);
	background-repeat: no-repeat;
	background-position: right top;
	float: right;
}
#ProductDetails a:hover {
	color:black;
}
#ProductDetails a span {
	display:none;
}
#ProductDetails a:hover span {
	top:-1px;
	z-index:50;
	width:502px;
	border:1px solid #FF0000;
	padding:10px;
	height: 221px;
	left: 142px;
	position: absolute;
	background-color: #f3f3f3;
	display: block;
	font-size: 12px;
	overflow: auto;
}
#ProductDetails a:hover span ul li {
	font-size: 12px;
	list-style-position: inside;
	list-style-type: square;
	font-weight: normal;
}

#productsBeschreibung {
	height: 92px;
	width: 400px;
	margin: 0px;
	font-weight: normal;
	text-indent: 10px;
	display: block;
	padding-top: 4px;
	padding-left: 142px;
	overflow: hidden;
}
#productsBeschreibung ul {
	font-weight: normal;
	font-size: 12px;
}
#productsBeschreibung ul li {
	list-style-type: square;
	list-style-position: inside;
	white-space: nowrap;
}

#productsPreis {
	height: 86px;
	width: 115px;
	overflow: hidden;
	color: #000000;
	font-size: 10px;
	text-align: center;
	line-height: normal;
	text-indent: 2px;
	float: right;
	display: block;
	padding-top: 5px;
	padding-right: 5px;
}

#productsBestellen {
	height: 30px;
	width: 115px;
	position: absolute;
	left: 547px;
	top: 87px;
	margin: 0px;
	overflow: hidden;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#productsBestellenImage {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#namePan{width:156px; float:left; background:url(images/name-dot.gif) 100% 85% no-repeat #fff; color:#4F4F4F; font-size:14px; text-transform:uppercase;}

#nameonePan{width:156px; float:left;}
#nameonePan ul{width:156px;}
#nameonePan ul li{width:140px; height:20px; background:url(images/arrow.gif) 0 6px no-repeat #fff; color:#03537D; padding:0 0 0 10px;}

#pricePan{width:106px; float:left; background:url(images/price-dot.gif) 100% 85% no-repeat #fff; color:#4F4F4F; font-size:14px; text-transform:uppercase;}
#priceonePan{width:143px; float:left;}
#priceonePan ul{width:143px;}
#priceonePan ul li{width:133px; height:20px; background:url(images/price-border.gif) 100% 50% no-repeat #fff; color:#00111A; line-height:20px; font-size:12px; font-weight:bold; padding:0 0 0 10px;}

/*----BODY RIGHT PANEL----*/
#bodyRightPan{
	width:250px;
	float:left;
	background:#F3F3F3;
	color:#1A1A1A;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 28px;
	padding-left: 0;
	height: 627px;
	border-top-width: 4px;
	border-right-width: 1px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-top-style: ridge;
	border-right-style: none;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-top-color: #7fd5ca;
	border-right-color: #7fd5ca;
	border-bottom-color: #7fd5ca;
	border-left-color: #7fd5ca;
}
#bodyRightPanTable{
	width:250px;
	float:left;
	background:#F3F3F3;
	color:#1A1A1A;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 28px;
	padding-left: 0;
	height: 627px;
}
#bodyRightPan h2{
	width:210px;
	height:30px;
	display:block;
	border:1px solid #DADADA;
	background:#fff;
	color:#00111A;
	margin-top: 6px;
	margin-right: 8px;
	margin-bottom: 16px;
	margin-left: 8px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 34px;
	text-align: center;
}
#bodyRightPanTable h2{
	width:210px;
	height:30px;
	display:block;
	border:1px solid #DADADA;
	background:#fff;
	color:#00111A;
	margin-top: 6px;
	margin-right: 8px;
	margin-bottom: 16px;
	margin-left: 8px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 34px;
	text-align: center;
}
#bodyRightPan h2 span{
	background:#fff;
	color:#7fd5ca;
}
#bodyRightPanTable h2 span{
	background:#fff;
	color:#7fd5ca;
}
#bodyRightPan h3 span{background:#fff; color:#046598;}
#bodyRightPanTable h3 span{background:#fff; color:#046598;}

#bodyRightPan ul{
	width:238px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 17px;
	margin-left: 8px;
}
#bodyRightPanTable ul{
	width:238px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 17px;
	margin-left: 8px;
}
#bodyRightPan ul li{
	width:238px;
	height:18px;
	font-size: 12px;
}
#bodyRightPanTable ul li{
	width:238px;
	height:18px;
	font-size: 12px;
}
#bodyRightPan ul li a{
	width:208px;
	height:18px;
	display:block;
	color:#1A1A1A;
	text-decoration:none;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 13px;
	background-color: #F3F3F3;
	background-repeat: no-repeat;
	background-position: 0 6px;
}
#bodyRightPanTable ul li a{
	width:208px;
	height:18px;
	display:block;
	color:#1A1A1A;
	text-decoration:none;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 13px;
	background-color: #F3F3F3;
	background-repeat: no-repeat;
	background-position: 0 6px;
}
#bodyRightPan ul li a:hover{
	color:#797878;
	text-decoration:none;
	background-color: #F3F3F3;
	background-repeat: no-repeat;
	background-position: 0 6px;
}
#bodyRightPanTable ul li a:hover{
	color:#797878;
	text-decoration:none;
	background-color: #F3F3F3;
	background-repeat: no-repeat;
	background-position: 0 6px;
}
#bodyRightPan p{
	padding-top: 0px;
	padding-right: 29px;
	padding-bottom: 0px;
	padding-left: 15px;
}
#bodyRightPanTable p{
	padding-top: 0px;
	padding-right: 29px;
	padding-bottom: 0px;
	padding-left: 15px;
}
/*----/BODY RIGHT PANEL----*/
/*----/BODY PANEL----*/
/*----FOOTER PANEL----*/
#footermainPan{
	height:60px;
	color:#010101;
	padding-top: 40px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}

#footerPan{
	margin-top: 0;
	margin-bottom: 0;
	margin-right: auto;
	margin-left: auto;
	width: 950px;
}
#footerPanTable {
	margin-top: 0;
	margin-bottom: 0;
	margin-right: auto;
	margin-left: auto;
	width: 950px;
}

#footerPan ul{
	text-transform: uppercase;
	left: 243px;
	position: relative;
	width: 460px;
	z-index: 2;
}
#footerPanTable ul {
	text-transform: uppercase;
	width: 500px;
	z-index: 2;
}
#footerPan li{
	float: left;
}
#footerPanTable li {
	float: left;
}
#footerPan ul li a{
	color:#010101;
	text-decoration:underline overline;
	text-align: center;
	font-size: 9px;
	padding-right: 5px;
	padding-left: 5px;
}
#footerPanTable ul li a {
	color:#010101;
	text-decoration:underline overline;
	text-align: center;
	font-size: 9px;
	padding-right: 5px;
	padding-left: 5px;
}
#footerPan ul li a:hover{
	text-decoration:underline;
	background-color: #F3F3F3;
}
#footerPanTable ul li a:hover {
	text-decoration:underline;
	background-color: #F3F3F3;
}

#footerPan p.copyright{
	width:460px;
	color:#04496D;
	position:relative;
	top:0px;
	font-size:12px;
	height: 35px;
	left: 243px;
	z-index: 2;
}
#footerPanTable p.copyright {
	width:560px;
	color:#04496D;
	font-size:12px;
	height: 35px;
	z-index: 2;
	text-align: center;
	position: relative;
	left: auto;
	top: 10px;
	right: auto;
	padding-top: 10px;
}

.Stil1 {
	font-size: 18px;
	font-weight: bold;
}
.Stil2 {
	color: #7fd5ca;
	font-size: 18px;
	font-weight: bold;
}
.Stil3 {
	text-align: center;
	line-height: 17px;
}


#DivLogin {
	font-size: 12px;
	border: 2px inset #7fd5ca;
	float: left;
	text-align: right;
	padding: 5px;
	width: 45%;
	line-height: 16px;
}

#DivRegister {
	font-size: 12px;
	border: 2px inset #7fd5ca;
	float: right;
	text-align: right;
	padding: 5px;
	width: 45%;
	line-height: 16px;
}




#Textfeld1 {
	text-align: right;
	width: 75px;
	height: 15px;
}

#BasketLink {
	text-align: right;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}



#CashPointBtd {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	height: 21px;
	width: 230px;
	background-color: #CCCCCC;
	border: thin outset #333333;
}



#ClearCashPointBtd {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	height: 21px;
	width: 150px;
	background-color: #CCCCCC;
	border: thin outset #333333;
}

#TableBorders {
	display: table-row-group;
	font-size: 12px;
}
#Searchbox {
	width:210px;
	height:30px;
	display:block;
	border:1px solid #DADADA;
	background:#fff;
	color:#00111A;
	margin-top: 6px;
	margin-right: 8px;
	margin-bottom: 16px;
	margin-left: 8px;
	padding-left: 20px;
	text-align: left;
}
#SearchboxInput {
	width:125px;
	height:15px;
	color:#00111A;
	margin-top: 1px;
	font-size: 12px;
}
#SearchboxButton {
	width:25px;
	height:25px;
	background-image: url(images/lupe.gif);
	background-repeat: no-repeat;
	margin-top: 3px;
	background-position: center center;
	background-color: #FFFFFF;
}
#List1 {
	width:149px;
	height:21px;
	font-size: 12px;
}
#List2 {
	width:42px;
	height:21px;
	font-size: 12px;
}
#List3 {
	width:54px;
	height:21px;
	font-size: 12px;
}
#Textbox1 {
	width:100%;
	height:100px;
	font-size: 12px;
}
#Textbox2 {
	width:143px;
	font-size: 12px;
}
#Textbox3 {
	width:380px;
	font-size: 12px;
	height: 122px;
}




.selectRequiredMsg, .selectInvalidMsg {
	display: none;
}

.selectRequiredState .selectRequiredMsg,
.selectInvalidState .selectInvalidMsg {
	display: inline;
	color: #CC3333;
}

.selectValidState select, select.selectValidState {
	background-color: #B8F5B1;
}

select.selectRequiredState, .selectRequiredState select,
select.selectInvalidState, .selectInvalidState select {
	background-color: #FF9F9F;
}

.selectFocusState select, select.selectFocusState {
	background-color: #FFFFCC;
}

.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {
	display: none;
	color: #CC3333;
}

.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
{
	display: inline;
	font-size: 12px;
	color: #CC3333;
	text-decoration: underline;
}

.textfieldValidState input, input.textfieldValidState {
	background-color: #B8F5B1;
}

input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	background-color: #FF9F9F;
}

.textfieldFocusState input, input.textfieldFocusState {
	background-color: #FFFFCC;
}

.textfieldFlashText input, input.textfieldFlashText{
	color: red !important;
}
.Class_Center {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
#DivLogoutBtd {
	float: right;
}


.TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 100%;
	height: 100%;
}

.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	font: bold 0.7em sans-serif;
	background-color: #DDD;
	list-style: none;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #999;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}

.TabbedPanelsTabHover {
	background-color: #CCC;
}

.TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: 1px solid #EEE;
}

.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}

.TabbedPanelsContentGroup {
	clear: both;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	background-color: #EEE;
}

.TabbedPanelsContent {
	padding: 4px;
}

.TabbedPanelsContentVisible {
}

.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}

.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;
}

.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}
#DetailseiteProdukt {
	width:665px;
	height: 673px;
	border: thin inset #CCCCCC;
	background-color: #FFFFFF;
}
#DetailseiteProdukt h2 {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #01aa93;
	width: 665px;
}
#DetailseiteProduktPreis {
	font-size: 26px;
	font-weight: bold;
	color: #01aa93;
	float: right;
	font-style: italic;
}
#DetailseiteProduktPreisContainer {
	border: 2px outset #CCCCCC;
	height: 150px;
	width: 150px;
	position: relative;
	top: -275px;
	left: 492px;
	padding: 5px;
	background-color: #F3F3F3;
}
#DetailseiteProduktWarenkorbContainer {
	height: 160px;
	width: 382px;
	position: relative;
	top: -280px;
	left: 260px;
	padding: 5px;
}
#DetailseiteProduktWarenkorbInput {
	border: 2px outset #CCCCCC;
	height: 12px;
	width: 75px;
	padding: 5px;
	font-size: 10px;
	color: #666666;
	text-align: right;
}
#DetailseiteProduktWarenkorbButton {
	border: 2px outset #CCCCCC;
	height: 26px;
	width: 150px;
	padding: 5px;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}


#DetailseiteProduktBeschreibungContainer {
	border: 2px outset #CCCCCC;
	height: 220px;
	width: 632px;
	position: relative;
	top: -310px;
	left: 10px;
	padding: 5px;
	overflow: scroll;
	background-color: #F3F3F3;
}
#DetailseiteProduktBeschreibungContainer li {
	color: #000000;
	list-style-type: square;
	list-style-position: inside;
	font-size: 12px;
	line-height: 14px;
}