/* CSS Document
Farben:
		Banner: MediumSeaGreen
		Links:
		Rechts: #BDB76B-> DarkKhaki
		unten:
		background: #FFFFF0: -> Ivory
		aktuelles #FDF5E6 -> OldLace
		Hintergund Butons: #FFFACD -> LemonChiffon
		IndianRed -> #CD5C5C
*/
/* ------------------------------- formatting ----------------------------- */

body {
	margin: 0;
	padding: 0;
	width: 100%;
	background-color: #FFFFF0;

	}

h1 {
	font: bold x-large Arial, sans-serif;
	color: #43616C;
	margin-top: 0px;
	}

#otherleftstuff h2 {
	font: small Verdana, sans-serif;
	color: #9C1A1E;

	}




h2 {
	font: large Arial, sans-serif;
	color: #9C1A1E;
	}

h4 {
	font: bold small Verdana, sans-serif;
	color: #9C1A1E;
	margin-bottom: 2px;
	}

h5 {
	font: italic bold small Arial, sans-serif;
	color: #43616B;
	margin-top: 2px;
	}

p {
	font: 0.7em Verdana, sans-serif;
	}


table {
	border-collapse: collapse;
	border-style: solid;
	border-width: 2.5px;
	width: 320px;
	height: 118px;
	font-family: Verdana;
	font-size: 7pt;

	}

table.ref {
	border-collapse: collapse;
	border: 1px black solid;
	border-style: solid;

	width: 100%;
	height: 118px;
	font-family: Verdana;
	font-size: 9pt;

	}


table.ref_sach {
	border-collapse: collapse;
	border-style: solid;
	border-width: 2.5px;
	width: 100%;
	height: 118px;
	font-family: Verdana;
	font-size: 9pt;

	}



table.kontakt {
	border-collapse: collapse;
	border-style: solid;
	border-width: 0px;
	width: 320px;
	height: 118px;
	font-family: Verdana;
	font-size: 7pt;

	}


/*	empty-cells:hide;
	table-layout: auto;
	font-family: arial;
	font-size: 10pt;
	border-spacing:1px;

}
*/

td{
line-height: 10pt;
}


td.ref{
line-height: 10pt;
}

td.ref_ort{
line-height: 10pt;
border: 1px black solid;

color: black;
}


td.ref_gegenstand{
line-height: 10pt;

border: 1px black solid;

}

td.name {
	padding: 4px 4px 2px 4px;

	font-size: 18pt;
	line-height: 15pt;
	font-weight: bolder;
}

.kleiner{
	font-size: 12pt;
}



td.mitte {

		padding: 4px 4px 2px 4px;
	font-size: 11pt;
	font-weight: 600;
	line-height: 13pt;

}

td.unten {

		padding: 4px 4px 2px 4px;
	font-size: 11pt;
	line-height: 10pt;
}

/*
th {
	border: 1px solid black;
	padding: 4px 6px;

}

*/

input {
	border: 1px solid black;
	background: #FFFFF0;

}

#center p {
	font: 0.8em Verdana, sans-serif;
	}


#footer p {
	margin: 4px;
	text-align: center;
	}

#footer p.imgs {
	margin: 4px;
	text-align: left;
	}

a {
	color: #34339B;
	}
a:hover {
	color: #9C191E;
	}

hr {
	color: #A5B5C6;
	height: 1px;
	}

div#footer a img {
	border: 0px none;
	display: inline;			/* removes extra space underneath caused by default text-alignment */
	text-align: left;
	}

/* Größe der Bilder in den Referenzen*/

img.ref {
	width: 510px;

}

a img {
	border: 0px none;
	display: block;			/* removes extra space underneath caused by default text-alignment */
	}

div#center a img {
	border: 0px;
	display: block;			/* removes extra space underneath caused by default text-alignment */
	}


div#top img {
	display: block;			/* makes the background hover effect work in Mozilla */

	 width: 100%;
	height: 154px



	}



div#bild_bereich img {
	display: block;			/* makes the background hover effect work in Mozilla */
	width: 215px;

	background-color: #5C6F90;
	border: solid black 0.5px;
	}



div#top a:hover {
	background-color: #43616B;
	}



/*

------------------------------- layout -----------------------------

Notes:

Do not mix px widths with % widths for margins, borders or padding because
the total box width = set width + padding + border.  (It helps if you can add them together)

The box model hack is used to fix an bug in IE5-Win ...for an explanation from the guy that
wrote it go to http://www.tantek.com/CSS/Examples/boxmodelhack.html

IE6-Win will behave like IE5-Win  if you include <?xml version="1.0"?>  It is apparently
unneccessary so leave it out!

Left Col Widths:
 |  pad   |         width        |  pad   |
 ------------------------------------------
 |   0    |          25%         |   0    |

Center Margins:
 |  marg  |         width        |  marg  |
 ------------------------------------------
 |   25%  |        (auto)        |   25%  |

Right Col Widths:
 |  pad   |         width        |  pad   |
 ------------------------------------------
 |  1.5%  |          22%         |  1.5%  |				total width= 25%


*/

#top {
	padding: 0px;
	margin-bottom: 28px;
	top: -30px;
	right: -30px;
	background: black;
	border-bottom: 1px solid #A5B5C6;
		min-height: 155px;
    height:auto !important;
    height:155px;

	}

#center {
	margin: 0% 22% 4% 233px;
	padding: 1% 3%;
	height: auto;
	/*background: #fff url(images/bgcenter.gif) no-repeat center;*/
	/* debug 	background-color: green; */
	color: #000;

	/*min-height not supported in IE. THis is a bug. we will use a workaround to fix this */
	min-height: 440px;
    height:auto !important;
    height:440px;

	}

#footer {

	clear: both;
	border-top: 1px solid #5C6F90;
	border-bottom: 1px solid #5C6F90;
	background-color: #FDF5E6;
	width: 100%;
	color: #000;
	}




#left {
	position: absolute;
	padding: 0px;
	top: 71px;
	width: 220px;
	background: #FDF5E6;
	color: #000;


	}

#otherleftstuff {
	width: 220px;
	padding: 8px 6% 8px 6%;
	min-width: 40px;
	overflow: hidden;
	}

#sponsor {
	position: absolute;
	width: 217px;
	height: 90px;
	right: 1px;
	padding: 0px 7px 1px 7px;
	top: 507px;
	background: #FDF5E6;
	text-align: center;
	border: dashed black 1px;
	}

#bild_bereich {
	position: absolute;
	width: 210px;
	height: 280px;
	right: 10px;
	top: 200px;

	float: right;
	/*overflow: hidden;*/

	padding: 0px 15px;
	background-color: #FFFFF0;
	/*border-top: 1px solid #A5B5C6;*/

	}


#banner {
	position: absolute;

	right: 18px;
	top: 50px;
	margin: 0px;
	background: white;
	/*

	padding: 5px 5px 5px 5px;*/
	white-space: nowrap; /* this line added due to recent builds of firefax wrapping the form content (Oct 15 2004) */
	}

#topcontent {
	position: absolute;
	top: 10px;
	right: 0px;
	width: 80%;
	background-color: #BDB76B;

	}



div#banner h2 {

	font: bold large Arial, sans-serif;
	color: #43616C;
}

div#sponsor h2{
	font-size: 10pt;
	font-weight: bold;
}

.spacer {
	display: block;
	height: 1px;
	font: 1px  sans-serif;
	clear: both;
	}





















/*

-------------------------------- Navigation ------------------------------

List tips courtesy of A List Apart: http://www.alistapart.com/stories/taminglists/

*/


ul#mainnav {
	list-style: none;
	margin: 0px;
	padding: 0px;
	/*background-color: Tan;*/
	background-color: #FFFACD;
	width: 220px;

	}


	/* Leite zwischen den Navibutton */
ul#mainnav li {
	display: block;
	border-top: 1px solid black;
		border: outset #FFFFF0 2px;
	}

	/* Hintergrund Navibuttons */
ul#mainnav li a {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 4px 1% 4px 11%;
	background-color: #CD5C5C;
	font: bold 0.8em /1.5 verdana, sans-serif;		/* If you get an unwanted gap after your a block (IE-Win) try increasing the line height		*/

	color: #fff;
	/*try*/
	text-decoration: none;


	width: 88%;				/* 	Causes Problems in IE5-Mac and Netscape/Mozzilla - see next fix		*/
	}



ul#mainnav li.select_active a {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 6px 6%;
	background-color: white;

	font: bold 0.8em /1.5 verdana, sans-serif;		/* If you get an unwanted gap after your a block (IE-Win) try increasing the line height		*/
	color: #fff;
	text-decoration: none;
	width: 88%;				/* 	Causes Problems in IE5-Mac and Netscape/Mozzilla - see next fix		*/
	}



ul#mainnav li a:hover {
	/*background-color: gray;
	color: black;*/
	background-color: white;
	color: #CD5C5C;

	}



ul#mainnav ul.subnav {
	margin: 0px;
	list-style: none;
	margin: 0;
	padding: 0px;

	border: 0px solid #ffC0CB;
	}

ul#mainnav ul.subnav li {
	border-top: 0 none;
	border: 0px solid green;
	padding-left: 1.5em;
	}

ul#mainnav ul.subnav li a {
	padding: 1%;
	margin: 0px;
	width: 92%;
	font: 0.6em /1.5 verdana, sans-serif;
	color: black;
	background-color: transparent;
	border: 0px solid yellow;
	}

ul#mainnav ul.subnav li a:hover {
	color: #43616B;
	background-color: transparent;
	text-decoration: underline;
	}





/* Navigation Links oben rechts */

div#topcontent ul {
	position: absolute;
	right: 1px;
	list-style: none;
	background-color: white;
	padding: 3px 3px 8px 3px;
	margin: 0px 0px 40px 0px;
	}
div#topcontent ul li {
	display: inline;
	padding: 0 0.5em;
	border-left: 1px solid #34339B;
	}
div#topcontent ul li.first {
	border-left: 0px none;
	}
div#topcontent ul li a {
	font: 0.7em verdana, sans-serif;
	color: black;
	}

/* ---------------------------------------------------------------------*/