/* ##################### speziell CYPACC #######################################*/

@import url("mandant_addon.css");

/* ####### Ueberschriften ######*/
h1, h2, h3, h4 { font-weight:bold }
h1 { font-size: 20px; color:#191919 }
h2 { font-size: 17px; color:#333333 }
h3 { font-size: 12px; color:#000000 }
h4 { font-size: 14px; color:#000000 }

/* ### Definierte HTML-Elemente ### */
html
{
	height:100%;
}

body
{
	height:100%;
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	border:0px none #FFFFFF;
	margin:0px;
        background:url('../img/body-bg-pattern.gif') repeat-y scroll -2px #FFFFFF;
}

div.page-main 
{
	background:url('../img/body-bg-pattern.gif') repeat scroll 0 0;
	width: 980px;
        margin: 0 auto;
	height: auto !important;
        min-height: 100%;
}
/*div.head_cypacc_logo {
    position:absolute; 
    background:url('../img/cypacc_logo.png') no-repeat; 
    top:24px; 
    left:9px;
}*/

#homelink_position{ position:absolute; top:24px; left:9px; width:190px; height:135px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='skins/default/img/head-cypacc.png', sizingMethod='crop'); }
*[id="homelink_position"] {
    background: url('../img/head-cypacc.png') no-repeat scroll 0 0 transparent;
}

#chuck { position:absolute; width:145px; height:150px; right:18px; top:20px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='skins/default/img/head-chuck.png', sizingMethod='crop'); }
*[id="chuck"] { background: url("../img/head-chuck.png") no-repeat; }

div.hide { display: none; }

/* ### Tabelle fuer Hersteller und Modelle ### */
.ModelsTable {
	background-color:#FFFFFF;
	margin:3px;
	border-collapse:collapse;
}

.ModelsTable td { padding:3px; border:solid 1px #787878; }

/* Kategorieinfo ind der Artikelansicht */
.CategoryInfo {
	background-color:#FFE4B3;
	border:2px solid #FDB913;
	padding:5px;
	font-size:8pt;
	width:100%;
	border-collapse:collapse;
}
.CategoryInfo td {
	padding:3px;
}
.CategoryInfo .CategoryInfoImage {
	padding:3px 7px 7px 7px;
	width:1%;
}
.CategoryInfo hr {
	border:0px;
	border-top:1px solid #FDB913;
	margin:5px 0px 5px 0px;
	height:0px;
}

/* ### Allgemein ### */
.fliessHinterlegt
{
	font-size:11px;
	color:#000000;
	background-color:#efefef;
	/*background-color:#CDEAD8;*/
}

.attention  { color:#FF0000; }
td.attention  { color:#FF0000;background-color:#FFEEBB; }

.Zeile1  { font-size:13px; background-color:#e0e0e0}
.Zeile2  { font-size:13px; background-color:#efefef}

/*.firstline  { font-size:11px; color:#FFFFFF; background-color:#7B7979; text-align:left; padding:4px;}*/
.firstline  { font-size:11px; color:#FFFFFF; background-color:#000000; text-align:left; padding:4px;}
th.firstline * { font-weight:bold; }
th.firstline a { font-weight:normal }
th.firstline .imgline .button-link { padding-top:9px; }

a:link.big  { font-size:55px; font-weight:bold; color:#00A75F; text-decoration:none; }
a:visited.big  { font-size:55px; font-weight:bold; color:#00A75F; text-decoration:none; }
a:active.big  { font-size:55px; font-weight:bold; color:#00A75F; text-decoration:none; }
a:hover.big  { font-size:55px; font-weight:bold; color:#00A75F; text-decoration:none; }

.img
{
  vertical-align:middle;
}

/* ### Daten-Tabllen ### */
table.Daten
{
  background-color:#FFFFFF;
  color:#000000;
  font-size:11px;
  font-weight:normal;
  text-align:left;
  vertical-align:top;
  border-collapse:collapse;
}
th.Daten
{
  color:#000000;
  background-color:#F1F1F1;
  font-size:11px;
  font-weight:bold;
  line-height:normal;
  padding:2px 6px 2px 6px;
  text-align:left;
  text-decoration:none;
  vertical-align:middle;
  border:0px;
}

td.Daten
{
  color:#000000;
  background-color:#F1F1F1;
  font-size:11px;
  padding:2px 5px 2px 5px;
  text-align:left;
  vertical-align:top;
  border:1px solid white;
}

.Daten, .DatenCenterBorder
{
  color:#000000;
  background-color:#F1F1F1;
  font-size:11px;
  padding:2px 5px 2px 5px;
  text-align:left;
  vertical-align:top;
  border:1px solid white;
}

td.DatenSprachen
{
  color:#000000;
  background-color:#cdead8;
  font-size:12px;
  margin:0px;
  text-align:left;
  vertical-align:middle;
  padding:3px;
}

td.Invert
{
  color:#EEEEEE;
  background-color:#00A75F;
  border:0px solid #00A75F;
  font-weight:bold;
  font-size:12px;
  line-height:normal;
  margin:0px;
  padding:1px 2px 1px 2px;
  text-align:left;
  text-decoration:none;
  vertical-align:top;
}

.Daten1, .DatenCenterBorder1
{
  background-color:#e0e0e0;
  border:0px solid #00A75F;
  color:#000000;
  font-size:11px;
  padding:1px 2px 1px 2px;
  text-align:left;
  vertical-align:top;
}

.Daten2, .DatenCenterBorder2
{
  background-color:#efefef;
  border:0px solid #00A75F;
  color:#000000;
  font-size:11px;
  padding:1px 2px 1px 2px;
  text-align:left;
  vertical-align:top;
}

.DatenCenterBorder, .DatenCenterBorder1, .DatenCenterBorder2
{
	text-align:center;
	vertical-align:middle;
	border:1px solid gray;
	padding:2px;
}

.LinkedArticleColor1
{
  color:#000000;
  background-color:#FFE9AD;
  font-size:12px;
  margin:2px;
  text-align:left;
  vertical-align:top;
}

.LinkedArticleColor2
{
  color:#000000;
  background-color:#efefef;
  margin:2px;
  font-size:12px;
  text-align:left;
  vertical-align:top;
}

.ArticleEditHead
{
  background-color:#00A75F;
  padding:4px 10px 4px 5px;
  font-weight:bold;
}

.head_category_button
{
	font-size:12px;
	font-weight:bold;
	background-repeat:repeat-x;
	text-align:center;
	vertical-align:middle;
	width:48px;
}

/*Anzeige des Preises f�r Artikel des Tages auf der Startseite*/
.HomeArticleHighlightPrice, .HomeArticleHighlightOther
{
	font-size:24px;
	font-weight:bold;
	color:#E1273C;
}

/*Anzeige weitere Artikel des Tages auf der Startseite*/
.HomeArticleHighlightOther
{
	font-size:13px;
}

/* ### Sonstige Tabellen ### */
table.ArticleTable td { padding:2px; }
table.ArticleTable td.Daten1, table.ArticleTable td.Daten2 { background-color:#efefef }
	
.Blaettern  {
  color:#000000;
  background-color:#CDEAD8;
  margin:2px; }

.Aktion  {
  color:#000000;
  background-color:#F1F1F1;
  border:1px solid white;
  margin:0px;
  padding:2px;
  font-size:11px;
  vertical-align:top;
  text-align:center; }

.Fuss  {
  color:#000000;
  background-color:#E0E0E0;
  border:0px solid #00A75F;
  margin:2px;
  font-size:12px;
  vertical-align:top;
  text-align:center; }

.FussDaten  {
  color:#000000;
  background-color:#E0E0E0;
  border:0px;
  margin:2px;
  font-size:12px;
  vertical-align:top;
  text-align:left; }

td.ModulMenuItem  {
  background-color:#CDEAD8;
  text-align:center;
  vertical-align:middle;
  padding:1px 5px 1px 5px;
  height:26px; width:26px; }

/* ### Listen ### */
dl  {
  margin:0px 0px 0px 20px;
  text-indent:0pt; }

dt  {
  margin:5px 0px 0px 0px;
  font-size:14px; font-weight:bold; color:#000000; }

dd  {
  margin:0px 0px 10px 20px;
  font-size:13px; color:#000000; text-indent:0pt; }

/* ### Klappboxen und Eingabefelder ### */

/*das kann leider der IE noch nicht*/
input[type=text], input[type=password], input[type=checkbox]
{
	border:1px solid #808080;
	font-size:12px;
}

/*das kann der IE, aber nur wenn es einzeln aufgefuehrt wird!*/
.InputField, select, textarea
{
	border:1px solid #808080;
	font-size:12px;
}

input.InputArticleOrderAmount { width:25px; }

.EinstellungenKundendaten { width:250px }

.InputField_ItemRemark { width:180px; border:1px solid #808080; font-size:12px; }

/* ### Fortschrittsanzeige ### */
#progress
{
  background-color:#CDEAD8;
  border-width:2px;
  border-style:solid;
  border-color:#00A75F;
  padding:3px;
}

/* ### Fortschrittsanzeige der Klasse ProgressBar Begin ### */

	.ProgressBar
	{
		margin:0px;
		padding:0px 3px 0px 3px;
		color:#000000;
		font-weight:normal;
		font-size:10pt;
		text-align:center;
		vertical-align:top;
		background-color:#FFECC1;
		border:0px;
	}

	table.ProgressBar
	{
		width:300px;
		padding:0px;
		border:2px ridge #CCCCCC;
	}

	th.ProgressBar
	{
		font-weight:bold;
		font-size:12pt;
		text-align:left;
		background-color:#EED1A5;
		/*border-bottom:2px ridge #CCCCCC;*/
	}

	td.ProgressBar
	{
		height:30px;
		padding-top:5px;
	}

	div.ProgressBar_BarCell
	{
		height:25px;
		width:202px;
		margin-top:10px;
		text-align:left;
		background-color:#EEEEEE;
		border:1px solid #AAAAAA;
	}

	div.ProgressBar_Bar
	{
		height:25px;
		width:0px;
		position:relative;
		text-align:center;
		vertical-align:middle;
		background-color:#F5B649;
	}

	div.ProgressBar_Percent
	{
		width:50px;
		position:absolute;
		left:62px;
		top:5px;
		color:#000000;
		font-weight:bold;
		text-align:right;
	}

	iframe.ProgressBar
	{
		height:100px;
		width:300px;
		margin:0px;
		padding:0px;
		position:absolute;
		display:none;
/*		color:transparent;*/
		text-align:left;
		vertical-align:top;
		background-color:transparent;
		border:0px;
	}

/* ### Fortschrittsanzeige der Klasse ProgressBar Ende ### */


/* ### Meldungen im Kopf der Seite ### */
.HeadMessage
{
	font-size:12px;
	font-weight:bold;
	color:#D7061B;
}

.alert
{
	font-weight:bold;
	font-size:12px;
	color:#CC0000;
	background-color:transparent;
	vertical-align:top;
	text-align:justify;
}

.error
{
  font-weight:bold;
  font-size: 12px;
  color:#AA0000;
  padding:3px;
  border:1px solid #CC0000;
  background-color:#FFFFFF;
  vertical-align:top;
  text-align:left;
}
table.error { margin-left:12px; }

div.error-msg 
{
	width: 30%;
	border: 1px solid #A00000;
	color: #A00000;
	padding:4px;
	font-weight: bold;
	margin-bottom: 10px;
}

div.error-msg.no-error { display: none; }

th.Admin  {
  color:#000000;
  background-color:#999999;
  margin:2px;
  padding:2px;
  font-weight:bold;
  font-size:12px;
  text-decoration:none;
  text-align:left;
  vertical-align:top; }

.null
{
  margin:0px;
  padding:0px;
}

/* ### Tabelle allgemein ### */
table
{
	vertical-align:top;
}

th
{
	font-weight:bold;
	font-size:11px;
	vertical-align:top;
}

td
{
	font-size:11px;
	vertical-align:top;
	margin: 0px;
	padding: 0px;
}


/* ### Text Gestaltung ### */
p
{
	font-size:11px;
	margin:0px;
	padding:0px 0px 10px 0px;
}


a:visited
{
	color:#000000;
	text-decoration:underline;
}

a:link
{
	color:#000000;
	text-decoration:underline;
}

a:hover
{
	color:#000000;
	text-decoration:none;
}

a:active
{
	color:#000000;
}

form
{
	margin:0px;
	border:0px;
	display:inline;
}


a:visited.katalog, a:link.katalog, a:hover.katalog, a:active.katalog
{
	color:#000000;
	text-decoration:none;
}

/* Warenkorb */
.shopbasket
{
	font-weight:bold;
	font-size:11px;
}

.infotextautoblock /* wird zur automatischen Formatierung von Infotexten benutzt (z.B. Kategoriebeschreibungen) */
{
	-moz-box-sizing:border-box;
	float:left;
	padding-right:17px;
	padding-bottom:12px;
	width:50%;
}

/* ### Druckvorschau ### */

table.print
{
  vertical-align:top;
  border:1px solid black;
}

th.print
{
  font-weight:bold;
  font-size:12px;
  vertical-align:top;
  border:1px solid black;
}

td.print
{
  vertical-align:top;
  margin:0px 0px 0px 0px;
  padding:1px 1px 1px 1px;
  border:1px solid black;
}

/* ### Message-Box ### */
/* der Layer */
div.MessageBox
{
  visibility:hidden;
  position:absolute;
  width:1px;
  background-color:transparent;
/*  background-color:#FF0000;*/
  overflow:visible;
  z-index:100;
}

/* die �u�ere Tabelle(das eigendliche Fenster) */
table.MessageBox
{
  color:#000000;
  margin:0px;
  padding:0px;
  font-weight:normal;
  font-size:12px;
  text-align:left;
  vertical-align:top;
/*  background-color:#CC0001;*/
  background-color:transparent;
  border:5px ridge #CCCCCC;
}

th.MessageBox
{
  padding:0px 3px 0px 3px;
  color:#000000;
  background-color:#EED1A5;
  margin:0px;
  font-weight:bold;
  font-size:13px;
  line-height:normal;
  text-decoration:none;
  text-align:center;
  vertical-align:middle;
  border:0px;
}

td.MessageBox
{
  color:#000000;
  background-color:#FFECC1;
  margin:0px;
  padding:1px 3px 1px 3px;
  text-align:center;
  font-size:12px;
  text-align:left;
  vertical-align:top;
  border:0px;
}

/* -------- Buttons --------- */
div.button-link { height:19px; white-space:nowrap; }
div.button-link a:link, div.button-link a:visited, div.button-link a:active, div.button-link a:hover
{ 
	display:block;
	height:100%;
	text-decoration:none;
}

div.button-link a { float:left; }

div.button-link a.l, div.button-link a.r { width:7px; }
div.button-link a.basket { width:30px; }
div.button-link a.l { text-align:right; }
div.button-link a.r { text-align:left; }
div.button-link a.c { padding-top:2px; background-image:url(../img/button/button_c.gif); background-repeat:repeat-x; }

table.Button
{
  color:#000000;
  margin:0px;
  padding:0px;
  font-weight:normal;
  font-size:13px;
  text-align:left;
  vertical-align:middle;
  border:2px outset #CCCCCC;
}

td.Button
{
  color:#000000;
  background-color:#EED1A5;
  margin:0px;
  padding:1px 3px 1px 3px;
  font-size:13px;
  text-align:center;
  vertical-align:middle;
  border:0px;
}

a.button:visited, a.button:link, a.button:hover, a.button:active  
{
	color:#000000; text-decoration:none; font-weight:bold; display:block;
}

/* damit der ganze Button ein Link ist */
#MsgBoxButton a  { display:block; }
/* Ende Message-Box */


/* ### InfoBox ### */
/* der Layer */
div.InfoBox
{
  visibility:hidden;
  position:absolute;
  width:250px;
/*  background-color:#FF0000;*/
  background-color:transparent;
  overflow:visible;
  z-index:100;
	display:none;
}
.InfoBoxIFrame
{
	position:absolute;
	top:0px;
	left:0px;
	width:250px;
	height:0px;
	display:none;
	z-index:99;
}
/* die �u�ere Tabelle(das eigendliche Fenster) */
table.InfoBox
{
  color:#000000;
  margin:0px;
  padding:0px;
  font-weight:normal;
  font-size:12px;
  text-align:left;
  vertical-align:top;
  background-color:#CC0001;
  border:2px ridge #CCCCCC;
	width:100%;
}

th.InfoBox
{
  padding:0px 3px 0px 3px;
  color:#000000;
  background-color:#EED1A5;
  margin:0px;
  font-weight:bold;
  font-size:13px;
  line-height:normal;
  text-decoration:none;
  text-align:center;
  vertical-align:middle;
  border:0px;
	width:100%;
}

td.InfoBox
{
  color:#000000;
  background-color:#FFECC1;
  margin:0px;
  padding:1px 3px 1px 3px;
  text-align:center;
  font-size:12px;
  text-align:left;
  vertical-align:top;
  border:0px;
	width:100%;
}
/* Ende InfoBox */


/* #################### Men� ####################### */
/* Links im Menu */
a.Menu:visited { color:#FFFFFF; text-decoration:none; font-weight:bold; font-size:12px; display:block; }
a.Menu:link { color:#FFFFFF; text-decoration:none; font-weight:bold; font-size:12px; display:block; }
a.Menu:hover{ color:#FFFFFF; text-decoration:none; font-weight:bold; font-size:12px; display:block; }
a.Menu:active { color:#FFFFFF; text-decoration:none; font-weight:bold; font-size:12px; display:block; }

a.MenuAktiv:visited { color:#FFFFFF; text-decoration:none; font-weight:bold; font-size:12px; display:block; }
a.MenuAktiv:link { color:#FFFFFF; text-decoration:none; font-weight:bold; font-size:12px; display:block; }
a.MenuAktiv:hover { color:#FFFFFF; text-decoration:none; font-weight:bold; font-size:12px; display:block; }
a.MenuAktiv:active { color:#FFFFFF; text-decoration:none; font-weight:bold; font-size:12px; display:block; }

a.MenuSub:visited { color:#FFFFFF; text-decoration:none; font-weight:bold; font-size:12px; display:block; }
a.MenuSub:link { color:#FFFFFF; text-decoration:none; font-weight:bold; font-size:12px; display:block; }
a.MenuSub:hover { color:#FFFFFF; text-decoration:none; font-weight:bold; font-size:12px; display:block; }
a.MenuSub:active { color:#FFFFFF; text-decoration:none; font-weight:bold; font-size:12px; display:block; }

a.MenuSubAktiv:visited { color:#FFFFFF; text-decoration:none; font-weight:bold; font-size:12px; display:block; }
a.MenuSubAktiv:link { color:#FFFFFF; text-decoration:none; font-weight:bold; font-size:12px; display:block; }
a.MenuSubAktiv:hover { color:#FFFFFF; text-decoration:none; font-weight:bold; font-size:12px; display:block; }
a.MenuSubAktiv:active { color:#FFFFFF; text-decoration:none; font-weight:bold; font-size:12px; display:block; }

.MenuButton
{
	padding-top:1px;
	width:155px;
	height:24px;
}

.MenuButtonAktiv
{
	padding-top:1px;
	width:155px;
	height:24px;
}

.MenuButtonDiv
{
	padding-left:0px;
	width:155px;
	overflow:hidden;
	float:left;
	cursor:pointer;
}


.MenuSubButton
{
	padding-top:1px;
	height:24px;
}

.MenuSubButtonAktiv
{
	padding-top:1px;
	height:24px;
}

.MenuSubButtonDiv
{
	padding-left:0px;
	width:155px;
	overflow:hidden;
	float:left;
	cursor:pointer;
}

/* ButtonAndLink */
div.button-and-link { white-space: nowrap; }
div.button-and-link .bal-link
{
  text-align:left;
  font-size:12px;
  font-weight:bold;
  vertical-align:middle;
  padding-left:4px;
}

div.button-and-link .bal-btn { vertical-align: bottom; }
	

table .AIDLine .bal-link a { color:#FFFFFF }

/* ### HTML_List */
.HTMLList_Title
{
	font-size:13px;
	font-weight:bold;
	background-color:#DADADA;
	color:#000000;
}

.HTMLList_Daten
{
	margin:0px;
	table-layout:fixed;
}

/*########### Image Download Bereich ############*/
.image_container, image_detail_container
{
	width:80px;
	height:60px;
	text-align:center;
	vertical-align:middle;
	border:1px solid #707070;
}

.image_detail_container
{
	height:30px;
	/*background-color:#F1F1F1;*/
}

.image_download_images
{
	position:relative;
	width:700px;
	height:535px;
}

.image_download_category_tree
{
	position:relative;
	width:210px;
	height:525px;
	overflow:auto;
	padding:4px 6px 2px 6px;
	background-color:#F1F1F1;
}

.image_aid
{
	text-align:left;
	padding:3px 3px 3px 6px;
	width:86px;
	vertical-align:middle;
	border-right:2px solid #FFFFFF;
	/*background-color:#F1F1F1;*/
}

.image_aid input
{
	margin:0px;
	margin-right:5px;
}

.image_download_aid_line
{
	border-left:6px solid #FFFFFF;
	background-color:#F1F1F1;
}

.image_download_licence
{
	height:150px;
	overflow:auto;
	margin:12px 2px 12px 2px;
	background-color:#FFFFFF;
	border:1px solid #000000;
	padding:5px;
	font-size:12px;
}

.image_download_imagepreview
{
	width:150px;
	height:150px;
	border:1px solid #000000;
	background-color:#FFFFFF;
}

a.Text:visited { color:#000000; text-decoration:none; font-weight:normal;display:block; }
a.Text:link { color:#000000; text-decoration:none; font-weight:normal;display:block; }
a.Text:hover { color:#000000; text-decoration:none; font-weight:normal;display:block; }
a.Text:active { color:#000000; text-decoration:none; font-weight:normal;display:block; }

.image_download_downloadlink, a.image_download_downloadlink:visited, a.image_download_downloadlink:link, a.image_download_downloadlink:hover, a.image_download_downloadlink:active
{
	color:#E1273C;
	font-size:16px;
	font-weight:bold;
}

#SpecialOffers { border:1px solid #CCCCCC; padding:3px; width:98% }
#SpecialOffers td.DocLink { width:49%;border-top:0px; padding:5px; }
#SpecialOffers td.DocComment { border-top:0px; padding:5px; }
#SpecialOffers td.DocFilesize { border-top:0px; padding:5px; text-align:right;white-space:nowrap; }