/* body */
body { margin:0px;
font-family: arial, helvetica, modern, "sans serif";
font-size:8pt; color:#4d597a; background:#fff;
}

/* h1 -  ... */
h3 { font-size:9pt;margin-bottom:0.4em;}

/* basic classes sitewide */
.clear { clear:both; }
.float { float:left; }
.hide { display:none }
img.float { float:left; margin-right:1em;}
img.floatright { float:right; margin-left:1em;}
.border {border:1px solid #4d597a; }
.noborder { border:0px none }
/* links allgemein */
a {color:#4d597a;text-decoration:none;}

/* outer page, centered */
/*#outer {
  width:960px;
  margin-left:auto;
  margin-right:auto;
  height:600px;
}*/

/* bg verlauf table */
/*table { }
td.background_sidebar_left, td.background_sidebar_right {width:25px; margin:0px;padding:0px;}
td.background_sidebar_left { background: url(../template/images/sidebg_left.jpg); }
td.background_sidebar_right { background:url(../template/images/sidebg_right.jpg); }
*/
/*
.background_sidebar_left, .background_sidebar_right { height:100%;float:left; width:25px; }
.background_sidebar_left { background: url(../template/images/sidebg_left.jpg); }
.background_sidebar_right { background:url(../template/images/sidebg_right.jpg); }
*/

/* inner elements, columns */
#inner { }
/*
#inner { border-bottom:1px solid #c6c9d8;}
#header { border-bottom:1px solid #c6c9d8; }
*/
#logodiv { float:left; width:226px; }
#logodiv img { margin-left:30px; margin-top:0px; border:0px none;}
#logodiv p { margin:0px;  margin-left:32px; }

#maincontent { float:left; width:495px; padding:8px;
    background-image:url(../template/images/mainbg.png);
    background-repeat:repeat-x;
    padding-left:5px;}

#rightcol { float:left; width:145px;
    background-image:url(../template/images/mainbg.png);
    background-repeat:repeat-x;}

/* links maincontent*/
/*#maincontent a {color:#4d597a;text-decoration:none; border-bottom:1px dotted #4d597a;}*/

/* standard page content */
.pagecontent img { margin-right:1em; margin-bottom:1em; }

/* standard klasse für fckeditor, bild im fluss */
#maincontent img.page  { margin-right:1em; margin-bottom:1em; float:left; border:1px solid #333;}
#maincontent img.noborder  { margin-right:1em; margin-bottom:1em; float:left;}
#maincontent img.nofloat  { margin-right:1em; margin-bottom:1em;  border:1px solid #333;}
#maincontent img.nobordernofloat  { margin-right:1em; margin-bottom:1em; float:left;}

/* minus margin because of editor's handling list li */
#maincontent li { margin:-0.2em; }

#maincontent h5  { margin:0px; margin-top:-1.2em;color:#450064; font-size:8pt;  font-weight:normal;}
#maincontent h5 a {  color:#450064; }

#leftcontent {padding:14px; }
/* top right , search , kontakt .. */
#topright { display:none; }
#kontakt { text-align:right;}
#kontakt img { border:0px none;}

/* menu */
#menudiv { display:none;}


/* quickmenu , menu seitlich mit bg*/
#quickmenu { display:none;}


/* form fields */
.stdform { border:1px solid #879bb0; font-size:8pt; padding:1px; color:#879bb0; }

/* login box */
#userbox  { display:none; }
#leftbox  { display:none; }

/* list columns */
.listcol { float:left; width:163px; padding-right:2px;}
.listblockcol {  float:left; width:163px;padding-right:2px;}
.listblockcol a { display:block;}
.listblockcol a.even { background: #fff;}
.listblockcol a.odd { background: #e7e9f2;}
.listblockcol h3  { color:#fff; background:#450064; padding:2px; font-size:8pt; margin:0px; margin-bottom:4px;}
.listblockcol h3 a {color:#fff; }

/* footer */
#footer { font-size:0.9em; color:#bac1d8; margin-top:1em; }
#footermenu  { display:none;}
#footertext  { float:right; width:240px; }

/*---------------------------------------------------------------------------------*/

/* overview blog news */
.blognews img.head { width:140px; float:left; margin-right:1em; border:1px solid #222;}
.blognews img.panorama { width:480px; border:1px solid #222;}
.blognews p { margin:0.2em; }
.blognews h4 { font-size:10pt; }

/* crew page */
.dbluxteam { padding:4px; margin:4px; border-bottom: 1px solid #bac1d8; height:12em; width:250px;}
.dbluxteam b {color:#161f42; font-size:1.2em; }
.dbluxteam img  {border:1px solid; height:55px;  width:55px; margin-right:5px;}
.dbluxteam div { float:left; }
.dbluxteam a {color:#161f42;font-weight:bold; }
/*---------------------------------------------------------------------------------*/

/* product , details */
#produkt_detail { padding-top:14px; }
#produkt_detail #leftc { float:left; width:200px; }
#produkt_detail #rightc { float:left; width:280px;}

#leftc .infoblock {
        width:170px;margin-left:10px; }
#leftc .infoblock div { padding:4px; font-size:0.8em;}
#leftc .infoblock span { display:block;padding:4px;background:#450064; text-transform:uppercase;
            color:#fff; margin:0px; font-weight:bold;}

#produkt_detail #leftc p { margin-left:10px; color:#450064; }
#produkt_detail #leftc p a {font-weight:bold;color:#450064;}

#produkt_detail table.data  { border-collapse:collapse; width:258px; border:1px #dee2eb solid; padding:4px;}
#produkt_detail table.data th { background:#161f42; color:#fff; padding:4px; font-weight:normal; text-transform:uppercase ;}
#produkt_detail table.data td { padding:3px;}
#produkt_detail tr.even {background: #fff; }
#produkt_detail tr.odd {background: #e7e9f2;}
#produkt_detail div.finish { background-image:url(../template/images/product/daten_bottom.png);
        border-left:0px none;border-right:0px none;height:1em;background-repeat:no-repeat;}
#produkt_detail table.data tr td:first-child {text-align:right;}

#artikelnr { width:10em; text-align:right; }
#produkt_detail h2.subtext { float:left; width:150px; }

/*
#product_price { background:url(../template/images/product/price_bg.png);
      background-repeat:no-repeat; height:40px; width:170px;
      text-align:center; margin-left:10px; padding-top:5px;}
*/
/*
#product_price.noprice { padding-top:8px; }
*/

#product_price { width:170px; text-align:center; margin-left:10px; margin-bottom:1em;}
#leftc #product_price b { margin:0px;font-size:12pt; color:#450064;}
#leftc #product_price p { margin:0px; color:#450064; font-size:7pt; }
#leftc #product_price b.EK { color:#f7210d; display:block;}
#leftc #product_price p.EK { color:#f7210d;  margin-bottom:0.5em;}
#product_price .topframe { background:url(../template/images/imgframe_top.png);
        background-repeat:no-repeat; height:14px; width:164px; }
#product_price .bottomframe { position:relative; background:url(../template/images/imgframe_bottom.png);
        background-repeat:no-repeat; height:16px; width:164px; }
#product_price .middle { width:163px;  }

#produkt_detail #downloads  { color:#450064;  width:170px;margin-left:10px; margin-top:1em; }
#produkt_detail #downloads span { font-weight:bold; font-size:9pt; }
#produkt_detail #downloads div { font-size:7pt; }

#produkt_detail h1 { color:#450064;  margin-top:0.2em; margin-bottom:0.0em; font-size:20pt;}
#produkt_detail h2, #produkt_detail h2 a { color:#450064; font-size:8pt; margin:0px; font-weight:normal;}
/* produkt text begrenzen */
#produkt_detail #rightc p { width: 265px; }

/* (produkt) bild und rahmen */
#detail_pic { margin-top:10px; margin-left:12px;
        width:180px; margin-bottom:8px;  }
img.detail_pic { width:138px; margin-left:10px; margin-top:4px; margin-bottom:4px;}

#detail_pic .topframe { background:url(../template/images/imgframe_top.png);
        background-repeat:no-repeat; height:14px; width:164px; }
#detail_pic .bottomframe { position:relative;
        background-repeat:no-repeat; height:16px; width:164px; }
#detail_pic .middle { width:163px; }

#produkt_detail #imgctr {display:none;}


/* layer mit bild in grossformat */
#pictureView { position:absolute; top:120px; left:290px; background:#fff;
    margin:10px; padding:10px; border:1px solid #c3cdd7;
    display:none; z-index:100; width:300px;
    }
#pictureView #fullsizePicture { width:300px; }
#pictureView #ctrtop img { float:right; cursor:pointer; margin-bottom:1em;}
/*---------------------------------------------------------------------------------*/

/* news / box */
.boxbox { width:235px; float:left; margin:4px;}
.boxbox h3 { font-size:9pt; margin-bottom:3px;margin-top:3px;}
.boxbox img {  width:60px; float:right;
      margin-left:1em; margin-bottom:0.5em; margin-top:0.25em;
      border:1px solid #333; }

/*---------------------------------------------------------------------------------*/
/* rightcol */
#rightcol .listcol { width:163px; padding-right:2px;  font-size:0.8em; padding-bottom:4px; margin-bottom:4px;}
#rightcol h2 { color:#fff; background:#450064; padding:2px; font-size:8pt; margin:0px; margin-bottom:4px;}

#rightcol .listcol a { font-weight:normal; height:1.6em;display:block;}
#rightcol .listcol a:hover {  color:#333;}

#rightcol .boxbox { width:153px; font-size:0.8em; }
#rightcol .boxbox img {width:5.6em; float:right;}

.srchidden { display:none; }

/* subtopic/hersteller menu  - box*/
#rightcol div.desthidden { width:161px; padding-right:2px;  font-size:0.8em;
		padding-bottom:0px; margin-bottom:4px;}


/** subtopic/hersteller menu  - links zum waehlen der liste */
#rightcol div.selector a { display:block;color:#fff;
	 cursor:pointer; margin-left:0px; padding-left:7px;}
#rightcol div.selector a.on { font-weight:bold; cursor:default;
	background:url(../template/images/product/pfeil_header_inv.gif);
	background-repeat:no-repeat;
	background-position:0px 2px; }

#rightcol div.selector a.off { font-weight:normal; }
#rightcol div.selector  { background:#450064; padding:2px;display:block }

/*
#rightcol div.selector a.on:before {content:url(../template/images/product/pfeil_header_inv.gif)" "; }
#rightcol div.selector a.off:before {content:url(../template/images/product/pfeil_header_spacer_v.gif)" "; }
*/

/** subtopic/hersteller menu  - links in der liste */
#rightcol div.desthidden a { height:1.5em; display:block;
					margin-left:2px; padding-left:7px; white-space:nowrap;}
#rightcol div.desthidden a:hover {background:url(../template/images/product/pfeil_header.gif);
			background-repeat:no-repeat;
			background-position:0px 1px; }
#rightcol div.desthidden a.active {
			background:url(../template/images/product/pfeil_header.gif);
			background-repeat:no-repeat;
			background-position:0px 1px;}
/*
#rightcol div.desthidden a:before { content:url(../template/images/product/pfeil_header_spacer.gif)" ";  }
#rightcol div.desthidden a.active:before { content:url(../template/images/product/pfeil_header.gif)" ";  }
#rightcol div.desthidden a:hover:before { content:url(../template/images/product/pfeil_header.gif)" ";  }
*/



/**
-------------------------------------------------
forms + form fields, user side
*/

div.htmlinterface { width:400px; padding:5px;
border-bottom:1px #99a solid;
border-right:1px #99a solid;
border-top:1px #ccd solid;
border-left:1px #ccd solid;
}
div.htmlinterface input { border:1px #c3cdd7 solid; padding:2px; color:#4d597a; }
div.htmlinterface input.active { border:1px #4d597a solid; }
div.htmlinterface input.error { border:1px #c30 solid; }
div.htmlinterface h4 { font-size:9pt; line-height:11pt;color:#4d597a;
margin:0px; margin-top:0.4em; width:110px;font-weight:bold;
}


div.htmlinterface div.TextValue input { width:280px; margin:1px; font-size:0.8em;  }
div.htmlinterface div.FormReadOnly input { width:280px; margin:1px; font-size:0.8em; border-color:#eef;padding:2px; }
div.htmlinterface div p { font-color:#ccc; margin:0px; font-size:0.8em; }
div.htmlinterface div.Checkbox { margin-bottom:1em; }

div.htmlinterface select { margin:1px;  border:1px #c3cdd7 solid;  color:#4d597a; }

div.htmlinterface input.submit { margin-top:1em;
				border:1px #161f42 solid;
				border-top:1px #c3cdd7 solid;
				border-left:1px #c3cdd7 solid;
				padding:1px;
				background:#4d597a; color:#fff; }

div.htmlinterface div.error { color:#c30; }

/*form header */
div.htmlinterface div.header { border-bottom:1px dotted #88a;
margin-bottom:1em; padding-bottom:1em; }
div.htmlinterface h3 { font-size:13pt; font-weight:bold;color:#4d597a;
margin:0px; float:left; width:90%; }
 #ctrtop { float:left; }
 #ctrtop img { border:0px; width:30px; }

/* non-editing data display (e.g for user options) */
div.datadisplay { width:300px; }
p.changelink { }
p.changelink a { color:#c30;  margin-right:1em;}
p.changelink a:hover { border-bottom:1px dotted #d8a953;}

/* ----------------------------------------------------- -*/


/** admin ctr --------------------------- */
#adminctr { display:none; }