/* **************************
========== FVM CSS ==========
$Author: xxx
$Date: May 2005
$Notes:
some hacks to adapt to IE6
and IE5.5
========== ======= ==========
$Author: xxx
$Date: 2 June 2005
$Notes:
two IE6 hacks
* html div#mainnav ul li a
and
* html div#maincontent
and
* html div#maincontent img.gebaeude
were modified to exclude 
IE5.2 Mac
========== ======= ==========

***************************** */

* {
	font-size: 100%;
	padding: 0;
	margin: 0;
}

body {
	margin: 0;
	padding: 0;
	font: 0.74em/1.333 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, Sans-Serif;
	margin: 0;
	padding: 0;
	text-align: left;
	background: #004080;
}

/* 
*****************************************
THIS BELOW IS FOR NON IE BROWSERS:
html>body {
		font-size: 82EM; 
}
*****************************************
*/

html>body {
	font-size: .82em;
}

p {
	line-height: 1.4em;
	color: #5e5f5e;
	font-size: 1em;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, Sans-Serif;
	margin: 10px 0 1.3em 18px;
}

/*
**************************************
basic IMAGES
************************************** 
*/

img.image_rechts {
	float: right;
}

img.image {
	float: right;
	border: 1px #808080 solid;
	margin: 10px 10px 5px 5px;
}

/*
end basic images
**************************************
*/

/*
**************************************
basic HEADERS
************************************** 
*/
h1 {
	display: none;
	font-size: 2em;
	font-weight: lighter;
	text-align: left;
	margin-top: 200px;
	margin-left: 5px;
	letter-spacing: .03em;
}

h2 {
	color: #298efe;
	margin-left: 18px;
	margin-bottom: .5em;
	font-size: 1.6em;
	border-bottom: 1px #999795 solid;
	padding-bottom: 0;
}

/* 
====================================================
IE6 HACK below:
Without a width the bottom borders don't show up
in IE6
====================================================
*/
* html h2, h3 {
	width: 95%;
	position: relative;

}

h2+p {
	margin-top: 15px;
}

h3 {
	font-size: 1.2em;
	border-bottom: 1px #d8d5d3 solid;
	padding-bottom: 2px;
	margin-top: 1.5em;
	margin-left: 18px;

}

h4+p {
	margin-top: 10px;
}



h4 {
	margin-left: 18px;
	font-size: 1.1em;
}

h3+h4 {
	margin-top: 15px;
}

* html h4 {
	margin-top: 15px;
	font-size: 1em;
}

#beraten h3 {
	font-size: 1.4em;
	margin-top: -10px;
	border-left: 4px #d8d5d3 solid;
	padding-left: 4px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, Sans-Serif;
}

h3, h4, h5, h6 {
	color: #0331ff;
}
/*
end basic headers
**************************************
*/

/* 
====================================================
IE5.5 HACK below:
I AM MAKING SHADOW DISAPPEAR;
CHANGING WIDTH FROM 928PX TO 902PX;
MARGIN AUTO AUTO DOESN'T WORK, SO:
0 AUTO 0 13%
***
http://tantek.com/CSS/Examples/boxmodelhack.html
====================================================
*/

div#shadow {
	width: 902px;
	margin: 0 auto 0 13%;
	background: #004080 url(images/shadow_graphic_4h.gif);
	voice-family: "\"}\"";
		voice-family: inherit;
		width: 928px;
		margin: auto auto;
}

/* 
************************************** 
START HEADER, FOOTER  
************************************** 
*/

div#header {
	padding: 0 0 0 0;
	text-align: center;
	margin-bottom: 0px;
	border: 1px #bfbdb9 solid;
	border-bottom: 2px #939391 solid;
	height: 256px;
	background-image: url(images/header_6a.jpg);
	background-repeat: no-repeat;
	background-position: -4px -4px;
}

div#footer {
	padding: 1%;
	text-align: center;
	clear: both;
	background-color: #f2f0ea;
	border-top: solid #c1c0bb 1px;
	font-size: .6em;
}

div#footer ul {
	list-style: none;
	margin: 5px;
	padding: 0;
}

div#footer ul li {
	display: inline;
	background-color: transparent;
}

div#footer ul li a {
	font-size: 1.2em;
}

/*
end header, footer
**************************************
*/

/* 
************************************** 
START container, maincontent, 
leftcolumn 
=> container is inside shadow;
=> maincontent is inside container
=> leftcolumn is inside container
************************************** 
*/

div#container {
	width: 901px;
	margin: auto auto;
	border-left: 1px #ece7bc solid;
	border-right: 1px #ece7bc solid;
	background: #fffcef;
}

* html div#container {
	position: relative;
}

div#maincontent {
	padding: 35px 30px 50px 15px;
	text-align: left;
	margin-left: 225px;
	border-left: 1px solid #b6b6b6;
	margin-bottom: 0;
	background: #FEFCF5;
}

/*
====================================================
EM FOR ABOVE was:
padding: 2.3em 4em 5em 1em;
taken out to tame problems with IE6
====================================================
*/
 
/* 
====================================================
===== HOLLY HACK (below) =====
DUE TO THE FLOATED LEFTCOLUMN THERE
WAS THE MYSTERY 3PX ADDED MARGIN
ON THE RIGHT, INDENTING THE Ps 
IN THE MAINCONTENT DIV. 
THE BELOW WAS THE SOLUTION, BASICALLY
THE HOLLY HACK WITH A NEG MARGIN 
AND RELATIVE POSITIONING
====================================================
*/

/* BELOW IS FOR IE6 W/O IEMAC  \*/

* html div#maincontent {
	height: 2%;
	left: -4px;
	position: relative;
	width: 620px;  /* Damit Hauptcontainer in allen Schriftgroessen
                     auch bei langen Texten richtig dargestellt wird.
                     B. Tesche 25.07.2006  */
}

/* BELOW IS FOR IE6 W/O IEMAC  */

div#leftcolumn {
	width: 224px;
	padding: 0;
	margin: 0 0 0 0;
	float: left;
	text-align: left;
	background-color: #f2f0ea;
	clear: both;
	border-left: 1px #b6b6b6 solid;
	border-right: 1px #b6b6b6 solid;
	border-bottom: 1px #FEFCF5 solid;
	overflow: hidden;  /* Damit linke Spalte bei sehr grossen Schriften nicht
                         den Hauptcontainer zum Umbruch bringt. Zu lange Texte
                         werden abgeschnitten, Spalte bleibt 224 Pixel breit.
                         B. Tesche 31.07.2006 */
}



/*
**************************************
lists and links for maincontent
**************************************
*/


div#maincontent ul {
	line-height: 1.4em;
	color: #5e5f5e;
	font-size: 1em;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, Sans-Serif;
	margin-left: 4em;
	margin-bottom: 1em;
	margin-top: 1.5em;
}

div#maincontent ul li {
	margin-bottom: .2em;
	color: #5e5f5e;
}

/*
**************************************
lists for online beitraege
**************************************
*/

div#maincontent ul.onlinelist {
	margin: 2em 0 0 35px;
	line-height: 1.4em;
	color: #5e5f5e;
	font-size: 1em;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, Sans-Serif;
}

div#maincontent ul.onlinelist li {
	display: list-item;
	list-style-position: outside;
	list-style-type: circle;
	color: #5e5f5e;
}

div#maincontent ul.onlinelist li p {
	margin: 0 0 0 0;
	color: #5e5f5e;
}

div#maincontent ul.onlinelist li p em {
	color: #5e5f5e;
}

div#maincontent ul.onlinelist li a {
	font-style: italic;
}

/*
==============================
NOTE: 28 April:
the ul.letters crashed IE6 
probably due to the too-big 
left margin -- beware.
==============================
*/

div#maincontent ul.letters {
	line-height: 1.4em;
	color: #5e5f5e;
	font-size: 1em;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, Sans-Serif;
	margin-left: 3em;
	margin-bottom: 0;
	margin-top: -5px;
}

div#maincontent ul.letters li {
	display: list-item;
	list-style-type: none;
	margin-top: 1em;
}

/*
**************************************
main content links 
**************************************
*/

div#maincontent p a {
	color: #233fff;
}

div#maincontent p a:link {
	color: #233fff;
}

div#maincontent p a:visited {
	color: #77b9ff;
}

div#maincontent p a:hover {
	color: red;
}

div#maincontent p a:active {
	color: #233fff;
}

div#maincontent * {
	text-decoration: none;
}

/*
END lists for maincontent
**************************************
*/

/*
**************************************
special for maincontent
**************************************
*/

div#maincontent img.abbildung_img {
	margin-left: 12px;
	margin-top: 18px;
	width: 576px;
	float: left;
}

/* 
 ====================================
 Below is a clear for when necessary,
 for example after the above 
 abbildung_img at the bottom of
 the maincontent.
  ===================================
 */
p.clearer {
	clear: both;
}

h3.abbildung_text {
	font-size: .9em;
	text-align: center;
	margin-bottom: 2em;
	color: #867e82;
}

h5.foerderer {
	font-size: .92em;
	text-align: left;
	margin: -5px 0 0 18px;
	color: #991b0b;
	border: none;
	font-style: normal;
	font-weight: normal;
}

h4+h5.foerderer {
	margin-top: 0;
}

h5.foerderer span.emphasis {
	font-weight: bolder;
	font-size: 1.6em;
}

div#maincontent p.cite {
	font-size: .80em;
	margin-left: 19px;
	color: #991b0b;
	border-left: 2px #a19f9d solid;
	font-style: normal;
	padding-left: 5px;
	border-top: 1px #fefcf5 solid;
	width: 85%;
}

div#maincontent address {
	margin-left: 18px;
	font-style: normal;
}

div#maincontent img.kontakt {
	margin-left: 138px;
}

div#maincontent img.gebaeude {
	margin-left: 2px;
	margin-top: 10px;
	width: 567px;
	float: left;
}

/* =========== MICROSOFT HACKS =========== */
/* =======================================
Note: the float necessary to make IE6 work
and tolerated in real browsers, caused 
problems in IE5.2Mac, which hardly anyone
used. Nevertheless, the hacks below take
out the float for IE5.2Mac
========================================== */
* html div#maincontent img.gebaeude {
	float: none;
}

/* BELOW IS FOR IE6 W/O IEMAC  \*/
* html div#maincontent img.gebaeude {
	float: left;
}

/* END OF IE6 */

/* =========== END MICROSOFT HACKS =========== */


/* 
**************************************
begin book tables for 
maincontent
**************************************
*/



div#maincontent table#books {
	border-collapse: collapse;
	background-color: transparent;
	margin-left: 20px;
	width: 480px;
	height: 310px;
}

div#maincontent table#books  td {
	padding-bottom: 10px;
}

div#maincontent table#books td.cover {
	height: 310px;
	border-top: 3px #b7b7b7 solid;
}

div#maincontent table#books td.info {
	height: 310px;
	border-top: 3px #b7b7b7 solid;
}

div#maincontent table#books td.info p {
	font-size: .8em;
	margin: 5px 0 0 10px;
	padding: 0em;
	color: black;
}

div#maincontent table#books td.info p em {
	color: black;
	font-style: italic;
}

div#maincontent table#books td.info p.booktitle {
	font-style: italic;
	color: #99120a;
	margin: 0 0 0 10px;
	padding: 0;
}

div#maincontent table#books td.info p.rezensionen {
	font-weight: bold;
	border-bottom: 1px #bdbdbd solid;
	margin: 8px 0 0 10px;
	padding: 0;
}

div#maincontent table#books img {
	border: 1px #8a8a8a solid;
	margin-top: 5px;
}

/*
**************************************
begin video tables for 
maincontent
**************************************
*/

div#maincontent table#videos {
	border-collapse: collapse;
	margin-left: 18px;
	width: 50%;
	height: auto;
	margin-top: 20px;
	color: #2136b8;
}

div#maincontent table#videos caption {

}

div#maincontent table#videos td {
	padding-bottom: 10px;
}

div#maincontent table#videos td.cover {
	height: auto;
}

div#maincontent table#videos td.info {
	height: auto;
	border: 1px solid #e7e7e7;
}

div#maincontent table#videos td.info p {
	font-size: .8em;
	margin: 5px 0 0 10px;
	padding: 0em;
	color: black;
}

div#maincontent table#videos td.info p em {
	color: black;
	font-style: italic;
}

div#maincontent table#videos td.info p.videotitle {
	background-color: #f5f5f5;
	font-style: italic;
	color: #99120a;
	margin: 8px 0 0 10px;
	padding: 0;
}

div#maincontent table#videos td.info p.rezensionen {
	font-weight: bold;
	border-bottom: 1px #bdbdbd solid;
	margin: 8px 0 0 10px;
	padding: 0;
}

div#maincontent table#videos img {
	border: 1px #8a8a8a solid;
	margin-top: 5px;
}

/*
end video table 
**************************************
*/

div#maincontent table#veranstaltungen {
	border-collapse: collapse;
	background-color: #f2f0ea;
	margin: 18px 0 0 18px;
}

div#maincontent table#veranstaltungen td {
	border: 1px #aaaaaa solid;
	padding: 8px 3px 3px 3px;
	width: 13%;
	text-align: center;
}

div#maincontent table#veranstaltungen td.eng {
	border: 1px #aaaaaa solid;
	padding: 8px 3px 3px 3px;
	width: 6%;
	text-align: center;
}

div#maincontent table#veranstaltungen td.breit {
	border: 1px #aaaaaa solid;
	padding: 8px 3px 3px 3px;
	width: 20%;
	text-align: center;
}

div#maincontent table#veranstaltungen {
	font-size: 10px;
	color: #393939;
}

div#maincontent table#veranstaltungen a {
	text-align: left;
}

div#maincontent table#veranstaltungen caption {
	font-size: 14px;
	font-weight: bold;
	letter-spacing: .2em;
	padding-bottom: 5px;
}

div#maincontent table#veranstaltungen {
	border: 1px #aaaaaa solid;
}

/*
**************************************
END special for maincontent
**************************************
*/


/*
end container, maincontent, 
leftcolumn 
**************************************
**************************************
*/

/*
**************************************
begin mainnav
**************************************
*/

div#mainnav {
	line-height: 19px;
	height: 22px;
	border-right: 1px #b6b6b6 solid;
	border-bottom: 2px #b6b6b6 solid;
	background-color: #f8f1eb;
	background-image: url(images/header_6b_mainnav.gif);
	background-repeat: no-repeat;
	background-position: -12px -3px;
}

div#mainnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

div#mainnav ul li {
	display: block;
	float: left;
	background-color: transparent;
}

div#mainnav ul li a {
	font-size: 1em;
	text-align: center;
	font-weight: bold;
	background: transparent;
	width: 224px;
	height: 21px;
	border-top: 1px #b6b6b6 solid;
	border-left: 1px #aaaaaa solid;
	border-bottom: 1px #919191 solid;
	border-right: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	color: #233fff;
	text-decoration: none;
	display: block;
}

/* =========== MICROSOFT HACKS =========== */

/* BELOW IS FOR IE6 W/O IEMAC  \*/
* html div#mainnav ul li a {
	padding: 0 0 3px 0;
	margin-bottom: -3px;
}

/* END OF IE6 */

/* =========== END MICROSOFT HACKS =========== */
div#mainnav ul li a:hover {
	background: #fffe57;
	color: #ff1202;
}

/*
end mainnav
**************************************
*/

/*
**************************************
begin subnav
**************************************
*/

div#subnav {
	line-height: 1em;
}

div#subnav  ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

div#subnav ul li {
	list-style: none;
	border-top: 1px #ecece6 solid;
	border-bottom: 1px #a9b6cc solid;
}

div#subnav ul li a:link, div#subnav  li a:visited {
	font-size: .8em;
	font-weight: bold;
	display: block;
	margin: 0;
	padding: 1px 0 0 3px;
	color: #233fff;
	text-decoration: none;
	background: #f2f0ea;
	letter-spacing: .02em;
}

/*
====================================================
SO, FOR IE6 A WIDTH IS NEEDED 
SO IT UNDERSTANDS DISPLAY 
BLOCK; THEN IT PUSHED THE 
LIs APART SO I PUT A MINUS 
BOTTOM MARGIN TO MAKE IT 
NORMAL...
====================================================
*/

* html div#subnav li a:link, div#subnav  li a:visited {
	padding: 2px 0 2px 2px;
	width: 222px;
	margin-bottom: 0;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 216px;
}

/*
**************************************
begin sub subnav
**************************************
*/

div#subnav  ul ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

div#subnav  ul ul li {
	list-style: none;
	border-bottom: none;
	margin: 0;
}

/*
====================================================
needed ie5 hack below ! 
====================================================
*/

div#subnav  ul ul li a:link {
	padding: 2px 0 2px 7px;
	width: 223px;
	font-weight: normal;
	background: #fefcf5;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 212px;
}

div#subnav  ul ul li a:visited {
	padding: 2px 0 2px 7px;
	width: 223px;
	font-weight: normal;
	background: #fefcf5;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 212px;
}

/*
**************************************
basic hover(s)
**************************************
*/

div#subnav  ul ul  li a:hover, div#subnav  ul li a:hover {
	background: #fffe57;
	color: #ff1202;
}

/* 
**************************************
GOOGLE START 
**************************************
*/



div#google {
	width: 219px;
	background: #fffcef;
	margin: 0;
	padding: 16px 0 0 0;
	float: left;
	clear: right;
	border-bottom: 1px #a8a8a8 solid;
	border-left: 5px #203371 solid;
	border-top: 0px #fffcef solid;
}

div#google  ul {
	list-style: none;
}

div#google ul li {
	height: 30px;
	list-style: none;
	padding: 2px 0 2px 2px;
	width: 223px;
	font-weight: normal;
	border: none;
	background: transparent;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 212px;
}

div#google ul li img {
	float: left;
	margin-left: -4px;
}

div#google ul li p {
	font-size: 11px;
	line-height: 11px;
	color: #67667f;
	padding: 0 0 10px 0;
	margin-left: -2px;
	margin-right: 0;
}
div#google ul li p input.search {
	margin-left: -4px;
}

* html div#google ul li p input.search {
	margin-left: -2px;
	margin-bottom: -2px;
}
/* 
====================================================
THE IE HACK below IS 
IN ORDER TO PULL THE TWO GOOGLE
LINES TOGETHER IN IE 
====================================================
*/


* html div#google ul li p {
	font-size: 9px;
	color: #67667f;
	padding: 0 0 0px 3px;
	margin-bottom: -11px;
}

/*  GOOGLE END
**************************************
*/

/*<group=HIDDEN EMAIL>*/

div#maincontent address.emailformat {
	text-decoration: none;
	letter-spacing: -1px;
}

div#maincontent address span.email {
	font-size: .00001em;
	color: #FEFCF5;
	text-decoration: none;
}

div#maincontent address span.e {
	letter-spacing: 2px;
	color: black;
}

div#maincontent address span.email a:link {
	text-decoration: none;
}

/*</group=HIDDEN EMAIL>*/

/*
**************************************
THIS IS FOR THE CURRENT PAGE
IN THE SUBNAV and subnav
**************************************
*/

div#subnav ul a#currentsub1 {
	color: #ff122b;
}

div#subnav ul ul a#currentsub2 {
	color: #ff122b;
}

* html div#subnav ul ul a#currentsub2 {
	width: 212px;
}

div#mainnav ul li a#currentmain {
	color: #ff1202;
}

/* 
**************************************
 below for color codes of sub links 
**************************************
*/

/*sub links for fvm */

div#subnav  ul li a.fvm1:link, div#subnav  ul li a.fvm1:visited {
	border-left: 5px #fffa01 solid;
}

div#subnav  ul ul  li a.fvmsub:link, div#subnav  ul ul li a.fvmsub:visited {
	border-left: 5px #fffb5c solid;
}

/*sub links for forschen */

div#subnav  ul li a.forschen:link, div#subnav  ul li a.forschen:visited {
	border-left: 5px #00ff1a solid;
}

div#subnav  ul ul  li a.forschensub:link, div#subnav  ul ul li a.forschensub:visited {
	border-left: 5px #aaffab solid;
}

/*sub links for publizieren */

div#subnav  ul li a.pub:link, div#subnav  ul li a.pub:visited {
	border-left: 5px #ff8000 solid;
}

div#subnav  ul ul  li a.pubsub:link, div#subnav  ul ul li a.pubsub:visited {
	border-left: 5px #ffcc66 solid;
}

/*sub links for info */

div#subnav  ul li a.info:link, div#subnav  ul li a.info:visited {
	border-left: 5px #808000 solid;
}

div#subnav  ul ul  li a.infosub:link, div#subnav  ul ul li a.infosub:visited {
	border-left: 5px #bdc002 solid;
}

/*sub links for fortbilden */

div#subnav  ul li a.fortbilden:link, div#subnav  ul li a.fortbilden:visited {
	border-left: 5px #ff0208 solid;
}

div#subnav  ul ul  li a.fortbildensub:link, div#subnav  ul ul li a.fortbildensub:visited {
	border-left: 5px #ffafa4 solid;
}

/*sub links for planen */

div#subnav  ul li a.planen:link, div#subnav  ul li a.planen:visited {
	border-left: 5px #ff02ae solid;
}

div#subnav  ul ul  li a.planensub:link, div#subnav  ul ul li a.planensub:visited {
	border-left: 5px #ffaee5 solid;
}

/*sub links for veranstaltungen */

div#subnav  ul li a.veran:link, div#subnav  ul li a.veran:visited {
	border-left: 5px #0000ff solid;
}

/*sub links for appetizer */

div#subnav  ul li a.appet:link, div#subnav  ul li a.appet:visited {
	border-left: 5px #0000ff solid;
}

/*sub links for aktuelles */

div#subnav  ul li a.aktuelles:link, div#subnav  ul li a.aktuelles:visited {
	border-left: 5px #0000ff solid;
}

/*sub links for download */

div#subnav  ul li a.download:link, div#subnav  ul li a.download:visited {
	border-left: 5px #0000ff solid;
}

/*sub links for impressum */

div#subnav ul li a.impress:link, div#subnav ul li a.impress:visited {
	border-left: 5px #0000ff solid;
}

/*
End sublinks coloring
**************************************
*/