/* Stildefinitionen für den Angebotsrechner 2009 */

.ares.artikel{text-align:center;width:100%}
.ares.artikel.buttons{width:100%;text-align:center;margin-top:5px}
.ares.artikel.buttons a{margin:0px 15px}

a img {
    border: none;
}

p.RedDot {
    margin-top: 12px;
}

.inProgress {
    cursor:progress ;
}

.inline {
    display:inline;
}

#Content p.aresFrage {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 20px;
}

#Content a.aresHintLink {
	color: #004E87;
	border-bottom: 1px dashed #004E87;
	position: relative;
	cursor: help;
	text-decoration: none;
}

#aresFrageArbeitsplaetzeInput {
	width: 24px;
	text-align: right;
}

/*******************************************************************************
 * Warenkorb
 ******************************************************************************/

#Main_Right #aresWarenkorbUebersicht ul {
    list-style-type: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}
#Main_Right #aresWarenkorbUebersicht li {
    margin: 0;
    padding: 0;
}
#Main_Right #aresWarenkorbUebersicht p {
    margin-top: 12px;
}

/*.Rechte_Box_Inhalt.ares{background-image:url(<%img_ares_rechtebox%>)}*/

.Rechte_Box_Inhalt h2 {
    color: #A40001;
    font-size: 12px;
    margin-top: 12px;
}

/*******************************************************************************
 * Angebotsrechner
 ******************************************************************************/

#ares hr {
	margin-top: 12px;
}

/* nur für das CMS */

#ares h2.RedDot {
	color: black;
	background-color: #ededed;
	margin-top: 24px;
	padding: 2px 0;
}
#ares h2.RedDot a {
	color: black;
	text-decoration: none;
}

/* spezielle Definitionen auf den einzelnen Seiten */

#aresSeite1Tabelle {
    margin-top: 12px;
    margin-bottom: 12px;
}
#ares #aresTabelleMietpreise {
	border-collapse: separate;
	width: 100%;
	margin-bottom: 24px;
}
	#ares #aresTabelleMietpreise td {
		border: 1px solid black;
		padding: 3px;
	}
	#ares #aresTabelleMietpreise .aresTabelleProvisionen td {
		border: 2px solid #A40001;
	}

#ares div.buttons {
	position: relative;
	height: 50px;
	margin-bottom: 20px;
}
	#ares table.buttons {
	    width: 100%;
	    margin-top: 24px;
	}
	#ares table.buttons td {
		vertical-align: center;
		width: 33%;
	}
	#ares table.buttons .loader img {
		margin-right: 10px;
	}
	#ares table.buttons .left img {
		margin-right: 20px;
	}
	#Main_Middle #ares table.buttons .left {
	    text-align: left;
	}
	#Main_Middle #ares table.buttons .abort {
		text-align: center;
	}
	#Main_Middle #ares table.buttons .right {
	    text-align: right;
	}
	#ares div.loader {
		position: absolute;
		top: 0;
		left: 0;
		width: 473px;
		padding-top: 24px;
		background-color: white;
		hight: 40px;
	}
	#ares div.loader table {
		width: 100%;
	}
	#Main_Middle #ares div.loader td.left {
		text-align: left;
	}
	#Main_Middle #ares div.loader td.right {
		text-align: right;
	}

#ares p.progress {
	margin-bottom: 0;
}
	#ares table.progress {
		width: 100%;
		margin-bottom: 24px;
	}
	#ares table.progress td {
		width: 25%;
		padding: 0 10px;
		text-align: center;
		vertical-align: top;
	}
	#ares table.progress td,
	#ares table.progress td a {
		color: #434345;
	}
	#ares table.progress td.selected,
	#ares table.progress td.selected a {
		color: #A40001;
		text-decoration: none;
	}
	#ares table.progress td.selected a:hover {
		text-decoration: underline;
	}
	#ares table.progress4Stufen td {
		width: 25%;
	}
	#ares table.progress3Stufen td {
		width: 33%;
	}
	#ares table.progress3Stufen td.col4 {
		display: none;
		width: 0;
	}

#Content #ares ul.aresChecklist1,
#Content #ares ul.aresChecklist2  {
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;
}
	#Content #ares ul.aresChecklist2 {
		margin: 3px 0 2px 24px;
	}
	#Content #ares .aresChecklist1 li,
	#Content #ares .aresChecklist2 li {
		position: relative;
		padding: 2px 0px;
	    vertical-align: middle;
		list-style-image: none;
	}
	#Content #ares .aresChecklist1 label,
	#Content #ares .aresChecklist2 label {
		margin: 0;
		padding: 0;
	}
	#Content #ares .aresChecklist1 > li > label {
		font-weight: bold;
	}
	#Content #ares .aresChecklist2 li img{
		margin-bottom:-4px;
		cursor: help;
	}

#Content #ares .eckige_liste .aresAngebotsTextHighlight {
	margin-left: 20px;
	list-style-type: none;
	list-style-image: none;
}

#ares .Fehlermeldung {
	border: none;
	color: #A40001;
	margin-top: 12px;
	margin-bottom: 24px;
	padding: 0px 20px;
}

#ares .form .left {
	padding-right: 10px;
	text-align: right;
}
#ares .form th {
	padding-top: 24px;
	padding-left: 10px;
}

#ares .formError {
	border: 1px solid #A40001;
}

#Content a #aresSeiteKriterienTooltip {
	position: absolute;
	bottom: 10px;
	left: 10px;
	text-decoration: none;
	color: black;
}

#Content label {
	position: relative;
}

#Content #aresTooltip {
	position: absolute;
	z-index: 10;
	color: black;
}

#Content .aresSeiteKriterien {
	position: relative;
}

/*******************************************************************************
 * Artikel mit Bestellmöglichkeit für Angebotsrechner, Warenkorb
 ******************************************************************************/

.aresArtikel .links {
	text-align: left;
}
.aresArtikel .rechts {
	text-align: right;
}
.aresArtikel .zentriert {
	text-align: center;
}

/*******************************************************************************
 * Tooltip (z.B. Programmauswahl)
 ******************************************************************************/

.tooltip {
    width: 350px;
    border-collapse: collapse;
    border-spacing: 0;
}
.tooltip td {
    padding: 0;
}
.tooltip td.left {
    width: 10px;
}
.tooltip td.left2 {
    width: 21px;
}
.tooltip td.middle {
    width: 312px;
}
.tooltip tr.middle td.middle {
    padding-bottom: 5px;
}
.tooltip td.right {
    width: 7px;
}
.tooltip tr.top td {
    height: 10px;
}
.tooltip tr.bottom td {
    height: 15px;
}
.tooltip .top .left {
    background-repeat: no-repeat;
}
.tooltip .top .left2 {
    background-repeat: no-repeat;
}
.tooltip .top .middle {
    background-repeat: repeat-x;
}
.tooltip .top .right {
    background-repeat: no-repeat;
}
.tooltip .middle .left {
    background-repeat: repeat-y;
}
.tooltip .middle .middle{
    background-color: #eaeaea;
}
.tooltip .middle .right {
    background-repeat: repeat-y;
}
.tooltip .bottom .left {
    background-repeat: no-repeat;
}
.tooltip .bottom .left2 {
    background-repeat: no-repeat;
}
.tooltip .bottom .middle {
    background-repeat: repeat-x;
}
.tooltip .bottom .right {
    background-repeat: no-repeat;
}