/* 
		Burki & Scherer AG , OFTRINGEN  
				
		1. GLOBAL STYLES
		2. LAYOUT STYLES
		3. HEADER STYLES
		4. TOP NAVIGATION STYLES
		5. BREADCRUMB NAVIGATION STYLES
		6. OTHERS STYLES
*/

/* GLOBAL STYLES
--------------------------------------------------------------------*/
* {
	padding: 0;
	margin: 0;	
}

body {
	font: 62.5%/1.6 "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #565656;	
	background-color: #FFFFFF;
	margin-left: 10px;
}

img {
	vertical-align: bottom;
	border: none;
}

a {
	text-decoration: none;
	color: #565656;
}

.clearer {
	clear: both;
}

.inline {
	display: inline;
}

.bold{
	font-weight: bold;
}

input, select, textarea {
	font: 1.2em "Lucida Grande", Lucida, Verdana, sans-serif;
}

ul {
	list-style-type: none;
}

ol {
	padding-left: 1.6em;
	font-size: 1.2em;
	line-height: 1.8;
	margin: 1em 0  0;
}

em {
	font-style: normal;
}

/* LAYOUT STYLES
--------------------------------------------------------------------*/
#layout {
	width: 99.9em;
	margin: 0 auto;
	overflow: hidden;	
}

#header {
	height: 28.4em;
	max-height: 28.4em;
	width: 99.9em;
	margin-top: 20px;
	overflow: hidden;
	position: relative;
	float: left;
}

#container {
	width: 99.9em;
}

#main {
	float: left;
	width: 80.5em;
	padding-top: 30px;
	padding-bottom: 2em;
	border-right: 1px solid #666666; 
	position: relative;
}

#left {
	float: left;
	width: 16.4em;
	height: 29em;
}

#center {
	float: right;
	width: 59.9em;
	padding: 0 1.9em 0 1.9em;
	border-left: 1px solid #666666;
}

#right {
	float: right;
	width: 18.0em;
	padding-top: 30px;
	vertical-align: top;
}

#footer {
	clear: both;
	position: relative;
	overflow: hidden;
	width: 80.5em;
	margin-right: 19.3em;
	margin-bottom: 10px;
	border-right: 1px solid #666666;
}

/* HEADER STYLES
--------------------------------------------------------------------*/

#logo {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 8.4em;
	width: 8.4em;
	background: transparent url(../images/lightview/blank.gif);
	z-index: 100;
}

#mantra{
	float: left;
	margin-top: 5.2em;
	height: 23.3em;
	width: 80.5em;
	border-right: 1px solid #666666;
	position: relative; 
}

#headImage {
 	position: absolute; 
 	top: 0; 
	 left: 1px; 
 	height:28.45em ; 
 	width:89.05em ;
 	z-index: 0;
}

/* NAVIGATION STYLES
--------------------------------------------------------------------*/
ul#navi {
	position: absolute;	
	font-size: 1.4em;
	width: 44em;
	margin-top: 0.071em;
	text-transform: uppercase;	
}

ul#navi li {
	float: left;
	height: 1.6em;
	margin: 0 1.7em 0 0;
}

#container a:link, #container a:visited {
	text-decoration: none;
}

#container a:hover {
	text-decoration: none;
	color: #000000;
	background-color: transparent;	
}

#container .selected {
	text-decoration: none;
	color: #000000;
	border-bottom: 2px solid #FFFFFF;
	background-color: transparent;	
}

#container a:focus, #container a:active {
	text-decoration: none;
	color: #000000;
	background-color: #FFEEAA;	
}

#sub_menu {
	position: absolute;
	top: 30px;
	left:0;
	margin: 0.3em 0 0;
	font-size: 1.2em;
	width: 13.750em;
}

#sub_menu ul li {
	margin-bottom: 0.8em;
}

*:first-child+html div#accessibility > ul {
	height: 0.01em;
	overflow: hidden;
}

* html #accessibility ul {
	height: 0.01em;
	overflow: hidden;
}

.offset, #anfahrsplan { 
	position: absolute; 
	top: -10000px; 
	left: -10000px;
}

#accessibility a:link, #accessibility a:visited { 
	position: absolute; 
	top: -10000px; 
	left: -10000px;
}

#accessibility a:hover,#accessibility a:active, #accessibility a:focus{ 
	position: absolute; 
	top: 0.5em; 
	left: 10em;
	font-size: 1.2em;
	background-color: #FFEEAA;
}

.access_link a:link, .access_link a:visited{ 
	position: absolute; 
	top: -10000px; 
	left: -10000px;
}

  .access_link a:hover, .access_link a:active, .access_link a:focus { 
	position: relative;
	color: #000;
	top: 0; 
	left: 0;
	margin-right: 0.5em;
	background-color: #FFEEAA;
	text-transform: none;
}


/*    REFERENZEN ICONS STYLE
--------------------------------------------------------------------*/

ul.ref_list {
	position: relative;
	height: 7.9em;
}

ul.ref_list li {
	float: left;
	height:7em;
}

.access_link_ref a:link, .access_link_ref a:visited{ 
	position: absolute; 
	top: -2000em; 
	left: -2000em;
}

.access_link_ref a:hover, .access_link_ref a:active, .access_link_ref a:focus { 
  	clear: left;
	position: absolute;
	top: 0em; 
	background-color: #FFEEAA;
}

.ref_icon1 a:active, .ref_icon1 a:focus {
	left: 1em;
}

.ref_icon2 a:active, .ref_icon2 a:focus {
	left: 7.5em;
}

.ref_icon3 a:active, .ref_icon3 a:focus {
	left: 14em;
}

.ref_icon4 a:active, .ref_icon4 a:focus {
	left: 22em;
}

.ref_icon5 a:active, .ref_icon5 a:focus {
	left: 28.5em;
}

.ref_icon6 a:active, .ref_icon6 a:focus {
	left: 37.3em;
}

.ref_icon7 a:active, .ref_icon7 a:focus {
	left: 43.5em;
}

.ref_icon8 a:active, .ref_icon8 a:focus {
	left: 49.5em;
}


/* BREADCRUMB NAVIGATION STYLES
--------------------------------------------------------------------*/

#breadcrumb {
	float: left; 
	margin-top: -20px;
	margin-left: 18.7em; 
	font-size: 1em;
}

/* OTHERS STYLES
--------------------------------------------------------------------*/

h1 {
	font-size: 2.4em;
	font-weight: normal;
	margin: 2.875em 0 0;
}

h1.willkommen {
	clear : both;
	float : left;
	width : auto;
}

h2 {
	font-size: 2em;
	font-weight: normal;
	margin: 1em 0  0;
}

h3 {
	font-size: 1.68em;
	font-weight: normal;
	margin-top: 1.4em;
}

h4 {
	font-size: 1.2em;
	margin-top: 1.4em;
}

.jumper {
	display: block;
	font-size: 1px;
 	height: 1px;
	margin-top: 10px;
	margin-bottom: -10px;
}

#center p {
	font-size: 1.2em;
	margin: 1em 0 0;
}

#center dl p {
	font-size: 1em;
	margin: 0;
}

#center p #rgtBox a:link, #center p #rgtBox a:visited,#center p #rgtBox a:hover, #center p #rgtBox a:active {
	border: none;
}

#center p a:link, #center ul.sitemap a:link, .leistung:link, ul.normal li a:link {
	border-bottom: 0.083em dotted #084C7C;
	color: #084C7C;
}

#center p  a:visited, #center ul.sitemap a:visited, .leistung:visited, ul.normal li a:visited  {
	border-bottom: 0.083em dotted #565656;
	color: #565656;
}

#center p a:hover, #center p a:active, #center ul.sitemap a:hover, ul.normal li a:hover, #center ul.sitemap a:active, .leistung:hover, .leistung:active , ul.normal li a:active {
	border-bottom: 0.083em solid #000000;
	color: #000000;
}



.leistung, .leistungen, .names {
	text-transform: uppercase;
}

.hidden, #mantra img {
	display: none;
}

.normal {
	color: #565656;
	font-size: 1.2em;
}

#time {
	float: right;
	margin-top: 5em;
	width: 18.3em;
	position: relative;
}

#time span {
	display: block;
	line-height: 1.15em;
	font-size: 0.9em;
}

#time span span {
	font-size: 1em;
}

#footer address {
	float: left;
	margin: 1.2em 0 2em 0;
	font-size: 1em;
	font-style: normal;
	line-height: 1.5em;
	text-transform: uppercase;
	width: 16.8em;
	color: #565656;
}

#footer .certificates{
	width: 50.0em;
	margin-left: 18.8em;
	padding-top: 3.5em;
}

#footer .certificates img {
	margin: 0.2em 0.5em 0 0;
	width: 9.0em; 
	height: 3.1em;
}

ul.kompetenz {
	font-size: 1.2em;
	margin-top:1em;	
}

ul.kompetenz li {
	float: left;
	width: 100%;
}

ul.kompetenz li ul, ul.kompetenz li div {
	margin-top: 0.5em;
}

ul.sprache {
	font-size: 1.2em;
	margin-top: 0.083em;
	height: 2em;
}

ul.sprache li {
	float: left;
	padding: 0 0.75em;
	display: inline;
	line-height: 1em;
	margin: 0.417em 0;
	border-left : 0.083em solid #fedd6a;
}

ul.sprache li#fchild {
	border: none; 
	padding-left: 0;
}

ul.add {
	clear: left;
	font-size: 1.2em;
	list-style: none;
	text-transform: uppercase;
}

ul.add li {
	margin: 0.25em 0;	
}

ul.add li.border {
	margin: 0.833em 0 0.25em;
	height: 2.083em;
}

ul.add li.last {
	margin-bottom: 1.6em;
}

ul.add .border a {
	width: 14.1em;
	height: 2.083em;
	line-height: 2.083em;
	border: 0.083em solid #fedd6a !important;
	display: block;
	padding: 0 0 0 0.317em;
}

form.searchForm {
	display: block;
	width: 17.5em;
}

form.searchForm label{
	position: absolute;
	width: 17.5em;
}

.searchField {
	width: 14.017em;
	padding: 0.441em 0.2em;
	margin-bottom: 0.5em;		
	border: 0.083em solid #FEDD6A;
	color: #565656;
}

.submit {
	padding: 0.12em 0;
	color:#565656;
}

#right .submit {
	padding: 0 0.5em;
}

img.icon {
	margin: 1.6em 0.4em 0 0;
	height: 6em;
	width: 6.6em;
}

img.workShow {
	height: 4.2em;
	width: 4.2em;
	margin: 6em 0 0 1em;
	float : left;
}

.clear {
	clear : both;
	display :block;
	height : 0.001em
}

.active {
	color: #000000;
}

sup {
	position: relative; 
	top:2px;
	left: -1px;
	line-height: 0.7em;
}

p sup acronym {
	text-decoration :none;
}

#rgtBox{
	 float: right; 
	 height: 2.083em;
}

#rgtBox img {
	margin-left: .7em;
	height: 1.750em;
	width: 1.833em;	
}

#map {
	height: 61.3em ;
	width: 60em;
}

#bus{
	position: absolute;
	display: inline;
	margin: -0.333em 0 0 0.292em;
	width: 1.833em;
	height: 2.5em;
}

.portrait {
	float: left;
	margin: 0 1.25em 1.25em 0;
	width: 13.33em;
	height: 13.33em;
}

 .email {
	font-size: 1.2em;
}

.zertifikate li {
	float : left; 
	width : 148px;
}

dl {
	font-size: 1.2em;	
}

dt {
	font-weight: bold;
	line-height: 1.92em;
	margin-top: 1em;
	vertical-align: top;	
}

dd {
	margin: -1.92em 0 1em 4em;
	line-height: 1.92em;	
}

/*  When Javascript is disabled
----------------------------------------------------------------------*/

img.icon_noScript {
	margin: 10px 10px  0 0; 
	border: 1px solid #666666; 
	padding: 2px;
}

.img_noScript {
	margin: 20px auto 20px auto;
	border: 1px solid #000000;
	padding: 10px;
}

/* organisation 
----------------------------------------------------------------------*/

ul#org {
	margin-top: 2em;
	width: 59.7em; 
	background-color: #575756; 
	color: #FFFFFF;
	vertical-align: middle; 
	text-align: center;
	line-height: 3em;
}

ul#org li{
	width: 59.7em;
}

ul#org li a{
	font-size: 1.2em;
	color: #FFFFFF; 
}

ul#org li ul.leitung li{
	float: left;
	width: 19.8em;
	line-height: 1.9em;
	padding: 0.2em 0  0.4em 0;
}

ul#org li ul.leitung li.mid {
	width: 19.7em; 
	border-right: 0.1em solid #FFFFFF;  
	border-left: 0.1em solid #FFFFFF; 
}

ul#org li ul.inner{
	width: 45em; 
	padding: 0 2em; 
	margin: 0 auto;
	line-height: 2.2em;
	padding: 0.5em 0;
	font-size: 1.2em;
}

ul#org li ul.inner li{
	display: inline;
	padding: 0 0.5em; 
	border-right: 0.1em solid #FFFFFF;
}

ul#org li ul.inner li.nobrd {
	border: none;
	border: 0;
}

.btb {
	clear: left;
	border-top: 0.1em solid #FFFFFF;
	border-bottom: 0.1em solid #FFFFFF;
}

.bb {
	border-bottom: 1px solid #FFFFFF;
}

.orgin {
	float: left;
	width: 16em;
}

ul#org a:link, ul#org a:visited{
	text-decoration: none;
	border-bottom: none;
}

ul#org a:hover, ul#org .selected {
	text-decoration: none;
	color: #FFFFFF;
	background-color: transparent;	
}

ul#org a:focus, ul#org a:active  {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #333333;	
}

/* Forms
--------------------------------------------------------------------*/

form fieldset {
	border: 0px solid;
}

.contact {
	font-size: 1.2em;
	margin-top: 1em;
}

label {
	display: block;
	margin: 1.167em 0 0;
	width: 30em;	
}

.fehler {
	color: #BB0000;
}

.gruen {
	color: #006600;
}

#kontaktart {
 	float: left; 
 	width: 10em;
}

form sup {
	font-size: 1.1em;
	margin-left: 0.167em;
}

.textboxsmall, .textboxsingle, .textboxmulti { 
	vertical-align:middle;
	border: 0.083em solid #666666;
	background: #FFFFFF;
	padding: 2px 4px;
	font-size: 1em;
	line-height: 1.2em;
	color: #565656;
}

.textboxsmall {
	width:  7em;
	margin: 0 0.583em 0 0.250em;
}

.textboxsingle {
	width: 30em;
}

.textboxmulti {
	width: 30em;
	height: 5em;
}

.radio {
	margin: 0 0.583em 0 0;
}

form.contact .submit {
	font-size: 1em;
	padding: 0.12em 0.3em;
}

/*	leistungen, Sitemap auflistung style
------------------------------------------------------------------*/

ul.auflist, ul.sitemap {
	font-size: 1.2em;
	margin-top: 0.417em;
	margin-bottom: 0.833em;
	display: block;
}

ul.sitemap li ul li {
	margin-top: 1.5em;
}

ul.sitemap li ul li ul li {
	margin-top: 0.3em;
}

ul.auflist li ul li, ul.sitemap li ul li ul li {
	padding-left: 1.667em;
}

ul.auflist li:before {
	content: '- ';
}

.sitemap_title {
	text-transform: uppercase;
}

.weiter_emp {
	display: block;
	margin: -1.8em 0 .8em 4em;
	line-height: 1.92em;
}

/* Color MS*/

#colorMS{
	width: 600px; 
	height: 266px; 
	margin-bottom: 1em;
}

#colorMS img {
	float: left;
}

#fontlist {
	margin-top: 2em;
}

span.notInstall{color: #565656; margin-left: 3em;}

.Arial{ font-family: Arial;} 
.Arial_Black{font-family: "Arial Black" ;} 
.Comic_Sans_MS{font-family: "Comic Sans MS";} 
.Courier{font-family: "Courier";} 
.Courier_New{font-family: "Courier New";} 
.Estrangelo_Edessa{font-family: "Estrangelo Edessa";} 
.Franklin_Gothic_Medium{font-family: "Franklin Gothic Medium";} 
.Geneva{font-family: "Geneva";} 
.Georgia{font-family: "Georgia";} 
.Gill_Sans{font-family: "Gill Sans";} 
.Helvetica{font-family: "Helvetica";} 
.Impact{font-family: "Impact";} 
.Lucida_Console{font-family: "Lucida Console";} 
.Lucida_Grande {font-family: "Lucida Grande";} 
.Lucida_Sans_Unicode {font-family: "Lucida Sans Unicode";} 
.Monaco	{font-family: "Monaco";} 
.Palatino{font-family: "Palatino";} 
.Palatino_Linotype{font-family: "Palatino Linotype";} 
.Tahoma{font-family: "Tahoma";} 
.Times{font-family: "Times";} 
.Times_New_Roman{font-family: "Times New Roman";} 
.Trebuchet_MS{font-family: "Trebuchet MS";} 
.Verdana {font-family: "Verdana";}