/* 
======================================================
	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 {
	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, div#navi ul li strong {
	text-decoration: none;
	color: #333;
	display: block;
	height: 20px;
	width: 160px;
	padding: 0 20px;
}
div#navi ul li a:hover {
	color: #913e0b;
}
div#navi ul li ul{
	padding: 0 0 10px 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: #913e0b;
	padding: 0;
}
div#navi ul li ul li strong {
	color: #333;
}
div#navi ul li ul li a:hover {
	color: #333;
}
div#navi ul li ul li a.active {
	font-weight: bold;
}
/*
=====================================================
	Servicenavigation
=====================================================
*/
ul#servicenavi {
	width: 720px;
	height: 20px;
	background: url(../img/layout/servicenavi_bg.gif);
	margin: 0;
	float: left;
	padding: 0;
}
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.5em;
	padding: 0 0.83em;
}
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.5em;
	padding: 0 0.83em;
}
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;
	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: 120%;
	padding: 0.33em 20px 0 0;
}

div.startbox-small, div.startbox-small-right {
	width: 240px;
	background: url(../img/layout/content_dropshadow.gif) repeat-x;
	float: left;
	padding: 10px 20px;
	margin: 0;
}
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 {
	font-size: 140%;
	font-weight: normal;
	margin: 0;
}

/*
=====================================================
	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;
	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; }
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 {
	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: 30em;
	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;
	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 {
	padding: 0 0 1em 0;
	margin: 0 0 1em 0;
}
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;
}

form#quicksearch {

}
div#quicksearch {

}
div#quicksearch fieldset{
	background: #000;
	border: none;
	padding: 5px;
	margin: 0;
}
div#quicksearch legend, div#quicksearch label {
	display: none;
}
div#quicksearch input {
	font-size: 100%;
}
div#quicksearch input#Suche {
	width: 145px;
}
div#quicksearch input#search-button {
	background: url(../img/layout/search_button_large.gif) no-repeat;
	color: #FFF;
	border: none;
	float: right;
	margin: .5em 0 0 0;
	text-align: center;
	padding: .2em 0;
	width: 100px;
	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 {
	background: url(../img/layout/sidebar_pfeilhover.png) top right;
}
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: 1.5em 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;
}