@charset "utf-8";
/* CSS Document */

body					{ margin:0px; padding:0px; width:100%; height:100%; text-align:center; font-family:Arial,sans-serif; color:#fff; font-size:10px; font-weight:normal; border:none; background:none; overflow:hidden; background-color:#707173; }
body.shop				{ background-image:url(../p/grain.png); background-repeat:repeat; background-color:#707173; }
body.lightbox			{ background-color:transparent !important; text-align:left; background-image:url(../p/grain85.png); padding:20px; overflow:hidden; }
body.text				{ background-color:transparent !important; text-align:left; background-image:url(../p/old-paper.png); padding:20px; overflow:hidden; }
body.lightbox.scroll	{ background-color:transparent !important; text-align:left; background-image:url(../p/grain85.png); padding:10px; overflow:hidden; overflow-y:auto; overflow-x:hidden; }

table.main				{ width:100%; height:100%; }
table.content			{ width:100%; height:100%; background-image:url(../p/maske.png); background-position:center center; background-attachment:fixed; background-size:cover; }

tr.logo					{ background-image:url(../p/logo.png);	background-position:center; background-repeat:no-repeat; height:215px; }
tr.sub_menu				{ height:35px; vertical-align:bottom; 	background-image:url(../p/grain85.png); }
tr.menu					{ height:35px; vertical-align:top;  	background-image:url(../p/grain85.png); text-align:center; }

td.preis				{ width:155px; text-align:center; border-width:0 1px 0 0; border-style:solid; border-color:#fff; }
td.button				{ width:195px; text-align:center; }
td.badge				{ padding:250px 30px 0 0; text-align:right; vertical-align:top; }

a						{ text-decoration:none; color:#fff; }
a.sub					{ font-size:10px; }
a.sub_navi				{ font-size:12px; }
a.sub_navi.antihover	{ font-size:12px; col or:#999; }
a.preis					{ font-size:12px; }
a.but					{ font-weight:regular; color:#fff; background-color:#333333; border-radius:3px; box-shadow:0px 3px 3px #000; text-decoration:none; background-image:url(../p/grain.png);}
a.but.big				{ font-size:20px; padding:8px 16px 8px 16px; height:32px; }
a.but.big.promo			{ font-size:20px; padding:8px 16px 8px 16px; height:32px; background-image:none; background-color:#800248; color:#ffffff; }
a.but.big.navi			{ margin:63px 15px 0 0; float:left; }
a.but.small				{ font-size:15px; padding:8px 14px 8px 14px; }
a.but.smaller			{ font-size:8px; padding:4px 7px 4px 7px; }
a.logo					{ margin-left:7%; margin-top:40px; margin-right:30px; float:left; }

input.but				{ font-size:15px; font-weight:bold; color:#fff; background-color:#333333; border-radius:3px; padding:8px 14px 8px 14px; box-shadow:0px 3px 3px #000; text-decoration:none; background-image:url(../p/grain.png); margin-right:-5px; }
input.but.big.navi		{ font-size:20px; padding:8px 16px 8px 16px; margin:63px 15px 0 0; float:left; }
	
h1						{ font-size:32px; font-weight:normal; line-height:32px; padding-top:0px; }
h1.preis				{ font-size:40px; font-weight:normal; line-height:5px; margin:15px 0 40px 0; }
h1.promo				{ font-size:50px; font-weight:normal; line-height:15px; margin:15px 0 15px 0; color:#2A2A2A; background-color:#ffffff; padding:25px 15px 25px 15px; }


h2						{ font-size:24px; font-weight:normal; }	

p						{ font-size:12px; line-height:18px; }
p.klein					{ font-size:10px; margin-top:-1px; }
p.gross					{ font-size:14px; line-height:20px; }
	
font.badge				{ font-size:16px; font-weight:bold; color:#fff; background-color:#ba072e; border-radius:3px; padding:6px 14px 6px 18px; background-image:url(../p/flag_klein.gif); box-shadow:0px 3px 3px #222; height:28px; }
	
img						{ border-width:0; }

div.box					{ position:absolute; left:0; 		right:0; top:0;	 	bottom:0; 		width:100%;		height:100%;	background-image:url(../p/maske.png); 	background-position:center;	 background-repeat:no-repeat; }
div.logo				{ position:absolute; left:0; 		right:0; top:0; 					width:100%; 	height:110px;	background-image:url(../p/grain85.png);	z-index:0; }
div.logo.left			{ position:absolute; left:10%; 		right:0; top:5%; 					width:100%; 	height:110px;	background-image:none;	text-align:left; z-index:0; }
div.flag				{ position:absolute; left:0; 		right:0; top:0px; 					width:100%; 	height:110px;	background-image:url(../p/sw_flag.png); background-position:85% top; background-repeat:no-repeat; }
div.content				{ position:absolute; left:50%; 		right:0; top:150px;	 				width:720px; 	height:680px;	margin-left:-360px; 					text-align:left;			 margin-bottom:150px; }
div.promo				{ position:absolute; left:0; 		right:0; top:45px; 					width:350px; 	height:640px; 	background-image:url(../p/grain85.png); visibility:visible; 		 overflow:hidden; 				margin-left:5%; text-align:center;	padding-top:15px; z-index:2; }
div.warenkorb			{ width:21px; 		 																	height:17px;	overflow:hidden; }
div.sub_navi			{ position:absolute; left:0; 		right:0; 		 	bottom:0;		width:100%; 	height:25px; 	background-image:url(../p/grain85.png); padding-top:7px; 			 text-align:center; 			z-index:2; }
div.sub_navi.shop		{ position:absolute; left:0; 		right:0; 		 	bottom:0;		width:100%; 	height:45px; 	background-image:url(../p/grain85.png); padding-top:7px; 			 text-align:center; 			z-index:2; }
div.lightbox			{ position:absolute; left:0; 		right:0; 							width:100%; 	height:100%; 	background-image:url(../p/grain85.png); visibility:hidden; 			 text-align:center; 			overflow:hidden; z-index:4; }
div.lightbox.an			{ position:absolute; left:0; 		right:0; 							width:100%; 	height:100%; 	background-image:none; 					visibility:visible; 		 text-align:center; 			overflow:hidden; z-index:4; }

div.off_but				{ position:absolute; 		 		right:0; top:25px; 	margin-right:25px; }
div.off_but	small		{ position:absolute; 		 		right:0; top:5px;	margin-right:5px; 	}

div.versand				{ position:absolute; left:-115px;			 top:50%;					width:230px;	height:380px;	margin-left:50%; margin-top:-190px; text-align:left; }
div.impressum			{ position:absolute; left:-115px; 			 top:50%; 					width:230px;	height:360px; 	margin-left:50%; margin-top:-180px; text-align:left; }
div.kontakt				{ position:absolute; left:-140px; 			 top:50%;					width:280px;	height:620px; 	margin-left:50%; margin-top:-310px; text-align:left; }
div.news				{ position:absolute; left:50px; 			 top:200px;					width:230px;	height:360px; 	 									text-align:left; }
div.party				{ position:absolute; left:50px; 			 top:200px;					width:342px;	height:400px; 	 									text-align:left; }
div.veedel				{ position:absolute; left:70%; 				 top:0;						width:380px;	height:670px; 	 									text-align:left; }
div.veedel.zucker		{  																		width:380px;	height:540px;	}
div.produkte			{ position:absolute; left:0; 				 bottom:0; right:0;			width:100%;		height:23%; 										text-align:left; }
div.agb					{ position:absolute; left:-335px;										width:670px; 	height:80%;		margin-left:50%; margin-top:8%; 	overflow:auto; }

div.wrapper				{ position:fixed; width:100%; height:100%; margin:0; padding:0; overflow:scroll; overflow-x:hidden; }
div.kachel				{ position:relative; left:0; top:0; width:25%; height:34%; min-height:100px; max-height:34%; float:left; background-position:center center; background-size:cover; background-repeat:no-repeat; }
div.kachel.gross		{ width:50%; height:68%; min-height:100px; max-height:68%; }
div.kachel.lang			{ width:75%; height:34%; min-height:100px; max-height:34%; }
div.kachel.halb			{ width:50%; height:34%; min-height:100px; max-height:34%; }
div.kachel.hoch			{ width:25%; height:68%; min-height:100px; max-height:68%; }
div.kachel.i			{ background-image:url(../p/wall/0001.jpg); }
div.kachel.ii			{ background-image:url(../p/wall/0002.jpg); }
div.kachel.iii			{ background-image:url(../p/wall/0003.jpg); }
div.kachel.iv			{ background-image:url(../p/wall/0004.jpg); float:right; }
div.kachel.v			{ background-image:url(../p/wall/0005.jpg); }
div.kachel.vi			{ background-image:url(../p/wall/0006.jpg); }
div.kachel.vii			{ background-image:url(../p/wall/0007.jpg); }
div.kachel.viii			{ background-image:url(../p/wall/0008.jpg); }
div.kachel.ix			{ background-image:url(../p/wall/0009.jpg); }
div.kachel.x			{ background-image:url(../p/wall/0010.jpg); }
div.kachel.xi			{ background-image:url(../p/wall/0011.jpg); float:right; }
div.kachel.xii			{ background-image:url(../p/wall/0012.jpg); }
div.kachel.xiii			{ background-image:url(../p/wall/0013.jpg); float:right; }
div.kachel.xiv			{ background-image:url(../p/wall/0014.jpg); }
div.kachel.xv			{ background-image:url(../p/wall/0015.jpg); }
.inhalt					{ text-align:left; background-color:#ffffff !important; color:#000000 !important; }

ul						{ list-style-type:none; padding:0; margin:0; display:inline-block; }
li						{ float:left; padding:8px 11px 8px 11px; font-size:14px; color:#fff; }

ul.sub					{ border-style:solid; border-color:#fff; border-width:0px; margin-bottom:45px; margin-top:30px; }
li.sub					{ float:left; padding:6px 10px 6px 10px; background-image:url(../p/verlauf.png);background-repeat:repeat-x; background-position:bottom; border-color:#4b4b4b; border-top-color:#6a6a6a; border-style:solid; border-width:0 0 2px 0; }
li.sub.start			{ padding-left:10px; }
li.sub.fill				{ text-align:right; width:295px; }
li.sub.hover			{ background-image:none; border-width:2px 1px 0 1px; }