/* 
======================================================
	Stylesheet zu www.interofficeag.ch für die Masterpage
	Letzte Änderung: 01.02.2007 | zuem
======================================================
	Allgemeine Definitionen
==============================
*/
html {
	height: 100%;
}
body {
	margin: 0;
	font-size: 62.5%;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;
	background: url(../img/layout/bg.gif) repeat-x #F4F4F4;
	height: 100%;
}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
div#wrapper {
	width: 960px;
	margin: 0 auto;
	padding: 0 4px 20px 4px;
	background: url(../img/layout/wrapper_bg.png) repeat-y center;
	/*background: url(../img/layout/raster.png) repeat-y top center;*/
}
a {
	color: /*#913e0b*/#86633D;
}
a img {
	border: none;
}
.hidden-info {
	display: none;
}
input {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;
}
.hidden, div.inactive, div.printheader  {
	display: none;
}
.shown {
	display: block;
}

=====================================================
	Navigation
=====================================================
*/
a#interoffice-home {
	margin: 0;
}
div#navi {
	width: 240px;
	float: left;
	/*overflow: auto;	*/
	margin: 0;
	padding: 0;
	font-size: 120%;
	background: #FFF;
}
div#navi ul {
	margin: 0 20px;
	padding: 20px 0 0 0;
}
div#navi ul li a {
	color: #333;
	display: block;
	height: 20px;
	margin: 0 0 7px 0;
	padding: 0 20px;
	text-decoration: none;
	width: 160px;
}
div#navi ul li strong {
	display: block;
	padding: 0 20px;
	height: 20px;
}
div#navi ul li strong.rubric {
	color: #60899e;
	font-size: 115%;
	margin: 0 0 7px 0;
	text-decoration: none;
	width: 160px;
}
div#navi ul li a:hover {
	color: #913e0b;
}
div#navi ul li ul{
	padding: 0 0 20px 0;
	margin: 0 0 0 20px;
}
div#navi ul li ul li {
	padding: 0 20px;
	height: 20px;
}
div#navi ul li ul li a,  div#navi ul li ul li strong {
	color: #333 !important;
	font-size: 90%;
	margin: 0 0 3px 0;
	padding: 0;
}
div#navi ul li ul li strong {
	color: #333;
}
div#navi ul li ul li a:hover {
	color: #60899e !important;
}
div#navi ul li ul li a.active {
	font-weight: bold;
}

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 {
	background: url(../img/layout/bg-nivo-promobox.gif) no-repeat;
	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.nostyle {
	text-decoration : none;
}
div#nivopromo a:hover {
	text-decoration: none;
}
/*
=====================================================
	Servicenavigation + Sprache
=====================================================
*/
ul#servicenavi {
	width: 715px;
	height: 20px;
	background: url(../img/layout/servicenavi_bg.gif);
	margin: 0;
	float: left;
	padding: 0 0 0 5px;
	position : relative;
	z-index : 2;
}
ul#servicenavi li {
	float: left;
	position: relative;
}
ul#servicenavi li a {
	display: block;
	height: 20px;
	width: auto;
	color: #FFF;
	text-decoration: none;
	font-size: 120%;
	margin: 0 0.4em;
	padding: 0 0.4em;
}
ul#servicenavi li a:hover {
	color: #000;
}
ul#servicenavi li strong {
	display: block;
	height: 20px;
	font-weight: normal;
	width: auto;
	color: #000;
	font-size: 120%;
	margin: 0 0.4em;
	padding: 0 0.5em;
}
ul#servicenavi li.language {
	float: right;
	margin-right: 10px;
	visibility:hidden;
}
ul#servicenavi li.language a {
	margin: 0;
	padding: 0;
}
ul#servicenavi li.language a.langactive {
	background:transparent url(../img/layout/arrow-lang.gif) no-repeat scroll left 7px;
	color: #000;
	cursor: default;
	padding: 0 0 0 12px;
}
ul#servicenavi ul.submenu {
	/*background: url(../img/layout/servicenavi_sub.png);*/
	background : rgba(0,0,0,0.6); 
	*background : #000000;
	*filter : alpha(opacity=60);
/*	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); */
 	border-top: 1px solid #D8D6D7;
	border-bottom: 1px solid #D8D6D7;
	display:block;
	left:-999em;
	min-width:165px;
	padding:0;
	position:absolute;
	top:20px;
	width:auto;
	z-index:5;
}
ul#servicenavi li:hover ul, ul#servicenavi li.sfhover ul {
	left : -3px;
}
ul#servicenavi li ul li a, ul#servicenavi li:first-child ul li a, ul#servicenavi li ul li:first-child a{
	color : #ffffff;
	text-transform: none;
	text-align : left;
	display: block;
	padding: 0 20px 0 20px;
	margin-left : 0;
	line-height : 20px;
	min-width: 125px;
	width : auto;
	white-space : nowrap;
}
ul#servicenavi li ul li a:hover, ul#servicenavi li ul li strong{
	color: #E2001A;
	font-weight : normal;
	text-align : left;
	display: block;
	padding: 0 20px 0 20px;
	margin-left : 0;
	line-height : 20px;
	min-width: 125px;
}
ul#servicenavi li:hover ul#submenu8, ul#servicenavi li.sfhover ul#submenu8{
	left : auto;
	right : -1px !important;
}
ul.service-subnavi {
	display : none;
	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;
	background: url(../img/layout/servicenavi_sub.png);
}
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;
	background: #000;
	font-weight: normal;
}
/*
=====================================================
	Content
=====================================================
*/
div#content {
	width: 560px;
	position: relative;
	float: left;
	padding: 0 0 20px 0;
	margin: 0;
	background: url(../img/layout/content_bg.gif) right repeat-y;
	font-size: 110%;
	line-height: 1.6;
}
div#inner-content {
	background: #FFF;
}

/*
=====================================================
	Startseite
=====================================================
*/
div.startbild {
	background: #000;
	height: 250px;
	width: 560px;
}

div.startbild h1, div.startbild h2 {
	color: #FFF;
	font-size: 150%;
	font-weight: normal;
	text-align: right;
	margin: 0;
	padding: 0.66em 20px 0 0;
}
div.startbild h2 {
	font-size: 110%;
}
div.startbox-news, div.startbox-small-right {
	background: url(../img/layout/content_dropshadow.gif) repeat-x;
	
}
div.startbox-small, div.startbox-small-right, div.startbox-news {
	width: 240px;
	float: left;
	padding: 10px 20px;
	margin: 0;
}
div.startbox-news {
	width: 450px !important;
	padding: 10px 20px 10px 10px !important;
}
div.startbox-news a {
	background:transparent url(../img/layout/arrow.gif) no-repeat scroll left 7px;
	display:block;
	float: left;
	padding:0 0 0 12px;
}
div.startbox-small-right {
	background: url(../img/layout/content_dropshadow_right.gif) top right no-repeat;
}

div.startbox-large {
	clear: both;
	float: left;
	width: 530px;
	padding: 10px 10px 10px 20px;
	margin: 0;
	border-top: 1px solid #bdbdbd;
}

div.startbox-large img {
	float: right;
}
div.startbox-small h2, div.startbox-small-right h2, div.startbox-large h2, div.startbox-news h2 {
	font-size: 140%;
	font-weight: normal;
	margin: 0 0 3px 0;
	line-height: 1.2;
}
div.startbox-news h2 {
	color: #E2001A;
}
/*
=====================================================
	Allgemeine Definitionen für den Inhalt
=====================================================
*/
div#themenbild {
	background: #000;
	height: 160px;
	width: 560px;
	position: relative;
	z-index: 1;
}
div#contentbox {
	clear: both;
	min-height: 240px;
	padding: 20px;
	_padding: 20px 0;
	margin: 0;
	background: url(../img/layout/contentbox_dropshadow.gif) no-repeat top right;
}
div#contentbox h1 {
	font-size: 140%;
	font-weight: normal;
	margin: 0;
	padding: 0 0 20px 0/* 20px 20px 20px*/;
}
div#contentbox h2 {
	font-size: 120%;
	font-weight: normal;
	margin: 0;
	padding: 0 0 10px 0 /*20px 20px 10px 20px*/;
}
div#contentbox h3 {
	font-size: 110%;
	margin: 0;
	padding: 0 0 10px 0 /*20px 20px 10px 20px*/;
}
div#contentbox p {
	padding: 0 0 10px 0 /*20px 10px 20px*/;
	margin: 0;
}
div#contentbox ul {
	clear: both;
	list-style: square;
	padding: 0 0 2em 3em;
}
div#contentbox q {
	font-style: italic;
}
div#content a:hover {
	text-decoration: none;
	color: #000;
}
div#contentbox table {
	border-collapse: collapse;
	margin: 0 -10px; /*10px*/;
	width: 540px;
}
div#contentbox table td {
	padding: 0.5em 10px;
	background: #EBF3F7;
	border-bottom: 1px solid #cbdee8;
}
div#contentbox table tr.altrow td {
	background: #FFF;
	border-bottom: 1px solid #DDD;
}
div#contentbox table tr.contacts td, div#contentbox table tr.contacts2 td, div#contentbox table tr.contacts3 td {
	display: none;
}
/*
=================================================
	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 !important;}
a.xls				{ display: block; height: 22px; padding: 3px 0 0 35px; background: url(../img/layout/bottombox_xlsfile.png) no-repeat !important;}
a.ppt				{ display: block; height: 22px; padding: 3px 0 0 35px; background: url(../img/layout/bottombox_pptfile.png) no-repeat !important;}
a.pdf				{ display: block; height: 22px; padding: 3px 0 0 35px !important; background: url(../img/layout/bottombox_produktinfo.png) no-repeat !important;}
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 2px 10px;
	color: #000;
	text-decoration: none;
}
ol#topcrumbs li a:hover {
	color: #324954;
}
/*
=================================================
	Bottombox
=================================================
*/
div#bottombox {
	border-top: 1px solid #a3aab0;
	clear: both;
	padding: 20px 20px 35px 20px;
	margin: 0;
	background: url(../img/layout/contentbox_dropshadow.gif) no-repeat top right;
	_width:520px;
}	
#bottombox ul.bottomboxinfo {
	width: 510px;
	overflow: hidden;
	margin-bottom : 101px;
}
#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;
	margin: -30px 0 0 0;
	padding: 0 20px 10px 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: 160px;
	margin: 0;
	font-size: 110%;
}
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;
	background: #DAE6ED;
}
div#sidebar h4 {
	font-size: 100%;
	font-weight: bold;
	padding: 0 10px;
	margin: 0 0 0.5em 0;
}
div#sidebar ul {
	display: block;
	padding: 0 0 1em 0 !important;
	margin: 0 0 1em 0 !important;
}
div#sidebar ul.warenkorb {
	border-bottom: 1px solid #DAE6ED;
	padding: 0 0 .5em 0;
}
div#sidebar ul li {
	padding: 0 10px;
}
div#sidebar ul li.prod-item {
	border-bottom: 1px solid #DDD;
}
div#sidebar ul li.item-total {
	font-weight: bold;
	background: #F9F9F9;
	padding: 5px 10px;
	border-bottom: 3px double #CCC;
}
div#sidebar ul li span {
	display: block;
	text-align: right;
}
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;
}

div#sidebar div#standorte {
	clear : both;
}
div#quicksearch {
	margin: 6px 0 0 6px;
}
div#quicksearch form{
	float : left;
}
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;
	height: 26px;
}


h3.sidebarstao {
	background: url(../img/layout/sidebar_standorte_bg.gif) top right;
}
h3.sidebarstao a {
	background: url(../img/layout/sidebar_pfeil.png) right 20px;
	display: block;
	text-decoration:none;
	color: #333;
}
h3.sidebarstao a:hover {
	background: url(../img/layout/sidebar_pfeilhover.png) right 20px;
}
div#sidebar a.prospektlink {
	margin: 10px 0 0 1px;
	display: block;
	padding: 0.5em 10px 0.5em 30px;
	background: url(../img/layout/bottombox_prospekt.png) no-repeat center left;
}
div#sidebar #standorte h3 {
	margin: 0 0 0.5em 0;
}
/*
=====================================================
	Footer
=====================================================
*/
div#footer {
	clear: both;
	background: url(../img/layout/footer_bg1.gif) repeat-x;
	margin: 0;
	height: 5px;
	padding: 15px 0 0 20px;
	color: #69899a;
	font-size: 110%;
}
div#footer p {
	float: left;
	margin: 0;
	width: 200px;
}
div#footer a {
	color: #69899a;
}
div#footer ul {
	float: right;
	padding: 0 20px 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 {
	color: #333;
	text-decoration: none;
}
div#abschluss {
	height: 24px;
	width: 968px;
	background: url(../img/layout/footer.png) no-repeat top;
	clear: both;
	padding: 0;
	margin: 0 auto;
	text-indent: -9999px;
}
/*
=====================================================
	PopUp Div
=====================================================
*/
div#PopDiv {
	font-size: 120%;
	position: absolute;
	z-index: 200;
	background: url(../img/layout/popdiv_dropshadow.gif) no-repeat top right #FFF;
	border: 1px solid #A3AAB0;
	padding: 1em 2.5em 2.5em 2.5em;
}
div#PopDiv a {
	display: block;
	text-align: right;
	padding: 0 2.3em;
	margin: -.5em -2.2em 1em;
	background: url(../img/layout/popdiv_close.png) no-repeat center right;
}
div#PopDiv a:hover {
	text-decoration: none;
	color: #333;
}
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;
}