html { margin: 0px; padding: 0px; }

body
{
    margin: 0px;
    padding: 0px;
    color: #000000;
    font: .7em Arial, Helvetica, sans-serif;
    background-position: 0% 0%;
    background: url('images/hinten-unten.jpg');
    background-repeat: repeat-y;
    background-color: #BEC9D3;
}

/* basic selectors */
a.adtext { color: #006DA8; text-decoration:none}
a.adtext:hover{ color: #006DA8; text-decoration:none}
a:link { color: #006DA8; text-decoration:none; font-weight: bold}
a:visited { color: #006DA8;  text-decoration:none; font-weight: bold}
a:active, a:hover { color: #000099;  text-decoration:none; font-weight: bold}
th
{
    vertical-align:top;
}
td
{
    vertical-align:top;
}
h1 {
	color: #5b626c;
	font: bold 130% Arial, Helvetica, sans-serif;
}

h2 {
	color: #5b626c;
	font: bold 120% Arial, Helvetica, sans-serif;
}

h3 {
	color: #ADC7D2;
	font: bold 100% Arial, Helvetica, sans-serif;
}

h4 {
	color: #5b626c;
	font: bold 100% Arial, Helvetica, sans-serif;
}

h5 {
	color: #000;
	font: bold 100% Verdana, Arial, Helvetica, sans-serif;
}

h6 {
	color: #000;
	font: bold italic 100% Verdana, Arial, Helvetica, sans-serif;
}

img { border: 0px; }
hr { color: #ccc; height: 1px; }
table { font-size: 100%; }
code { color: #6c0; font: 100% "Courier New", Courier, monospace }
form { margin: 0px; padding: 0px; }
input, textarea, select { font: 100% Verdana, Arial, Helvetica, sans-serif; border:1px solid #666666;}


/* layout styles */
#header {
    background-position: 0% 0%;
    background: url('images/hinten-oben.jpg');
    background-repeat: no-repeat;
	height: 220px;
}
#flaggen
{
    position: absolute;
    top: 71px;
    left: 796px;
    height: 15px;
    width: 68px;
}

#logo 
{
	position: absolute;
	left: 152px;
	top: 98px;
	width: 174px;
	height: 40px;
}
#teaser {
	position: absolute;
	left: 144px;
	top: 152px;
	width: 200px;
	height: 20px;
	text-align: center;
/*	z-index:100;*/
}
#teaser h1{
	color: #5b626c;
	font: bold 80% Verdana, Arial, Helvetica, sans-serif;
}
#topmenu { /* styles for top menu */
	position: absolute;
	top: 120px;
	left: 630px;
/*	z-index:50;*/

}
	#topmenu ul { list-style: none; padding: 0px; margin: 0px; }
	#topmenu li { padding: 0px; margin: 0px; display: inline; border-left: none; }
	#topmenu li.first { border-left: none; }
	#topmenu li a:link, #topmenu li a:visited { 
		padding: 0px 2px 0px 5px; 
		color: #000; 
		text-decoration: none; 
	}
	#topmenu li a:active, #topmenu li a:hover {
		color: #000;
		text-decoration: underline;
	}

#menu1 { /* styles for top menu */
	position: absolute;
	top: 10px;
	right: 10px;
	z-index:3;

}
	#menu1 ul { list-style: none; padding: 0px; margin: 0px; }
	#menu1 li { padding: 0px; margin: 0px; display: inline; border-left: none; }
	#menu1 li.first { border-left: none; }
	#menu1 li a:link, #menu1 li a:visited { 
		padding: 0px 2px 0px 5px; 
		color: #000; 
		text-decoration: none; 
	}
	#menu1 li a:active, #menu1 li a:hover {
		color: #000;
		text-decoration: underline;
	}

#mainmenu { /* styles for section or tab menu */
	position: absolute;
	top: 198px;
	left: 135px;
	width: 720px;
	z-index:150;

}

	#mainmenu ul { list-style: none; padding: 0px; margin: 0px; }
	#mainmenu li { display: inline; }
	#mainmenu li a:link, #mainmenu li a:visited { 
		display: block;
		float: left; 
		margin-left: -5px;
		width: 125px;
		height: 16px;
		color: #FFFFFF; 
		font-weight: bold;
		text-decoration: none; 
		text-align: center;
		padding-top: 0px;
		/* box model hack */
		voice-family: "\"}\"";
		voice-family:inherit;
		height: 16px;
		width: 125px;
	}
	html>body #mainmenu li a:link, html>body #mainmenu li a:visited { width: 125px; height: 16px; }
	#mainmenu li a:active, #mainmenu li a:hover, #mainmenu li a.selected{
	}

#untermenu
{
    filter:alpha(opacity=90);-moz-opacity:0.9; 
/*    display:none;*/
	position: absolute;
	top:16px;
/*	left:5px;*/
    left: -999em;
	height: 80px;
	width: 716px;
	padding: 5px 0px 4px 0px; 
/*	z-index:100;*/
    background: url('images/untermenu.gif') no-repeat 0px 0px;
}
#untermenuhaupt1
{
	left:-4px;
	width: 110px;
	position: absolute;
	margin-top: -4px;
}
#untermenuhaupt2
{
	margin-left:117px;
	width: 110px;
	position: absolute;
	margin-top: -4px;
}
#untermenuhaupt3
{
	margin-left:238px;
	width: 110px;
	position: absolute;
	margin-top: -4px;
}
#untermenuhaupt4
{
	margin-left:358px;
	width: 110px;
	position: absolute;
	margin-top: -4px;
}
#untermenuhaupt5
{
	margin-left:478px;
	width: 110px;
	position: absolute;
	margin-top: -4px;
}
#untermenuhaupt6
{
	margin-left:600px;
	width: 110px;
	position: absolute;
	margin-top: -4px;
}

	#untermenu ul { list-style: none; padding: 0px; margin: 0px; }
	#untermenu li 
	{
        float:none;
	    display:inline;
		width: 121px;
		height: 13px;
	    }
	#untermenu li a:link, #untermenu li a:visited { 
	    padding: 0px; margin: 0px;
		color: #FFF; 
		text-decoration: none; 
		/* box model hack */
		voice-family: "\"}\"";
		voice-family:inherit;
		height: 13px;
		width: 121px;
	}
	#untermenu li a:active, #untermenu li a:hover {
		color: #000;
		text-decoration: none;
	}
	html>body #untermenu li a:link, html>body #untermenu li a:visited { width: 121px; height: 13px; }
	#untermenu li a:active, #untermenu li a:hover, #untermenu li a.selected{
	}

    
.myBox 
{
    width: 150px;
   	border: .1em solid #ADC7D2;
    padding: 0px;
}
.myBoxTop {
    height: 18px;
    background-color: #ADC7D2;
    padding: 5px;
    color: #FFFFFF;
}
.myBoxTopEdit {
    height: 18px;
    background-color: #ADC7D2;
    padding: 5px;
    color: #FFFFFF;
}


.myBoxMain {
    padding: 4px;
}


#searchbar { /* styles for horizontal top bar */
    position:absolute;
    top: 254px;
    left: 717px;
	height: 20px;
	padding: 1px 0px 3px 9px;
	font-size: 100%;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 20px;
	z-index:0;
}
/*	html>body #bar { height: 20px; }*/

	#leftcontent 
	{
		position: absolute;
		top:242px;
		left:108px;
		width:150px;
		/* background:#fff; */
			z-index:0;

		}
	#leftcontentadmin
	{
		position: absolute;
		top:40px;
		left:20px;
		width:160px;
		/* background:#fff; */
			z-index:100;

		}
		

	#rightcontent {
		position: absolute;
		top:380px;
		left:716px;
		width:150px;
		z-index: 0;
		/* background:#fff; 
		margin-right:10px;*/
		}

	#centercontent 
	{
		position: absolute;
   		z-index:0;
		top:256px;
		/* background:#fff; 
		voice-family: "\"}\"";*/
		voice-family: inherit;
   		margin-left: 268px;
   		width: 440px;
   		padding: 4px;
   		border-left: .1em solid #F10223;
   		border-right: .1em solid #F10223;
   		border-top: .1em solid #F10223;
/*		background: url('images/rand-rund-oben.jpg') no-repeat;*/
		}
/*
	html>body #centercontent {
		position: absolute;
		top:256px;
   		margin-left: 268px;
   		width: 440px;
   			z-index:-2;

		}
*/
		
/*
#rand-rund-oben 
{
position: absolute;
top:-1px;
margin-left: -5px;
width: 450px;
height: 8px;
	z-index:0;
background: url('images/rand-rund-oben.jpg') no-repeat;
}
*/
	#centercontentadmin
	{
		position: absolute;
		top:50px;
		/* background:#fff; */
		voice-family: "\"}\"";
		voice-family: inherit;
   		margin-left: 185px;
   		width: 800px;
   		padding: 4px;
   		/*border: .1em solid #F10223;
		background: url('images/rand-rund-oben.jpg') no-repeat;*/
   		z-index:100;

		}
		
		
		
		
	#centercontentwide 
	{
		position: absolute;
		top:236px;
		/*background:#fff;*/
		voice-family: "\"}\"";
		voice-family: inherit;
   		left: 108px;
   		width: 768px;
   			z-index:-1000;
    font-weight: 700;
}

	html>body #centercontentwide {
		position: absolute;
		top:236px;
   		left: 108px;
   		width: 768px;
   			z-index:0;

		}
		
.slogan-gray
{
    color: gray;
    font-size: 9pt;
    font-weight: bold;
}
.slogan-gray-mitte
{
    color: gray;
    font-size: 12pt;
    font-weight: bold;
}

.subtotal
{
    text-align: right;
    border-top: 1px solid #c9c9c9;
    margin-top: 5px;
}

.sectionheader
{
    border-bottom: #dcdcdc 1px dotted;
    color: #65738E;
    font-size: 8pt;
    padding-bottom: 5px;
    font-weight:bold;
}

.admin-header
{
    background-color: #6190CD; 
    height:40px;
    padding-left:10px;
    border-bottom:solid 4px #B4CCEB;
}
.admin-header h1
{
    color: white;
}

.admintable
{
	margin: 5px;
	padding:0;
	width:400px;
	border:1px dashed #cccccc;

}
.adminlabel
{
    font-size: 8pt;
    font-family: verdana;
    width: 120px;
    margin-bottom: 3px;
    vertical-align: top;
}
.adminitem
{
	border-width:0px;
	background-color: #ffffff;
	margin-bottom:3px;
}

.ourprice
{
	font-weight: bold;
	font-size: 8pt;
	color: #b22222;
	font-family: verdana;
}

.retailprice
{
	font-weight: bold;
	font-size: 10pt;
	color: #000000;
	font-family: verdana;
	text-decoration: line-through;
}

.totalbox
{
	text-align:center;
	color:#990000;
	font-weight:bold;
}

.adbox
{
	padding:10px;
	font-size:9pt;
	margin-bottom:10px;
	border:1px solid gainsboro;
}
a.editme
{
	text-decoration:none;
	color:#4a4d5c;
}
.commandbar
{
	padding:3px;
	font-size:8pt;
/*	background-color: blue;*/
	border:1px solid gainsboro;
}


#footer {
	clear: both;
	border-top: solid 1px #d4d9de;
	padding: 5px;
	text-align: center;
}
.mainproductimage {
	width: 220px;
	text-align: center;
	float: left;
	padding-bottom: 10px;
}

.productdata {
	border: none;
	border-collapse: collapse;
}
	.productdata td, .productdata th { font-weight: normal; padding: 2px; text-align: left; }
	.price { font-weight: bold; color: #c00; }
	del.price { color: #000; text-decoration: line-through; 
}

.productsection
{
	padding:10px;
	border-top:1px dashed #cccccc;
}

.browsebox
{
    width: 130px;
/*
    border-right: 1px dashed #cccccc;
    border-bottom: 1px dashed #cccccc;*/
}
.rightcontent
{
 	padding-left:10px;
    width: 160px; 
/*    border-left: 1px dashed #cccccc;
    border-bottom: 1px dashed #cccccc;*/
}

.browsebox h1
{
    font-family: Verdana;
    font-weight: bold;
    font-size: 7px;
    color: #3973b5;
    border-bottom: 1px dashed #cccccc;
}
.browsebox h1 a
{
    font-size: 7px;
    color: #3973b5  ;
}


h1.accent
{
 	font-size: 12px;
	font-weight:bold;
	color:#990000;
	margin: 0px;
	margin-bottom:5px;
   
}
.smalltext
{
    font-family: verdana;
    font-size: 8pt;
    color: #666666;
}
.adbox h3
{
    font-weight: bold;
    font-size: 10pt;
    font-family: verdana;
	color:#C7C030;
	margin-top:1px;
	margin-bottom:3px;

}
.loginheader
{ 
    height:30px;
    font-weight: bold; 
    font-size: 10pt; 
    color: #666666; 
    font-family: verdana; 
    background-color: #f5f5f5; 
    text-align:center;
 }
 .logincell
 {
    background-color:#ffffff;
    vertical-align:middle;
    text-align:center;
    padding:20px;
}
.logtable
{
    border:1px solid #cccccc;
    background-color:#cccccc;
    
}
.subcategory
{
    margin-left:10px;
}
.productbox
{
     height:200px;
     width:190px;
     border:1px solid #c5c5c5;
     margin:2px;

}
.productimage
{
    width:125px;
}
.productsummarydisplaywrapper
{
     width:188px;
     padding-top:20px;
}
.productsummaryimageholder
{
    height:110px;
    text-align:center;
    vertical-align:middle;
}
.productsummarytext
{
    padding-left:20px;
    height:55px;
}
.retailprice
{
    font-weight: bold;
    color: black;
    /*text-decoration: line-through;*/
}
.yousave
{
    font-weight: bold;
    color: #336600;
}
.hookline
{
    font-size: larger;
    color: #5b626c;
    font-style: italic;
}
.coreboxbody
{
    background-image:url(images/core_box_bg.gif);
    width:140px;
    padding-left:20px;
    padding-right:20px;
}
.coreboxtop
{
   background-image:url(images/core_box_top.gif);
   height:22px;
   width:180px;

}
.coreboxbottom
{
    width:180px;
    background-image:url(images/core_box_bottom.gif);
    height:22px;

}
.coreboxheader
{
    width:180px;
    background-image:url(images/core_box_bg.gif);
    font-weight: bold;
    padding-top:5px;
    padding-bottom:10px;
    text-align:center;
}
.tenpixspacer
{
    height:10px;
}
.twentypixspacer
{
    height:20px;
}
.sectionoutline
{
    border:1px solid #cccccc;
    padding:15px;
}

checkout-visited
{
    font-size: 16pt;
    color: #dcdcdc;
    font-family: verdana;
}
checkout-current
{
    font-size: 16pt;
    color: #990000;
    font-family: verdana;
}
/* Rating */
.ratingstar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledratingstar {
    background-image: url(Images/FilledStar.png);

}

.emptyratingstar {
    background-image: url(Images/EmptyStar.png);
}

.savedratingstar {
    background-image: url(Images/SavedStar.png);
}
fieldset
{
    padding:10px;
    -moz-border-radius: 1em;
    border-radius: 1em;

}
.loadingbox
{
    position:absolute;
    top:40%;
    left:40%;
    border:1px solid lightsteelblue; 
    background-color: #ffffff; 
    height:50px; 
    width:250px;
    text-align:center;
    padding-top:20px
}
.watermark {
	background: #FFAAFF;
}

.popupControl {
	background-color:#AAD4FF;
	position:absolute;
/*	z-index: 99999999;*/
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 2px;
}

.modalBackground {
	position:absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
/*	z-index: 99999998;*/
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#EEEEEE;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	font-family:Verdana;
	font-size:small;
	padding:3px;
}

.modalSignUp {
	background-color:#FFFFFF;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	font-family:Verdana;
	font-size:medium;
	padding:3px;
	width:250px;
}
.sampleStyleA {
	background-color:#FFF;
}

.sampleStyleB {
	background-color:#FFF;
	font-family:monospace;
	font-size:10pt;
	font-weight:bold;
}

.sampleStyleC {
	background-color:#ddffdd;
	font-family:sans-serif;
	font-size:10pt;
	font-style:italic;
}

.sampleStyleD {
	background-color:Blue;
	color:White;
	font-family:Arial;
	font-size:10pt;
}

.loginheader
{ 
    height:30px;
    font-weight: bold; 
    font-size: 10pt; 
    color: #666666; 
    font-family: verdana; 
    background-color: #f5f5f5; 
    text-align:center;
 }
 .logincell
 {
    font-size: 10pt; 
    background-color:#ffffff;
    vertical-align:middle;
    text-align:center;
    padding:20px;
}