/* CSS Document */
body{
	margin: 0;
	padding: 0;
	font: 0.9em/140% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #4F4F4F;
	background: #D5D2B9 url(images/body_bg.png) repeat-x;
}
div, p, ul, h1, h2, h3, h4, img, form, label{
	padding:0px; 
	margin:0px;
	}
ul {list-style-type:none;}

hr {
	height: 1px;
	border: 0;
	border-top: 1px solid #D5D2B9;
}

/* Formatierung der Links */
a { color: #4477CC; text-decoration: none; }
a:hover{ cursor: pointer; text-decoration: underline; }


#wrapper {
	width: 960px;
	margin: 0 auto;
	padding: 0;
}


/* HEADER (Banner) -- Anfang */
#header{
	width: 960px;
	height: 120px;
	background: transparent;
	margin: 0;
	padding: 0;

}
	#slogan{
		width: 280px;
		color: White;
		font-size: 16px;
		font-style: italic;
		margin: 30px 250px 0 0;
		float: right;
	}
	
	#layer {
		width: 100px;
		height: 180px;
		background: Aqua;
		z-index: 4;
		position: relative;
		top: 0px;
		left: 300px;
	}
/* HEADER (Banner) -- Ende */


/* HAUPTEIL -- Anfang */
#main {
	width: 960px;
	background: url(images/main_bg.png) repeat-y;
}

#maingrey{
	width: 960px;
	background: url(images/main_bgg.png) repeat-y;
}


#content {
	width: 942px;
	min-height: 440px;
	background: transparent url(images/content_bg.gif) no-repeat;
	padding: 15px 9px 10px 9px;
}

	#content p.preheadline{
		font: italic bold 1.2em Georgia, "Times New Roman", Times, serif;
		margin:20px 0 0 0;
		text-align: center;
	}

	#content h1, h1 a, h1 a:hover, h1 a:visited{
		font: 2.0em Georgia, "Times New Roman", Times, serif;
		text-align: left;
		margin: 0 0 20px 0;
		color: #990000;
		padding-top: 5px;
		text-decoration: none;
	}

	#content h2, #content h2 a, #content h2 a:hover, #content h2 a:visited {
		font: bold 1.4em Georgia, "Times New Roman", Times, serif;
		text-align: left;
		margin: 10px 0 10px 0;
		color: #990000;
		padding-top: 5px;
		text-decoration: none;
	}	

	#content h2 a, #content h2 a:hover, #content h2 a:visited {
		font: bold 1.1em Georgia, "Times New Roman", Times, serif;
		text-align: left;
		margin: 10px 0 10px 0;
		color: #990000;
		padding-top: 5px;
		text-decoration: none;
	}	

	#content h3, h3 a, h3 a:hover, h3 a:visited {
		font: bold 1.2em/130% Georgia, "Times New Roman", Times, serif;
		text-align: left;
		margin: 25px 0 10px 0;
		color: #990000;
		text-decoration: none;
	}

	#content h4, h4 a, h4 a:hover, h4 a:visited {
		font: italic bold 1.1em/140% "Trebuchet MS", Arial, Helvetica, sans-serif;
		text-align: left;
		margin: 25px 0 5px 0;
		color: #990000;
		text-decoration: none;
	}
	
	#content h5 {
		font: italic 1.0em/140% Georgia, "Times New Roman", Times, serif;
		margin: 0 0 0 0;
	}

	#content p {
		margin-bottom: 0.9em;
	}

	#content p.testimonial {
		font: 0.9em/140% Georgia, "Times New Roman", Times, serif;
	}

	#content ul {
		margin: 15px 0 15px 40px;
		display: block;
		list-style-type: disc;
	}

	#content ul li {
		padding: 0 0 10px 0;
	}

	#content ol {
		margin: 15px 0 0 40px;
		display: block;
		list-style: decimal;
	}

	#content ol li {
		padding: 0 0 10px 0;
	}


	.leftcol600 {
		width: 620px;
		float: left;
		padding: 0 10px 10px 10px;
	}

	.leftcol300 { 	width: 290px; 	float: left; 	}
	.leftcol200 { 	width: 215px; 	float: left; 	}

	.middlecol470 {
		width: 480px;
		border-left: 1px dotted #D5D2B9;
		border-right: 1px dotted #D5D2B9;
		padding: 0 15px 0 15px;
		float: left;
	}
	
		.middlecol470 ul{
			margin-left: 20px !important;
		}

	.middlecol300 {
		width: 330px;
		height: auto;
		border-left: 1px dotted #D5D2B9;
		border-right: 1px dotted #D5D2B9;
		padding: 0 5px 0 5px;
		margin-left: 5px;
		float: left;
	}

	.rightcol300 {
		width: 300px;
		float: right;
	}

	.rightcol200 {
		width: 200px;
		float: right;
		padding: 0 5px 0 10px;
	}


/* Content-Box (für RSS-Feeds...) */
#cbox1, #cbox2 {
	width: 278px;
	padding: 5px 5px 15px 5px;
	margin-bottom: 35px;
	background-color: #EDECDF;
	border-top: 5px solid #990000;
	border-left: 1px solid #EEEEEE;
	border-right: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	float: left;
}

	#cbox1 h3, #cbox2 h3{ padding: 0; margin: 0 0 10px 0; }

	#cbox1 h4, #cbox2 h4{
		font: 0.9em/140% Georgia, "Times New Roman", Times, serif;
		font-style: italic;
		margin: 0 0 3px 0;
	}
	
	.cboxprod {
		width: 266px;
		float: left;
	}
	.cboximg{
		width: 100px;
		float: left;
	}
	
	.cboxdesc{
		width: 166px;
		float: right;
	}

/* Ende Content-Box */

/* Box mit IHK Logo */
#ihkbox {
	width: 210px;
	margin: 0 auto;
	background: transparent;
}

#ihkbox p {
	font-size: 0.7em;
	line-height: 130%;
	font-style: italic;
	text-align: center;
	margin-top: 5px;
}


/* Seitenfuß ANFANG */
#footwrap {
	width: 942px;
	clear: both;
	margin-top: 40px;
	padding: 10px 9px 9px 10px;
	background: transparent url(images/main_bg.png) repeat-y;
}

#footinner {
	font-size: 0.8em;
	background-color: #DFDDD0;
	border-top: 2px solid #CDCBBE;
	border-bottom: 2px solid #CDCBBE;
	padding: 5px 10px 15px 10px;
	
}

#footbottom{
	width: 942px;
	clear: both;
	margin: 0 0 30px 0;
	padding: 10px 9px 9px 10px;
	background: transparent url(images/foot_bg.png) no-repeat top left;
}
	

/* Seitenfuß ENDE */


/* Sonstige Formatierungen */
.redtop { border-top: 5px solid #990000; padding-top: 5px; }
.greybg { background-color: #EDECDF; }
.yellowbg {	background-color: #FFFF00; }
.rot { color: #990000; }
.fett { font-weight: bold; }
.zentriert { text-align: center; }



small{ font-size: 0.7em; }

.preisinfo {
	font-size: 1.1em;
	font-weight: bold;
	color: #990000;
}

.korb {
	font-size: 1.1em;
	font-weight: bold;
	color: #000033;
	margin: 7px 0 7px 0;
	padding: 3px;
	background: #FEB500;
	border: 4px outset #FEB500;
}

table {
	font-size: 1em;
}

#uu{
	width: 150px;
	height: 75px;
	margin: 0;
	padding: 0;
	background: transparent url(images/uu2.gif) no-repeat;
}

/*Produktübersicht */
.pboxwrap {
	padding-bottom: 10px;
	border-bottom: 1px dotted;
	float: left;
}

.pbox {
	width: 300px;
	float: left;
	margin: 10px 0 0 10px;

}

	.imgbox { width: 120px; float: left; }
	.txtbox {
		width:160px;
		float: right;
		padding: 10px;
	}
	
	.pbox h2 {
		font-size: 1em !important;
		margin: 0 0 15px 0 !important;
	}


/* Sales Copy Foramtierungen */
/* Listen mit Checkboxen als Bullet Points */
ul.checklist{list-style-type: none; margin: 5px 0 55px 40px !important;}	
	ul.checklist li{clear: both;list-style-type: none;}

div.checklistbox {
	float: left; 
	margin-left: -27px; 
	padding-top: 2px;
}	
	div.checklistitem {float: left;margin: 0 0 10px 0;}	
	
div.initiale{
	font: 300% Georgia, "Times New Roman", Times, serif;
	line-height:90%; 
	float:left; 
	margin-right:2px; "
}