/* Start of CMSMS style sheet 'inf-horiz-css' */
/* Stylesheet INFRANEU, 2017-03-03, Helmut Richter */
/* Schatten mit PIE.htc */

/* Alle Raender und Paddings entfernen */

* {
  margin:0;
  padding:0;
}

/*
Set initial font styles
*/
body {
  text-align: left;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 100.01%; /* 69%, 76%, 86% oder 93% gegen Browserbugs */
  line-height: 1em;
  color: #000; /* #302f2e; */
}

div {
 font-size: 1em;
}

/* img-links ohne Rand! */
img {
  border: 0;
}

a,
a:link 
a:active {
   text-decoration: underline;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit; 
   color: #000; 
}

a:visited {
  text-decoration: underline;
  background-color: inherit;
  color: #000;  
}

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

/*****************
basic layout 
*****************/
body {
  background-color:  #cee1ff;  /* #e0efff; */
  background-image: url(/uploads/images/hintergrund_2.gif);
  background-repeat: repeat-x;
  margin: 0.3em 1em 1em 1em;  gives some air for the pagewrapper
}

div#pagewrapper {
  border-style: none;
  margin: 0 auto;     /* this centers wrapper */
  width: 910px;
  background-color: transparent;
  text-align: left;
}

div#oben {
  height: 35px;
  font-size: 76%;
}

.kopfmenu {
  float: left;
  margin: 8px 1em 0 1em;
}

.kopfmenu span {
  margin: 0 1em 0 1em;
}

.kopfmenu a {
  color: #000; 
}

.drucker {
  margin: 6px 1em 0 1em;
  float: left;
}

.suche {
  float: right;
  margin: 0 1em 0 0;
  padding: 4px 0 4px 0;
}

.sprache {
  float: right;
  height: 14px;
  padding: 6px 10px 0 10px;
}

.breadcrumbs {
  font-size: 0.8em;
  margin: 0 0 10px 0;
}

.schatten1 {
  border: 1px solid #aaa;
  -webkit-box-shadow: #444 0px 2px 10px;
  -moz-box-shadow: #444 0px 2px 10px;
  box-shadow: #444 0px 2px 10px;
  /* overflow: hidden; */
  behavior: url(/uploads/java/PIE.htc);
}

div#logo {
  height: 90px;
  width: 908px;
  margin: 0;
  padding: 5px 1px 1px 1px;
  /* border: solid 1px white; */
  background-color: #fff;
}

#logo p {
  font-size: 12px;
}

.infralogo {
  margin: 10px 20px 10px 20px;
  float: left;
}

.infrazweck {
  margin: 10px 20px 10px 0;
  font-size: 0.83em;
  font-weight: bold;
  float: left;
}

.infra20jahre {
  margin: 10px 20px 10px 20px;
  float: left;
}


#logox img {
  margin: 10px 20px 10px 20px;
  float: left;
}

#logox div {
  margin: 10px 100px 10px 0;

  font-size: 0.83em;
  font-weight: bold;
}

div#content {
  width: 910px;
  margin:0;
  padding: 0;
  border-style: solid;
  border-width: 0 0 1px 0;
  border-color: white;
  text-align: left;
  background-color: white;
}

.minheight-400 {  /* min-height fuer IE6 */
  min-height: 400px;
  height: auto !important;
  height: 400px;
}

.minheight-500 {  /* min-height fuer IE6 */
  min-height: 770px;
  height: auto !important;
  height: 770px;
}

.minheight-650 {  /* min-height fuer IE6 */
  min-height: 650px;
  height: auto !important;
  height: 650px;
}

.minheight-800 {  /* min-height fuer IE6 */
  min-height: 800px;
  height: auto !important;
  height: 800px;
}

.minheight-870 {  /* min-height fuer IE6 */
  min-height: 870px;
  height: auto !important;
  height: 870px;
}
.minheight-900 {  /* min-height fuer IE6 */
  min-height: 900px;
  height: auto !important;
  height: 900px;
}

div#trenner { /* wg.  Probs mit IE6 */
  width: 868px;
  font-size: 69%;
  padding: 10px 0 15px 0;
  margin: 0 20px 0 20px;
}

div#sidebar {
  float: right;  /* set sidebar on the left side. Change to right to float it right instead. */
  width: 200px;    /* sidebar width, if you change this please also change #main margins */
  display: inline;  /* FIX ie doublemargin bug */ 
  margin: 0 15px 10px 5px;
  padding: 10px 5px 10px 15px;
  border-left: solid 2px #aaa;
}

div#rechts {
  float: right;  /* set sidebar on the left side. Change to right to float it right instead. */
  width: 200px;    /* sidebar width, if you change this please also change #main margins */
  display: inline;  /* FIX ie doublemargin bug */ 
  margin: 0 15px 10px 5px;
  padding: 10px 5px 10px 15px;
  border-left: solid 2px #aaa;
}

div#main {
  margin: 0 1em 1em 20px;
}

div#main_schmal {
  width: 630px;
  margin: 0 1em 1em 20px;
}

div#main_leiste {
  width: 630px;
  /* height: 665px; */
  height: 790px;
  margin: 0 1em 1em 20px;
  padding-left: 150px;
  background-image: url(/uploads/images/bildleiste_9.jpg);
  background-repeat: no-repeat;
}

.abstand-100 {
  height: 100px;
}

.abstand-200 {
  height: 200px;
}

.abstand-300 {
  height: 300px;
}

.abstand-400 {
  height: 400px;
}

.abstand-500 {
  height: 500px;
}

.abstand-600 {
  height: 600px;
}

.abstand-700 {
  height: 700px;
}

.abstand-800 {
  height: 800px;
}

.klimalogo {
  margin-top: 15px;
}

.bildrechts {
  float: right;
  margin: 0 0 5px 5px;
}

.bildlinks {
  float: left;
  margin: 5px 10px 5px 0;
}

.bildrechtstext, .bildlinkstext .bildtext {
  margin: 5px 0px 5px 10px;
  border-style: none;
  background:none; 
  display:block;
  padding:0;
  float: right;
}

.bildlinkstext {
  float:left;
  margin: 5px 10px 5px 0;
}

.bildtext {
  float: none;
  margin: 0 0 5px 0;
}

.bildrechtstext span, .bildlinkstext, .bildtext span {
  display: block;
  background-color: #fff;
  font-size: 69%;
  line-height: 115%;
  padding: 1px 0 3px 0;
}

div#sucherg {
  font-size: 76%;
}

#sucherg li {
  list-style-type: none;
}

/***********************
MENU horizontal / aufklappbar
************************/

div#menu_oben {
  width: 910px;
  font-size: 81%;
  line-height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  background-color: white;
}

/* by Alexander Endresen and mark and Nuno */
#menu_vert {
/* no margin/padding so it fills the whole div */
  margin: 0 10px 0 10px;
  width: 890px;
  padding: 0;
  /* background-image: url(/uploads/images/menuleiste_blau.gif); */
  background-color: #85bffc;
  width: 890px;
}

.clearb {
/* needed for some browsers */
	clear: both;
}

#menuwrapper {
/* set the background color for the menu here */
  background-color: transparent; /*#243135; */
/* IE6 Hack */
  height: 1%;
  width: auto;
/* one border at the top */
  border: solid  #888 1px;
border: solid  #fff 1px;
  margin: 0;
  padding: 0;
}

ul#primary-nav, ul#primary-nav ul {
/* remove any default bullets */
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul#primary-nav {
/* pushes the menu div up to give room above for background color to show */
  padding: 0;
}

ul#primary-nav ul {
/* make the ul stay in place so when we hover it lets the drops go over the content below else it will push everything below out of the way */
  position: absolute;
/* top being the bottom of the li it comes out of */
  top: auto;
/* keeps it hidden till hover event */
  display: none;
/* same size but different color for each border */
/*  border-right: 1px solid #C8D3D7;
  border-bottom: 1px solid #ADC0C7;
  border-left: 1px solid #A5B9C0;
  border: 1px solid #888;  */
border: 1px solid #fff;
}
ul#primary-nav ul ul {
/* now we move the next level ul down from the top a little for distinction */
  margin-top: 1px;
/* pull it in on the left, helps us not lose the hover effect when going to next level */
  margin-left: -1px;
/* keeps the left side of this ul on the right side of the one it came out of */
  left: 100%;
/* sets the top of it inline with the li it came out of */
  top: 0px;
}

ul#primary-nav li {
/* floating left will set menu items to line up left to right else they will stack top to bottom */
  float: left;
/* no margin/padding keeps them next to each other, the padding will be in the "a" */
  margin: 0;
  padding: 0;
  border: solid #888;
border: solid #fff;
  border-width: 0 1px 0 0;
}

#primary-nav li li {
/* Set the width of the menu elements at second level. Leaving first level flexible. */
	width: 200px;
/* removes any left margin it may have picked up from the first li */
	margin-left: 0px;
/* keeps them tight to the one above, no missed hovers */
	margin-top: 0; /* -1px; */
/* removes the left float set in first li so these will stack from top down */
	float: none;
/* relative to the ul they are in */
	position: relative;
  font-size: 1em;
}

#primary-nav li li li{
/* Menubreite dritte Ebene */
  width: 370px;
}

/* set the "a" link look here */
  ul#primary-nav li a {
/* specific font size, this could be larger or smaller than default font size */
  font-size: 1em;
/* make sure we keep the font normal */
  font-weight: bold;
/* set default link colors */
  color: #000;
/* pushes out from the text, sort of like making links a certain size, if you give them a set width and/or height you may limit you ability to have as much text as you need */
  padding: 8px 10px 8px 10px;
  display: block;
/* sets no underline on links */
  text-decoration: none;
}

ul#primary-nav li a:hover {
/* kind of obvious */
  background-color: transparent;
  color: #000;
}

ul#primary-nav li li a:hover {
  color: #000;
}

ul#primary-nav li a.menuactive {
  color: #000;
  font-weight: bold;
  /* set your image here */
  background:  url(/uploads/images/dunkelrot.gif) repeat-x left 0px;
}

/* Zweite Ebene */
ul#primary-nav li li a.menuactive {
  color: #000;
  font-weight: bold;
  /* set your image here */
  /* background:  url(/uploads/images/menuleiste_blau.gif) repeat-x left 0px; */
  background-image: none;
}

ul#primary-nav li a.menuactive:hover {
  color: #000;
  font-weight: bold;
}

ul#primary-nav li li a.menuactive:hover {
  color: #000;
  font-weight: bold;
}

#primary-nav li li a.menuparent span {
/* makes it hold a shape */
  display: block;
/* set your image here, right arrow, 98% over from the left, 100% or 'right' puts it to far */  	 
  background:  url(/uploads/images/dreieck_rot.png) no-repeat 98% center; 
}

/* gif for IE6, as it can't handle transparent png */
 * html #primary-nav li li a.menuparent span { 
/* set your image here, right arrow, 98% over from the left, 100% or 'right' puts it to far */
  background:  url(/uploads/images/dreieck_rot.gif) no-repeat 98% center; 
} 

ul#primary-nav li ul a {
/* insures alignment */
  text-align: left;
  margin: 0px;
/* keeps it relative to it's container */
  position: relative;
/* less padding than first level no need for large links here */
  padding: 8px 3px 8px 15px;
/* if first level is set to bold this will reset this level */
  font-weight: normal;
/* first level is #FFF/white, we need black to contrast with light background */
  color: #000;
  border-top: 0 none;
  border-right: 0 none;
  border-left: 0 none;
}

ul#primary-nav li ul {
/* very lite blue color, by now you should know what the rest mean */
  background-color: #85bffc; /* #cee1ff; #e0efff; */
  margin: 0px;
  padding: 0px;
  position: absolute;
  width: auto;
  height: auto;
  display: none;
  position: absolute;
  z-index: 999;
}

/* Styling the appearance of menu items on hover */
#primary-nav li:hover,
#primary-nav li.menuh,
#primary-nav li.menuparenth,
#primary-nav li.menuactiveh {
/* set your image here, dark grey image */
/*	background:  url(/uploads/ngrey/darknav.png) repeat-x left center; */
  background:  url(/uploads/images/hellblau.gif) repeat-x left center;
  color: #000;
}

/* The magic - set to work for up to a 3 level menu, but can be increased unlimited, for fourth level add
#primary-nav li:hover ul ul ul,
#primary-nav li.menuparenth ul ul ul,
*/
#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul {
  display: none;
}

/* for fourth level add
#primary-nav ul ul ul li:hover ul,
#primary-nav ul ul ul li.menuparenth ul,
*/
#primary-nav li:hover ul,
#primary-nav ul li:hover ul,
#primary-nav ul ul li:hover ul,
#primary-nav li.menuparenth ul,
#primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul {
  display: block;
}

/* IE6 Hacks */
#primary-nav li li {
  float: left;
  clear: both;
}
#primary-nav li li a {
  height: 1%;
}

.suche input {
  margin: 0 0 0 0.5em;
  font-size: 0.9em;
}

.suche label {
  display: none;
}

/************
Textformate
*************/

h2 {
  margin: 0 0 0.5em 0;
  font-size:120%;
  font-weight: bold;
}

h3 {
  margin: 0 0 0.5em 0;
  font-size: 93%;
  line-height: 120%;
}

h4 {
  margin: 0 0 0.3em 0;
  font-size: 86%;
  line-height: 125%;
}

h5 {
  margin: 0.8em 0 0.2em 0;
  font-size: 76%;
  font-weight: bold;
  line-height: 125%;
}

.trblau { /* Trennlinie - jetzt grau! */
  background-color: transparent;
  height: 2px;
  width: 630px;
  border-width: 2px 0 0 0;
  border-style: solid;
  border-color: #aaa; /* #74B5fc; */
  margin: 10px 0 5px 0;
  font-size: 0;
  line-height: 0;
}

.trgrau { /* Trennlinie */
  background-color: transparent;
  height: 2px;
  width: 475px;
  border-width: 2px 0 0 0;
  border-style: solid;
  border-color: #aaa;
  margin: 5px 0 5px 0;
  font-size: 0;
  line-height: 0;
}

.trenner { /* unsichtbare Trennlinie */
  visibility: hidden;
  clear: both;
}

p {
  font-size:76%;
  margin: 0 0 0.3em 0;
}

.kleiner {
  font-size: 69%;
}

.abstand {
  margin: 0 0 1em 0;
}

sup {
  vertical-align: top;
  font-size: 76%;
}

sub {
  vertical-align: bottom;
  font-size: 76%;
}

.blass {
  color: #666;
}

.blass a {
  color: #666;
}

table {
  font-size:76%;
}

table p {
  font-size: 100.01%;
  margin: 0 0 0.3em 0;
}

#sidebar p {
  font-size: 69%;
  line-height: 1.2em;
  margin: 0 0 0.5em 0;
}

#personen {
  height: 550px;
}

#personen p{
  font-size: 10px;
}

.pdf {
  padding:0 10px 0 20px;
  background:url(/uploads/images/pdf18.gif) 0 -2px no-repeat;
}

.dreieck {
  padding:0 0 0 15px;
  background:url(/uploads/images/dreieck_rot.gif) no-repeat;
}

.bildleiste {
  float: left;
  height: auto;
  width: auto;
  margin: 0 15px 0 0;
}

#vorschau {
  float: left;
  /* padding-top: 190px; */
  width: 475px;
}

/*
#vorschau p {
  margin-left: 150px;
} */

.aufzaehlung {
  font-size: 76%;
  margin: 1em 0 1em 2em;
}

.aufzaehlung li {
  margin: 0 0 0.3em 0;
}

.aufzaehlung2 {
  margin: 1em;
}

li.aufzaehlung {
  margin: 0;
}

.konzeptbox {
  width: 14em;
  padding: 0.5em;
  margin: 0.5em 0 0 7em;
  border: 1px solid #999;
  text-align: center;
  font-size: 76%;
  line-height: 120%;
  font-weight: bold;
}

table#valley {
  border: none;
  width: 700px;
}

#valley ol {
  list-style-type: lower-alpha;
  margin-left: 2em;
}

table.veranstaltungen {
  table-layout: fixed;
  border: none;
  width: 800px;
}

table.veranstaltungen td {
  vertical-align: top;
}

.vdatum {
  width: 100px;
}

.vname {
  width: 250px;
}

.vtrenner {
  width: 10px;
}

table.aktuell {
  table-layout: fixed;
  border: none;
  width: 460px;
}

table.aktuell td {
  vertical-align: top;
}

.adatum {
  width: 45px;
}

table.referenten {
  table-layout: fixed;
  border: none;
  width: 850px;
  border-spacing: 7px;
}

table.referenten td {
  vertical-align: top;
}

.rname {
  width: 150px;
}

.rfunktion {
  width: 220px;
}

table.presse {
  table-layout: fixed;
  border: none;
  width: 700px;
  border-spacing: 7px;
}

table.presse td {
  vertical-align: top;
}

.pdatum {
  width: 90px;
}

.porgan {
  width: 120px;
}

/****************
 Kontaktformular.
 ****************/

.meinkontakt fieldset {
  padding: 1em;
  background: #eee url(xinli_images/xinli_logo_s_web.gif) no-repeat  98% 3%;
  border: 1px solid #B0B0B0;
  margin-bottom: 1em;
  width: 600px;
  font-size: 79%;
}

.meinkontakt fieldset legend {
  font-weight: bold;
}

.meinkontakt fieldset div {
  width: 99%;
  float: left;    /* Für IE */
  padding: 0.25em 0 0.25em 0;
}

.meinkontakt fieldset label {
  display: block;
  float: left;
  width: 6.5em;
  height: 1.2em;
  margin-top: 0.4em;
}

.meinkontakt fieldset input {
  color:  #555555;
  width: 20em;
}

.meinkontakt fieldset select {
  color:  #555555;
  width: 20em;
}

.meinkontakt fieldset textarea {
  color:  #555555;
  float: left;
  width: 100%;
  margin-top: 0.2em;
}

.captcha {
  font-size: 79%;
}

.captchapict {
  margin: 0 10px 0 0;
}

.captcha input {
  margin: 10px 0 10px 0;
}

.error_message {
  margin: 0 0 20px 0;
  font-size: 79%;
}

.error_message ul {
  margin-left: 20px;
  color: red;
}

/* End of 'inf-horiz-css' */