h1 {
	font-size: 1.2em;
    line-height: 1.35em;
	font-weight: normal;
	letter-spacing:0.08em;
	text-transform:uppercase;
	margin:15px 0 0.5em 0;
	padding: 0;
}

h2 {
	font-size: 1em;
	font-weight: normal;
	letter-spacing:0.08em;
	text-transform:uppercase;
	margin: 1em 0 0.2em 0;
	padding: 0;
}
h3 {
	font-size: 1em;
	font-weight: normal;
	font-style:italic;
	margin: 0.5em 0 0.2em 0;
	padding: 0;
}

img {	
	border:none;
}

A:link {text-decoration: none;color : #1a5D52;} 
A:visited {text-decoration: none;color : #1a5D52;}
A:hover {text-decoration: underline;color : #1a5D52;} 
A:active {text-decoration: underline;color : #1a5D52;}

a img {	border:none;}

a{
	display:block
}

ul {	
	list-style-type:none;
	margin: 0;
	padding: 0;
}
dl {	
	margin:0;
}

dl dd {
	margin:0;
}

dl dd img {
	border:none;
}

dl dt {
}

table {
	border-collapse: collapse;
}

table td {
	vertical-align: top;
	margin: 0;
	padding: 0;
}

div{
	/*margin:1em 0 0.5em 0;*/
margin:0 0 0 0;}

input, textarea, select{
	border:1px solid #d0d0cc;
	font-family: 'AGaramond','Garamond','Times New Roman',Times,serif;
	font-size:1em;
}




/*--------------------------------- Farben -------------------------------*/

/* Vordergrund */

#leftcol address, 
h2, 
#sidenote address, 
h3, 
div.zitat p, 
#content ul li,
div.expertise table.daten td.bezeichnung
{
	color: #646356; /* braunwacker */
}

p
{
	color: #4C4C4C; /* fliesstext */

}

#leftcol ul li a:link,
#leftcol ul li a:visited,
#leftcol ul li a:hover,
#leftcol ul li a:active,
#contenthome a:link,
#contenthome a:visited, 
#contenthome a:hover, 
#contenthome a:active, 
#content a:link,
#content a:visited,
#content a:hover,
#content a:active
#contentkontakt a:link,
#contentkontakt a:visited,
#contentkontakt a:hover,
#contentkontakt a:active,
#header div.cart a,
#sidenote a
{
	color: #1a5D52; /* link */
}



#header #navzone ul li a:link,
#header #navzone ul li a:visited
{
	color: #728F8B; /* 60% gruenwacker */
}

#header #navzone ul li a:hover,
#header #navzone ul li a:active
{
	color: #fff;
}

#content h1,
#content h1 p,
h2,
h4,
#sidenote address, 
div.zitat p,
#sidenote div.zitat p.author,
table.daten td.bezeichnung
{

        color: #939289; /* 70% braunwacker */

}


/* Hintergrund */

/*------------------------------Header----------------------------------*/

#header .cart ul li a {
	margin: 0;
	padding: 0 0 0 12px;
 	background-image: url(../images/linksymbol.gif);
	background-position: 0 0.45em;
	background-repeat: no-repeat;
}

/*------------------------------Contentnavigation----------------------------------*/

#leftcol div.contentnav {
	font-size: 1em;
   	letter-spacing:0.03em;
}

#leftcol h2 {
	color:#A1B5B1;
	padding:0 0 0 1.4em;
	margin: 0.5em 0 0 0;
	display:block;
	clear:both;
}

#leftcol div.contentnav div {
	padding:0;
	margin: 0 0 0 0;
}


#leftcol .contentnav .topic{
	padding:0.5em 0 0.5em 1.1em;
	font-size:1.3em;
	background-color:#A1B5B1;
	color:#fff;
	margin:0;
	width:90.6%;
	letter-spacing:0.2em;
	/*text-align:center;*/
	}

#leftcol .contentnav .topic a{
	color:#fff;
	}

#leftcol .contentnav .topic a:hover, #leftcol .contentnav .topic a:active {
	text-decoration: none;
	color:#fff;
} 

#leftcol ul {
	display:block;
	clear:both;
	width:100%;	
	margin: 0 0 1em 0;
	padding: 0;
}

#leftcol ul li {
	width: 100%;
	margin: 0;
	padding: 0;
}

#leftcol ul li a {
	display: block;
	margin: 0;
	padding: 0.2em 0 0.2em 35px;
 	background-image: url(../images/anstrich_innen.gif);
	background-position: 23px 0.6em;
	background-repeat: no-repeat;
}

#leftcol ul ul li a {
	display: block;
	margin: 0;
	padding: 0.2em 0 0.2em 42px;
 	background-image: url(../images/anstrich_innen.gif);
	background-position: 30px 0.6em;
	background-repeat: no-repeat;
}

#leftcol ul ul ul li a {
	display: block;
	margin: 0;
	padding: 0.2em 0 0.2em 59px;
 	background-image: url(../images/anstrich_innen.gif);
	background-position: 47px 0.6em;
	background-repeat: no-repeat;
}


#leftcol ul li a.active {
	background-color: #fff;
 	background-image: url(../images/anstrich_innen_aktiv.gif);
}

#leftcol ul li a.sub {
	background-color:transparent;
 	background-image: url(../images/anstrich_innen.gif);
	padding: 0.2em 0 0.2em 50px;
	background-position:35px 0.6em;
}

#leftcol ul li a.subactive {
	background-color: #fff;
 	background-image: url(../images/anstrich_innen_aktiv.gif);
	padding: 0.2em 0 0.2em 50px;
	background-position:35px 0.6em;
}

#leftcol ul li.active li.off_3 {
        background-color: #DCE3E2;
} 

#leftcol ul li.active li.off_3 a {
        background-color: #DCE3E2;
 	background-image: url(../images/anstrich_innen.gif);
} 

#leftcol ul li a:link {text-decoration: none;} 
#leftcol ul li a:visited {text-decoration: none;} 
#leftcol ul li a:hover {text-decoration: underline;} 
#leftcol ul li a:active {text-decoration: underline;}

#leftcol address {
	margin: 5em 0 0 18px;
	padding: 0;
	font-style: normal;
}

#leftcol a.out{
	background-color:#C4D0CE;
}

/*-------------------------------Sidenote--------------------------*/

#sidenote .info {
    border-top: 1px solid #D0D0CC;
    margin:2em 0 0 0;
    padding:0.5em 0 0 0;
    }
    
#sidenote .contact h2,
#sidenote .info h2,
#sidenote .livesupport h2{
	margin:0 0 5px 0;
	width:173px;
	font-size:1em;
	}

#sidenote .contact{
	margin:0;}




#sidenote ul li a:link {text-decoration: none;} 
#sidenote ul li a:visited {text-decoration: none;} 
#sidenote ul li a:hover {text-decoration: underline;} 
#sidenote ul li a:active {text-decoration: underline;}

#sidenote address {
	margin: 0;
	padding: 0;
	line-height: 1.3em;
	font-style: normal;
}

#contenthome #sidenote ul, #content #sidenote ul{
	margin:0.9em 0 0 0;
	list-style-image: none;
	width:auto;}

#sidenote ul li a{
	padding:0.2em 0 0.2em 13px;
	margin:0.2em 0 0.2em 0;
	display:inline;}

#content form.detail div.label > #sidenote {
		width:173px;
}

#sidenote .contact address{
	width:173px;}
	
#sidenote .info p{
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    width:173px;} 
    
#sidenote .livesupport{
    margin:2em 0 0 0;
    padding:0.5em 0 0 0;
    border-top:1px solid #D0D0CC;
}

#sidenote .livesupport a img {
    margin:12px 0 0 -12px;
}

#content div.label .livesupport a img {
margin:12px 0 0 -12px;
border-bottom:none;
} 


/*-------------------------------Contentbereich -------------------*/

#contenthome a, #content a {
	/* display: block; */
	margin: 0;
	padding: 0 0 0 12px;
 	background-image: url(../images/linksymbol.gif);
	background-position: 0px 0.4em;
	background-repeat: no-repeat;
}

#contenthome a:link {text-decoration: none;} 
#contenthome a:visited {text-decoration: none;} 
#contenthome a:hover {text-decoration: underline;} 
#contenthome a:active {text-decoration: underline;}

#content a:link {text-decoration: none;} 
#content a:visited {text-decoration: none;} 
#content a:hover {text-decoration: underline;} 
#content a:active {text-decoration: underline;}

#contenthome h1
{	color: #14453d;
	margin:30px 0 15px 30px;
	width:auto;
}

#contenthome h1.grau
{	color: #929289;
}


#contenthome p{
	margin:24px 0 24px 30px;
	/*width:348px;*/
}

#contenthome ul, #content ul {
	margin-left: 1em;
    margin-bottom: 0.4em;
 	list-style-image: url(../images/aufzaehlung.gif);
}

#contenthome ul li,#content ul li {
        margin-bottom: 0.3em;
}

#contenthome ul.linkliste{
	margin:12px 0 24px 120px;
	list-style-image:none;}

#content ul.linkliste{
	margin:8px 0 24px 0;
	list-style-image:none;}

ul.linkliste li a span{
	margin: 0 0 0 0;
	display:inline;
	float:none;
	width:auto;	
	color: #1a5D52;}

* html ul.linkliste li{
	border:1px solid #fff;
	}

ul.linkliste li a{
	padding:0.2em 0 0.2em 1em;
	margin:0.2em 0 0.2em 0;
	display:block;
	}

#contenthome h2
{	color: #929289;
	margin:15px 0 15px 30px;
	/*width:372px;*/
	font-size:1.1em;
}

#content p{
	margin:0.5em 0 0.5em 0;
	width:360px;}

#contenthome p a
{
	width:auto;
}

#contenthome .intend{
	margin:15px 0 15px 118px;}

#content table.order td, #content table.order th{
	width:33%;
	text-align:left;
	font-weight:normal;
	padding:0.1em 2em 0.1em 0;}

#content table.order td input{
	width:100px;}


div.order{
	width:348px;
	margin:1em 0 0 0 ;
	padding:0;
	}

#content div.data > div.order{
	border:1px solid #fff;
	}

div.order h2{
	margin:1em 0 0.5em 0;
	}


form.detail{
	width:600px;}

* html form.detail{
	width:660px;}

div.data{
	width:400px;
	margin:0 72px 24px 0;}

div.data div span{
	color:#929289;
	display:block;
	width:6em;
	float:left;
	}

div.data h1{
	text-transform:none;
}
div.data h1 span{
	margin:0 0 1em 0;
	display:block;
	text-transform:uppercase;
	color:#929289;
}

div.data div.daten{
	margin:0;}

#content div.label{
	width:177px;
	padding:0 0 0 0;}

#content div.label img{
	border-bottom:1px solid #D0D0CC;
	margin:0 1em 1em 2.3em;
	display:inline;
}

#contenthome div.teaser{
	margin:1em 0 1em 0;
	padding:0;
	/*height:108px;*/
	clear:none;
	width:470px;
	overflow:hidden;}

#contenthome div.teaser div.label{
	width:108px;
	float:left;
	margin:0;
}

#contenthome div.teaser div.label a, 
#contenthome div.teaser div.body h3 a{
	background-image:none;
	padding:0;
	}

#contenthome div.teaser div.body{
	margin:0 0 0 118px;
	padding:0;
	}

#contenthome div.teaser div.body p{
	margin:0 0 0.5em 0;
}

#contenthome div.teaser div.body h3
{
	margin:0 0 0 0;
	padding:0;
}
	
#contenthome div.teaser div.body h3 a
{
	font-style:normal;
	color: #929289;
	margin:0 0 5px 0;
}


#content div.accounthistory{
	width:372px;
	background-image: url(../images/bg_ablauf.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
	padding:0 0 1.3em 0;}

#content div.accounthistory div.left{
	float:left;
	margin:0.5em 0 0 0;}

#content div.accounthistory div.right{
	margin:0.5em 0 0 8em;}



/*------------------------Produktliste--------------------------*/

#contenthome div.productlist{
	width:480px;
	}
	
/*---IE6---*/
* html #contenthome div.productlist{
	width:auto;
}
	
/*---IE7----*/
*+html #contenthome div.productlist{
	width:auto;
	}


#contenthome div.productlist h2{
	margin:15px 0 15px 6.7em;
	width:372px;
}

/*---IE6----*/
* html #contenthome div.productlist h2{
	width:350px;
}

/*---IE7----*/
*+html #contenthome div.productlist h2{
	width:350px;
	}

#contenthome div.productlist .label{
	float:left;
	width:108px;
	margin:0;
	}

* html #contenthome div.productlist .label {
margin-right: 5px;
}

#contenthome div.productlist div.label img{
	border-bottom:none;
}

#contenthome div.productlist .label a{
	display:inline;
	padding:0;
	background-image:none;
}

#contenthome div.productlist .productdescr{
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:auto;}

#contenthome div.productlist .productdescr p{
	margin:0.5em 0 0.5em 7.5em;
	padding:0;
}

#contenthome div.productlist .productdescr div.fix{
	border:1px solid #fff;
	margin:0 0 0 7.5em;
	width:350px;
	}

#contenthome div.productlist > .productdescr div.fix{
	clear:none;
	}

#contenthome div.productlist .productdescr div.dataname{
	float:left;
	color:#929289;
	width:6em;
	margin:0;
}

#contenthome div.productlist .productdescr div.datacontent{
	float:left;
	margin:0 0 0 0.9em;
	padding:0;
}

#contenthome div.productlist .productdescr div.fix > div.datacontent{
	float:none;
	margin:0 0 0 6.5em;
	}

#content div.data div.fix{
	border:1px solid #fff;
	clear:both;
	margin:0;}

#content div.data>div.fix{
	clear:none;
	display:block;
	}

#content div.data div.dataname{
	float:left;
	color:#929289;
	width:6em;
	margin:0;
}

#content div.data div.datacontent{
	float:left;
	margin:0 0 0 0.9em;
	}

#content div.data div.fix>div.datacontent{
	float:none;
	display:block;

}

#contenthome div.productlist .productdescr h2{
	text-transform:none;
}

#contenthome div.productlist div.buttons{
	margin:1em 0 1em 118px;	

	border:1px solid #fff;
	width:350px;
}

#contenthome div.productlist > div.buttons{
	clear:none;

}

#contenthome div.pagertop, #contenthome div.pagerbottom{
	margin:0 0 0 120px;
	width:348px;
	text-align:center;
}

#contenthome div.pagertop p, #contenthome div.pagerbottom p{
	margin:0 0 0 0;
}

#contenthome div.pagertop p.links, #contenthome div.pagerbottom p.links{
	margin:0.4em 0 0.4em 0;
	  background-image: url(../images/buttons_bg_light.gif);
    background-repeat: repeat-x;
	background-position:center left;
}

#contenthome div.pagertop p.pages, #contenthome div.pagerbottom p.pages{
	margin:0 0 0 0;
	color:#929289;
	font-style:italic;
}

#contenthome div.pagertop p.links span, #contenthome div.pagerbottom p.links span{
	background-color:#fff;
	padding:0 1em 0 1em;
	font-weight:bold;
}

#contenthome div.pagertop p.links span span, #contenthome div.pagerbottom p.links span span{
	font-weight:normal;
	padding:0 0 0 0;
}

#contenthome div.pagertop a, #contenthome div.pagerbottom a{
	display:inline;
	background-image:none;
	text-decoration:none;
	font-style:italic;
	padding:0 0.4em 0 0.4em;
	font-weight:normal;
}

#contenthome div.pagertop a.pager, #contenthome div.pagerbottom a.pager{
	display:inline;
	background-image:none;
	text-decoration:none;
	font-style:normal;
	font-weight:normal;
	padding:0 0.4em 0 0.4em;
}

#contenthome div.pagertop{
	border-bottom:4px solid #E8EDEC;
	padding:0 0 0.3em 0;
}

#contenthome div.pagerbottom{
	padding:0.3em 0 0 0;
	border-top:4px solid #E8EDEC;
	margin:0 0 1em 120px;
}

/*---------------------Warenkorb--------------------------*/


#content form.shoppingcart{
	width:360px;}

#content form.shoppingcart h2{
	text-transform:none;
}


#content form.shoppingcart div.cartedit{
	margin:1em 0 0 0;
	text-align:right;
	border:1px solid #fff;
}

#content form.shoppingcart div.cartedit p{
	margin:0;
	padding:0;
}

#content form.shoppingcart div.cartedit input{
	width:2em;
	margin:0 0 0 2em;
}

#content form.shoppingcart input.short{
 	margin:0 0 0 0;
	border:none;
	width:1em;
	padding:0
}

#content form.shoppingcart table.cartedit{
	width:100%;
	margin:1em 0 0 0;}

#content form.shoppingcart table.cartedit td.anzahl{
	width:30%;	}


#content form.shoppingcart table.cartedit td.preis{
	width:50%;
	text-align:right;}

#content form.shoppingcart table.cartedit td.delete{
	width:20%;
	text-align:left;
}


/*-------------------Bestellvorgang und Formulardaten--------------------*/
form.data div.login{
	margin:0.5em 0 0 0;
}

form.data div.gutschein{
	margin:0 0 0 0;
	width:360px;
}

form.data textarea{
		width:100%;}

form.data div.login label{
	float:left;
	display:block;
	width:7em;
}

form.customerdata{
	width:361px;
	}

#content form.customerdata p{
	margin:0.5em 0 0.5em 0;
	width:100%;}

#content form.customerdata p.pw {
	height:1.5em;}

#content form.customerdata p.pw label{
	float:left;
	width:11em;}

#content form.customerdata p.pw input{
	width:12em;
}
#content form.customerdata>p.pw input{
	width:12.6em;}

form.customerdata p label{
	float:left;
	display:block;
	width:6.2em;}

form.customerdata p.address label{
	display:inline;
	float:none;}

form.customerdata p.address input.plz{
	width:4em;
	margin:0 0 0 3.7em;}

form.customerdata p.address > input.plz{
	width:4em;
	margin:0 0 0 0;}

form.customerdata p.address input.ort{
	width:8em;
	margin:0 0 0 0;}


form.customerdata input{
	width:17.2em;}

form.customerdata p > input{
	width:17.4em;}

form.customerdata select{
	display:inline;
	width:17.3em;
}

form.customerdata p > select{
	display:inline;
	width:17.55em;
}

form.customerdata input.short, form.data input.short{
	width:auto;
	border:none;}

form.customerdata p.message{
	clear:both;
	padding:0.75em 0 0 0;}

table.ordercart{
	border:1px solid #d0d0cc;
	width:372px;	
}

table.ordercart td{
	width:50%;
	padding:0.2em 0 0.2em 0.2em;
}

table.ordercart td span{
	color:#929289;
}

table.ordercart td.anzahl{
	width:20%;
	padding:0.4em 0 0.2em 0.2em;
	text-align:right;
}

table.ordercart td.amount{
	padding:0.2em 0 0 0.2em;
}

table.ordercart tr.last{
	border-bottom:1px solid #d0d0cc;
}

table.ordercart tr.shippingcartcheck{
	border-bottom:1px solid #d0d0cc;
}

table.ordercart tr.shippingcartcheck td{
	border-bottom:1px solid #d0d0cc;
	padding:0.3em 0 0.3em 0.2em;
}

table.ordercart td.preis, table.ordercart tr.shippingcartcheck td.preis{
	padding:0.4em 1em 0.2em 0;
	width:30%;
	text-align:right;
}


#content span.markProductOutOfStock{
	display:none;}

div.shippingcartcheck span{
	margin:0 0 0 9.1em;
	color:#929289;}

div.shippingcartcheck span span, table.ordercart td.preis span span{
	margin:0 0 0 0;
	color:#4C4C4C;
	font-weight:bold;}

div.buttons{
	text-align:center;
	width:100%;
	padding:0;
	margin:1em 0 1em 0;
    background-image: url(../images/buttons_bg.gif);
    background-repeat: repeat-x;
	background-position:center left;
	width:360px;
}

div.light{
	background-image: url(../images/buttons_bg_light.gif);
	}

#content div.buttons a,
#contenthome div.buttons a{
	font-family: Times New Roman,Times,serif;
	font-style:italic;
	background-color:#fff;
	border:none;
	background-image: none;
	display:inline;
	padding:0;

	}

div.buttons input, div.buttons input.submit{
	font-family: Times New Roman,Times,serif;
	font-style:italic;
	background-color:#fff;
	border:none;
	background-image: none;
	padding:0;
	width:auto;
	}

div.banktransferdaten{
	margin:0 0 0 1em;
}

* html div.banktransferdaten{
	margin:0 0 0 1.5em;
}

div.banktransferdaten p{
	margin:0.3em 0 0.3em 0;
}

div.banktransferdaten label{
	display:block;
	float:left;
	width:8em;
}

div.banktransferdaten input{
	width:15em;
}

#content #ablauf{
	width:380px;
	font-style:italic;
	background-image: url(../images/bg_ablauf.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
	padding:0 0 1.3em 0;
	text-align:center;
	color:#929289;
}

#content #ablauf h1{
	width:372px;
	font-style:normal;
	text-align:center;
	background-image: url(../images/bg_linie_grau.gif);
	background-position: 0.5em 0.45em;
	background-repeat: repeat-x;
}

#content #ablauf h1 span{
	background-color:#fff;
	padding:0 1em 0 1em;
	color:#929289;
}

#content #ablauf span.aktuell{
	color:#000;
}

#content #ablauf a{
	display:inline;
	background-image:none;
	padding:0;
	}

div.confirm{
	width:372px;
	margin:0;}

div.confirm table.summary{
	border:1px solid #d0d0cc;
	width:100%;
	margin:1em 0 0 0;}

div.confirm table.summary td{
	border-bottom:1px solid #d0d0cc;
	width:360px;
	padding:0.3em;
}

div.confirm table.summary tr.summe{
	border-top:none;
	background-color:#E7ECEC;
}

div.confirm table.summary td.preis{
	text-align:right;
	padding:0.3em 1em 0.3em 0;
	font-weight:bold;}

input.redeem{
	font-family: Times New Roman,Times,serif;
	font-style:italic;
	background-color:#fff;
	border:none;
	background-image: url(../images/linksymbol.gif);
	background-position: 0.5em 0.45em;
	background-repeat: no-repeat;
	padding:0 0.8em 0 1.3em;
	width:auto;
	color: #1a5D52;
	}
	

#content a.inlineLink,
#contenthome a.inlineLink{
	display: inline;
}



/*-------------------Globale Regeln----------------*/

.messageStackError, p.error{
	font-size:1em;
	color:#b21616;
}

p.info{
	font-size:1em;
	font-style:italic;
}

.offscreen{
	display:none;
}

.fixfloat {
		display: block;
		clear: both;
		width: 0;
		height: 0;
		margin: 0;
		padding: 0;
		font-size: 1px;
}

.hidden{
	display:none;}
	
	
.order .link {
    background-color: #dde3e3;
    margin: 15px 0;
    padding: 3px 5px;
    width: 390px;
}

#overDiv{
	border: 2px solid #A1B5B1;
}

#overDiv td{
	padding: 3px;
}

#overDiv td ul{
	list-style-image: url("../images/aufzaehlung.gif");
    margin-bottom: 0.4em;
    margin-left: 1em;
}