body { 
  background: #FC3;
  color: black;
  font-size: 100.01%;
  font-family: Arial,Geneva,sans-serif;
}

#container { 
  margin: auto;
  max-width: 45em;
}

#container_ie { 
  width: 45em;
}


/************************************************************************/
/*  Header                                                              */
/************************************************************************/
#header { 
  background: url("../_img/header-bg.gif") repeat-x #FC3;
  text-align: center;
}
#i_logo { 
  float: left;
}
#i_zivilcourage { 
  margin-right: 124px;         /* Identisch mit der Breite des Logos, um "korrekte" Zentrierung zu erreichen. */
}

/************************************************************************/
/* Navigation                                                           */
/************************************************************************/
#nav {
  display: block;
  margin: 10px 0 0 0;
  padding: 0px;
  height: 42px;
}
#nav li { 
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  min-width: 7em;
  width: 17%;
  text-align: center;
}
#nav li.nav1, #nav li.nav6 { 
  width: 16%;
}
#nav li a { 
  font-size: 75%;
  display: block;
  padding: 0 0 3px 0;
  width: 100%;
  color: black;
}
#nav li a:hover {
  //background: #FFB61D;
  font-weight: bold;
}
#nav li a.current { 
  font-weight: bold;
  background-color: #F90;
}
#nav li img { 
  display: block;
  margin: auto;
  border: 0;
}

#navstruct table {
   width: 100%;
}

#subnav1, #subnav2, #subnav3, #subnav4, #subnav5 , #subnav6 { 
  display: none; 
  background: #FFB61D;
  padding: 0px; 
  padding-top: 0px;

  height: 120%;/*2.3em;*/
  align: center;
  vertical-align: middle;
}

#subnav1 table, #subnav2 table, #subnav3 table, #subnav4 table, #subnav5 table, #subnav6 table { 
  width: 100%;
  border: 0px;

  color: black;
  background: #FFB61D;
  font-size: 75%;
  font-family: Arial,Geneva,sans-serif;
}

#subnav1 td, #subnav2 td, #subnav3 td, #subnav4 td, #subnav5 td, #subnav6 td { 
  border-right-width: 2px;
  border-left-width: 2px;
  border-collapse:collapse;
  border-left-style: solid;
  border-right-style: solid;
  border-color: #FC3;
  padding: 3px;
  text-align: center;
}

/* Links */
#subnav1 a:link, #subnav2 a:link, #subnav3 a:link, #subnav4 a:link, #subnav5 a:link, #subnav6 a:link { 
  color: #A00;
}
#subnav1 marquee a:hover, #subnav2 a:hover, #subnav3 a:hover, #subnav4 a:hover, #subnav5 a:hover, #subnav6 a:hover { 
  background: #FFB61D;
  font-weight: bold;
}
#subnav1 a:link, #subnav2 a:visited, #subnav3 a:visited, #subnav4 a:visited, #subnav5 a:visited, #subnav6 a:visited { 
  color: #622;
}

#subnav2 a {
  padding-top: 3px;
  padding-bottom:3px;
}

#subnav1 a {
  padding: 3px 20px 3px 20px;

  font-size: 75%;
  font-family: Arial,Geneva,sans-serif;

  border-right-width: 2px;
  border-left-width: 2px;
  border-collapse:collapse;
  border-left-style: solid;
  border-right-style: solid;
  border-color: #FC3;
}

marquee  {
  padding-top:2px;
}

#maintable .nav_button{
  align: right;
  text-align: right;           /* IE-Workaround ... */
  padding: 0 0 10px 0;			/* 0 0 10px 48px;*/
  margin-left:20px;
  cursor: pointer;
}

#maintable .nav_button_inline {
  align: left;
  text-align: left;           /* IE-Workaround ... */
  margin: 0 0 10px 10px;
  cursor: pointer;
}

#maintable .nav_button_div{

}

#maintable .nav_button_link:hover{
  background: transparent;
}

/************************************************************************/
/* Main content                                                         */
/************************************************************************/
#content {
  clear: both;
  background: #F90;
  font-size: 75%;
  padding: 0 0;
}

/* Tabelle zur Aufteilung in 2 bzw. 3 Spalten */
#maintable { 
  width: 100%;
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  border: none;
}

/* Hauptspalte */
#maintable .main { 
  vertical-align: top;
  padding: 0 20px 0 20px;
  margin: 0;
}

/* Rechte Extraspalte */
#maintable .extracol { 
  vertical-align: top;
  width: 30%;
  padding: 0;
  margin: 0;
  border-left-color: #FC3;
  border-left-width: 1px;
  border-left-style: dotted;
}

#maintable .navcol { 
  vertical-align: top;
  width: 20%;
  padding: 0;
  margin: 0;
}

/* Links */
#content a:link { 
  color: #A00;
  /* padding: 0 1px; */
}
#content a:hover { 
  background: #FFB61D;
  /* padding: 0 1px; */
}
#content a:visited { 
  color: #622;
  /* padding: 0 1px; */
}
#content h2 a:link, #content h2 a:visited { 
  color: black;
}

/* Überschriften */
#content h1 {
  font-size: 225%;
  margin: 0 0 1.0ex 0;
}

#content h2 { 
  font-size: 130%;
  margin: 3ex 0 1ex 0;
}

#content h3 { 
  font-size: 115%;
  margin: 2ex 0 1ex 0;
}
#content h4 { 
  font-size: 100%;
  margin: 1ex 0 0 0;
  padding: 0;
}
#content .bordertop {
  clear: both;
  border-top: 1px dotted #FC3;
/*  margin-top: 2ex;*/
  padding-top: 2ex;
}

/* Absätze */
#content p { 
  margin: 0 0 2ex 0;
}

/* Listen mit verkleinertem Einzug */
#content ul.smallmargin {
  margin-left: 0;
  padding-left: 0;
}

#content ul.smallmargin li {
  margin-left: 1.2em;
  padding-left: 0em;
}

/* Kasten auf der rechten Seite */
#content .box {
  background: #FC3;
  border: 1px dotted black;
  padding: 10px;
  margin: 0 0 20px 0;
  font-size: 90%;
  border-collapse: collapse;
}

#content .boxfett {
  background: #FC3;
  border: 1px dotted black;
  padding: 10px;
  margin: 0 0 1px 0;
  font-size: 145%;
}

#content .blackbox {
  background: #FF9900;
  color: #000000;
  border: 2px solid black;
  padding: 10px;
  margin: 0 0 10px 0;
  font-size: 90%;
}

#content .box h2 {
  font-size: 120%;
  margin: 0 0 10px 0;
}
#content .box .boximg { 
  display: block;
  margin: 0 auto 10px auto;
  text-align: center;           /* IE-Workaround ... */
}

/* ÖGS-Video-Container */
#content .oegs {
  float: right;
  width: auto;
  margin-left: 10px;
  margin-bottom: 10px;
}

/* Subnavigation */
#content .subnav li { 
  margin: 0;
  padding: 0;
  border: 1px solid #FC3;
  background: none;
}
#content .subnav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#content .subnav h2 a { 
  display: block;
  padding: 3px 0;
}
#content .subnav h2 a.current:hover {
  background: transparent;
}
#content .subnav li a { 
  display: block;
  margin: 0;
  padding: 3px 0 3px 10px;
  font-size: 110%;
  background: url("/_img/item.gif") 0 6px no-repeat;
}
#content .subnav li a:hover {
  background: url("/_img/item.gif") #FFB61D 0 6px no-repeat;
}
#content .subnav li a.current {
  background: url("/_img/item.gif") #F90 0 6px no-repeat;
}

/* Fußzeile */
#footer { 
  margin: 5px 0 0 0;
  text-align: center;
  font-size: 70%;
  color: #630;
}

/* ********************************************************************** */
/* Tabellen                                                               */
/* ********************************************************************** */

#content td, #content th {
  font-size: 75%;
}

/* Info-Tabellen (z.B. bei Trainings) */
table.info td { 
  padding: 0px 5px;
  text-align: left;
  vertical-align: top;
}
table.info th { 
  padding: 0px 0px;
  text-align: left;
  vertical-align: top;
}

/* Navigationstabelle (Newsletter-Ausgaben etc.) */
#content .navtop { 
  margin: 0 0 2ex 0;
  padding: 5px;
  border: 1px dotted black;
  background: #FFAB12;
  text-align: center;
}
#content .navbottom { 
  margin: 2ex 0 0 0;
  padding: 5px;
  border: 1px dotted black;
  background: #FFAB12;
  text-align: center;
}

/* ********************************************************************** */
/* Formulare                                                              */
/* ********************************************************************** */

#content .border { 
  border: 1px dotted black;
  padding: 10px;
  background: #FFAB12;
}
#content .border td { 
  padding: 2px 10px;
}

#content .border th { 
  padding: 2px 0 2px 10px;
  text-align: right;
}
#content input.required {
}
#content select.small, #content select.small option, #content select.small optgroup {
  font-size: 95%;
}
#content select.small optgroup {
  font-style: normal;
  font-weight: bold;
}

/* Bilder */
#content img.left { 
  border: 2px solid black;
  float: left;
  margin: 0 10px 0 0;
}

#content img.alignleft { 
  border: 2px solid black;
  float: left;
  margin: 0 10px 0 0;
}

#content img.right { 
  border: 2px solid black;
  float: right;
  margin: 0 0 10px 10px;
}

#content img.alignright { 
  border: 2px solid black;
  float: right;
  margin: 0 0 10px 10px;
}

#content img.bborder {
  border: 2px solid black;
}

/* IFrames */
#content iframe.right { 
  border: 1px dotted black;
  float: right;
  margin: 0 0 10px 10px;
}

/* Diverses */

#content ul.plain { 
  margin: 0;
  padding: 0;
  list-style: none;
}
#content ul.plain li { 
  margin: 0;
  padding: 0;
}

#content p.author { 
  font-style: italic;
  text-align: right;
}

/* Fehlermeldungen bei Formularen */
.error { 
  border-left: 5px solid #C00;
  background: #FCC;
  padding: 0px 10px;
}

.error h3 { 
  margin: 0;
}

.error ul { 
  margin-top: 1.5ex;
}


/************************************************************************/
/* Team - Tabelle                                                       */
/************************************************************************/

table .team {
	text-align: center;
	width: 100%;
	color: #A00;
	margin: 10px 10px 30px 10px;
	border-spacing: 10px;
}

.team td {
	valign: top;
	background: #FC3;
	border: 2px solid black;
}

/* ----------------------------------------------------------------------------------- binz */

.pressespiegel_h2 a {
  font-size:16px;
  font-weight:bold;
}

.zitat {
	background: #FC3;
	border-top: 1px dotted black;
	border-bottom: 1px dotted black;
	border-left: none;
	border-right: none;
	padding: 5px;
	margin: 0 0 20px 0;
	font-size: 100%;
	border-collapse: collapse;
	font-style:italic;
}

.extracol a img {
border:none;
}