/*******************************/

/* SATOoffice                  */

/* v1.7                        */

/* Gerhard W.H. Schmidt        */

/* Buero WIlhelm               */

/* www.buerowilhelm.de         */

/*******************************/ 





/* BODY

----------------------------------------------------------------------*/

body {

	margin: 0;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	line-height: 17px;

	padding-top: 0;

	padding-right: 0;

	padding-bottom: 0;

	padding-left: 12px;

}



/* HYPERTEXT LINKS

----------------------------------------------------------------------*/

a {

	color:  #494949;

	text-decoration: none;

}

a:visited {

	color: #494949;

	text-decoration: none;

}

a:hover {

	color: #FF0000;

	text-decoration: none;

}



/* FONT STYLES GLOBAL

----------------------------------------------------------------------*/



.headline_black {

	font-weight: bold;

}

.referenz_black {

	font-weight: bold;

	color: #000000;

}



.fhformular {

	font-weight: normal;

	color: #000000;

	font-size: 11px;

	line-height: 11px;

}

input, textarea, select {

/* background-color: #cccccc;*/

  background-color: #FFFFFF;

	font-size: 11px;

	line-height: 11px;

}

/* FONT STYLES VERTRIEB

----------------------------------------------------------------------*/

.plz {

	font-weight: bold;

	color: #606060;

}

/* FONT STYLES NEWS

----------------------------------------------------------------------*/

.news_date {

	font-weight: bold;

	color: #606060;

	font-size: 10px;

}

.news_headline {

	font-weight: bold;

	color: #000000;

}

/* FONT STYLES PRODUKTE

----------------------------------------------------------------------*/

.doppellinie {

	font-weight: bold;

	border-top-width: 1px;

	border-bottom-width: 1px;

	border-top-style: solid;

	border-right-style: none;

	border-bottom-style: solid;

	border-left-style: none;

	border-top-color: #171717;

	border-right-color: #171717;

	border-bottom-color: #171717;

	border-left-color: #171717;

	text-indent: 12px;

}



.uebersicht a {

	color:  #000000;

	text-decoration: none;

	font-size: 10px;

	font-weight: bold;

}

.uebersicht a:visited {

color:  #000000;

	text-decoration: none;

	font-size: 10px;

	font-weight: bold;

}

.uebersicht a:hover {

color:  #FF0000;

	text-decoration: none;

	font-size: 10px;

	font-weight: bold;

}



/* BOXEN

----------------------------------------------------------------------*/

#aktiv_ref{

	float: left;

	width: 150px;

	z-index: 5;

	position: absolute;

}

#aktiv_ref_sm{

	float: left;

	width: 102px;

	z-index: 5;

	position: absolute;

}

#logo{

	float: left;

	width: 91px;

	z-index: 5;

	height: 41px;

	position: absolute;

	left: 801px;

	top: 12px;

}

#seminardownload{
	float: left;
	width: 91px;
	z-index: 5;
	height: 113px;
	position: absolute;
	left: 801px;
	top: 60px;
	visibility: hidden;
}

#back{

	float: left;

	width: 120px;

	z-index: 6;

	height: 26px;

	position: absolute;

	left: 278px;

	top: 136px;

}

#startlogos{

	float: left;

	width: 271px;

	z-index: 6;

	height: 44px;

	position: absolute;

	left: 607px;

	top: 571px;

}

#sichtbar_referenzen{

	float: left;

	width: 97px;

	z-index: 101;

	height: 121px;

	position: absolute;

	left: 671px;

	top: 53px;

}



#lupe{

	float: left;

	width: 331px;

	z-index: 101;

	height: 22px;

	position: absolute;

	left: 293px;

	top: 536px;

	text-align: left;

	vertical-align: top;

}





/*----------------------------------------------------------------------*/



/* <![CDATA[ */ 



#pageContainer {

	width: 880px;

	

}

* html #pageContainer {

	/* \*/

	word-wrap: break-word;

	/* verhindert float-Probleme beim IE/Win siehe Referenz zu float */

}

#header {
	height: 142px;
	padding-top: 38px;
	width: 880px;
	background-image: url(http://www.satooffice.com/images/orgateg.gif);
	background-repeat: no-repeat;
	background-position: 789px 60px;
}

#main {

	background-color: #DFE1E3;

	border-right-width: 200px;

	border-left-width: 260px;

	border-right-style: solid;

	border-left-style: solid;

	height: 380px;

	border-right-color: #CECECE;

	width: auto;

	font-size: 11px;

	top: 0px;

}

#main_breit {

	background-color: #D4D4D4;

	border-right-width: 100px;

	border-left-width: 260px;

	border-right-style: solid;

	border-left-style: solid;

	height: 380px;

	border-right-color: #D4D4D4;

	/*width: auto;*/

	font-size: 11px;

	/*top: 0px;*/

}

#main_anfahrt {



	height: 380px;

	background-color: #D4D4D4;



	width: 880px;	

}

#main_3spalten {

	background-color: #D4D4D4;

	border-right-width: 100px;

	border-left-width: 260px;

	border-right-style: solid;

	border-left-style: solid;

	height: 380px;

	border-right-color: #D4D4D4;

	/*width: auto;*/

	font-size: 11px;

	/*top: 0px;*/

}

#main_stuehleklein {

	background-color: #FFFFFF;

	width: auto;

}

#main_uebersicht {

	background-color: #FFFFFF;

	height: 380px;

	width: auto;

}

#left, #middle, #right, #SOWrap {

	overflow: visible;

	position: relative;

}

#SOWrap {

	float: left;

	width: 100%;

	z-index: 3;

}

#middle {

	float: right;

	/*width: 400px;*/

	z-index: 5;

	padding-left: 20px;

	padding-top: 20px;

	width: 400px;	

}

#middle_eng {

	float: right;

	width: 400px;

	z-index: 5;

	padding-left: 20px;

	padding-top: 20px;

	line-height: 12px;	

}

#middle_breit {

	float: right;

	width: 500px;

	z-index: 5;

	padding-left: 20px;

	padding-top: 20px;

	

}

#middle_3spalten {

	float: right;

	width: 500px;

	z-index: 5;

	padding-left: 20px;

	padding-top: 20px;

	

}

#left{

	float: left;

	width: 260px;

	z-index: 4;

/*	margin-top: 0;*/

	margin-right: 0px;

/*	margin-bottom: 0; */

	margin-left: -260px;

	

}

#left_anfahrt{

	float: left;

	width: 680px;

	z-index: 4;

	height: 380px;	

}

#right {

	float: right;

	width: 180px;

	z-index: 2;

	margin-right: -200px;

	padding-top: 8px;

	padding-left: 20px;

}

#right_anfahrt {

	float: right;

	width: 180px;

	z-index: 2;

	padding-top: 20px;

	padding-left: 20px;

}

#footer {

	margin:0;

	color: #767676;

	padding-top: 12px;

	padding-bottom: 12px;

	padding-left: 12px;

}

h1,h2 {

	font-weight: bold;

	font-size: 11px;

	margin-bottom: 0px;

	top: 0px;

}

/* ]]> */





/* HAUPTNAVI

----------------------------------------------------------------------*/

ul {

	list-style: none;

	padding: 0;

	margin: 0px;

}

#nav a {

	font-weight: bold;

	color: red;

}

#nav a {

	text-decoration: none;

}

#nav li li a {

	display: block;

	font-weight: bold;

	color: black;

}

#nav li li a:hover {

	color: red;

}

li {

	float: left;

	position: relative;

	cursor: default;

}

li#abstand {

	margin-top: 20px;

}



li ul {

	display: none;

	position: absolute;

	top: 100%;

	left: 0;

}



li>ul {

	top: auto;

	left: auto;

}



li li {

	display: block;

	float: none;

	background-color: transparent;

	border: 0;

}



li:hover ul, li.over ul {

	display: block;

}









li#current ul, li.over ul {

	display: block;

}





#nav li a.current {

color: #FF0000;

font-weight: bold;

	

}











hr {

	display: none;

}



p {

	line-height: 17px;

	margin-top: 0px;

	margin-bottom: 17px;	

}





/* NAVIGATION 3. Ordnung

----------------------------------------------------------------------*/

.item ul,

.item li {

	clear: both;

	list-style: none !important;

	margin: 0;

	width:180px;

	/*width:180px;*/

}

.item {

	clear: both;

	float: none;

	}

li#abstand_item {

	padding-top: 17px;

}

li#eiruecken_item {

	padding-left: 10px;

	width: 170px;

	/*width: 170px;*/

}

li#pdf {

	padding-left: 18px;

	width: 162px;

	background-image: url(pdficon.gif);

	background-repeat: no-repeat;

}

li#abstandundpdf {

	padding-top: 17px;

	padding-left: 18px;

	width: 162px;

	background-image: url(pdficon.gif);

	background-repeat: no-repeat;

	background-position: 0px 17px;

}

.item li a:link {

	color: #000000;

	text-decoration: none;

	font-weight: bold;

	font-size: 11px;

}

.item li a:visited {

	color: #000000;

	text-decoration: none;

	font-weight: bold;

}

.item li a:hover {

	

	color: #FF0000;

	text-decoration: none;

	font-weight: bold;

}

.item li a.current {

color: #FF0000;

font-weight: bold;

font-size: 11px;

	

}



.item li a:visited.current {

color: #FF0000;

font-weight: bold;

font-size: 11px;

	

}



/* Image in Sidebar links

----------------------------------------------------------------------*/

.img_sidebar {

	padding-top:10px;

	padding-left:33px;

}



/* FOOTER links

----------------------------------------------------------------------*/

#footer a {

color: #767676;

	

	text-decoration: none;

}

#footer a:link {

	color: #767676;

}

#footer a:hover {

	color: #000000;

}

#footer a:visited {

	color: #767676;

}



/* BACK links

----------------------------------------------------------------------*/

#back a {

	background: transparent;

	text-decoration: none;

}

#back a:link {

	color: #767676;

}

#back a:hover {

	color: #000000;

}

#back a:visited {

	color: #767676;

}

/*----------------------------------------------------------------------*/

















ul.dropdown

{

    list-style: none;

   width:100%;

    z-index:99;

}



ul.dropdown * ul

{

    list-style: none;

    margin:0;

    padding: 0;

	display:none;

	position:absolute;

	z-index:99;

	 /* width:20em;*/

}



ul.dropdown li

{

    float:left;

}



ul.dropdown li * li

{

	float:none;

	position: relative;

}



ul.dropdown ul * ul

{

    left:98%;

    top:0;



}



ul.dropdown a

{

    display:block;



}



ul.dropdown ul * a

{

    height:100%;

}



ul.dropdown li:hover ul ul, ul.dropdown li:hover ul ul ul, ul.dropdown li:hover ul ul ul ul

{

    display:none;

}



ul.dropdown li:hover ul, ul.dropdown ul li:hover ul, ul.dropdown ul ul li:hover ul

{

    display:block;

}





ul.dropdown a

{

	color:#000000;

	text-decoration:none;

	font-weight: bold;

}



ul.dropdown a:hover

{

    color:#FF0000;

}



/*ul.dropdown ul

{



}*/



ul.dropdown ul a

{

    color:#000000;

    text-decoration:none;

}



ul.dropdown ul a:hover

{

    color:#FF0000;

}



/*ul.dropdown ul li

{

}*/



.dropdown li a.current {

color: #FF0000;

font-weight: bold;

	

}

.feldrose {

	

	background-color: #ECECEC;	

}

.abstandform {

	padding-left: 5px;

	padding-top: 10px;	

}