@import url("http://fonts.googleapis.com/css?family=Droid+Sans:400,700") screen;

@charset "utf-8";
/***************************************************/
/* Author: Daniel Burgbacher / blindfischdesign.de */
/***************************************************/

/* resetting */
html * {border:0; font-size:100%; margin:0; padding:0;text-align:left;}
a {outline:none;}
table {border-collapse:collapse; border-spacing:0;}
q:before, q:after {content:'';}
abbr, acronym {border:0; font-variant:normal;}
img {border:0;}

h1 {font-size: 16px;margin-bottom: 8px;}
p {margin-bottom: 8px;}

/* BASIC ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

html,body {
	width:99.99%;
	height:99.99%;
	margin:0px;
	padding:0px;
}

body {
	background: #59a119 url(imgs/body.back.jpg) center top;
	color:#333;
	font-family:"Droid Sans",Arial, Helvetica, sans-serif;
	text-align:center; /* ie-center */
}

a {
	color:#a90c0e;
	text-decoration:none;
}

a:hover {
	color:black;
}

/* font sizes */
/* 10*/ #quick_find .input,#copyright 	{ font-size:10px; }
/* 11*/ .topbox,.textBox .text,#breadcrumbs,.preisBox .mwst { font-size:11px; }
/* 12*/ body 				{ font-size:12px; }
/* 13*/ .CatLevel2 a,.textBox .subline	{ font-size:13px; }
/* 14*/ #content .headline,#content .Blaue-Ueberschrift-Links,#content .Blaue-Ueberschrift-Rechts,.leftBox.firmen a,.cat_title { font-size:14px; }
/* 17*/ .textBox h3 			{ font-size:17px; }
/* 18*/ .Block-Ueberschrift,#sitemap .headline,.bigRed,#contentBottom .headline	{ font-size:18px; }
/* 23*/ .topboxHeadline 		{ font-size:23px; }
/* 30*/ #leftSide .headline		{ font-size:30px; }
/* 35*/ .preisBox .preis 		{ font-size:35px; }
.textBox .text { font-size: 13px;}

/* font-weights */	
/* normal 400 */	/*body { line-height:16px; }*/
/* bold 700 */		.topbox,.textBox h3,.CatLevel1 h5,.preisBox .ab,.preisBox .preis,.Block-Ueberschrift,.Zweite-Zeile,#leftSide .headline,#sitemap .headline,#contentBottom .headline,.bigRed,.angebotDerWoche .mehr  { font-weight:700;  }
/* b / strong */	b,strong,.Zweite-Zeile,.angebotDerWoche .mehr { font-family:Arial, Helvetica, sans-serif; }

/* MAINFRAME ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#mainframe {
	background: url(imgs/background.jpg) repeat-x center top;
}

.page {
	width:960px;
	margin:0 auto;
}

/* TOP ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#logo {
	text-indent:-999em;
	width:240px;
	height:135px;
	display:block;
	float:left;
}

#top {
	width:960px;
	height:320px;
	background: url(imgs/top.eyecatcher.jpg) no-repeat left top;
}

.topbox {
	float:right;
	height:66px;
	width:210px;
	margin: 8px 30px 0px 0px;
	text-align:right;
	text-shadow:0px 0px 1px white;
	color:black;
}
.topboxHeadline {
	float:right;
	text-transform:uppercase;
	color:white;
	text-shadow:0px 0px 1px black;
	padding:8px 0px 10px 28px;
	background: url(imgs/topbox.headline.sprite.jpg) no-repeat;
	margin-bottom:-13px;
	letter-spacing:0.6px;
}
.topbox .subline {
}
.topbox a:hover {
	color:#def1c0;
	text-shadow:0px 0px 1px #2e4b00;
}
.topbox .white {
	color:white;
	text-shadow:0px 0px 1px black;
}

.topbox.warenkorb {
	
}
.topbox.meinkonto {
	
}
.topbox.meinkonto .topboxHeadline {
	background-position:0px -45px;
}


#cloudBox {
	padding:60px 0px 0px 30px;
}
.cloud {
	color:#529417;
}
#cloud-1 { font-size:13px;	position:relative; left:10px; 	top:0px; 	} 	/* oskar */
#cloud-2 { font-size:24px;	position:relative; left:0px;	top:-4px; 	}	/* Renate */
#cloud-3 { font-size:13px;	position:relative; left:0px;	top:-8px; 	}	/* Karl */
#cloud-4 { font-size:31px;	position:relative; left:81px; 	top:-28px; 	}	/* Luisa */
#cloud-5 { font-size:13px;	position:relative; left:155px;	top:-55px; 	}	/* Kiara */
#cloud-6 { font-size:21px;	position:relative; left:35px; 	top:-62px; 	}	/* Paul */
#cloud-7 { font-size:13px;	position:relative; left:83px; 	top:-75px; 	}	/* Leonardo */
#cloud-8 { font-size:9px;	position:relative; left:53px; 	top:-78px; 	}	/* Emil */
#cloud-9 { font-size:16px;	position:relative; left:50px; 	top:-165px; 	}	/* Cecil */

/* left side ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#leftSide {
	width:227px;
	float:left;
}

/* left side menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#leftSide ul {
	list-style:none;
}
#CatNavi {
	background: url(imgs/navi.bottom.png) no-repeat left bottom;
	padding-bottom:36px;
}
.CatLevel1 ul {
	margin:0px 4px 0px 22px;
}
.CatLevel1 {
	background: url(imgs/navi.CatLevel1.back.png) repeat-y left top;
}
.CatLevel1 h5 {
	background: url(imgs/navi.h5.back.png) no-repeat 22px top;
	color:white;
	text-transform:uppercase;
	padding:10px 0px 10px 34px;
}
.CatLevel1 a:hover h5,.CatLevel1.Current a h5 {
	/*color:#ffc0c0;*/
	/*background:#012d4d;*/
	background: url(imgs/navi.h5.back.over.png) no-repeat 22px top;
}
.CatLevel2 a {
	color:#666666;
	padding:10px 5px 10px 12px;
	display:block;
}
.CatLevel2 a:hover,.CatLevel2.Current a {
	background:#f6f6f6;
	color:#c81b1d;
	text-shadow:0px 0px 1px white;
}
.CatLevel2 ul {
	background:#d9d9d9;
	margin:0px;
}
.CatLevel2.Current .CatLevel3 a {
	color:#4d4d4d;
	background:none;
}
.CatLevel2.Current .CatLevel3 a:hover,.CatLevel2.Current .CatLevel3.Current a {
	color:#c81b1d;
	text-shadow:0px 0px 1px white;
}

/* left side boxes ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.leftBox {
	padding:5px 0px 20px 16px;
	margin:11px 0px 0px 22px;
	width:188px; color:white;
}
.leftBox.kontakt,.leftBox.firmen,.leftBox.paypal {
	background: url(imgs/leftSideBoxes.jpg) no-repeat;
}

/* kontakt */
#telicon { background: url(imgs/leftSide.kontakt.tel.jpg) no-repeat 0% 50%; padding-left:17px; margin-bottom:2px; }
#faxicon { background: url(imgs/leftSide.kontakt.fax.jpg) no-repeat 0% 50%; padding-left:17px; margin-bottom:2px; }
.leftBox.kontakt a { color:#fff; }
.leftBox.kontakt a:hover .headline { color:#ffc0c0; }
.leftBox.kontakt a:hover { text-decoration:underline; }

/* firmen info */
.leftBox.firmen { background-position:0px -120px; }
.leftBox.firmen .headline { color:#74bd33; }
.leftBox.firmen a { color:#fff; }
.leftBox.firmen a:hover { text-decoration:underline; }

/* paypal */
.leftBox.paypal { background-position:0px -212px; }
.leftBox.paypal a.paypal {
	width:168px;
	height:70px;
	display:block;
}

/* social media */
.leftBox.social {
	background: url(imgs/leftSide.socialmedia.jpg) no-repeat;
	width:201px;
	height:143px;
}
.sociallink {
	width:85px;
	height:85px;
	text-indent:-999em;
	display:block;
	float:left;
}

/* top menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#topNavi {
	background: url(imgs/topNavi.back.jpg) no-repeat;
	width:692px; /* 712 - 10 - 10 */
	height:46px;
	padding:0px 10px 0px 10px;
	float:left;
	margin-left:4px;
	margin-right:10px; /* get breadcrumbs in next line */
}
.topNaviLink {
	text-transform:uppercase;
	color:white;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	padding:17px 27px 13px 27px;
	display:block;
	float:left;
}
.topNaviLink:hover,.topNaviLink.active {
	border-left: 1px solid #537186;
	border-right: 1px solid #537186;
	background: url(imgs/topNavi.over.jpg) repeat-x;
	color:white;
}
/* suche */
#quick_find {
	float:left;
	margin-left:12px;
	padding-top:14px;
}
#quick_find .input {
	background: url(imgs/suche.back.jpg) no-repeat;
	width:120px;
	height:19px;
	padding:0px 3px 0px 3px;
	color:#666;
	font-style:italic;
}
#quick_find input {
	float:left;
}

#topNavi .hilfe {
	background: url(imgs/topNavi.hilfe.jpg) no-repeat;
	text-indent:-999em;
	width:19px;
	height:19px;
	display:block;
	float:left;
	margin:14px 11px 0px 5px;
}
#topNavi .hilfe:hover {
	background: url(imgs/topNavi.hilfe.over.jpg)
}

.flag {
	width:18px;
	height:12px;
	display:block;
	float:left;
	background: url(imgs/flags.jpg) no-repeat;
	text-indent:-999em;
	border:1px solid #012d4d;
	margin-top:17px;
	margin-left:5px;
}
.flag.de { 	  background-position:0px 0px; }
.flag.en { 	  background-position:-18px 0px; }
.flag.active,.flag:hover {	  border-color:#71899b;-webkit-box-shadow:0px 0px 2px #7ca0bb;-moz-box-shadow:0px 0px 2px #7ca0bb;-ms-box-shadow:0px 0px 2px #7ca0bb;-o-box-shadow:0px 0px 2px #7ca0bb;box-shadow:0px 0px 2px #7ca0bb; }
.flag.de.active,.flag.de:hover { background-position:0px -12px; }
.flag.en.active,.flag.en:hover { background-position:-18px -12px; }

/* breadcrumbs ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#breadcrumbs {
	float:left;
	padding:13px 0px 0px 16px;
	color:#852526;
	text-shadow:0px 0px 1px white;
}
#breadcrumbs a {
	color:#012d4d;
}
#breadcrumbs a:hover {
	text-decoration:underline;
}

/* content ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#content {
	width:723px;
	float:left;
}
#contentTop {
	width:723px;
	height:28px;
	background: url(imgs/content.top.png) no-repeat;
}
#contentFrame {
	background: url(imgs/content.back.png) repeat-y;
	padding:0px 7px 25px 4px;
}

#contentBottom {
	padding:25px 30px 25px 30px;
	width:663px;
	height:195px;
	background: url(imgs/content.bottom.png) no-repeat;
	color:#4d4d4d;
}

/* headlines */

#content .headline,.Blaue-Ueberschrift-Links,.Blaue-Ueberschrift-Rechts {
	color:white;
	width:220px;
	background: url(imgs/headline.back.png) no-repeat right top;
	padding:6px 0px 20px 20px;
	white-space:nowrap;
}
#content .headline.prod {
	width:360px;
}

.angebotDerWoche,.siteHeadline {
	padding-bottom:20px;
}
.angebotDerWoche .mehr {
	float:right;
	margin-right:25px;
}


.imageBox { width:90px; float:left;}
.textBox {  width:420px; margin-right:11px; float:left;}
.preisBox { width:200px; text-align:center; float:left;}

.textBox h3 {
	margin-bottom:-2px;
}
.textBox .subline {
	color:#333;
	margin-bottom:5px;
}
.textBox .text {
	color:#888;
	line-height:1.2em;
}
/* preisbox */
.preisBox .ab    { text-align:right;  }
.preisBox .preis { text-align:center; color:#a90c0e; letter-spacing:-0.05em;}
.preisBox .mwst  { width: 120px; color:#9a9592; text-align:left; padding-left:58px; }

/* artikel auflistung */

.productPreview {
	border-top:1px solid #f6f6f6;
	padding:15px 20px 20px 20px;
}
.productPreview:hover {
	background:#fafafa;
}

.productPreview .imageBox { width:90px; float:left;}
.productPreview .textBox {  width:400px; margin-right:11px; float:left;}
.productPreview .preisBox { width:140px; text-align:center; float:left;}

.productPreview .textBox h3 {
	margin-bottom:-2px;
}
.productPreview .textBox .subline {
	color:#333;
	margin-bottom:5px;
}
.productPreview .textBox .text {
	color:#888;
	line-height:1.2em;
}
/* preisbox */
.productPreview .preisBox .ab    { text-align:right;  }
.productPreview .preisBox .preis { text-align:center; color:#a90c0e; letter-spacing:-0.05em;}
.productPreview .preisBox .mwst  { width: 120px; color:#9a9592; text-align:center; padding-left:8px; }


/* produkt einzelansicht ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#produktBox {
	padding:25px 0px 25px 0px;
	
}
#produktBild {
	width:200px;
	text-align:center;
	float:left;
}
#produktText {
	float:left;
	width:500px;	
}
#produktText h1 {
	font-size:16px;
	margin-bottom:10px;
}
#produktBox .artNr {
	font-weight:bold;
	line-height:20px;
}

#produktBox .produktHilfe {
	display:block;
	margin:20px 0px 30px 0px;
}

#produktBox .preisBox {	text-align:center; margin:30px 0px 0px 10px; padding:0px; width:100%;}
#produktBox .preis { float:none; text-align:center; font-size:40px; }
#produktBox .preisBox .mwst { padding:0px 0px 0px 0px; text-align:center; }

.productoptions td {
	padding:5px;
}
.productoptions input { cursor:pointer; border: 0;}
.tableListingI td {  background:#fcfcfc; }
.tableListingII td { background:#f6f6f6; }
.tableListingI:hover td,.tableListingII:hover td { background:#eee; }

.addtobasket { padding:20px 0px 0px 0px; text-align:center; }
.addtobasket .flat_text { text-align:right; height:20px; position:relative; top:-5px; padding:0px 2px 0px 2px; border:1px solid #ccc; -webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px;/*input*/ }

.addtobasket .merkzettel { background: url(imgs/merkzettel.jpg) no-repeat left top; padding:3px 0px 3px 20px; margin-left:78px; float:left; } 
.addtobasket .zurueck { background: url(imgs/zurueck.jpg) no-repeat left top; padding:3px 0px 3px 20px; margin-left:78px; float:left; } 

.infoBoxHeading {
	margin-top:25px;
	padding:10px 20px 10px 20px;
	background:#EFEFEF;
	/*font-weight:bold;*/
	/*text-transform:uppercase;*/
	font-size:16px;
	color:#aaa;
}

/* selbsteditierbarer block ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* generell */

.starttext td {
	vertical-align:top;	
}
.starttext .Block-Bild-Links {
	float:left;
}
.starttext .Block-Bild-Rechts {
	float:right; 
}

.starttext a:hover {
	color:white;
}
.starttext a:hover strong {
	color:white;
}
.Blaue-Ueberschrift-Links {
	position:relative;
	background-position:right -47px;
}
.Blaue-Ueberschrift-Rechts {
	position:relative;
	right:-472px;
	text-align:right;
	padding:6px 20px 20px 0px;
	background-position:left -94px;
}

.Block-Ueberschrift {
	color:#a90c0e !important;
	color:#A90C0E;
	text-shadow:1px 1px 1px #eee;
	padding-top:13px;
	display:inline-block;
}
.Zweite-Zeile {
	color:#000;
	text-shadow:1px 1px 1px #eee;
	display:block;
	margin-bottom:0px;
}

/* block-definition */

.block-eins,.block-zwei,.block-drei,.block-vier {
	width:712px;
	height:212px;
	vertical-align:top;
	text-align:left;
	margin:-32px 0px -8px 0px;
}

.block-vier {
  margin-bottom:0px;
}

.block-zwei td,.block-vier td {
	text-align:right; 
}

/* block eins */
.block-eins {	background: url(imgs/editierbarerBlock.eins.jpg) no-repeat; }
.block-eins a {	color:#d3fa98;}
.block-eins strong,.block-eins b { color:#253e00; }


/* block zwei */
.block-zwei {	background: url(imgs/editierbarerBlock.zwei.jpg) no-repeat; }
.block-zwei .Zweite-Zeile, .block-vier .Zweite-Zeile { text-align:right; }		/* block zwei & vier */
.block-zwei a ,.block-vier a  {	color:#f8d77b; text-align:right;}			/* block zwei & vier */
.block-zwei strong,.block-zwei b,.block-vier strong,.block-vier b { color:#593b06; }	/* block zwei & vier */

/* block drei */
.block-drei {	background: url(imgs/editierbarerBlock.drei.jpg) no-repeat;}
.block-drei a {	color:#d1e9ff; text-align:right;}
.block-drei strong,.block-drei b { color:#013c6f; }

/* block vier */
.block-vier {	background: url(imgs/editierbarerBlock.vier.jpg) no-repeat;}

/* kategorie uebersicht ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.textInfoBox {
	padding:10px 25px 35px 25px;
	margin-bottom:25px;
	background:#f6f6f6;
	color:#717171;
}

.contentBox {
	width:696px; /* 712 -8 -8 */
	height:auto;
	padding:0px 8px 0px 8px;
  line-height: 16px;
}

.categoryBox {
	border:1px solid #d9d9d9;
	width:229px;
	float:left;
	margin:0px 1px 1px 0px;
}
.whiteBorder {
	border:4px solid #f6f6f6;
}
.cat_title {
	background:#f6f6f6;
	color:#9f1c00;
	display:block;
	width:221px;
	text-align:center;
	padding:4px 0px 4px 0px;
	margin-top:-3px;
}
.categoryBox a:hover span{
	background:#9f1c00;
	color:#fff;
}

/* content bottom persönliche beratung ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#contentBottom .headline {
	background:none;
	color:#9f1c00;
	padding:0px;
	margin:0px 0px 2px 0px;
}
.bigRed {
	color:#9f1c00;
}
#logoBeratung {
	background: url(imgs/logo.beratung.jpg) no-repeat;
	width:177px;
	height:114px;
	float:right;
	margin-top:20px;
}

/* footer ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#footer {
	background:#498414 url(imgs/footer.back.jpg) center top repeat-y;
}
#sitemap {
	background: url(imgs/footer.top.jpg) center top repeat-x;
	padding-top:90px;
}
#sitemap .headline {
	text-transform:uppercase;
	color:white;
	text-shadow:0px 0px 1px black;
	padding:8px 0px 10px 0px;
	margin-bottom:-10px;
}
#sitemap a {
	color:#2a5702;
}
#sitemapSite,#sitemapShop { float:left; padding-left:50px;}

#copyright {
	background: url(imgs/footer.bottom.jpg) center top repeat-x;
	color:#afc898;
	padding:35px 0px 50px 0px;
}

#copyright .page { text-align:center; }
#copyright a { color:#afc898; }
#copyright a:hover { color:#fff; }

/* system ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.clearLeft { clear:left; }
.clearRight { clear:right; }
.clearBoth { clear:both; }

.productOldPrice {
	font-size: 13px;
	letter-spacing: 0.6px;
	padding-left: 0px;
 	text-decoration: line-through;
}

#breadcrumbs h5 {
display:inline;
}

.contentBox table td {
	padding-top: 3px;	
	padding-bottom: 3px;	
}

.contentBox input {
	border: 1px solid black;	
	height: 20px;
}

.from {
	display: none;	
}

#message_body, textarea, select {
	border: 1px solid #000;
	padding: 5px;	
}

.imagesubmit {
	border: 0;
	padding: 0px;	
}

#cart_quantity input img {width: auto; height: auto;}

.input_img input { border: 0; }