﻿
#wraper{
 
	position:relative;
	z-index:10;
	width:900px;
}
#basewrapper
{
position: relative;
margin: 0px auto;
width: 900px; 
text-align: left;/*Aufheben von IE_quirks im BODY*/
	 

}

#header
{
	height:100px; 
	position:relative;
	width:900px; 
	text-align:center;
	}
#headerNavi
{
	text-align:left; 
	vertical-align:bottom;
	color:#000000;
	margin-top:40px; 
	float:left;
	width:300px;
	}	
#headerNavi a
{
	color:#000000;
}

.clear{
clear:both;
}
.topprodukt
{
	position:relative;
	width:250px;
	height:180px;
	float:left;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-style:dotted;
	border-right-color: #CCCCCC;
	margin:9px;
	padding:3px;
}
#searchline{
	background-image:url(Images/search_banner.png);
	background-position:center center;
	background-repeat:no-repeat;
	height:70px;
	text-align:left;
	font-family:arial;
	background-color:#FFFFFF;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 2;
	top: 0px;
	clip: rect(0px,auto,auto,auto);
	padding: 0px;
	vertical-align: middle;
} 
#left
{
	display:inline;
	float: left;
	margin: 5px;
	padding-top: 0px;
	width:210px;
	text-align:left;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-style: inset;
	border-right-color: #CCCCCC;
	}
#menu
{
	margin-left:2px;
	border: 0px dotted #E2E2E2;
}
#kategorie{
	background-image: url(Images/kategorien.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 30px;
}
#menu ul
{
	left: 0px;
	margin-left:0px;
	width:140px;
	margin-top:0px;
}
#menu li 
{
	width:140px;
	list-style-type: square;
	border: 0px dotted #CCCCCC;
	left: 0px;
	margin-left:4px;
	margin-top:4px;
	background-image: url(Images/icon_102.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px; 
}
#menu li  a
{
	margin-left:20px;
	text-decoration:none;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}
FONT { font-family: Arial; font-size: 13px; color: #000000 }
#summe
{
	font-size:18px;
	text-decoration:underline;
}

#summe2
{
	font-size:21px;
	text-decoration:underline;
	font-weight: bold;
	color: #CC3300;
}

#warenkorb
{
	text-align:center;
	padding-top:15px;
	position:relative;
	z-index:10;
	float:right;
	color:#000000;
	background-image: url(Images/topbar.png);
	width: 400px;
	height: 60px;
	background-repeat: no-repeat;
	text-decoration:none;
	}
#warenkorb a
{
	color:#000000;
	text-decoration:none;
}
#content
{
	display:inline;
	float: left;
	margin: 5px;
	padding-top: 0px;
	width: 600px;
	background-color:#FFFFFF;
	text-align:left;
	top: 4px;
	clip: rect(4px,auto,auto,auto);
	border: 0px solid #00FF66;
	color:#990000;
	}
	
#footer{
background-image:url(Images/bottom_banner.png);
	background-position:center center;
	background-repeat:no-repeat;
	height:70px;
	text-align:left;
	font-family:arial;
	background-color:#FFFFFF;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 2;
	top: 0px;
	clip: rect(0px,auto,auto,auto);
	padding: 0px;
	vertical-align: middle;
		}

.PostPageBODY{ font-family: Arial; font-size: 13px; }
.PostFormTABLE{
	border: 1px dotted #CCCCCC;
	background-color: #FFFFFF;
	text-decoration: none;
	text-align:left;
	color: #FFFFFF;
}
.PostFormTABLE a:link, .PostFormTABLE a:visited { text-decoration: none; text-align:left; color: Black; }
.PostFormHeaderFont{ color: #000000; font-size: 18px; font-weight: bold; }
.PostFieldCaptionTD{
	border: 0px solid #FFFFFF;
	background-color: #33CC66;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
Padding: 4px: }
.PostFieldCaptionTD  a{
	border: 0px solid #FFFFFF;
	background-color: #33CC66;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
Padding: 4px: }
.PostDataTD{
	background-color: white;
	color: #000000;
	border: 0px solid #000000;
	font-size: 13px;
	font-weight: bold;
	Padding: 3px;
	margin-bottom:5px;
}
.PostDataTD a:link, .PostDataTD a:visited { text-decoration: underline; text-align:left; color: #0300A1; }
.PostFooterTD{
	border: 0px solid #FFFFFF;
	background-color: #FFFFFF;
	color: #FFFFFF;
	font-size: 13px;
	Padding: 3px;
	text-align: center;
}
.PostColumnTD{
	border: 0px solid #FFFFFF;
	background-color: #33CC66;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	Padding: 3px;
}
.PostColumnTD a{ color:#FFFFFF;}
.PostColumnTD a:link{ color:#FFFFFF;}
a.PostNavigatorLink:link,a.PostNavigatorLink:visited{ color: #FFFFFF; font-size: 13px; text-decoration: underline; }
a.PostNavigatorLink:hover,a.PostNavigatorLink:active{ color: #FFFFFF; font-size: 13px; text-decoration: none; }
.SorterImage {  margin: 0px 0px 0px 3px }
.Pager { margin: 0px 0px 0px 5px }
a.Pager:link,a.Pager:visited{ color: #0300A1; font-size: 13px; text-decoration: underline; }
a.Pager:hover,a.Pager:active{ color: #FF0000; font-size: 13px; text-decoration: none; }
.Error { padding: 5px; line-height: 1.2em; font-size: 14px; font-weight: bold; }

.desc{
	padding-top:4px;
	padding-left:14px;
	color: #000000;
}
.desc span{font-size:11px;color:#919191;margin-top:2px;}
.desc p{
	font-size:12px;
	margin:0;
	padding-left:20px;
}

.desc2{
	padding-top:4px;
	padding-left:14px;
	color: #000000;
	border: 1px dotted #CCCCCC;
	margin-bottom:3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.desc2 h3{
	color:#CC3333;
	margin-left:0px;
	font-weight: bold;
	font-size: 14px;
}
.desc2 span{font-size:11px;color:#919191;margin-top:2px;}
.desc2 p{
	font-size:12px;
	margin:0;
	padding-left:20px;
}


#price
{
	font-size:20px;
	color:Red;
	text-align:right;
	float:right;
	
} 

#MeinWarenkorb
{
display:inline;
	color:#33CC66;
}
#MeinWarenkorb a
{
	color:#33CC66;
}
#login
{
color:#FF0000;
	display:inline;
}
#login a
{
color:#FF0000;
	font-weight: bold;
}
.imgaddTo
{
position:relative;
left:-10px; 
top:10px;
}


/* CSS Document */

h1{
	color:#7b052d;
	font-size:18px;
	margin:0;
	padding:0;
}
h2{
	color:#7b052d;
	font-size:16px;
	margin:0;
	padding:0;
}
h3{color:#7b052d;font-size:13px;margin:0;padding:0;}
body {
	padding: 0px;
	margin: 0px;
	background-color: #FFFFFF;
	color: #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	align:center; 
	background-repeat:repeat;	
} 
a{
	color:#666;
	text-decoration:none;
}
#kopf 
{
	height: 100px;
	background-image: url(../../Images/flashkarten/top_banner.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 899px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 0px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #990000;
	border-right-color: #990000;
	border-bottom-color: #990000;
	border-left-color: #990000;
	text-decoration:none;
}
#navtop 
{
	margin-left: 10px;
	text-align:right;
	height: 20px;
	width: 903px;
	padding-top:5px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFEEFF;
	border-right-color: #FFEEFF;
	border-bottom-color: #FFEEFF;
	border-left-color: #FFEEFF;
	background-repeat:repeat;
	clip: rect(auto,auto,auto,auto);
	text-decoration:none;
	background-image:url(images/flashkarten/top_navi.jpg);
	background-color: #009999;
	font-weight: bold;
}
.navtoplinks a:link
{
	color:#000000;
	width:50px;
	border-bottom-style:inherit;
	border-bottom-width:1px;
	border-bottom-color:Black;
	text-decoration:none;
}
.navtoplinks a:visited
{
	color:#FFFFFF;
	width:50px;
	border-bottom-style:inherit;
	border-bottom-width:1px;
	border-bottom-color:Black;
	text-decoration:none;
} 
.navtoplinks a:hover
{
	color:#000000;
	background-color:#FFFFFF;
	text-decoration:none;
}
.navtoplinks a:active
{
	color:#000000;
	background-color:#FFFFFF;
	text-decoration:none;
}
#fuss {
	height: 35px;
	margin-left: 10px;
	margin-right: 10px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	width: 902px;
	border: 0px solid #FFFFFF;
	color:White;
	background-color:#009999;
	background-repeat:repeat;
} 

.navifooter
{
	list-style-type: none;

}
.navifooter a:link {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	padding-bottom: 5px;
}
.navifooter a:visited {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.navifooter a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#mitte {
	position: relative;
	width: 903px;
	margin-left: 10px;
	text-align:left;
	background-color: #009999;
	background-repeat: repeat-y;
	border: 0px solid E4E4E4;
}
#inhalt {
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 200px;
	padding-left: 9px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-right-width: 0px;
	border-bottom-width: 10px;
	border-left-width: 0px;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #FFEEFF;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #FFEEFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFEEFF;
	background-color:#FFFFFF;
	vertical-align: middle;
	padding-left:25px;
}
#links {
	/*background-image: url(images/welle_links.gif);
	background-repeat: repeat-y; */
	background-color:#FFFFFF;
	display:inline;
	float: left;
	padding-top: 0px;
	width:190px;
	text-align:left;
	border-top-width: 0px;
	border-right-width:0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-style: inset;
	border-right-color: #CCCCCC;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC0000;
}
li {
	list-style-type: disc;
}
#rechts {
	/*background-image: url(images/welle_rechts.gif);
	background-repeat: repeat-y; */
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #FFEEFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFEEFF;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 31px;
	padding-left:22px;
	margin-left:12px;
}
ul {
	list-style-type: none;
	position: relative;
	left: -20px;
}
.navi
{
	list-style-type: none;

}
.navi a:link {
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	padding-bottom: 5px;
}
.navi a:visited {
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.navi a:hover {
	color: #FF0000;
	text-decoration: underline;
}
/*
h1 {
	font-size: 18px;
	font-weight: bold;
	color: #29286C;
	font-family: "Comic Sans MS";
	padding-bottom:0px;
}
h2 {
	font-size: 13px;
	font-weight: bold;
	color: #F69301;
	font-family: "Comic Sans MS";
	margin-left:20px;
	padding-top:0px;
}
*/
.pbox
{
	width: 220px;
	height:140px;
	float:left;
	font-size: 11px;
	color: #000000;
	padding-right: 15px;
	padding-left: 10px;
	background-image: url(images/pbox_bg.gif);
	background-repeat: no-repeat;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 5px;
	margin-left: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
}
.pbox h1
{
	font-size:14px;
	color:#FF0000;
	list-style-type: none;
	border-bottom-width: 0px;
	border-bottom-style: dotted;
	border-bottom-color: #FF0000;
	text-align:left;
	font-weight: bold;
	cursor:hand;
	margin-top:20px;
	margin-bottom:2px;
} 
.pbox li {
	height:12px;
	list-style-type: disc;
}

.pboxhalf
{
	width: 90px;
	height:0px;
	float:left;
	font-size: 11px;
	color: #000000;
	padding-right: 15px;
	padding-left: 10px; 
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 5px;
	margin-left: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
}
.pbox2
{
	width: 500px;
	height:100px;
	float:left;
	font-size: 14px;
	color: #CCCCCC;
	padding-right: 15px;
	padding-left: 10px;
	background-image: url(images/pbox5_bg.gif);
	background-repeat: no-repeat;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 20px;
	text-align:center;
}
.pbox2 h1
{
	font-size:18px;
	color:Yellow;
	list-style-type: none;
	border-bottom-width: 0px;
	border-bottom-style: dotted;
	border-bottom-color: #FF0000;
	text-align:center;
	font-weight: bold;
	cursor:hand;
	 
	margin-top:0px;
	margin-bottom:2px;
} 
.pbox2 li {
	height:12px;
	list-style-type: disc;
}
.submen
{
	color:#FFFFFF;
	font-size:11px;
}
.submen  a:link {
	color:#FFFFFF;
	font-size:10px;
}
.submen a:visited {
	color:#CCCCCC;
	font-size:10px;
} 
/*
.submen a:active {
	color:Red;
	font-size:11px;
	text-decoration:underline;
}    
a:active {
	color:Red;
	font-size:11px;
	text-decoration:underline;
} */
.tblFormTABLE{ border: 1px solid #CCCCCC; background-color: #FFFFFF; text-decoration: none; text-align:left; color: Black; 
}
.tblDataTD{ background-color: #CCCCCC; color: #000000; border: 0px solid #FFFFFF; font-size: 13px; font-weight: bold; Padding: 3px; }
.tblColumnTD{ border: 0px solid #FFFFFF; background-color: #f7e400; color: #000000; font-size: 13px; font-weight: bold; Padding: 3px; }
.image_left
{
	border:1px solid #EEE;
	padding:5px;
	margin-right:10px;
}
.image_left2
{
	border:1px solid #EEE;
	padding:2px;
	margin-right:2px;
}

 textarea  {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	float: left;
	margin: 5px;
	padding-top: 0px;
	text-align:left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: outset;
	border-right-style: outset;
	border-bottom-style: inset;
	border-left-style: inset;
	border-top-color: #99CCCC;
	border-right-color: #99CCCC;
	border-bottom-color: #99CCCC;
	border-left-color: #99CCCC;
 }
#searchlineTxt
{
	padding-left:20px;
	margin-right:5px;
	text-align:left;
	padding-top:12px; 
	position:relative;
	z-index:10;
	float:right;
	color:#000000;
	width: 380px;
	height: 30px;
	background-image: url(Images/topbarSearch.png);
	border: 0px inset #CCCCCC;
	clip: rect(2px,auto,auto,auto);
}
#searchlineTxt .input
{
height:10px;
}
 #wrapper {
position: relative;
margin: 0px auto;
width: 900px; 
text-align: left;/*Aufheben von IE_quirks im BODY*/
}
 #werbung 
 { 
 	top:140px;
	position: absolute; 
 	float:right;  
 	margin-left:15px; 
	background-image: url(images/pbox5_bg.gif);
	color:Black;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: outset;
	border-right-style: outset;
	border-bottom-style: inset;
	border-left-style: inset;
	border-top-color: #99CCCC;
	border-right-color: #99CCCC;
	border-bottom-color: #99CCCC;
	border-left-color: #99CCCC;
}
.produktimg
{
	padding:2px;
	margin:2px;
}
.weihnachstbox{
text-align:center;
	width:300px;
	float:right;
	border: 1px dotted #CC3300;
}
.CrossSelling
{
	position:relative;
	width:180px;
	height:110px;
	float:left;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-style:dotted;
	border-right-color: #CCCCCC;
	margin:9px;
	padding:3px;
}
#linkbuttons
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; 
}
#linkbuttons a
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0066FF;
	text-decoration: underline;
	font-weight: bold;
}

.beitraege
{ 
	height:0px;
	float:left;
	font-size: 11px;
	color: #000000;
	padding-right: 15px;
	padding-left: 10px; 
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 5px;
	margin-left: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
}

