/*///////////////////////////////////////*/
/* fairPremiums Stylesheet               */
/* designed 2008 by wmgrafik             */
/*///////////////////////////////////////*/



/* allgemein */
html { 
height:101%;
}

body { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #333333;
background: url("../images/bg.gif");
margin: 0; 
padding: 0;
}

p { 
margin: 0; 
padding: 0;
}

a:link { color: #69699C; text-decoration: none; }
a:active { color: #69699C; text-decoration: none; }
a:visited { color: #69699C; text-decoration: none; }
a:hover { color: #CC0000; text-decoration: underline; }



h1, h2, h3, h4, h5, h6 {
font-family: verdana, arial, helvetica, sans-serif;
font-weight: bold;
margin: 2px 0px 2px 2px;
padding: 0;
color: #cc0033;
}
h1 { font-size: 15px; }
h2 { font-size: 14px; }
h3 { font-size: 13px; }
h4 { font-size: 12px; }
h5 { font-size: 11px; }
h6 { font-size: 11px; }

strong, b {
font-weight: bold;
}

ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

li {
	list-style-position:outside;
	/*list-style-image: url(../images/list_img.gif);*/
}





/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*parent-div container*/
#container  {
position: relative;
width: 800px; 
margin: 20px auto 20px auto; 
padding: 0;
background-color:#FFFFFF; /*#F0FFF0*/
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/




/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*kopfbereich*/
#top-area  {
position: relative;
width: 800px /*100%*/; 
height:210px; 
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px; 
background-image: url(../images/kopf_gras02_800px.jpg);
}

.team-area  { 
float: left;
margin: 90px 0px 0px 5px; 
padding:0; 
font-family: Tahoma,Verdana,Geneva,sans-serif; 
font-size: 12px; 
color: #ffffff; 
}

/*claim*/
.claim-area  { 
float: left;
margin: 120px 0px 0px 0px; 
padding: 0px 0px 0px 12px; 
font-family: Tahoma,Verdana,Geneva,sans-serif; 
font-size: 12px; 
font-weight: bold; 
color: #ffffff; 
}

.logo /*premium-linklist*/ { float:right; width:290px; height:104px; margin:12px 0 0 0; padding:0; }

.nav02 /*premium-linklist*/ { float: right; width: 105px; margin: 0px 0px 0px 0px; padding:0; background-color:#339900; }

.nav03 /*premium-linklist2*/ { float: right; width: 105px; margin: 0px 10px 0px 0px; padding:0; background-color:#339900; }

.nav02 a:link { color:#CCFF66; text-decoration: none; }
.nav02 a:visited { color:#CCFF66; text-decoration: none; }
.nav02 a:active { color:#CCFF66; text-decoration: none; }
.nav02 a:hover { color: #ffffff; text-decoration:underline; }
.nav02 ul { margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; line-height: 110%; }
.nav02 li { font-family: Tahoma,Verdana,Geneva,sans-serif; font-size: 11px; list-style: square inside; color: #CCFF66; }

.nav03 a:link { color:#CCFF66; text-decoration: none; }
.nav03 a:visited { color:#CCFF66; text-decoration: none; }
.nav03 a:active { color:#CCFF66; text-decoration: none; }
.nav03 a:hover { color: #ffffff; text-decoration:underline; }
.nav03 ul { margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; line-height: 110%; }
.nav03 li { font-family: Tahoma,Verdana,Geneva,sans-serif; font-size: 11px; list-style: square inside; color: #CCFF66; }


.lang-select  /*flaggen*/ { 
float: right; width: 24px; margin:2px; padding:0; 
}

#nav01-area /*TopNavigation*/ { 
	clear:both;
	height:25px; 
	margin: 2px 0px 0px 7px; 
	padding: 0px 0px 0px 0px; 
	border-left:1px solid #333; 
}

.menu01 /*TopNavigation-Menueelement*/ { 
float: left; height:25px; font-family: Arial, Tahoma, Verdana, Geneva, sans-serif; font-size: 11px; font-weight: bold; 
color:#003300; text-align: center; margin:0; padding:0 6px 0 6px; border-right:1px solid #333;
}
.menu01 a:link { height:25px; color:#003300; text-decoration: none; }
.menu01 a:active { color:#003300; text-decoration: none; }
.menu01 a:visited { color:#003300; text-decoration: none; }
.menu01 a:hover { color:#339900; text-decoration:underline; }

.menu01-color /*TopNavigation-Farbbalken*/ { 
clear:left; width: 100%; height: 10px; margin: 0; padding: 0;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/




/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*ColorBar_Breadcrumb*/
#path-area {
	/*clear:both;*/ 
	float:left; 
	width:500px; 
	height:14px;
	margin: 20px 0 15px 0; 
	padding: 0; 
	/*margin-bottom:10px;*/
	text-indent:5px;
	color:#000000;
	overflow:hidden;
}
#path-area .path { font-size: 11px; padding: 2px 2px 2px 2px; color: #000000; }
#path-area .path a:link { color: #000000; text-decoration: none; }
#path-area .path a:hover { color: #cccccc; text-decoration: underline; }
#path-area .path a:active { color: #cccccc; text-decoration: none; }
#path-area .path a:visited { color: #000000; text-decoration: none; }
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/




/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#content /*parent-div fuer Contents*/ { 
width: 100%; margin: 0; padding: 0;
}
/*NavLinks*/ 
#teaser01-area { 
	float:left;
	width: 152px;
	margin: 0px;
	padding:2px;
	background-color:#FFF;
	border:1px solid #ccc;
} 
.teaser /*InhaltTeaser*/ { 
clear:left; margin: 0px 0px 2px 0px; padding: 2px; background-color: #FFFFFF; 
}

div.teaser div.header {
margin:0; padding:3px 3px 3px 3px; color:#333; background-color:#c2ef72; overflow:hidden;
}
div.teaser div.body {
margin:0px 0px 2px 0px; padding:0; background-color: #FFFFFF; 
} 
div.teaser div.footer {
margin:0; padding:1px 2px 1px 2px; background-color: #FFFFFF; overflow:hidden; 
}

#content-main /*InhaltMitte*/ { 
float:left; width:476px; margin:0px 0px 4px 0px; padding: 2px 4px 2px 4px;
} 

#customer {
clear:left; margin: 0px 0px 4px 2px; padding: 2px 4px 2px 4px; background-color: #FFFFFF;
}

#abstract {
clear:left; margin: 0px 0px 4px 2px; padding: 2px 4px 2px 4px; background-color: #FFF;
}

#txt-main /*Produkte*/ { 
clear:left; margin: 0px 0px 4px 4px; padding: 2px 0px 2px 0px; background-color: #FFF;
}

#appendix /*Text - CMS*/ { 
clear:both; margin: 0px 0px 4px 2px; padding: 2px 4px 2px 4px; background-color: #FFF;
} 
/*NavRechts*/
#teaser02-area  { 
	float: right;
	width: 152px;
	margin: 0px;
	padding:2px;
	background-color:#FFF;
	border:1px solid #ccc;
	overflow:hidden;
} 

#teaser03-area /*NavLinks*/ { 
float:left; width: 260px; margin: 0 0 0 2px; padding:2px; background-color:#FFF; border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #ccc; 
} 

.seperator { clear:left; clear:right; clear:both; height:1px; margin: 0px; padding: 0px;
}

.clear { clear:both; margin0; padding:0;
}

/*Details - Produkte + Gallery*/

.details-text-header /* Details_Bezeichnung */ { 
clear:both;  margin:0 0 1px 0; padding:4px; font-weight: bold; background-color:#ebedfa; display:block;
}
.details-text /* Umfasser details-text */ { 
clear:both; margin:0px; padding:0px;
}
.details-text-li /* */ { 
float:left; width:110px; border-top:1px solid #ccc; margin:0 0 1px 0; padding:2px; background-color:#fff; /*#C7CDEF*/
}
.details-text-re /* */ { 
float:left; width:382px; border-top:1px solid #ccc; margin:0 0 1px 0; padding:2px; background-color:#fff; /*#C7CDEF*/ 
}

.details-formular /* Details_Formular */ { 
clear:both; margin:0 4px 0 6px; padding:2px; border-top:1px solid #ccc;
}


/*Preislisten + Downloads*/
/*Inhalt_rechts*/
#content-main-2spaltig  {
	float:left; 
	width:510px;
	margin: 0px 0px 4px 0px;
	padding: 2px 4px 2px 4px;
}
/*Inhalt_rechts*/
#content-main-full-width  {
	float:left;
	width:625px;
	margin: 0px 0px 4px 0px;
	padding: 2px 4px 2px 4px;
} 

.item-kategorie /*Kategorie*/ { margin:0px; padding: 0px 0px 1px 0px; }

.item-head /*Item_Kopfzeile*/ { height:18px; margin:0px; padding: 4px 0px 0px 0px; background-color:#CECEFF; }

.item-body /*Item_Body*/ { height:22px; margin: 0px 0px 1px 0px; padding:0px; background-color:#FFF; }

.item-bezeichnung /*Bezeichnung*/ { width:290px; height:18px; margin:0px; padding: 4px 3px 0px 0px; }

.item-dateigroesse /*Dateigroesse*/ { width:70px; height:18px; margin:0px; padding: 4px 3px 0px 0px; }

.item-stand /*Stand*/ { width:100px; height:18px; margin:0px; padding: 4px 3px 0px 0px; }

.item-button /*Button*/ { width:50px; margin: 0px 0px 0px 5px; padding:0px; }



/*Merkliste*/ 

.item-box_merkliste /*Item_Box*/ { margin: 0px 0px 1px 0px; padding:0px; background-color:#FFF; }

.send-button /*Button*/ { text-align:right; margin: 0px 0px 0px 5px; padding:0px; }

.button-box /*Item_Box*/ { border-top:1px solid #ccc; margin: 0px 0px 4px 2px; padding: 2px 0px 2px 2px; }

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/




/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#footer-area /*Footer*/ { 
clear: both; width: 100%; height:30px; margin:0px; padding: 0px; background-image: url(../images/fuss_gras01_800px.jpg); 
}

.footer { float: left; margin: 8px 5px 8px 5px; padding: 0px; font-size: 10px; color:#CCFF33; }
.footer a:link { color:#CCFF33; text-decoration: none; }
.footer a:visited { color:#CCFF33; text-decoration: none; }
.footer a:active { color:#CCFF33; text-decoration: none; }
.footer a:hover { color: #FFFFFF; text-decoration: underline; }

.wm { float: right; margin: 8px 5px 8px 5px; padding: 0px; font-size: 10px; color:#CCFF33; }
.wm a:link { color:#CCFF33; text-decoration: none; }
.wm a:visited { color:#CCFF33; text-decoration: none; }
.wm a:active { color:#CCFF33; text-decoration: none; }
.wm a:hover { color: #FFFFFF; text-decoration: underline; }

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


.trennlinie { 
	clear:left; clear:right; border-bottom: 1px solid #ccc; height:1px; margin:0 0 3px 0; padding:0;
}

.buttonbox { float:left; margin: 5px 2px 5px 0px; padding: 1px 4px 1px 4px; font-family: arial, tahoma, sans-serif; border: 1px solid #999; background-color: #FFF; } 
.buttonbox a:link { color: #8C8CB3; text-decoration: none; }
.buttonbox a:visited { color: #8C8CB3; text-decoration: none; }
.buttonbox a:active { color: #8C8CB3; text-decoration: none; }
.buttonbox a:hover { color: #DC4429; text-decoration: none; }


/* background-images icons */
a.icon{
	display: block;
	padding-left: 20px;	
	margin-bottom: 5px;
	height: 16px;
}

div.buttonbox a.icon{
	margin-bottom: 0px;	
}
a.download {
	background: url("../images/icons/quit.gif") no-repeat;
}
a.logout{
	background: url("../images/icons/quit.gif") no-repeat;
}

a.basket{
	background: url("../images/icons/merk.gif") no-repeat;
}

a.data{
	background: url("../images/icons/kundenkonto_icon.gif") no-repeat;
}
a.help{
	margin-top: 5px;
	background: url("../images/icons/help.gif") no-repeat;
}
a.back{
	background: url("../images/icons/back.gif") no-repeat;
}
a.more{
	background: url("../images/icons/uebersicht.gif") no-repeat;
}
a.delete{
	background: url("../images/icons/delete.gif") no-repeat;
}
a.remove{
	background: url("../images/icons/delete.gif") no-repeat;
}
a.edit{
	background: url("../images/icons/edit.gif") no-repeat;
}
.loginbox a.icon{
	/*width: 100%;*/
	display: block;
	padding: 2px 2px 2px 20px;
	border: 1px solid #ccc;
}
a.log{
	background: url(../images/icons/log.gif) no-repeat 2px 2px;
}

div.customer-teaser div.header {
margin:0; padding:1px 2px 1px 2px; background-color:#EBEDFA; overflow:hidden;
}
div.customer-teaser div.body {
margin:0px 0px 2px 0px; padding:0; background-color: #FFFFFF; 
} 
div.customer-teaser div.footer {
margin:0; padding:1px 2px 1px 2px; background-color: #FFFFFF; overflow:hidden; 
}  
div.customer-teaser div.log-button {
margin:0; padding:1px 2px 1px 2px; 
background:#fff url(../images/icons/button-bg.gif) repeat-x 0 100%;
font-size:10px;
border: 1px solid #ccc;
font-weight: bold;
} 

/* notify - bereich für hinweise */
div.notify{
	background-color: #EBEDFA;	
	font-weight: bold;
	padding: 5px 0px 5px 2px;
	margin-bottom: 10px;
}
div.notify div.header{
	background-color: #EBEDFA;	
	font-weight: bold;
	padding: 0px;
	margin-bottom: 10px;
}
div.notify div.body, div.notify div.abstract{
	background-color: #FFFFFF;	
	font-weight: normal;
	padding: 5px 0px 5px 0px;
	margin-bottom: 0px;
}


#navlist {
padding: 3px 0;
margin: 0;
border-bottom: 1px solid #666;
font: bold 12px Verdana, sans-serif;
text-align:left;
}
#navlist li {
list-style: none;
display: inline;
margin: 0;
padding:0;
}
#navlist li a {
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #666;
border-bottom: none;
background: #339900;
text-decoration: none;
}
#navlist li a:link, #navlist li a:visited { color: #fff; }
#navlist li a:hover {
color: #fff;
background: #33CC00;
/*border-color: #666;*/
}
#navlist li a#current {
color: #000;
background: white;
border-bottom: 1px solid white;
}
.registertabs {
padding:0;
margin:0;
}
.registerbox {
padding:0;
margin:0;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
border-left: 1px solid #666;
}
.registerbox h2 {
padding:0;
margin:0;
padding-bottom:4px;
}



/* speziell */

.fett { font-weight: bold; }

.box-header { margin: 0px; padding: 0px; border: 0px; }
.box-body { margin: 0px; padding: 0px; border: 0px; }
.box-footer { margin: 0px; padding: 0px; border: 0px; }
.screenreader { display: none; }

.aus { display: none; }

/* merkliste anzeige */
ul.basket-product-indicator{
	list-style-type: square;
	list-style-position: outside;
	margin: 5px 0px 0px 5px;
	padding: 0px 0px 0px 5px;
}
ul.basket-product-indicator li{
	margin-left: 3px;
}

a#link-basket{
	display: block;
	margin: 5px 0px 5px 0px;
	background: url("../images/icons/merk.gif") no-repeat;	
}