* { 
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family:Arial, sans-serif; 
  }
body{
  width:100%;
  min-height:100%;
}
body.jura{
  background-image:url('../images/jura50hw.png');
  background-repeat:repeat;
}
body.projekt1{
  background-image:url('../images/gelb-v-back.png');
  background-repeat:repeat-y;
}
body.projekt2{
  background-image:url('../images/gelb-v-back.png');
  background-repeat:repeat-y;
}
body.projekt3{
  background-image:url('../images/gelb-v-back.png');
  background-repeat:repeat-y;
}
body.projekt4{
  background-image:url('../images/gelb-v-back.png');
  background-repeat:repeat-y;
}
body.projekt5{
  background-image:url('../images/gelb-v-back.png');
  background-repeat:repeat-y;
}
h1
{
  font-size:36pt;
  font-weight:bold;
  /* color: #FFC400;
  color: #FFFF00; */
  color: #00008D;
  margin-top:30px;
  margin-bottom:20px;
}
h2
{
  font-size:24pt;
  font-weight:bold;
  color: black;
  margin-top:20px;
  margin-bottom:20px;
}
h2.blue
{
  color: #00008D;
}
h2.rainbow
{
  color: #00008D;
  margin-left:40px;
}
h3
{
  font-size:16pt;
  font-weight:bold;
  color: black;
  margin-top:20px;
  margin-bottom:10px;
}
h4
{
  font-size:12pt;
  font-weight:bold;
  color: black;
  margin-top:10px;
  margin-bottom:10px;
}
ul
{
  font-size:12pt;
}

li.rainbow
{
    list-style-type: none;
    padding-left: 45px;
    margin-left: 20px;
	padding-right: 10px;
	margin-top:0px;
    margin-bottom:10px;
    background-image:url('../images/regenbogen16.png');
    background-repeat:no-repeat;
    background-position:0px 8px;
} 
li.rainbow10
{
	font-size:10pt;
    list-style-type: none;
    padding-left: 45px;
    margin-left: 20px;
	padding-right: 10px;
	margin-top:0px;
    margin-bottom:10px;
    background-image:url('../images/regenbogen16.png');
    background-repeat:no-repeat;
    background-position:0px 8px;
} 
div.mittig 
{ 
width: 200 /* calc(100% – 300px) */
}
div.box
{
text-align:left;  /* Inhalt wieder links */
margin: 0 auto;   /* Zentrierung mitte */
width:1020px;
padding-left:2cm;
padding-right:2cm;
}
img { 
  border: 0px; /* damit im IE Kompatibilitätsmodus die Bilderlinks keinen Rahmen haben */
} 
img.jurabutton {
      display:block;
      width:417px;
	  height:80px;
      padding:0px;
      background-image:url(../images/entwicklung-r.png);
}
img.jurabutton:hover {
      display:block;
      background-image:url(../images/entwicklung-hover-r.png);
}
img.jurabutton:active {
      display:block;
      background-image:url(../images/entwicklung-activ-r.png);
}

img.lichtplanungbutton {
      display:block;
      width:417px;
	  height:80px;
      padding:0px;
      background-image:url(../images/lichtplanung.png);
}
img.lichtplanungbutton:hover {
      display:block;
      background-image:url(../images/lichtplanung-hover.png);
}
img.lichtplanungbutton:active {
      display:block;
      background-image:url(../images/lichtplanung-activ.png);
}
img.homebutton {
      display:block;
      width:40px;
	  height:40px;
      padding:0px;
      background-image:url(../images/homebutton.png);
}
td {
 margin:3px;
 padding:3px;
}

table.News a:before, table.News a:after {
    backface-visibility: hidden;
    pointer-events: none;
}

table.News a, .int_text a, .int_title a {
	display:inline-block;
    overflow: hidden;
	outline: medium none;
    position: relative;
    text-decoration: none;
    vertical-align: bottom;
    white-space: nowrap;
}

table.News {
	table-layout:fixed;
	text-align:center;	
}

table.News td {
	background-position:center 25px;
	background-repeat:no-repeat;
	background-size:25px auto;
	padding:40px 20px 40px 0;
	position:relative;
	vertical-align:top;
}

table.News h1 {
	font-size:36px;
	font-weight:normal;
	margin:0;
	padding:0;
}

table.News p {
	font-size:16px;
	font-weight:lighter;
	line-height:22px;
	margin:0;
	padding:2px 35px 30px 35px;
}

table.News span {
	bottom:30px;
	display:block;
	position:absolute;
	width:100%;
}

table.News a {
	color:#1a6bc7;
	font-size:16px;	
	font-weight: bold;
}

table.News a:before, .int_text a:before, .int_title a:before {
/*    background: none repeat scroll 0 0 rgba(149, 165, 166, 0.4); */
    background: none repeat scroll 0 0 rgba(255, 211, 0, 0.6);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scaleY(4.8) translateX(-100%); /* 0.8 */
    transition: transform 0.3s ease 0s;
    width: 100%;
    z-index: -1;
}
table.News a:hover:before, 
table.News a:focus:before,
.int_text a:focus:before,
.int_text a:hover:before, 
.int_title a:focus:before,
.int_title a:hover:before
 {
    transform: scaleY(0.8) translateX(0px);
}
p.agbtop {
	font-size:14px;
	font-weight: bold;
	margin-top:10px;
    margin-bottom:10px;
}
p.agbtext {
	font-size:12px;
	font-weight: normal;
	text-align: justify;
	margin-top:0px;
    margin-bottom:10px;
}
a.licht {
    text-decoration: none;
}