body {
  margin:0;
  background-color:#646464;
  font-size:0.7em;
  font-family:LucidaGrande,Lucida,Helvetica,Arial,sans-serif;  /* "Lucida Grande" -> Problem mit IE */
}
html>body { font-family:'Lucida Grande',LucidaGrande,Lucida,Helvetica,Arial,sans-serif; }
@media print {
	body {
		background-color:transparent;
	}
}

#maintable { width:100%; }

#topborder { background-color:#525252; }
#topborder_l {
  background-color:#ECECEC;
  height:10px;
}
#topborder_r { background-color:#FFFFFF; }
@media screen {
  #topborder_r { width:611px; max-width:611px; }
}

#kopf {
  background-image:url(bg_kopf_aussen.png);
  background-repeat:repeat-x;
}
body.ausdruck #kopf {
	width:100%;
	text-align:center;
}
#kopf_r { background-image:url(bg_kopf_innen.png); background-repeat:repeat-x; }
#kopf_r table { width:100%; }
#kopf_r .alpha { width:20px; min-width:0px; }
#kopf_r .omikron { min-width:0px; }
#logo { text-align:right; padding-left:5px; }
#kopf_r .omega { width:36px; min-width:1px; }
/* as background images are not printed, we use this instead */
@media print {
  #kopf_r table { display:none; }
  #kopf_r span {
    display:list-item;
    list-style-image:url(masthead2_3.png);
    list-style-position:inside;
  }
}
  
#navi { vertical-align:top; }
#content { vertical-align:top; }

#navi { background-color:#ECECEC; width:177px; }
#navidiv { margin-top:10px; margin-bottom:10px; }
#navidiv a { background-color:#E0E0E0; }
#navidiv a img { border:0; }
#navidiv a:hover                              { background-color:#005088; color:#FFFFFF; }
#navidiv ul ul.active a:hover                 { background-color:#00609F; color:#FFFFFF; }
#navidiv ul ul.active ul.active a:hover       { background-color:#006BAE; color:#FFFFFF; }
#navidiv ul li.active span.active a           { background-color:#005088; color:#FFFFFF; }
#navidiv ul ul.active li.active span.active a { background-color:#00609F; color:#FFFFFF; }
#navidiv ul ul.active ul.active li.active   a { background-color:#006BAE; color:#FFFFFF; }
@media print {
  #navidiv span.active a { font-weight:bold; }
}
#navidiv ul { list-style:none; margin:0px; padding:0px; margin-bottom:2em; }
#navidiv ul ul { margin:0px; padding:0px; }
#navidiv ul li { list-style:none; margin:0px; padding:0px; }
#navidiv ul li a { background:#E0E0E0; margin-bottom:2px; display:block; color:#000000; text-decoration:none; padding:5px 10px; }
#navidiv ul li a { height:1em; }  /* für IE6 */
  #navidiv ul li { height:1em; }
html>body #navidiv ul li a { height:auto; }  /* zurücknehmen für die anderen*/ 
  html>body #navidiv ul li { height:auto; } 
#navidiv ul ul li a { padding-left:25px; }
#navidiv ul ul ul li a { padding-left:40px; }
#navidiv ul ul { display:none; }
#navidiv ul ul.active { display:block; }

#content {
  background-color:#FFFFFF;
  padding:7px 21px 15px 15px;
}
@media screen {
  #content { width:575px; }
}
body.ausdruck #content {
  margin-left:auto; margin-right:auto;
}
#contentdiv { min-height:400px; }
#loggedin {
  text-align:right;
  padding-top:5px;
  padding-bottom:5px;
}
div.flash-success {
  background-color:#F0FFF0;
  border:3px solid #00FF00;
  padding:3px;
  margin-bottom:10px;
}
div.flash-notice {
  background-color:#FFFFDD;
  border:3px solid #FFD700;
  padding:3px;
  margin-bottom:10px;
}
div.flash-error {
  background-color:#FFFFCC;
  border:3px solid #CC0000;
  padding:3px;
  margin-bottom:10px;
}
                                                                    
#fuss { text-align:center; }
#fuss_adresse { color:white; padding:2px; }
#fuss_login { font-size:80%; }
#fuss_login a { color:#CCCCCC; }





h1 {
  margin:0;
  color:#006090;
  font-size:2.3em;
  font-weight:normal;
  font-family:"Bitstream Vera Sans",BitstreamVersSans,"Vera Sans",VeraSans,"Bera Sans",BeraSans,'Lucida Grande',LucidaGrande,Lucida,Helvetica,Arial,sans-serif;
  clear:both;
}
h2 {
  margin-top:1.2em;
  margin-bottom:0em;
  color:#006090;
  font-size:1.6em;
  font-weight:normal;
  font-family:"Bitstream Vera Sans",BitstreamVersSans,"Vera Sans",VeraSans,"Bera Sans",BeraSans,'Lucida Grande',LucidaGrande,Lucida,Helvetica,Arial,sans-serif;
  clear:both;
}
h3 {
  margin-top:1.2em;
  margin-bottom:0em;
  color:#006090;
  font-size:1.2em;
  font-weight:bold;
  font-family:"Bitstream Vera Sans",BitstreamVersSans,"Vera Sans",VeraSans,"Bera Sans",BeraSans,'Lucida Grande',LucidaGrande,Lucida,Helvetica,Arial,sans-serif;
  clear:both;
}
h4 {
  margin-top:1.2em;
  margin-bottom:0em;
  font-weight:bold;
  font-family:"Bitstream Vera Sans",BitstreamVersSans,"Vera Sans",VeraSans,"Bera Sans",BeraSans,'Lucida Grande',LucidaGrande,Lucida,Helvetica,Arial,sans-serif;
}
a:link, a:visited, a:active { text-decoration:none; color:#0080c6; }
a:hover { text-decoration:underline; color:#0080c6; }
a.dark:link, a.dark:visited { color:#006090; }
a.invisible { color:black; text-decoration:none; }
a img { border-width:0px; }

p {
  margin-top:1em;
  margin-bottom:1em;
}

div.box {
  background-color:#e9f3ff;
  padding:0.5em 1em 0.5em 1em;
}

img.float-right {
  float:right;
  padding-left:10px;
}

#errorExplanation {
  border:solid 1px red;
  padding:5px;
  margin-top:1em;
}
#errorExplanation h2 { color:red; }

.red {color:red}
.gray {color:gray}

.indent3 {padding-left:9em}

tr.odd { background-color:#e9f3ff; }
tr.even {}

@media print {
	.noprint {
		display:none;
	}
}

@media screen {
	.onlyprint {
		display:none;
	}
}

table.withHoverRows {
	border-collapse:collapse;
}
table tr.hoverRow:hover {
	background-color:#B7DDF2;
}





.actionBar {
  border:2px solid #B7DDF2;
  background-color:#e9f3ff;
  margin-top:20px;
}
div.actionBar {clear:both;}
div.actionBar:after {  /* damit floats nicht über das Ende von div.actionBar hinausragen - http://positioniseverything.net/easyclearing.html */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
div.actionBar a {
	display:block;float:left; /* see http://www.maxdesign.com.au/articles/inline/ and "padding" */
	padding:5px 10px 5px 10px;
	border:1px solid #c3c7cc;
	margin:3px;
	color:black;
	background-color:#FFFFFF;
	opacity:0.6;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=60);
}
div.actionBar a:hover {
	border:1px solid black;
	text-decoration:none;
	opacity:1;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
}
.actionBarInsert {
	border:medium dotted #fbae00;
  background-color:#fbe999;
}
div.actionBarInsert a {
	border:1px solid #fbae00;	
	color:black;
	background-color:#FFFFFF;
	opacity:0.6;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=60);
}

a.hoverAction img {
	opacity:0.6;	
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=60);
}
a.hoverAction:hover img {
	opacity:1;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
}
input.hoverAction[type=image] {
	opacity:0.6;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=60);
}
input.hoverAction[type=image]:hover {
	opacity:1;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
}