* { padding: 0; margin: 0; }

body {font-family: Arial, Helvetica, sans-serif;font-size: 13px;}

/* Style für Boxlayout */
#rahmen {margin: 0 auto; padding-top:20px; width: 900px;}
#header {color: #333;width: 910px;float: left; height:auto; padding-left:0px;margin-bottom:0px;vertical-align: bottom;}
#leftcolumn {color: #333;width: 150px;float: left;}
#rightcolumn {	color: #333;width: 150px;	float: left;}
#content {
	float: left;
	color: #333;
	border: 1px solid #ccc;
	margin-left:15px;
	margin-right:15px;
	margin-bottom:15px;
	padding-bottom: 15px;
	padding-left:10px;
	width: 555px;
	padding-right: 10px;}

#topmenu{
	margin-left:10px;
	margin-right:0px;
	padding-top:45px;
	float:left;
	width: 565px;
	margin-bottom: 10px;
}


/*.contentbox{margin:10px;}*/

.headline{font-size:14px; border-bottom:#33CCFF solid 5px;  padding-right:10px; padding-top:10px; padding-bottom:10px;margin-bottom:10px; font-weight:bold}

#mainnav{float: left;width: 100%; margin-top:20px; }
#mainnav ul { list-style: none;padding: 0;margin: 0;}
#mainnav li {float:left; margin: 0px 0px 5px 0px;padding-right:10px;}
#mainnav li a {margin-right:10; line-height: 30px;float: left;display: block;color: #000000;text-align: left;font-size:13px;font-weight:bold;}
#mainnav li a:hover { color:blue;text-decoration: underline;}



#marqueerahmen{margin-left:30px;width:756px; border:1px groove black; font-weight:bold; color:#FF0000; font-size:16px; font-family:Arial, Helvetica, sans-serif}

a.link:link {color:#2B4699; text-decoration:underline; font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; padding-right:17px;}
a.link:visited {color:#2B4699; text-decoration:underline; font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; padding-right:17px;}
a.link:hover, a.link:active{text-decoration:none}
.marqueetext{text-decoration:none;color:#FF0000}

.boxrahmen{border:1px solid #ccc;padding:10px;	background-color:#FFFFFF;background-image:url(../grafiken/boxartikel_bg.gif);margin-bottom: 15px;}

/* Style für Linke Navigation */
ul.nav_ul{list-style:none; padding-top:5px; padding-left:1px;}
li.nav_li_full{ background-image:url(../grafiken/pfeil_ordner_voll.gif); background-repeat:no-repeat; padding-left:10px; margin-top:2px; }
li.nav_li_aktive{ background-image:url(../grafiken/pfeil_ordner_akt.gif); background-repeat:no-repeat; padding-left:10px;margin-top:2px; }
li.nav_li_empty{ background-image:url(../grafiken/pfeil_ordner_leer.gif); background-repeat:no-repeat; padding-left:10px; margin-top:2px;}
li.nav_li_open{ background-image:url(../grafiken/pfeil_ordner_down.gif); background-repeat:no-repeat; padding-left:10px;margin-top:2px; }


.boxheadline{font-weight:bold; font-size:14px; font-family:Arial, Helvetica, sans-serif}
.sboxartikel{width:220px;height:220px; border: 1px solid #ccc;float:left; margin:20px;padding:10px; position:relative; background-image:url(../grafiken/boxartikel_bg.gif)}

.boxtextkomplettebreite{width:482px; border: 1px solid #ccc;float:left; margin:15px;padding:10px; position:relative; background-image:url(../grafiken/boxartikel_bg.gif)}
.boxartikel{width:215px;height:215px; border: 1px solid #ccc;float:left; margin:15px;padding:10px; position:relative; background-image:url(../grafiken/boxartikel_bg.gif)}
.boxkategorie{width:120px;height:120px; border: 1px solid #ccc;float:left; margin:15px;padding:10px; position:relative; background-image:url(../grafiken/boxartikel_bg.gif)}




/* Zustand der Navigationslinks */
#linksnavi_aktive{color:#000000;}
#linksnavi_empty{color:#cecece;}
#linksnavi_full{color:#003366;}
#linksnavi_open{color:#003366;}


/* Style für Links */
a:link {color: #000000; text-decoration:none}
a:visited {color: #000000;  text-decoration:none}
a:hover, a:active{text-decoration:underline}


/* Style für artikeluebersicht */
.artikeldaten{float:left; width:110px;}
.artikelbild{float:right; width:100px; text-align:right}
.artikelbeschreibung{font-size:12px; clear:both; position:absolute; top:140px;}
.artikelpreis{ font-weight:bold; color:#FF0000; font-size:16px; float:right; text-align:right; position:absolute; right:10px; bottom:0 }
.mwst{ FONT-SIZE: 10px; COLOR: #000000; TEXT-DECORATION: none}
H2{font-size:18px; font-weight:bold;padding-bottom:3px;}
H3{font-size:12px; font-weight:bold;}
.seitenzaehler{padding-top:10px; text-align:right;width:520px;float:left}

/* style für Artikeldetailseite */
.articlelabel{font-weight:bold; font-size:11px;padding:3px;}
.articlevalue{font-weight:normal;font-size:11px;padding:3px;}
.articledescription{width:250px;font-size:11px;padding:3px;}
.bigprice{FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #000000;  TEXT-DECORATION: none; padding:3px;}
.klein{font-size:10px;}

.articletable{float: left; padding-right: 15px; padding-bottom: 10px; width: 245px;}
.articleimage{float:right; width:270px;}

.variantentabelle{border: 1px solid #CCC; width:100%}
.variantentabelleheadlinebg{ background-color:#CCC;}
.variantentabelleheadline{ font-weight:bold; padding:5px;}
.variantentabelleinhalt{padding:5px; font-size:10px;}




/* style für Gästebuch*/
	BODY.registry{padding:20px;COLOR: #000; LINE-HEIGHT: 14px;FONT-FAMILY: Arial; TEXT-ALIGN: left; background:none}
	/* Alle Labels UND Formularelemente auswählen */
	label {display: block;float: left;width: 100px;}
	
	/* Alle Zeilenumbrüche in Formularen auswählen */
	form br { clear: left; /* das floating der labels und inputs aufheben */}
	
	/* den Submit-Button */
	input#submit {float: none;width: auto;align:right;}
	
/* style für Formularfelder*/	
	input.in300px {text-align:left;width:300px;BORDER: #95B2CF 1px solid;}
	select.in300px {text-align:left;width:300px;BORDER: #95B2CF 1px solid;}
	TEXTAREA.text_300px100pxhoch {BORDER: #95B2CF 1px solid;height:100px;width:300px;}
	input.submit{font-size:10px; font-weight:bold; background-color:#CCCCCC; border:1px solid black; padding:3px;}
	input.inputartikeldetail{font-size:10px; width: 20px; border:1px solid black; background-image:url(../grafiken/bg_input.gif);height:15px;}
	input.inputsuche{width:80px; border:1px solid black; height:15px; background-image:url(../grafiken/bg_input.gif);}	

/* style für Warenkorbseite */
.tab_headline{font-size:11px; font-weight:bold; background-color:#cecece; border-bottom:2px solid #FF0000; padding:3px;}
.tab_content{font-size:11px; padding:3px;}
.bestellstatus{FONT-SIZE: 13px; font-weight:bold; font-style:italic}
.bestellstatusaktiv{FONT-SIZE: 13px; font-weight:bold; font-style:italic}
.bestellstatusinaktiv{FONT-SIZE: 13px; font-weight:bold; font-style:italic; color: #999999}

/*Style für Warenkorb klein*/
.basket_small{background-color:#EFEFEF; font-size:11px; margin-bottom:5px;padding:3px; border:1px solid #cccccc; color:black}
/* style für Fehlermeldungen*/
b.alert{ color:#FF0000; font-size:18px; font-weight:bold}

/* Anker */
.anker{text-align:right; padding-right:10px; padding-bottom:5px;}
