/* Start of CMSMS style sheet 'inf-horiz-css' */
/******************************
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-family: Trebuchet MS, Arial, Helvetica, sans-serif; */
   /* font-family:  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;
  /* color: #000; */
  margin: 0.3em 1em 1em 1em; /* gives some air for the pagewrapper */
}

/* center wrapper, min max width */
div#pagewrapper {
  border-style: none;
  width: 930px;
  position: absolute;
  left: 50%;
  margin-left: -465px; /* zentrieren */
  background-color: transparent;
  text-align: left;
}

div#oben {
  height: 30px;
  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: 8px 1em 0 1em;
}

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

.schatten {
  margin: 0;
  padding: 10px 10px 0 10px;
  /* border-width: 0 0 1px 0;
  border-style: solid;
  border-color: red; */
  z-index: 1;
  width: 930px;
  /* height: auto; */
  background-position:top left;
  background-repeat: no-repeat;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/uploads/images/schatten.png', sizingMethod='crop'); 
}

/* IE ignores styles with [attributes], so it will skip the following. */
.schatten[class] {
  background-image: url(/uploads/images/schatten.png);
}

.unten {
  margin: 0;
  padding: 0 10px 0 10px;
  z-index: 2;
  width: 930px;
  height: 10px;
  font-size: 0px;
  line-height: 0px;
  background-position:top left;
  background-repeat: no-repeat;
  /* border: 1px none #000; */
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/uploads/images/unten.png', sizingMethod='crop'); 
}

/* IE ignores styles with [attributes], so it will skip the following. */
.unten[class] {
  background-image: url(/uploads/images/unten.png);
}

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

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

#logo div {
  margin: 10px 100px 10px 400px;
  font-size: 0.83em;
  font-weight: bold;
}

div#content {
  /* height: 100%; */
/*  min-height: 500px;
  _height: 500px; */
  width: 910px;
  margin:0;
  padding: 0;
 border-style: solid;
 border-width: 0 0 1px 0;
 border-color: white;
  /* padding: 1px; */
  text-align: left;
  background-color: white;
}

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

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 15px 10px;
  padding: 0.5em;
  border: 1px solid #888;
  background-color:  #e6efff;  /* #dbe9ff; #cee1ff; #eee; #e0efff; */
}

div#main {
  margin: 0 1em 1em 20px;
  /* font-size: 93%; */
}

div#main_schmal {
  width: 630px;
  margin: 0 1em 1em 20px;
  /* font-size: 93%; */
}

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

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

.bildrechtstext, .bildlinkstext {
  margin: 5px 0px 5px 10px;
  border: 1px solid #888;
  background:none; 
  display:block;
  padding:0;
  float: right;
}

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

.bildrechtstext img, .bildlinkstext img, .bildalleintext img {
  border-width: 0 0 1px 0;
  border-style: solid;
}

.bildrechtstext span, .bildlinkstext span {
  display: block;
  background-color: #dbe9ff; /*#eee; */
  font-size: 69%;
  line-height: 115%;
  padding: 1px 5px 1px 5px;
}

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-top: 1px solid #3F565C; */
  border: solid  #888 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-top: 1px solid #C8D3D7;
	border-right: 1px solid #C8D3D7;
	border-bottom: 1px solid #ADC0C7;
	border-left: 1px solid #A5B9C0; */
  border: 1px solid #888;
}
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-width: 0 1px 0 0;
}

#primary-nav li li {
/* Set the width of the menu elements at second level. Leaving first level flexible. */
	width: 150px;
/* 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: 270px;
}

/* 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: 12px 15px 15px;
padding: 0.4em 1em 0.4em;
	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: 6px 3px 6px 15px;
  padding: 0.4em 3px 0.4em 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-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%;
}

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

.trblau { /* Trennlinie */
  background-color: transparent;
  height: 2px;
  width: 630px;
  border-width: 2px 0 0 0;
  border-style: solid;
  border-color: #74B5fc;
  margin: 10px 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;
}

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

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

.blass {
  color: #666;
}


.blass a {
  color: #666;
}

table#mitglied {
  border: none;
  cellspacing: 1em;
  width: 800px;
  font-size: 76%;
}

table#mitglied td {
  text-align: left;
  vertical-align: top;
  padding: 0 0.5em 0.5em 0;
}

.mbez {
  width: 160px;
  font-weight: bold;
}

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 p{
  font-size: 10px;
}

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

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

#veranstaltungen {
  position: absolute;
  left: 185px;
  bottom:15px;
  width: 480px;
  margin: 20px 0 0 0;
  padding: 10px 0 0 0;
  border-color: #74b5fc;
  border-style: solid;
  border-width: 3px 0 0 0;
}

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

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;
  cellspacing: 1em;
  width: 700px;
  font-size: 76%;
}

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

/****************
 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;
    float: left;    /* Für IE */
}

.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' */