/* 
======================================================
	Stylesheet zu www.interofficeag.ch nivo für die Masterpage
	Letzte Änderung: 01.02.2007 | SCHM
======================================================
	Allgemeine Definitionen
==============================
*/
* {
	margin: 0;
	padding: 0;
}
/*	
html {
height: 100%;
}*/

body {
	margin: 0;
	font-size: 75%;
	font-family: Arial, Helvetica, sans-serif;
	height: 100%;
	background: #f3f7f9; 
	/*background: #f3f7f9 url(../img/layout/nivo_laybg.png) no-repeat center top; */
}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
div#wrapper {
	background: url(../img/layout/bg-nivo-wrapper.png) no-repeat center top;
	margin: 0 auto;
	min-height: 570px;
	_height: 570px;
	padding: 0 4px 20px 4px;
	position: relative;
	width: 960px;
}
a {
	color: /*#913e0b*/#FFF;
}
a img {
	border: none;
}
.hidden-info {
	display: none;
}
input {
	font-family: Arial, Helvetica, sans-serif;
}
.hidden {
	display: none;
}
.shown {
	display: block;
}
.clear {
	clear: both;
}
.padding {
	padding: 10px 20px;
}

/*
=====================================================
	Navigation
=====================================================
*/
a#interoffice-home {
	margin: 0;
}
div#navi {
	width: 250px;
	float: left;
	/*overflow: auto;	*/
	margin: 0;
	padding: 0;
/*	font-size: 120%; */
}
/* NUR FÜR LAYOUT */
/*div#navi a img {
	display: none;
}
*/
/* ENDE - NUR FÜR LAYOUT */

div#navi ul {
	margin: 0 0 0 90px;
}
div#navi ul li {
	float : left;
}
div#navi ul li em {
	color: #2e5392;
	display: block;
	font-size: 125%;
/*	font-style: normal; */
	margin: 0 0 3px 0;
	padding: 0;
	text-decoration: none;
	width: 160px;
}
div#navi ul li a em {
	color: #2e5392;
	cursor : pointer;
	display: block;
	font-size: 125%;
	font-style: normal;
	margin: 0 0 3px 0;
	padding: 0;
	text-decoration: none;
	width: 160px;
}
div#navi ul li strong {
	color: #2e5392;
	display: block;
	font-weight: normal;
	height: 20px;
	margin: 0 0 2px 0;
	text-decoration: none;
	width: 160px;
}
div#navi ul li ul {
	display : inline-block;
	padding: 0 0 20px 0;
/*	padding: 0 0 20px 0; */
	margin: 0;
}
div#navi ul li ul li {
	padding: 0;
	position: relative;
	height: 18px;
/*	height: 20px; */
}
div#navi ul li ul li a,  div#navi ul li ul li a strong {
	color: #7f878a;
	display: inline;
	margin: 0 0 3px 0;
	padding: 0;
	text-decoration: none;
}
div#navi ul li ul li a em, div#navi ul li ul li a em strong {
	color: #7f878a;
	cursor: pointer;
	font-size: 100%;
	font-style: italic;
	font-weight: normal;
}
div#navi ul li ul li a em strong, div#navi ul li ul li em strong {
	font-weight: bold;
	display: inline;
}
div#navi ul li ul li a em span, div#navi ul li ul li em span {
	color: #b2b7b9;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	left: -135px;
	text-align: right;
	position: absolute;
	width: 130px;
}
div#navi ul li ul li strong {
	color: #333;
}
div#navi ul li ul li a:hover, div#navi ul li ul li a:hover em strong, div#navi ul li ul li a:hover em span, div#navi ul li ul li a:hover em {
	color: #2e5392 !important;
	font-size: 100%;
}
div#navi ul li ul li a.active {
	font-weight: bold;
}
div#navi ul li ul li em, div#navi ul li ul li em strong, div#navi ul li ul li em span {
	color: #2e5392;
	font-size: 100%;
}


div#navi ul li ul li ul{
	padding: 5px 0 7px 0;
	margin: 0 0 0 20px ;
}
div#navi ul li ul li ul li a,  div#navi ul li ul li ul li strong {
	color: #60899e !important;
	font-size: 90%;
	padding: 0;
}
div#navi ul li ul li ul li strong {
	font-weight: bold;
}
div#navi ul li strong {
	cursor: default;
}
div#navi ul li ul li ul li a:hover {
	color: #333 !important;
}

/*
=====================================================
	NIVO Promotionbox
=====================================================
*/

div#nivopromo {
	color: #969ea2;
	font-size: 90%;
	margin: 30px 0 0 0;
	min-height: 140px;
	_height: 140px;
	padding: 15px 10px 15px 40px;
}
div#nivopromo h2 {
	color: #e2001a;
	font-size: 120%;
	margin: 0;
	padding: 0;
}
div#nivopromo img {
	position: relative;
	left: -40px;
}
div#nivopromo a {
	background: url(../img/layout/arrow-nivo.gif) no-repeat left 7px;
	color: #969ea2;
	display: block;
	margin-top: 15px;
	padding: 0 0 0 12px;
}
div#nivopromo a:hover {
	text-decoration: none;
}
/*
=====================================================
	Servicenavigation + Sprache
=====================================================
*/
div.servicenavi-con {
	display: block;
	left: 0;
	float: left;
	top: 0;
	position: relative;
	width: 960px;
	z-index: 100;
}
span.snh {
	position:absolute;
	width:960px;
}
ul#servicenavi {
	height: 20px;
	margin: 15px 0 0 0;
	float: right;
	padding: 0 0 0 5px;
	position: relative;
	width: auto;
}
ul#servicenavi li {
	float: left;
	position: relative;
}
ul#servicenavi li a, ul.sprache li a {
	display: block;
	height: 20px;
	width: auto;
	color: #2e5392;
	text-decoration: none;
	font-size: 125%;
	margin: 0 5px;
	padding: 0 2px;
	text-align: left !important;
}
ul#servicenavi li strong {
	cursor: default;
	font-size:125%;
	font-weight: normal;
	height:20px;
	margin:0 7px;
	padding:0 2px;
	text-decoration: none;
	width:auto;
}
* html ul#servicenavi li ul li a {
	width: auto;
	float: left;
	display: inline;
}
ul.sprache li a {
	padding: 0 0 0 12px;
}
ul#servicenavi li a:hover, ul.sprache li a:hover {
	color: #000;
}
ul.sprache {
	width: 100px;
	height: 20px;
	margin: 15px 0 0 0;
	float: right;
	padding: 0 0 0 5px;
	position: relative;
}
ul.sprache li.language {
	background : url("../img/layout/bg-vorteile-small.png") no-repeat scroll left top transparent;
	float: right;
	height : 35px;
	margin-right: 2px;
	position : relative;
	top : -7px;
	width: 35px;	
}
ul.sprache li.language a {
	margin: 7px 0 0 0;
	padding: 0;
	text-align : center !important;
	width : 30px;
}
ul.sprache li.language a.langactive {
	/*background:transparent url(../img/layout/arrow-lang.gif) no-repeat scroll left 7px;
	color: #000;*/
	color : #E2001A;
	cursor: default;
	/*padding: 0 0 0 12px;*/
}


ul#subnavi {
	position: absolute; 
	top: 22px; 
	left: 0pt; 
	width: 350px; 
	text-align: right; 
	font-size: 80%;
}
ul.service-subnavi {
	position: absolute;
	z-index: 100;
	bottom: 20px;
	border-top: 1px solid #D8D6D7;
	border-bottom: 1px solid #D8D6D7;
	left: 0px;
	width: 555px;
	height: auto;
	padding: 0 0 0 .43em;
}
ul.service-subnavi li {
	float: left;
}
ul.service-subnavi a, ul.service-subnavi strong {
	color: #FFF;
	display: block;
	text-decoration: none;
	padding: .25em .43em .25em .43em;
}
#content ul.service-subnavi a:hover, #content ul.service-subnavi strong {
	color: #DAE6ED;
	font-weight: normal;
}
/*
=====================================================
	Content
=====================================================
*/
div#content {
	color: #FFF;
	width: 460px;
	position: relative;
	float: left;
	padding: 0;
	margin: 0 0 20px 0;
	font-size: 110%;
/*	line-height: 1.6; */
}
/*
div#inner-content {
	background: #FFF;
}
*/
/*
=====================================================
	Startseite
=====================================================
*/
div.prodStart, div.aktion {
	padding: 0 20px !important; 
	width : 360px;
}
div#contentbox div.prodStart.conpadding h1 {
	float: left;
	margin: 15px 0 0 0;
}
div#contentbox div.prodStart h2, div#contentbox div.aktion h2 {
	font-size : 130%;
	font-weight : normal;
}
div.prodStart h2 em, div.aktion h2 em{
	font-weight : bold;
}
div.prodStart a, div.aktion a {
}
div.prodStart a.box, div.aktion a.box, div.right {
	float : right;
	text-decoration : none;
	width: 120px;
}
div.aktion a.box span, div.prodStart a.box span {
	text-decoration : underline;
}
div.aktion {
	clear : both;
}
div#contentbox div.prodStart p.moreLink a {
	float: none;
	margin: 0;
}
div#contentbox div.prodStart div.overflow, div#contentbox div.aktion div.overflow {
	background: #FFF;
	float: left;
	height: 140px;
	left: -20px;
	overflow: hidden;
	position: relative;
	width: 240px;
}
div#contentbox div.aktion h3.preis {
	color: #E2001A;
	font-size : 200%;
	padding: 0;
}
div#contentbox div.aktion div.preis {
	color: #E2001A;
	float: left;
	margin: 0 0 15px 0;
}

/*
=====================================================
	Allgemeine Definitionen für den Inhalt
=====================================================
*/
div#themenbild {
	display: block;
	height: 130px;
	width: 300px;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
div#contentbox {
	clear: both;
	margin: 0;
	min-height: 240px;
	padding: 0;
	position: relative;
	z-index: 2;
}
div#contentbox div.conpadding {
	padding: 15px 20px;
}
div#contentbox div.conpadding a img {
	margin-bottom: 15px;
	float : left;
	margin-right : 25px;
}
div#contentbox h1 {
	font-size: 140%;
	font-weight: normal;
	margin: 0 0 10px 0;
	width: 360px;
	float: left;
/*	padding: 0 0 20px 20px/* 20px 20px 20px*/;
}
div#contentbox h2 {
	float: left;
	font-size: 110%;
	font-weight: bold;
	margin: 20px 0 10px 0;
	padding: 0;
	width: 100%;
}
div#contentbox h3 {
	font-size: 110%;
	margin: 0;
	padding: 0 0 10px 0 /*20px 20px 10px 20px*/;
}
div#contentbox p {
	clear: both;
	padding: 0 0 10px 0 /*20px 10px 20px*/;
	margin: 0;
	font-size : 113%;
}
div#contentbox p.moreLink {
	font-size : 100%;
}
div#contentbox ul.linkliste {
	background:transparent url(../img/layout/bg-li-a.gif) no-repeat scroll left 7px;
	clear: both;
	list-style: none;
	margin: 15px 0 0 0;
	padding: 0 0 0 10px;
}
div#contentbox q {
	font-style: italic;
}
div#content a:hover {
	text-decoration: none;
}
div#contentbox table {
	border-collapse: collapse;
	margin: -20px 0 0 0; /*10px*/;
	width: 420px;
}
div#contentbox table td {
	padding: 0.5em 10px;
/*	background: #EBF3F7; */
	border-bottom: 1px solid #FFF; 
}
div#contentbox table tr.altrow td {
/*	background: #FFF; */
	border-bottom: 1px solid #DDD;
}
div#contentbox table.standorte tr.country-title td h2 {
	color: #E2001A;
}
div.element400.basic {
	background: #717d8a !important;
}
div.start div.element400.basic {
	background: #717d8a !important;
}
*html div.element460.basic {
	background: #abb6c2 !important;
}
div.element460, div.element400, div.element190, div.element160, div.element160var {
	background: #abb6c2;
	position: relative;
}
div.element460 {
	margin: 0 0 30px;
	width: 460px;
}
div.element400 {
	margin: 0 0 30px;
	width: 400px;
}
div.element190 {
	margin: 0 0 20px;
	width: 190px;
}
div.element160 {
	margin: 0 0 20px;
	width: 160px;
}
div.element160var {
	margin: 0 0 20px;
	width: 160px;
	background: #2e5392;
}
div.element460 b.e460top, div.element400 b.e400top, div.element190 b.e190top, div.element160 span.e160top, div.element160var b.e160vartop {
	display: block;
	height: 5px;
	position: absolute;
	top: -5px;
	left: 0;
	z-index: 100;
}
div.element460 b.e460top {
	background: url(../img/layout/460px-topborder.png) no-repeat center top;
	width: 460px;
}
div.element400 b.e400top {
	background: url(../img/layout/400px-topborder.png) no-repeat center top;
	width: 400px;
}
div.element460.basic {
	background: #abb6c2;
}
div.element400.basic b.e400top {
	background: url(../img/layout/400px-topborder-dark.png) no-repeat center top !important;
	width: 400px ;
}
/*
div.element460.basic b.e460top {
	background: url(../img/layout/460px-topborder-dark.png) no-repeat center top !important;
	width: 460px ;
}
*/
div.element190 b.e190top {
	background: url(../img/layout/190px-topborder.png) no-repeat center top;
	width: 190px;
}
div.element160 span.e160top {
	background: url(../img/layout/160px-topborder.png) no-repeat center top;
	width: 160px;
}
div.element160var b.e160vartop {
	background: url(../img/layout/160px-topborder-var.png) no-repeat center top;
	width: 160px;
}
div.element460 b.e460bottom, div.element400 b.e400bottom, div.element190 b.e190bottom, div.element160 span.e160bottom, div.element160var b.e160varbottom  {
	bottom: -5px;
	left: 0;
	display: block;
	height: 5px;
	position: absolute;
	z-index: 100;
}
div.element460 .e460bottom {
	background: url(../img/layout/460px-bottomborder.png) no-repeat center bottom;
	width: 460px;
}
div.element460 .e460bottom_img {
	position: relative; 
	top: 5px;
}
/*
div.element460.basic b.e460bottom {
	background: url(../img/layout/460px-bottomborder-dark.png) no-repeat center bottom;
	width: 460px;
}
*/
div.element400 b.e400bottom {
	background: url(../img/layout/400px-bottomborder.png) no-repeat center bottom;
	width: 400px;
}
div.element400.basic b.e400bottom {
	background: url(../img/layout/400px-bottomborder-dark.png) no-repeat center bottom;
	width: 400px;
}
div.element190 b.e190bottom {
	background: url(../img/layout/190px-bottomborder.png) no-repeat center bottom;
	width: 190px;
}
div.element160 span.e160bottom {
	background: url(../img/layout/160px-bottomborder.png) no-repeat center bottom;
	width: 160px;
}
div.element160var b.e160varbottom {
	background: url(../img/layout/160px-bottomborder-var.png) no-repeat center bottom;
	width: 160px;
}
/*
=================================================
	Style der verschiedenen Link-Arten
=================================================
*/
a.doc				{ display: block; height: 22px; padding: 3px 0 0 35px; background: url(../img/layout/bottombox_docfile.png) no-repeat; }
a.xls				{ display: block; height: 22px; padding: 3px 0 0 35px; background: url(../img/layout/bottombox_xlsfile.png) no-repeat; }
a.ppt				{ display: block; height: 22px; padding: 3px 0 0 35px; background: url(../img/layout/bottombox_pptfile.png) no-repeat; }
a.pdf				{ display: block; height: 22px; padding: 3px 0 0 35px; background: url(../img/layout/bottombox_produktinfo.png) no-repeat; }
a.zurueck		{ display: block; height: 22px; padding: 3px 0 0 35px; background: url(../img/layout/bottombox_zurueck.png) no-repeat; }
a._blank			{ display: block; height: 22px; padding: 3px 0 0 35px; background: url(../img/layout/bottombox_newwindow.png) no-repeat; }
a._self			{ display: block; height: 22px; padding: 3px 0 0 35px; background: url(../img/layout/bottombox_samewindow.png) no-repeat; }
/*
a.offerte 			{ background: url(../img/layout/bottombox_offerte.png) no-repeat; }
a.prospekt 			{ background: url(../img/layout/bottombox_prospekt.png) no-repeat; }
a.produktinfo		{ background: url(../img/layout/bottombox_produktinfo.png) no-repeat; }
a.weiterebilder	{ background: url(../img/layout/bottombox_weiterebilder.png) no-repeat; }
a.newwindow			{ background: url(../img/layout/bottombox_newwindow.png) no-repeat; }
*/
/*
=================================================
	Breadcrumbs
=================================================
*/
ol#topcrumbs {
	float: right;
	margin: -20px 0 0 0;
	list-style: none;
}
ol#topcrumbs li {
	float: left;
	margin: 0 0 0 10px;
}
ol#topcrumbs li a {
	background: url(../img/layout/crumbs.gif) no-repeat left center;
	padding: 0 0 0 10px;
	color: #000;
	text-decoration: none;
}
ol#topcrumbs li a:hover {
	color: #324954;
}
/*
=================================================
	Bottombox
=================================================
*/
div#bottombox {
	clear: both;
	margin: 0;
}	
#bottombox ul.bottomboxinfo {
	overflow: hidden;
}
#bottombox ul.bottomboxinfo li {
	float: left;
	min-width: 15em;
}
#bottombox ul.bottomboxinfo a {
	height: 22px;
	display: block;
	float: left;
	padding: 3px 0 0 35px;
	margin-bottom: 1em;
	color: #913e0b;
	text-decoration: underline;
}
#bottombox ul.bottomboxinfo a:hover {
	color: #333;
	text-decoration: none;
}

/*
=================================================
	Content Action
=================================================
*/

div#content p.content-action {
	clear: both;
	float: left;
	margin: 0;
	padding: 0 20px 0 0;
}
p.content-action a {
	float: right;
	padding: 0 10px 0 30px;
	color: #799db1;
	text-decoration: none;
}
p.content-action a:hover {
	color: #577180
}
p.content-action a.top				{ background: url(../img/layout/top.png) no-repeat top left; }
p.content-action a.top:hover 		{ background: url(../img/layout/tophover.png) no-repeat top left; }
p.content-action a.print 			{ background: url(../img/layout/print.png) no-repeat top left; }
p.content-action a.print:hover	{ background: url(../img/layout/printhover.png) no-repeat top left; }

/*
=====================================================
	Sidebar
=====================================================
*/
div#sidebar {
	float: left;
	width: 250px;
	margin: 125px 0 0 0;
}
div.start div#sidebar {
	float: left;
	width: 250px;
	margin: 80px 0 0 0;
}
div#sidebar a:hover {
	text-decoration: none;
	color: #000;
}
div#sidebar h3 {
	font-size: 120%;
	font-weight: normal;
	padding: 0 10px;
	margin: 2em 0 0.5em 0;
}
div#sidebar h4 {
	font-size: 100%;
	font-weight: bold;
	padding: 0 10px;
	margin: 0 0 0.5em 0;
}
div#sidebar ul {
	padding: 0 0 1em 0;
	margin: 0 0 1em 0;
}
div#sidebar ul.warenkorb {
	padding: 0 0 .5em 0;
}
div#sidebar ul li {
	margin: 0 0 3px;
	padding: 0 10px;
}
div#sidebar ul li.prod-item {
	border-bottom: 1px solid #FFF;
	margin: 3px 5px 0 13px;
	padding: 0 0 3px 0;
}
div#sidebar ul li.item-total {
	font-weight: normal;
	padding: 5px 0;
	margin: 0 5px 0 0;
}
div#sidebar ul li span {
	display: block;
	text-align: right;
	_width: 120px;
}
div#sidebar ul ul li {
	padding: 0;
}
div#sidebar ul li h3 {
	padding: 0;
	margin: 1.5em 0 0.2em 0;
}
div#sidebar ul li h3 a {
	text-decoration: none;
	color: #000;
}

form#quicksearch {

}
div#contentbox div.form_standard.element460 form {
	padding: 0 20px;
}
div#quicksearch {
	margin: 6px 0 0 6px;
}
div#quicksearch fieldset{
	border: none;
	margin: 0;
}
div#quicksearch legend, div#quicksearch label {
	display: none;
}
div#quicksearch input {
	font-size: 100%;
}
div#quicksearch input#Suche {
	float: left;
	padding-left: 2px;
	width: 123px;
}
div#quicksearch input#search-button {
	background: url(../img/layout/search_button_small.gif) no-repeat;
	color: #FFF;
	border: none;
	float: left;
	text-align: center;
	padding: .2em 0;
	width: 20px;
	cursor: pointer;
}


h3.sidebarstao {
	background: url(../img/layout/sidebar_standorte_bg.gif) top right;
}
h3.sidebarstao a {
	background: url(../img/layout/sidebar_pfeil.png) top right;
	display: block;
	text-decoration:none;
	color: #333;
}
h3.sidebarstao a:hover {
}
div#sidebar a.prospektlink {
	color: #E2001A;
	margin: 0 0 0 1px;
	display: block;
	padding: 0.5em 0 0.5em 30px;
}
div#sidebar a.prospektlink:hover {
	color: #E2001A;
}
div#sidebar #standorte h3 {
	margin: 1.5em 0 0.5em 0;
}
/*
=====================================================
	Footer
=====================================================
*/
div#footer {
	clear: both;
	margin: 0 0 0 250px;
	height: 5px;
	padding: 20px 0 0 0;
	color: #a0a2a3;
}
div#footer p {
	float: left;
	margin: 0;
	width: 200px;
}
div#footer a, a.jump {
	color: #a0a2a3;
}
a.jump {
	background: url(../img/layout/jump.gif) no-repeat left 6px;
	padding: 0 0 0 13px;
}
div#footer ul {
	float: right;
	margin: 0 10px 0 0;
}
div#footer ul li {
	float: left;
	padding: 0 0 0 1em;
}
ol#bottomcrumbs {
	list-style: none;
	margin: 0;
	float: left;
}
ol#bottomcrumbs li {
	float: left;
	padding: 0 1em 0 0;
}
ol#bottomcrumbs a {
	background: url(../img/layout/crumbs.gif) no-repeat left center;
	padding: 0 0 0 10px;
}
div#footer a:hover {
	text-decoration: none;
}
div#abschluss {
	height: 24px;
	width: 968px;
	clear: both;
	padding: 0;
	margin: 0 auto;
	text-indent: -9999px;
}
/*
=====================================================
	PopUp Div
=====================================================
*/
div#PopDiv {
	font-size: 120%;
	position: absolute;
	z-index: 200;
	background: #f3f7f9; 
	border: 1px solid #A3AAB0;
	padding: 1em 2.5em 2.5em 2.5em;
}
div#PopDiv a {
	color: #2E5392;
	display: block;
	text-align: right;
	padding: 5px 2.3em;
	margin: -.5em -2.2em 1em;
	background: url(../img/layout/popdiv_close-nivo.gif) no-repeat center right;
}
div#PopDiv a:hover {
	text-decoration: none;
}
div#PopDiv img {
	border: 1px solid #A3AAB0;
}
img#loading-popup {
	position: absolute;
	height: 16px;
	top: 50%;
	left: 50%;
	margin: -26px 0 0 -16px;
	background: #FFF;
	padding: 10px;
	border: 1px solid #AAA;
}