/*  font-size 62,5% erm?glicht in scalierbaren em auszuzeichnen dabei entspricht 1em = 10px || 62.5% orientieren sich an der normal schriftgr??er der browser von 16px*/
body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	background-color: #ffffff;
	color: Black;
	padding: 80px 0 10px 90px;
	background-color: white;
    background-image: url(hintergrund.jpg);
    background-repeat: no-repeat;
}
/* margins usw f?r alle und alles auf 0 font-size 1em = 10px (62.5% von 16px standartschriftgr??e der g?ngigen browser) */
*{
	margin: 0px;
	padding: 0px;
	font-size: 1em;
	line-height: 1.3em;
	border: none;
}

#umschlag {
	/* text-align stellt sicher, dass die zentrierung aus dem body element nicht auf die elemente im und den umschlag selber vererbet werden */
	text-align: left;
	/* zentrierung */
	width:761px;
	}
#inner {
	margin: 0;
	width: 100%;
}
#inner.padding_top {
  padding-top: 10px;
}

#header {
	padding-bottom: 6px;
    /*background: url('../images/kapo_header_rosa.gif') no-repeat top;*/
    min-height: 39px;
}
#header.border_bottom{
  border-bottom: 7px solid #331e05;
  padding-bottom: 15px;
}

#titelbildContainer {
  float: left;
  width: 762px;
}

/* Hintergr?nde der Spalten und weite
#farbschema {
background: url(330_190.gif) repeat-y;
}
#farbschema_2 {
    background: url(88_190.gif) repeat-y;
}
#farbschema_3 {
 background: url(335_4.gif) repeat-y;
}
#farbschema_4 {
background: url(4_4.gif) repeat-y;
}
#farbschema_5 {
background: url(370_6.gif) repeat-y;
}       */
/* linke Spalte */
#linkeSpalte {
	width: 380px;                      /* Breite der linken Spalte */
	float: left;
	min-height: 200px;
    margin-left: 10px;
}
#linkeSpalte_2 {
	width: 60px;                      /* Breite der linken Spalte */
	float: left;
	min-height: 200px;
}
#linkeSpalte_3 {
	width: 345px;                      /* Breite der linken Spalte */
	float: left;
	min-height: 200px;
    text-align: right;
}
#linkeSpalte_4 {
	width: 4px;                      /* Breite der linken Spalte */
	float: left;
	min-height: 200px;
}
#linkeSpalte_5 {
	width: 265px;                      /* Breite der linken Spalte */
	float: left;
	min-height: 200px;
}
/* rechte Spalte */
#rechteSpalte {
	width: 380px;                      /* Breite der rechten Spalte !! Breite muss im Farbschema auch ge?ndert werden */
	float: right;
    text-align: left;
	min-height: 335px;
    padding-right: 15px;
}
#rechteSpalte_3 {
	width: 4px;                      /* Breite der rechten Spalte !! Breite muss im Farbschema auch ge?ndert werden */
	float: right;
	min-height: 200px;
}
#rechteSpalte_4 {
	width: 4px;                      /* Breite der rechten Spalte !! Breite muss im Farbschema auch ge?ndert werden */
	float: right;
	min-height: 200px;
}
#rechteSpalte_5 {
	width: 6px;                      /* Breite der rechten Spalte !! Breite muss im Farbschema auch ge?ndert werden */
	float: right;
	min-height: 200px;
}
#content {
	float: left;
	width: 720px;
    margin-left: 10px;
}
#content_2 {
	float: left;
	width: 500px;
}
#content_3 {
	float: left;
	width: 350px;
}
#content_4 {
	float: left;
	width:780px;
    margin-left: 10px;
}
#content_5 {
	float: left;
	width:640px;
}
#footer {
	text-align: right;
	width: 95%;
	position: relative;
	color: Gray;
}

.clear {
	clear: both;
	line-height: 1px;
}


/* Hilfskonstruktion f?r Mozilla-Fehler */
#farbschema > #inner {
	border-bottom: 1px solid transparent;
}


/*  ---- ENDE BOX MODEL -------- BEGINN INHALTSFORMATE */

/*  ------------   Navigation  -------------- */

#naviContainer {
/*font-family: "Times New Roman", Times, serif;*/
letter-spacing: 0.02em;
float: left;
padding-top: 20px;
padding-bottom: 10px;
font-size: 1.1em;
color: black;
margin: 0 0 0px 0px;
}
#naviContainer ul {
  list-style-type:  none;
  list-style: none;
}

/* div tag */
#naviContainer .hauptebene_Div, #naviContainer .subebene_Div {
position: relative;
float: left;
    width: auto;
}
/* ul */
#naviContainer ul.hauptebene {
font-size: 1.2em;
white-space: nowrap;
list-style-type: none;
float: left;
background-color: white;
width: 741px;
height: 20px;
padding: 0 10px 0 10px;
}
#naviContainer ul.subebene {
position: absolute;
white-space: nowrap;
top: 0px;
left: -7px;  /* versatz des submen?s nach links */
float: left;
padding: 0px 7px 0px 0px;  /* padding top !>2 */
display: none;		/* wird nur 'mouse over' angezeigt */
}
#naviContainer ul.subsubebene {
position: absolute;
top: -20px;
float: left;
padding: 2px 2px 2px 2px;
display: none;
}
/* ul :hover */
#naviContainer ul.hauptebene li.hauptebene:hover ul.subebene,
#naviContainer ul.hauptebene li.hauptebene_active:hover ul.subebene,
#naviContainer ul.hauptebene li.hauptebene_sprache:hover ul.subebene,
#naviContainer li.subebene:hover ul.subsubebene{
display: block;
white-space: nowrap;
width: auto;
}

/* li hauptebene */
#naviContainer li.hauptebene, #naviContainer li.hauptebene_active, #naviContainer li.hauptebene_suche {
float: left;
display: block;
padding: 2px 0px 2px 2px;
white-space: nowrap;
	height: 20px;
}
#naviContainer li.hauptebene_sprache {
float: right;
display: block;
padding: 3px 0px 1px 0px;
	height: 20px;
}
/*#naviContainer li.hauptebene_active {
background-color: #BFBFBF;
height: 80%;
}
 li haupteben :hover
#naviContainer ul.hauptebene li.hauptebene:hover,
#naviContainer ul.hauptebene li.hauptebene_active:hover,
#naviContainer ul.hauptebene li.hauptebene_sprache:hover {
	background-color: #BFBFBF;
	height: 18px;
} */
/* li subebene */
#naviContainer ul.subebene li, #naviContainer ul.subebene li.subebene {
display: block;
padding: 2px 12px 3px 5px;
white-space: nowrap;
overflow: visible;
background-color: White;
}
#naviContainer ul.subebene li.sprache {
display: block;
padding: 2px 5px 3px 5px;
width: 58px;
white-space: nowrap;
overflow: visible;
background-color: White;
}
#naviContainer ul.subebene li.sprache_akt {
background-color: #BFBFBF;
}
/* li subebene :hover */
#naviContainer ul.subebene li:hover,
#naviContainer ul.subebene li.subebene:hover,
#naviContainer ul.subebene li.sprache:hover{
	background-color: #fed9ac;
}
/* a */
#naviContainer ul.hauptebene li.hauptebene a,
#naviContainer ul.hauptebene li.hauptebene_active a,
#naviContainer ul.hauptebene li.hauptebene_sprache a {
color: Black;
text-decoration: none;
padding: 2px 5px 2px 5px;
}
#naviContainer ul.hauptebene li.hauptebene_active a {
color: Black;
text-decoration: none;
padding: 2px 5px 2px 5px;
background-color: #ffefcf;
}
#naviContainer ul.hauptebene li.hauptebene a:hover,
#naviContainer ul.hauptebene li.hauptebene_active a:hover,
#naviContainer ul.hauptebene li.hauptebene_sprache a:hover  {
color: black;
text-decoration: none;
background-color: #ffefcf;
}
#naviContainer ul.subebene a, #naviContainer ul.subebene a:hover {
text-decoration: none;
}

#naviContainer ul ul.subebene li a:hover {
background: #9ACD32;
}
#naviContainer input.field {
  border: 1px #CCCCCC solid;
  width: 100px;
  padding: 1px 0 1px 3px;
  margin: -1px 0 0 20px;
  vertical-align: top;
  color: #333333;
}

/* --------------- ENDE Navigation -------------------------- */

/* --------------- START Links Mail------------ */

a.extern:hover a.ext:hover {
	color:#051A09;
	background-color: White;
	text-decoration:underline;
	padding-right: 15px;
}
a.extern:link, a.ext:link {
	background: url(extern.gif) no-repeat right;
	color:#003A5F;
	text-decoration:underline;
	padding-right: 15px; }
a.extern:visited, a.ext:visited {
	background:url(extern.gif) no-repeat right;
	color:#003A5F;
	text-decoration:underline;
	padding-right: 15px; }
a.extern:hover, a.ext:hover {
	background:url(extern_hover.gif) no-repeat right;
	color:#051A09;
	text-decoration:underline;
	padding-right: 15px; }
a.extern:active, a.ext:active {
	background:url(extern.gif) no-repeat right;
	color:#003A5F;
	text-decoration:underline;
	padding-right: 15px; }

a.amzL:link {
	background: url(amzL.gif) no-repeat right;
	color:#003A5F;
	text-decoration:underline;
	padding-right: 18px; }
a.amzL:visited {
	background:url(amzL.gif) no-repeat right;
	color:#003A5F;
	text-decoration:underline;
	padding-right: 18px; }
a.amzL:hover {
	background:url(amzL.gif) no-repeat right;
	color:#051A09;
	text-decoration:underline;
	padding-right: 18px;}
a.amzL:active {
	background:url(amzL.gif) no-repeat right;
	color:#003A5F;
	text-decoration:underline;
	padding-right: 18px; }


a.no:link {
	background: none;
	color: inherit;
	text-decoration: none;
	padding-right: 0px; }
a.no:visited {
	background: none;
	color: inherit;
	text-decoration: none;
	padding-right: 0px; }
a.no:hover {
	background: none;
	color: inherit;
	text-decoration: none;
	padding-right: 0px; }
a.no:active {
	background: none;
	color: inherit;
	text-decoration: none;
	padding-right: 0px; }

a.mail:link {
	background: url(mail.gif) no-repeat right;
	color:#003A5F;
	text-decoration:underline;
	padding-right: 17px;
	vertical-align: bottom;
	 }
a.mail:visited {
	background:url(mail.gif) no-repeat right;
	color:#003A5F;
	text-decoration:underline;
	padding-right: 17px;
 	vertical-align: bottom;
 }
a.mail:hover {
	background:url(mail_hover.gif) no-repeat right;
	color:#051A09;
	text-decoration:underline;
	padding-right: 17px;
 }
a.mail:active {
	background:url(mail.gif) no-repeat right;
	color:#003A5F;
	text-decoration:underline;
	padding-right: 17px;
 }
a {
  color: black;
  text-decoration: underline;
}
a:hover{
  color: #660000;
}



/* --------------- ENDE externe Links -------------------------- */

/* ----------------START titelBild -----------------------------*/
#titelBildContainer{

}
/* -----------------ENDE titelBild -------------------------------*/

/* --------------- START Kontakte --------------------------- */
#kontaktContainer {
    font-size: 1.18em;
	margin: 15px 5px 10px 10px;
	margin-left: 42px;
	margin-top: 25px;
}
#kontakt_oeffzContainer {
    font-size: 1.18em;
	margin-top: 25px;
}
#kontaktContainer h1{
    font-size: 1.1em;
    font-weight: bold;
    color: #331e05;
    background-color: white;
    margin: 0px 0px 5px -3px;
    padding-left: 5px;
    width: 98%;
    float: left;
}
#kontaktContainer a.mail{
  font-size: 1em;
}



/* --------------- ENDE Kontakte --------------------------- */

/* --------------- START news ------------ */
#newsContainer {
	float: left;
	font-size: 1.15em;
    margin-top: 10px;
    margin-left: 42px;
	}
#newsContainer .konzertBox, #newsContainer .aktuellesBox {
	margin-left: 0px;
	width: 90%;
}
#newsContainer .newsletterBox {
	margin: 0 5px 10px 5px;
}
#newsContainer .headline {
	font-size: 1.1em;
	border-bottom: 1px dotted black;
    padding: 0 0 5px 50px;
    margin-bottom: 5px;
}

#newsContainer .aktuellesBox .textContainer {
	float: left;
}
#newsContainer .aktuellesBox .text {
    float: left;
	text-align: left;
	margin-left: 5px;
    width: 97%;
}
#newsContainer .aktuellesBox .link {
	margin-left: 15px;
}
#newsContainer .aktuellesBox .titel{
	float: left;
	width: 740px;
	height: 15px;
	color: #331e05;
	font-weight: bold;
	padding: 0px 4px 0px 2px;
	margin: 7px 0 5px 5px;
}
#newsContainer .aktuellesBox .fehlerMeldung{
	float: left;
	width: 740px;
	color: #331e05;
	font-weight: bold;
	background-color: White;
	padding: 0px 4px 0px 2px;
	margin: 17px 0 5px 5px;
}
#newsContainer .fundstelleContainer {
	margin: 14px 0 5px 10px;
    font-weight: bold;
}
#newsContainer .fundstelle {
	margin: 4px 0 1px 13px;
    font-weight: normal;
}
#newsContainer .datum {
    font-weight: bold;
	color: #444444;
}

#newsContainer a, #newsContainer a:link, #newsContainer a:visited {
	color: #003A5F;
	border: none;
}
#newsContainer a:hover {
	color: #840C00;
}
#newsContainer a.extern, #newsContainer a.extern:link, #newsContainer a.extern:visited, #newsContainer a.extern:hover {

}
/*------------------ ENDE news ---------------------------*/


/* ------------------ sonstige -------------------------*/
h1 {
	font-size: 1.1em;
}
h2 {
	font-size: 1.05em;
}
.left {
	float: left;
}

.red {
	color: #AC0000;
}
.green {
	color: #489300;
}
.blue {
	color: #003A5F;
}
.pink {
	color: #331e05;
}
.f_links {
	float: left;
}
.f_rechts {
	float: right;
}
.minus {
  font-size: 0.9em;
}
.plus {
  font-size: 1.2em;
}
pre {
  font-size: 10pt;
}