/* 
======================================================
	Stylesheet zu www.interofficeag.ch für die Masterpage
	Letzte Änderung: 01.02.2007 | zuem
======================================================

*/



/*
=================================================
	Übersicht
=================================================
*/
div#contentbox ul.uebersicht {
	padding: 10px 0 0 0;
	margin: 0 0 0 -18px;
	clear: both;
	list-style: none;
}
div#contentbox ul.uebersicht li {
	float: left;
	width: 160px;
	height: 140px;
	padding: 0 0 20px 18px;
}
div#contentbox ul.uebersicht-hochformat li {
	float: left;
	width: 115px !important;
	height: 200px !important;
	padding: 0 0 20px 18px;
}
div#contentbox ul.uebersicht li img {
	float: left;
	border: 1px solid #CCC;
}

/*
=================================================
	Detail
=================================================
*/
div#contentbox ul.detail {
	clear: both;
	float: left;
	width: 540px;
	padding: 1em 0 0 0;
	margin: 0;
	list-style: none;
}
div#contentbox ul.detail li {
	float: left;
	width: 240px;
	height: 180px;
	padding: 0 20px 18px 0;
}
div#contentbox ul.detail-hochformat li {
	float: left;
	width: 130px !important;
	height: 210px;
	padding: 0 0 18px 0;
}
div#contentbox ul.detail li span {
	display: block;
}
div#contentbox ul.detail li p {
	padding: 0 15px 0 0;
}
div#contentbox ul.detail li img {
	border: 1px solid #CCC;
}
p.eigenproduktinfo {
	float: right;
	width: 140px;
}
p.eigenproduktinfo img {
	margin: .75em 0 0 0;
}
p.eigenproduktinfo span{
	display: block;
}
p.eigenproduktinfo em {
	margin: .5em 0 0 0;
}
div.produkt-informationen {
	clear: both;
	float: left;
	margin: 0 -3px 0 0;
	width: 520px;
}
div.produkt {
	width: 340px;
	float: left;
}
div.bestellt {
	position: absolute;
	top: 220px;
	left: 100px;
	width: 350px;
	background: #EBF3F7; 
	padding: 1em; 
	border: 1px solid #A3AAB0;
}
div.bestellt a {
	display: block;
}
#content p.marken-image {
	float: right;
	width: 240px;
	margin: 0 20px 2em 1em;
}
#content p.marken-image img {
	border: none;
}
p.referenz {
	width: 320px;
	float: left;
}
p.referenz-statement {
	width: 180px;
	float: right;
}
p.referenz-statement span,p.referenz-statement img, p.referenz-statement em {
	display: block;
	margin: 0 0 .5em 0;
}
div#contentbox div.spalte {
	/*border: 1px solid lime;*/
	width: 260px;
	float: left;
	padding: 0;
}

div.large-image {
	margin: 2em 0 0 0;
}
div.large-image img {
	border: 1px solid #CCC;
}
div.bild-text {
	padding: 1em 0;
	clear: both;
}
div.bild-text ul {
	list-style: square;
	padding: 0 3em;
}
#content p.content-image {
	float: right;
	width: 240px;
	margin: 0;
	padding: 0 0 1em 2em;
}
#content p.content-image img {
	border: 1px solid #CCC;
}
#contentbox div.bild-text p.link {
	padding: .5em 0 0 0;
}

/*
	Marken
==============================
*/
div#contentbox div.logos-marken {
	margin: 0 0 0 -20px;
}
div#contentbox ul.marken {
	padding: 20px 0 0 0;
	clear: both;
	list-style: none;
}
div#contentbox ul.marken li {
	float: left;
	width: 120px;
	padding: 0 0 15px 15px;
}
div#contentbox ul.marken li img {
	float: left;
}




/*
	Standorte
==============================
*/
div.bilder-showroom {
	margin: 0 0 0 -15px;
	display: inline;	
	clear: both;
	float: left;
	width: 540px;
}
div#contentbox ul.showroom {
	padding: 20px 0 0 0;
	margin: 0;	
	list-style: none;
}
div#contentbox ul.showroom li {
	float: left;
	width: 120px;
	padding: 0 0 15px 15px;
}
div#contentbox ul.showroom li img {
	float: left;
}
div#contentbox div.standort-detail {
	float: left;
	padding: 0 0 2em 0;
}
div#contentbox ul.standort-kontakt {
	list-style: none;
	padding: 0;
	margin: 0;
}
div#contentbox ul.standort-kontakt li {
	margin: .5em 0 0 0;
}
div#contentbox table tr.country-title td {
	background: #FFF;
	padding: 20px 10px 0.5em 10px;
}
div#contentbox table.standorte td {
	vertical-align: top;
}
div#contentbox table.standort-kontakt {
	border-collapse: collapse;
	margin: 0;
	width: auto;
	border-bottom: none;
}
div#contentbox table.standort-kontakt td {
	padding: .25em 1em .25em 0;
	background: #FFF;
}
div#contentbox table.standort-kontakt tr.altrow td {
	background: #FFF;
}

/*
	Aktionen
==============================
*/
#contentbox table.aktions-preise {
	float: left;
	width: 260px;
	border-collapse: collapse;
	margin: 1em 0 0 0;
}
#contentbox table.aktions-preise tr 			{ font-weight: bold; }
#contentbox table.aktions-preise tr.altrow	{ font-weight: normal; }

#contentbox p.aktions-bild {
	width: 240px;
	float: left;
	margin: 1em 20px 1em 0;
}
#contentbox p.aktions-bild img {
	display: block;
	border: 1px solid #CCC;
}

#contentbox ul#aktionen {
	list-style : none;
	padding-left : 0;
}

/*
	Sitemap
==============================
*/
div.part_sitemap div {
	float: left;
	width: 240px;
	margin: 0 0 2em 0;
}
#contentbox div.part_sitemap ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#contentbox div.part_sitemap ul ul {
	padding: 0 0 0 3em;
	list-style: square;
}
#contentbox div.part_sitemap ul li {
	margin: .25em 0 0 0;
}
#contentbox div.part_sitemap h2 {
	padding: 0;
}

/*
	News
==============================
*/
div#contentbox ul.news-overview {
	padding: 0;
	list-style: none;
} 
div#contentbox ul.news-overview li {
	margin: 0 0 2em 0;
} 
div#contentbox ul.news-overview h2 {
	font-size: 120%;
	font-weight: normal;
	margin: 0;
	padding: 0 0 10px 0;
} 
div#contentbox ul.news-overview h2 a {
	text-decoration: none;
} 
div#contentbox p.date {
	border-bottom: 1px solid #EBF3F7;
	padding: 0 0 .5em 0;
	margin: 0 0 .5em 0;
	height: 1%;
}
#contentbox p.news-file {
	clear: both;
	padding: 0;
	margin: 0;
}


/*
	Downloads
==============================
*/
#contentbox ul.downloads {
	list-style: none;
	margin: 0 0 3em 0;
	padding: 0;
}
#contentbox ul.downloads li {
	padding: 1.5em 0 0 0;
}
#contentbox ul.downloads ul li {
	padding: 0;
}
#contentbox ul.downloads ul {
	list-style: none;
	padding: 0 0 1.5em 1em;
	border-bottom: 1px solid #EBF3F7;
}

#contentbox div.downloads-simple {
	padding: 2em 0;
}
#contentbox div.downloads-simple ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 1em;
}
div#bottombox div.downloads-simple {
	padding: 0;
}
#contentbox div.downloads-simple h4, div#bottombox div.downloads-simple h4 {
	margin: 0 0 1em 0;
	padding: 0;
	font-size: 110%;
}

/*
	Büro ABC
==============================
*/
div.buero-abc {
	clear: both;
	padding: 1em 0 1.5em 0;
	border-bottom: 1px solid #EBF3F7;
}
div.buero-abc span.images {
	float: right;
	margin: 0 0 2em 2em;
}
div.buero-abc span.images img {
	margin: 0 0 0 10px;
}
div#contentbox ul.buero-abc-liste {
	margin: 0 0 2em 0;
	width: 100%;
	padding: 0;
	list-style: none;
	margin: 0 -.5em;
}
ul.buero-abc-liste li {
	float: left;
}
ul.buero-abc-liste a, ul.buero-abc-liste span {
	display: block;
	padding: .2em .5em;
}


/*
	Formulare
==============================
*/
div#danke {border: 1px solid #A3AAB0;background: #EBF3F7;padding: 1em;position: absolute;top: 210px;width: 35em;z-index: 100;}
div.ValidationSummary { margin: 0 0 0 -10px; padding: 0 0 0 10px; }
#contentbox div.ValidationSummary ul { background: #F0E9E1; border: 1px solid #C5AD94; list-style: none; padding: 1em 0 1em 10px; margin: 0 0 2em -10px; }
fieldset { margin: 0; padding: 0; border: none}
fieldset em { font-style: normal; color: #913e0b; /*position: absolute;*/ font-size: 150%; margin: 0 0 0 .25em; top: -5px;  }
fieldset ol { margin: 0; padding: 0; list-style: none; }
fieldset ol li { clear: left; padding: 0 0 10px 0; }
fieldset ol li label { width: 12em; float: left; /*position: relative;*/ }
fieldset ol li input, select { width: 20em; border: 1px solid #A3AAB0; font-size: 100%; height: auto; padding: .2em;}
fieldset ol li select { font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif; width: 20.4em;}
fieldset ol li textarea { font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif; width: 20em; height: 10em; border: 1px solid #A3AAB0; font-size: 100%; padding: .2em;}

fieldset ol li fieldset { background: #EBF3F7; margin: 0 0 2em -10px; padding: 1em 10px 1em 10px; border: 1px solid #A3AAB0;_margin: 0 0 2em 0px; }

fieldset fieldset legend { display: none; }
div#contentbox fieldset fieldset ul { width: 30em; list-style: none; padding: 0; }
fieldset fieldset ul li { margin: 0; padding: .5em 0 0 0; }
fieldset ol li fieldset input { padding: 0 .2em; float: left; text-align: right; width: 1.5em; margin: 0 .5em 0 0; }
fieldset ol li fieldset label { width: 12em; float: left; }
fieldset ol li fieldset td label { width: auto; }
div#contentbox fieldset fieldset table {
	margin: 0;
	width: auto;
	border: none;
}
div#contentbox fieldset fieldset table th {
	font-weight: normal;
	text-align: left;
}
div#contentbox fieldset fieldset table td, div#contentbox fieldset fieldset table th {
	padding: .25em 20px .25em 0;
	background: none;
	white-space: nowrap;
}
div#contentbox fieldset fieldset table td a.delete-product {
	background: url(../img/layout/popdiv_close.png) no-repeat center left;
	width: 22px;
	height: 22px;
	text-indent: -2000px;
	display: block;
}
div#contentbox fieldset fieldset table td.price, 
div#contentbox fieldset fieldset table td#mwst {
	text-align: right;
}
div#contentbox fieldset fieldset table tr.rechnungs-total td {
	border-top: 3px double #A3AAB0;
	font-weight: bold;
	text-align: right;
}

p input { cursor: pointer; border: none; color: #FFF; font-size: 100%; text-align: center; padding: .5em 0; width: 150px; margin: 0 0 0 12em; background: url(../img/layout/button_submit.png) no-repeat; }

/* Radiobutton horizontal*/
fieldset ol li span.RadioButton{margin-right: 5px;}
fieldset ol li span.RadioButton input{border: none; width: 20px;}
fieldset ol li span.RadioButton label{float: none; width: auto;}

fieldset ol li ol { float: left;}
fieldset ol li ol li { float: left;}
fieldset ol li ol li input {width: auto; float: left; margin: 0 0 0 0;}
fieldset ol li ol li label {width: auto; padding: 0 0 0 0; }

/* Radiobutton vertikal*/
fieldset ol.RadioButton { width: 34em; margin: .25em 0 1em 0; padding: 0; }
fieldset ol.RadioButton li { width: 32em; line-height: 1.3; padding: 0 0 .5em 0; }
fieldset ol.RadioButton li input { height: 15px; float: left; border: none; padding: 0;  margin: 0 .5em 0 0;}
fieldset ol.RadioButton li label{ float: left; padding: 0; }


fieldset ol.CheckBox { width: 34em; margin: 1em 0; float: left; }
fieldset ol li ol.CheckBox li {float: none; padding: 0 0 5px 0;}
fieldset ol li ol.CheckBox li input{margin: 0px 5px 0px 0px; padding: 0px; border: none;}