h1,h2,h3,h4,ul,ol,li,div,td,th,address,blockquote,nobr,input,textarea,form,body
     { font-family:"Helvetica Neue",Helvetica,Arial,Verdana,Geneva,sans-serif; font-size: 14px; }

.quote
     { font-family:"Helvetica Neue",Helvetica,Arial,Verdana,Geneva,sans-serif; font-size: 10px; }

body         
{ 
margin:0px;
padding:0px;
text-align: center;
background-color: #000000;
background-image: url(./pix/bg_verlauf.jpg);
background-repeat: repeat-y;
font-family:"Helvetica Neue",Helvetica,Arial,Verdana,Geneva,sans-serif;
letter-spacing: 0.02em;
line-height: 1.3em;
width: 100%;
overflow: auto;
}

#laDe {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 31px;
}

#laFr {
  position: absolute;
  top: 0px;
  left: 50px;
  height: 31px;
}

#laIt {
  position: absolute;
  top: 0px;
  left: 100px;
  height: 31px;
}

#laEn {
  position: absolute;
  top: 0px;
  left: 150px;
  height: 31px;
}

#laEs {
  position: absolute;
  top: 0px;
  left: 200px;
  height: 31px;
}

#laPt {
  position: absolute;
  top: 0px;
  left: 250px;
  height: 31px;
}

#laNl {
  position: absolute;
  top: 0px;
  left: 300px;
  height: 31px;
}

#laJp{
  position: absolute;
  top: 0px;
  left: 350px;
  height: 31px;
}

#laZh {
  position: absolute;
  top: 0px;
  left: 400px;
  height: 31px;
}

#laRu {
  position: absolute;
  top: 0px;
  left: 450px;
  height: 31px;
}

#mehrzeit {
  position: absolute;
  top: 5px;
  left: 20px;
}

#mehrzeitSubpage {
  position: absolute;
  top: 0px;
  left: 0px;
}

#header {
  position: absolute;
  top: 0px;
  left: 300px;
  width: 270px;
  text-align: right;
}

#headerSubpage {
  position: absolute;
  top: 40px;
  left: 0px;
  text-align: left;
}

#firmenideen {
  position: absolute;
  top: 80px;
  left: 580px;
}

#firmen {
  position: absolute;
  top: 80px;
  left: 20px;
}

#schule {
  position: absolute;
  top: 80px;
  left: 300px;
}

#kultur {
  position: absolute;
  top: 250px;
  left: 20px;
}

#soziales {
  position: absolute;
  top: 250px;
  left: 300px;
}

#centerbox {
  position: relative;
  width: 600px;
  margin: 0px auto;
  text-align: center;
}

#centerboxSubpage {
  position: relative;
  width: 750px;
  margin: 0px auto;
  text-align: center;  
}

#formular {
  position: absolute;
  left: 170px;
  top: 5px;
  width: 540px;
  height: 300px;
}

#email {
  position: absolute;
  left: 170px;
  top: 280px;
  width: 180px;
}

#post {
  position: absolute;
  left: 350px;
  top: 280px;
  width: 180px;
}

#direkt {
  position: absolute;
  left: 530px;
  top: 280px;
  width: 180px;
}

#firma {
  position: absolute;
  left: 170px;
  top: 5px;
  width: 180px;
  text-align: left;
}

#gesellschaft {
  position: absolute;
  left: 350px;
  top: 5px;
  width: 180px;
  text-align: left;
}

#dienste {
  position: absolute;
  left: 530px;
  top: 5px;
  width: 180px;
  text-align: left;
}

#sonnenlicht {
  position: absolute;
  top: 54px;
  left: 5px;
  z-index: 3;
}

#sonnenlichtZusatz {
  position: absolute;
  top: 48px;
  left: 5px;
  z-index: 3;
}

#newsLeft {
  position: absolute;
  top: 204px;
  left: 5px;
  width: 200px;
  margin: 0px;
/*  border: 1px solid #80baf1; */
  padding: 0px;
  background-color: #ffffff;
  z-index: 3;
}

.lang_subline {
  border-bottom: 2px #ffba00 solid;
}

.lang_ {
  border-bottom: 2px transparent solid;
}

a { color:#000000; text-decoration:none; border-bottom: 2px solid #c6c6c6; font-weight: normal; }
a:hover { color:#000000; text-decoration:none; border-bottom: 2px solid #ffba00; }
a:active { color:#000000; text-decoration:none; border-bottom: 2px solid #ffba00; }

a.forward { color:#ffba00; text-decoration:none; margin-bottom: 6px; font-size: 18px; font-weight: bold; }
a.forward:hover { color:#ffffff; text-decoration:none; background-color: #bbbbbb; }
a.forward:active { color:#ffba00; background-color: #ffffff; text-decoration:none; }

a.awhite { color:#cccccc; text-decoration:none;  font-weight: normal;  }
a.awhite:hover { color:#000000; text-decoration:none; background-color: #cccccc; }
a.awhite:active { color:#cccccc; background-color: #000000; text-decoration:none; }

a.awhitewo { color:#cccccc; text-decoration:none; border-bottom: 0px solid #c6c6c6; font-weight: normal;  }
a.awhitewo:hover { color:#000000; text-decoration:none; background-color: #cccccc; }
a.awhitewo:active { color:#cccccc; background-color: #000000; text-decoration:none; }

a.imgLink {
  text-decoration: none;
  border-bottom: 0px solid #000000;
  font-weight: normal;
}

a.imgLink:hover {
  text-decoration: none;
  background-color: transparent;
  border-bottom: 0px solid #ffba00;
}

a.imgLink:active {
  text-decoration: none;
  background-color: transparent;
}

a.noLink, a.noLink:hover, a.noLink:active {
  text-decoration: none;
  background-color: transparent;
  border-bottom: 0px solid #000000;
}

a.noLinkS {
  text-decoration: none;
  background-color: transparent;
  border-bottom: 0px solid #000000;
}

a.noLinkS:hover, a.noLinkS:active {
  text-decoration: none;
  background-color: transparent;
  border-bottom: 1px solid #ffba00;
}



a.naviTop {
  text-decoration: none;
  font-weight: normal;
  color: #000000;
  background-color: #ffffff;
  border: 0px solid transparent;
  font-weight: normal;
  padding: 4px;
  padding-left:6px;
}

a.naviTop:hover {
  text-decoration: none;
  color: #ffffff;
  background-color: #7f7f7f;
  border: 0px solid transparent;
  padding: 4px;
  padding-left:6px;
}

a.naviTop:active{
  text-decoration: none;
  color: #ffffff;
  background-color: #7f7f7f;
  border: 0px solid transparent;
  padding: 4px;
  padding-left:6px;
}

a.naviAktiv {
  background-color: #dfdfdf;
}

.links {
  margin: 0px;
  margin-bottom: 5px;
  padding: 0px;
  z-index: 6;
}

td {
  height: auto;
  padding: 0px;
  margin: 0px;
  z-index: 6;
}

.main {
  width: 270px;
  margin: 0px;
  padding: 0px;
  background-color: #ffffff;
  z-index: 6;
  text-align: left;
}

.mainVorhilfe {
  width: 540px;
  margin: 0px;
  padding: 0px;
  background-color: #ffffff;
  z-index: 6;
}

.mainPol {
  position: relative;
  top: 5px;
  left: 170px;
  width: 540px;
  text-align: left;
  margin: 0px;
  padding: 0px;
  background-color: #ffffff;
  z-index: 6;
}

.mainPolNew {
  position: relative;
  top: 0px;
  left: 0px;
  text-align: left;
  margin: 0px;
  padding: 0px;
  background-color: #ffffff;
  z-index: 6;
}

.mainSub {
  position: absolute;
  top: 80px;
  left: 162px;
  width: 408px;
  text-align: left;
  margin: 0px;
  padding: 0px;
  background-color: #ffffff;
  z-index: 6;
}

.mainOhneRand {
  margin: 0px;
/*  border: 1px solid #80baf1; */
  padding: 0px;
  background-color: #ffffff;
  z-index: 6;
}

.mainOhneRandPlus {
  margin: 0px;
/*  border: 1px solid #80baf1; */
  padding: 10px;
  background-color: #ffffff;
  z-index: 6;
}

.mainTwo {
  margin: 0px;
  border: 1px solid #80baf1;
  padding: 0px;
  background-color: #ffffff;
  z-index: 6;
}

.mainNavigation {
  margin: 0px;
  padding: 0px;
  background-color: #ffffff;
  border: 1px dotted #80baf1;
  z-index: 6;
}


.mainContent {
  margin: 0px;
  padding: 10px;
  background-color: #ffffff;
  z-index: 6;
}

.mainContentVh {
  margin: 0px;
  padding: 0px;
  /* background-color: #ffffff; */
  z-index: 6;
}

.mainContentLeft {
  margin: 0px;
  padding: 10px;
  background-color: #ffffff;
  z-index: 6;
  text-align: left;
}

.mainContentBlass {
  margin: 0px;
  padding: 10px;
  background-color: #ffffff;
  z-index: 6;
  filter:alpha(opacity=50); -moz-opacity:0.50; opacity:0.50;
}

.mz_mainContentBlass {
  margin: 0px;
  padding: 0px;
  background-color: #ffffff;
  z-index: 6;
  filter:alpha(opacity=50); -moz-opacity:0.50; opacity:0.50;
}

.mainContentSub {
  margin: 0px;
  padding: 10px;
  background-color: #ffffff;
  z-index: 6;
  text-align: left;
}

.mainContentSubNew {
  margin: 0px;
  padding: 10px;
  padding-left: 0px;
  background-color: #ffffff;
  z-index: 6;
  text-align: left;
}

.mainContentOben {
  margin: 0px;
  padding: 5px;
  background-color: #ffffff;
  z-index: 6;
}

h3 {
  font-size:18px;
  font-weight:bold;
  right:0px;
  margin:0px;
  /* background-color: #ffffff; */
  color: #ffba00;
  padding: 0px;
  padding-left: 0px;
}

.h3Left { font-size:16px;
     font-weight:bold;
     margin:0px;
     background-color: #80baf1;
     color: #ffffff;
     padding: 10px;
}

.titelbalken {
  vertical-align: middle;
  border: 1px solid #80baf1;
  background-color: #80baf1;
  color: #ffffff;
}

.titelbalkenSmall {
  vertical-align: middle;
  padding: 0px;
  border: 1px solid #ffffff;
/*  border: 1px solid #80baf1; */
/*  background-color: #80baf1; */
  background-color: #ffffff;
  color: #ffffff;
  font-size:16px;
  margin: 0px;
}

.h3 {
  font-size:18px;
  font-weight:bold;
  right:0px;
  margin:0px;
  /* background-color: #ffffff; */
  color: #ffba00;
  padding: 0px;
  padding-left: 0px;
}

h4 { font-size:14px; }

h5 { font-size:12px; 
     margin-left:1px; }

.h5 { font-size:12px; 
      margin-left:1px;
      margin-bottom:0px;
      margin-top:5px;
      font-weight:bold; }


.adresseFontSize { font-size: 14px; }

.fusszeile {
  margin-top:15px;
  padding:5px;
  border-top: 1px solid #80baf1;
  font-size: 14px;
}

.fusszeileVerschoben {
  margin-top:15px;
  padding:5px;
  padding-left: 205px;
/*  border-top: 1px solid #80baf1; */
  font-size: 14px;
}


input,textarea {
  border: 1px solid #ffca00;
  color: black;
  font-size:14px;
  background-color:white;
}

.border_no {
  border: 1px solid #ffffff;
}

.green {
  background-color: #c3fc41;
  padding: 5px;
  border-top: 1px dotted #80baf1;
  border-bottom: 1px dotted #80baf1;
}

.orangeBG {
border: 1px solid #80baf1;
background-color: #80baf1;
padding: 5px;
border-top: 1px dotted #80baf1;
border-bottom: 1px dotted #80baf1;
}

.whiteBG {
  background-color: #ffffff;
}

.navigation {
  margin-top: 15px;
  padding: 5px;
  background-color: #ffffff;
}

img {
  vertical-align: middle;
  border-width: 0px;
  z-index: 3;
}

img.textfluss {
  float: right;
  margin-left: 20px;
  margin-bottom: 5px;
}

img.kundenlogos {
  float: left;
  margin: 10px;
}

#infoBox {
  position: absolute;
  right: 10px;
  top: 11px;
  width: auto;
}

#adressBox {

  position: absolute;
  right: 5px;
  top: 53px;
  width: 200px;
  border-right: 1px dotted #80baf1;
  border-left: 1px dotted #80baf1;
  border-bottom: 1px dotted #80baf1;
}

#brav_preload, #virtuelles_preload, #musicalworkshop_preload {
  font-family: arial,sans-serif;
  font-size: 14px;
  padding: 5px;
  color: #101010;
  position: absolute;
  left: 0px;
  top: 0px;
  background-color: #80baf1;
  visibility: hidden;
  filter:alpha(opacity=90); -moz-opacity:0.90; opacity:0.90;
  z-index: 9;
}

.normal {
}

.normalBlass {
  filter:alpha(opacity=50); -moz-opacity:0.50; opacity:0.50;
}

.mz_normalBlass {
  filter:alpha(opacity=50); -moz-opacity:0.50; opacity:0.50;
  font-size: 18px;
}

.mz_normalNonBlass {
  font-size: 18px;
}

/* stylesheetbestandteil fuer vorhilfe.ch */

#sliders_box {
  position: relative;
  top: 0px;
  left: 0px;
  width: 540px;
  border-top: 1px solid #80baf1;
  z-index: 5;
}

#slide_primar_box {
  position: relative;
  top: 0px;
  left: 0px;
  width: 540px;
  z-index: 6;
}

#slide_ober_box {
  position: relative;
  top: 0px;
  left: 0px;
  width: 540px;
  z-index: 6;
}

#slide_berufs_box {
  position: relative;
  top: 0px;
  left: 0px;
  width: 540px;
  z-index: 8;
}

#slide_kanti_box {
  position: relative;
  top: 0px;
  left: 0px;
  width: 540px;
  z-index: 9;
}

.background-weiss {
  background-color: #ffffff;
  color: #80baf1;

}

.background-orange {
     background-color: #80baf1;
     color: #ffffff;
     font-size:16px;
     font-weight:bold;
     right:0px;
     margin:0px;
     padding: 10px;
}

.h3vh {
     font-size:16px;
     font-weight:bold;
     right:0px;
     margin:0px;
     background-color: #ffffff;
     color: #80baf1;
     padding: 10px;
}

.h3vhm {
     font-size:16px;
     font-weight:bold;
     right:0px;
     margin:0px;
     background-color: #ffffff;
     color: #80baf1;
     padding: 10px;
     border-botton: 1px solid #80baf1;
}

ul.startseite {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

#line_orange_top {
  position: absolute;
  top: 115px;
  left: 0px;
  width: 830px;
  height: 2px;
  background-image: url(./pix/line_orange.jpg);
  overflow: hidden;
}

#line_orange_bottom {
  position: absolute;
  top: 405px;
  left: 0px;
  width: 830px;
  height: 2px;
  background-image: url(./pix/line_orange.jpg);
  overflow: hidden;
}

#line_orange_top_mz {
  position: absolute;
  top: 140px;
  left: 0px;
  width: 830px;
  height: 10px;
  /* background-image: url(./pix/line_orange.jpg); */
  overflow: hidden;
}

#line_orange_bottom_mz {
  position: absolute;
  top: 480px;
  left: 0px;
  width: 830px;
  height: 10px;
  /* background-image: url(./pix/line_orange.jpg); */
  overflow: hidden;
}

#oben_quer {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 35px;
  background-color: #000000;
  background-image: url(./pix/bg_verlauf.jpg);
  background-repeat: repeat-y;
}

#unten_quer {
  position: absolute;
  top: 36px;
  left: 0px;
  width: 100%;
  height: 480px;
  background-color: #ffffff;
  border-top: 2px solid #7f7f7f;
  border-bottom: 2px solid #7f7f7f;
}

#oben_balken {
  position: absolute;
  top: 0px;
  left: 10px;
  width: 855px;
  height: 39px;
  background-image: url(./pix/titelbalken.jpg);
}

#titelbalken_small {
  position: absolute;
  top: 487px;
  left: 198px;
  width: 500px;
  color: #aaaaaa;
  padding: 6px;
}

#titelbalken_small_left {
  position: absolute;
  top: 7px;
  left: 210px;
  height: 33px;
  width: 500px;
  color: #ffffff;
}

#done {
  font-family: arial,sans-serif;
  color: #666666;
  font-size: 14px;
  position: absolute;
  bottom: 0px;
  right: 0px;
  padding: 10px;
}

iframe {
  border: 0px black solid;
}

#mz_titlepage {
  position: absolute;
  top: 0px;
}

.dark {
  color: #101010;
 }

#main_news {
  position: absolute;
  top: 520px;
  left: 190px;
  width: 600px;
  background-color: transparent;
  color: #cccccc;
  padding: 10px;
  padding-left: 20px;
  padding-right: 20px;
  border-bottom: 1px dotted #cccccc;
}

#sanduhr {
  position: absolute;
  top: 75px;
  left: 0px;
  width: 283px;
  height: 424px;
  background-image: url(./pix/sanduhr.jpg);
  background-repeat: no-repeat;
  z-index:5;
}

#sanduhr2 {
  position: absolute;
  top: 75px;
  right: 0px;
  width: 283px;
  height: 424px;
  background-image: url(./pix/sanduhr.jpg);
  background-repeat: no-repeat;
  z-index:5;
}

.small {
  font-size: 10px;
  font-family:"Helvetica Neue",Helvetica,Arial,Verdana,Geneva,sans-serif;
  letter-spacing: 0.02em;
  line-height: 1.3em;
}

table.ganzeBreite {
  width: 100%;
}

td.center {
  text-align: center;
  padding: 3px;
}

td.centerLR {
  text-align: center;
  padding-left: 3px;
  padding-right: 3px;
  border: 1px grey dotted;
}

td.lightGrey {
  background-color: #efefef;
}

td.lightOrange {
  background-color: #f2d479;
}

.likeA {
  border-bottom: 2px solid #c6c6c6;
  cursor: help;
}

        .tooltip {
			border-bottom: 1px dotted #000000; color: #000000; outline: none;
			cursor: help; text-decoration: none;
			position: relative;
		}

		.tooltip span {
			margin-left: -999em;
			position: absolute;
		}

		.tooltip:hover span {
			border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
			font-family: Candara, Tahoma, Geneva, sans-serif;
			position: absolute; left: 1em; top: 2em; z-index: 99;
			margin-left: 188px; margin-top: -40px; width: 300px;
		}

		.tooltip:hover img {
			border: 0; margin: -10px 0 0 -55px;
			float: left; position: absolute;
		}

		.tooltip:hover em {
			font-family: "Helvetica Neue",Helvetica,Arial,Verdana,Geneva,sans-serif; font-size: 1em; font-weight: bold;
			display: block; padding: 0.2em 0 0.6em 0;
		}

		.classic { padding: 0.8em 1em; }

		.custom { padding: 0.5em 0.8em 0.8em 2em; }

		* html a:hover { background: transparent; }

		.classic {background: #FFFFAA; border: 1px solid #FFAD33; }

		.critical { background: #FFCCAA; border: 1px solid #FF3334;	}

		.help { background: #9FDAEE; border: 1px solid #2BB0D7;	}

		.info { background: #efefef; border: 1px solid #c6c6c6; text-align: left; }

		.warning { background: #FFFFAA; border: 1px solid #FFAD33; }
		
.etwasAbstandOben {
  margin-top: 4px;
}