﻿/* START AUS KUNDENVORLAGE */

/*	Basiselemente ----------------------------------------- */
* { margin: 0; padding: 0; font-weight: normal; }

body {
	font-family: Arial, Verdana;
	font-size: 80%;
	color: #666;
	background-color: #82B743;
	background-image: url(images/site_bg.gif);
	background-repeat: repeat-x;
	margin-top: 10px;
}

a { color: #93BD22; }
a:hover { color: #0061AA; }
em { color: #93BD22; font-style: normal; }
p { margin: 0 0 15px 0 ; }
hr { margin: 20px 0; border: 0; border-top: 1px solid #93BD22; }
strong { font-weight: bold; }

/*	Named Elements ----------------------------------------- */
	
#page
{ 
    width: 995px; 
    margin: 0 auto; 
}

#header { 
	position: relative; 
	background: #fff;
	width: 988px;
	height: 348px;
	overflow: hidden;
}

#nav 
{ 
    height: 30px; 
    width: 988px;	
    background: #41775C;
	color: #fff;
	font: 12px Verdana;
	letter-spacing: 1px;	
}

#navi-wrapper  
{
    float:left;
    position: relative;
    width: 233px;
    background-color: #fff;    
    padding: 15px 0 25px 0; 
    margin-left: 5px;
    margin-bottom: 5px;
}

#subnavi 
{
    float: left;
	width: 230px;
	height: 100%;	
	font: 11px Verdana;	
	padding-top: 11px;
	color: #222;
	text-align: left;
}	
#content-wrapper  
{    
    float:right;
    position: relative;
    width: 738px;         
    background-color: #fff;
    padding: 15px 0px 25px 10px;
    margin-right: 8px;
    margin-bottom: 5px;
    text-align: left;
}

#contentfull-wrapper
{   
    position: relative;
    width: 960px;
    background-color: #fff;
    padding: 15px 0px 25px 10px;
    margin-right: 8px;
    margin-bottom: 5px;
    text-align: left;
}

/* Suchknopf */
.btnSubmitHeader
{
    display: block;
    height: 19px;
    width: 19px;    
    background-image: url(images/submit_arrow_green_bg.gif);
    background-repeat: no-repeat; 
    background-color: Transparent;
}
/*	Divs ----------------------------------------- */

div.shadow-wrapper 
{
	background-image: url(images/shadow.png);
	background-repeat: no-repeat;	
	background-position: bottom right;
	margin-bottom: 2px;
	padding-bottom: 7px;
}

div.shadow-wrapperMain
{
	background-image: url(images/shadowV.png);
	background-position: top right;
	background-repeat: repeat-y;			
}

div.shadow-bottom 
{
	background-image: url(images/shadowH.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	height: 12px;	
	margin-bottom: 2px;	
	padding-bottom: 7px;
}

/*	Header ----------------------------------------- */

div.logo  
{
    position: absolute;    
    left: 10px; 
    top: 20px; 
    width: 241px;
}

div.login
{    
    position: absolute;
    left: 0px;
    top: auto;
    bottom: 84px;    
    width: 246px; 
    padding-top: 10px;
    padding-right: 10px;
    height: 45px;
    text-align: right;
    background-color: #e7f1dc;
}

div.search 
{
    position: absolute; 
    left: 0px; 
    top: auto;
    bottom: 0px; 
    width: 256px; 
    height: 84px; 
    background-color: #82B743; 
    color: #fff; 
}

div.headerimage 
{
    position:absolute; 
    width: 733px;
    height: 348px;
    overflow: hidden;
    left: auto;
    right: 0px; 
    top: 0px;    
    vertical-align: middle;
    text-align: center;     
}

a.topTableLogin:link, a.topTableLogin:visited 
{	
    color: #41775c;
	font-weight: normal;
	text-decoration: none;	
}

a.topTableLogin:active, a.topTableLogin:hover 
{	
	color: #82b743;
	text-decoration: underline;
}

/*	MainNavigation ----------------------------------------- */
#nav ul { list-style: none; }
#nav li { float: left; }
#nav a, #nav p 
{ 
    margin: 0; 
    color: #fff; 
    text-decoration: none; 
    display: block; 
    padding: 7px 10px 7px 10px; 
    border-right: 1px solid #82B743; 
}
#nav li.active a, #nav li.trail a, #nav li.active p 
{ 
    background: #0061AA; 
}
#nav a:hover 
{
    background: #82B743; 
}

/*	SubNavi ----------------------------------------- */
.leftNaviCont
{
    float: left;
    width: 218px;
    padding-left: 10px;
    padding-bottom: 10px;
}	

.categoryTitle 
{
    float: left;
    width: 214px;
    padding-left: 4px;
    padding-top: 3px;
    padding-bottom: 5px;
    background-color: #41775c;
    border: dashed 1px #41775c;
    font-weight: bold;
	text-decoration: none;
	color: #fff;
	font: 11px Verdana;	
	letter-spacing: 1px;
}	

a.subnaviLink:link, a.subnaviLink:visited
{
    text-decoration: none;
	color: #222;	
	letter-spacing: 1px;
}

a.subnaviLink:active, a.subnaviLink:hover
{
	text-decoration: none;
	color: #41775c;
	letter-spacing: 1px;
}

a.subnaviTitleLink:link, a.subnaviTitleLink:visited
{
    text-decoration: none;
	color: #fff;
	letter-spacing: 1px;
}

a.subnaviTitleLink:active, a.subnaviTitleLink:hover
{
	text-decoration: none;
	color: #aed085;
	letter-spacing: 1px;
}

/*	Footer ----------------------------------------- */
#footer  
{
    margin-top: 10px; 
    padding-bottom: 30px; 
    color: #fff; 
    font-size: 90%; 
    padding: 0 7px 0 0;
    width: 963px;
    text-align: left;
}

#footer a  
{
    color: #fff; 
}
#footer a:hover  
{
    color: #0061AA; 
}
	
/*	Structure ----------------------------------------- */
	


	
	
/*	________________ PRINT ______________ */
@media print {
	
	#header { height: 150px; }
	#header div.image, #header div.search { display: none; }
	#nav, #left-col, #right-col { display: none; }
	div.shaddow-wrapper, #content-wrapper, body { background: none; }
	#main-col { margin: 0; }
	#footer { margin-top: 40px; padding-top: 10px; border-top: 1px solid #000; }
	#footer, #footer a { color: #666; }
	#footer p.right { display: none; }
	
}

/* ENDE AUS KUNDENVORLAGE */
	
/* Customer Bereich */
.PagerCurrentPage
{
    padding: 2px 6px;
    border: solid 1px #ddd;
    background: #41775c;
    color: White;
}
.PagerPrevNext, .PagerPageNumber
{
    padding: 2px 6px;
    border: solid 1px #ddd;
    text-decoration: none;
    color: #82b743;
}
.PagerPageNumber:hover, .PagerPrevNext:hover
{
    background-color: #82b743;
    color: White;
}

a.ProduktInKategorie:link, a.ProduktInKategorie:visited 
{	
	color: #41775c;
	text-decoration: none;	
}

a.ProduktInKategorie:active, a.ProduktInKategorie:hover 
{	
	color: #82b743;
	text-decoration: none;	
}

/* Start Elemente im Master */

/* Start Container Rahmen GROSS */

tr.containerHeaderTopTR
{
	height: 15px;
}

td.containerHeaderTopLeft
{
	background-image: url(Images/contHeadTopLeft.gif);
	background-repeat: no-repeat;
	width: 29px;	
}

td.containerHeaderTopMiddle
{
	background-image: url(Images/contHeadTopMid.gif);
	background-repeat: repeat-x;	
}

td.containerHeaderTopRight
{
	background-image: url(Images/contHeadTopRight.gif);
	background-repeat: no-repeat;
	width: 31px;	
}

tr.containerHeaderCenterTR
{
	height: 33px;
}
td.containerHeaderCenterLeft
{
	background-image: url(Images/contHeadCenterLeft.gif);
	background-repeat: no-repeat;    
}

td.containerHeaderCenterMiddle
{
	color: #FFFFFF;	
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;
	background-image: url(Images/contHeadCenterMid.gif);
	background-repeat: repeat-x;	
}

td.containerHeaderCenterRight
{
	background-image: url(Images/contHeadCenterRight.gif);
	background-repeat: no-repeat;
}

tr.containerHeaderBottomTR
{
	height: 21px;
}

td.containerHeaderBottomLeft
{
	background-image: url(Images/contHeadBottomLeft.gif);
	background-repeat: no-repeat;
}

td.containerHeaderBottomMiddle
{
	background-image: url(Images/contHeadBottomMid.gif);
	background-repeat: repeat-x;	
}

td.containerHeaderBottomRight
{
	background-image: url(Images/contHeadBottomRight.gif);
	background-repeat: no-repeat;
}
/* Ende Container Rahmen GROSS*/

/* Content CSS */

/* Allgemein */
table.contentInnerTable
{
	/* z.B. in Maske MyVouchers*/
	margin: 5px;
	padding: 0px;
	width: 740px;
	border: dashed 1px #ccc;	
}

/* Kategorien */

/* Newsbereich */

/* Kategorielisten */

.categoryLabel
{		
	color: #394356;
	font-weight: bold;
	font-size: 8pt;
	text-decoration: none;	
}

a.categoryLink:link, a.categoryLink:visited 
{	
	color: #394356;
	font-weight: bold;
	font-size: 8pt;
	text-decoration: none;	
}

a.categoryLink:active, a.categoryLink:hover 
{	
	color: #000066;
	font-size: 9pt;
	text-decoration: underline;
}

/* Produktdarstellungen */

/* ProductSummaryDisplaySmall */

/* ProductSummaryDisplayFull */

/* ProduktAttribute */
td.productAttributeHeaderLeft
{
	border-left: dashed 1px #ccc; 	
	border-bottom: dashed 1px #ccc; 
	text-align: center;
}
td.productAttributeHeaderRight
{
	border-left: dashed 1px #ccc; 	
	border-right: dashed 1px #ccc; 
	border-bottom: dashed 1px #ccc; 
	text-align: center;
}
td.productAttributeContentLeft
{
	border-left: dashed 1px #ccc; 	
	border-bottom: dashed 1px #ccc;
}
td.productAttributeContentRight
{
	border-left: dashed 1px #ccc; 
	border-right: dashed 1px #ccc; 		
	border-bottom: dashed 1px #ccc;
}

/* Gutscheine / Vouchers */
td.generateVoucher
{
	padding: 10px; 
	border-right: #ffcc00 2px dashed; 
	border-top: #ffcc00 2px dashed;
    border-left: #ffcc00 2px dashed; 
    border-bottom: #ffcc00 2px dashed;
}

/* Konfigurator */
td.askTheUser
{
	width: 100%; 
	border-left: dashed 1px #ccc; 
	border-right: dashed 1px #ccc;
	border-top: dashed 1px #ccc;
}
td.answerButtons
{
	border-left: dashed 1px #ccc; 
	border-right: dashed 1px #ccc; 
	border-bottom: dashed 1px #ccc;
}
                                                                   
/* Checkout */
.sectionheader
{
	border-bottom: dotted 1px #dcdcdc;
	color: #65738e;
	font-size: 8pt;
	padding-bottom: 5px;
	font-weight: bold;	
}

/* Standardmaske */
.contentTable
{
	border: solid 1px #ccc;
	text-align: center;
}

.contentTable98
{
	width: 98%;
	border: solid 1px #ccc;
	text-align: center;
}

.contentHeader
{
	height: 30px;
	font-weight: bold;
	font-size: 10pt;
	color: #fff;
	font-family: Arial;
	background-color: #41775c;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
}

.contentLabel
{
	width: 150px;
	font-size: 8pt;
	font-family: Verdana;	
	vertical-align: top;
	border: none;
}

.contentItem
{	
	width: 325px;
	text-align: left;	
	border: none;
}

/* Standardmaske farbige Labels */
table.contentFixedTable
{
	margin: 5px;
	padding: 0px;
	width: 700px;	
}

table.contentFixedTableWithBorder
{
	margin: 5px;
	padding: 0px;
	width: 700px;	
	border: solid 1px #ccc;
}

td.contentColoredLabel
{
	font-size: 8pt;
	font-family: Verdana;
	width: 150px;
	margin-bottom: 3px;
	vertical-align: top;
	background-color: #41775c;
	color: #fff;
	text-align: left;
}

td.contentColoredItem
{
	width: 550px;
	margin-bottom: 3px;
	background-color: #fff;
	text-align: left;
}

/* Textformatierungen */

/* Kalkulatoren */

/* Scheduler */
.heading {
	FONT-SIZE: x-small; 
	FONT-FAMILY: Arial; 
    BACKGROUND-COLOR: #007FCC;
	color: white;
	font-weight: bold;
    border-bottom:1px solid #7FCCFF;
    border-right:1px solid #7FCCFF;
    border-top:1px solid #7FCCFF;
    border-left:1px solid #7FCCFF;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr= '#b8860b' , EndColorStr= '#daa520' );
}
.haupt{
	FONT-SIZE: xx-small; 
	FONT-FAMILY: Arial; 
    color: white;
	font-weight: bold;    
}

.normal {
	FONT-SIZE: xx-small; 
	FONT-FAMILY: Tahoma; 
	TEXT-ALIGN: center;
	BACKGROUND-COLOR: #aa0000;
	color: #fff;	
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr= '#880000' , EndColorStr= '#aa0000') }
	
.normalline {
	FONT-SIZE: xx-small; 
	FONT-FAMILY: Tahoma; 
	TEXT-ALIGN: center;
	BACKGROUND-COLOR: #aa0000;
	color: #fff;	
	text-decoration: underline;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr= '#880000' , EndColorStr= '#aa0000') 
}
.normal2 {
	FONT-SIZE: xx-small; 
	FONT-FAMILY: Tahoma; 
	TEXT-ALIGN: center;
	BACKGROUND-COLOR: #ddeeff;
	color: #fff;	
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr= '#880000' , EndColorStr= '#aa0000') }
.normal2line {
	FONT-SIZE: xx-small; 
	FONT-FAMILY: Tahoma; 
	TEXT-ALIGN: center;
	BACKGROUND-COLOR: #ddeeff;
	color: #fff;	
	text-decoration: underline;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr= '#880000' , EndColorStr= '#aa0000') }
.empty
{
	font-size: xx-small;
	background-color: #fffacd;
}

/* Ratings */

/* AJAX Calendar */

/* admin master Navigation */


