@charset "iso-8859-1";

/* ============================== */
/* verwendete farben              */
/* ============================== */
/* diese Tabelle koennte geloescht werden */
/* bemerkung von pko - 20.09.08 */
/*
rgb(0,0,0) - schwarz
	body => color: rgb(0,0,0);
	#cont .black => color

rgb(32,32,32) - dunkel grau
	h1, h2, h3, h4, b, span => color
	a:hover => color
	.important => color
	#navi p => color

rgb(48,48,48) - dunkel grau
	#head h1 => color

rgb(50,76,109)- dunkel blau
	a => color
	#rootMap span => color:
	#navi span => color

rgb(82,108,141) - dunkel blau
	#navi => background-color

rgb(96,96,96) - dunkel grau
	#navi ul => border-bottom
	#navi li => padding-top
	#navi li => padding-bottom

rgb(128,128,128) - grau
	#foot => background-color

rgb(164,164,164) - grau
	#navi li.one => background-color

rgb(180,180,180) - hell grau
	#navi div.lang =>	border-top
	#navi div.lang => border-bottom
	#navi li.two => background-color

rgb(196,196,196) - hell grau
	body => background-color
	#head => background-color
	#cont => background-color

rgb(255,255,255) - weiss
	#head cite => color
	#cont .white => color
	#navi a:hover => color

color: rgb(198,0,0) - rot
	#cont .red => color

color: rgb(0,181,0) - gruen
	#cont .green => color

rgb(8,0,181) - blau
	#cont .blue => color
*/

/* ============================== */
/* html-allgemein                 */
/* ============================== */

* {
/*padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;*/
	padding: 0px;
	margin: 0px;
}

html, body {
	height: 100%;
/*padding: 0px;
	margin: 0px;*/
}

body {
	font-size: 80%;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color: rgb(0,0,0);
	background-color: rgb(196,196,196);
	background-image: url("/logos/back-body.png");
	background-repeat: repeat-y;
}

h1 {
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 160%;
}
h2 {
	padding-top: 6px;
	padding-bottom: 6px;
	font-size: 130%;
}
h3 {
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 120%;
}
h4 {
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 110%;
}
h1, h2, h3, h4, b, span  {
	color: rgb(32,32,32);
}
p {
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: justify;
}
ul, ol {
	list-style-position: outside;
	margin-left: 24px;
	padding-left: 0px;
}
img {
	border: 0px;
}
a {
	font-weight: bold;
	text-decoration: none;
	color: rgb(50,76,109);
}
a:hover {
	color: rgb(32,32,32);
}

/* ============================== */
/* html-klassen                   */
/* ============================== */

.left-8 {
	padding-left: 8px;
}
.top-0 {
	padding-top: 0px;
}
.top-4 {
	padding-top: 4px;
}
.top-8 {
	padding-top: 8px;
}
.bottom-0 {
	padding-bottom: 0px;
}
.bottom-4 {
	padding-bottom: 4px;
}
.bottom-8 {
	padding-bottom: 8px;
}

.left {
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
}
.right {
	float: right;
	margin-left: 8px;
	margin-bottom: 8px;
}
.clear {
	clear: both;
	margin: 0px;
}

.no-break {
	white-space: nowrap;
}
.important {
	font-size: 120%;
	font-weight: bold;
	color: rgb(32,32,32);
}
.debug {
	border: 1px solid black;
}

/* ============================== */
/* layout                         */
/* ============================== */
#page {
	position: absolute;
/*left: 0px;*/
}

#navi {
/*overflow: hidden;*/
	position: absolute;
	top: 0px;
	left: 0px;
	width: 180px;
	background-color: rgb(82,108,141);
	background-image: url("/logos/back-navi.png");
	background-repeat: repeat-y;
}

#head {
	top: 0px;
	left: 0px;
	margin-left: 180px;
	max-width: 1100px;
	min-width: 800px;
	min-height: 72px;
	background-color: rgb(196,196,196);
	background-image: url("/logos/back-head-fotos.gif");
	background-repeat: no-repeat;
}
/* fuer IE6 */
* html #head {
	width: 800px;
	height: 72px;
}

#cont {
	left: 0px;
	margin-left: 180px;
	max-width: 1100px;
	min-width: 800px;
	min-height: 360px;
	background-color: rgb(196,196,196);
}
/* fuer IE6 */
* html #cont {
	width: 800px;
	height: 360px;
}

#foot {
	clear: both;
	left: 0px;
	margin-left: 180px;
	max-width: 1100px;
	min-width: 800px;
	/*background-color: rgb(144,144,144);*/
	background-color: rgb(128,128,128);
}
/* fuer IE6 */
* html #foot {
	width: 800px;
}

#head, #cont, #foot {
	padding-left: 8px;
	padding-right: 8px;
}
#head, #cont, #foot {
	padding-top: 8px;
}
#cont, #foot {
	padding-bottom: 8px;
}


/* ============================== */
/* head                           */
/* ============================== */

#head h1 {
	color: rgb(48,48,48);
	font-size: 180%;
	font-weight: bold;
}
#head cite {
	color: rgb(32,32,32);
	color: rgb(255,255,255);
	font-size: 140%;
	font-weight: bold;
}

/* ============================== */
/* cont                           */
/* ============================== */
#cont img.w3 {
	height: 31px;
	width: 88px;
}
#cont .black {
	color: rgb(0,0,0);
}
#cont .white {
	color: rgb(255,255,255);
}
/* neu von moli - 05.12.07 */
#cont .yellow {
	color: rgb(255,255,255);
}
#cont .red {
	color: rgb(198,0,0);
}
#cont .green {
	color: rgb(0,181,0);
}
#cont .blue {
	color: rgb(8,0,181);
}
#cont div#home {
	margin-left: 280px;
	width: 512px;
	height: 360px;
/*border: 1px solid red;*/
}
/* neu von pko - 19.09.08 */
/* fuer IE6 */
* html #cont div#home {
	width: 504px;
}
#cont p.home {
	position: relative;
	padding: 24px 8px;
/*border: 1px solid green;*/
}
#cont span.home {
	position: absolute;
	font-size: 100.01%;
	font-weight: bold;
/*border: 1px solid blue;*/
}

/* ============================== */
/* foot                           */
/* ============================== */

/* ============================== */
/* navi logo & Co.                */
/* ============================== */

#navi p {
	text-align: center;
	font-weight: bold;
	color: rgb(32,32,32);
}
#navi p.logo {
	padding-top: 8px;
}
#navi p.large {
	font-size: 140%;
}
#navi p.small {
	font-size: 100.01%;
}
#navi div.lang {
	border-top: 2px solid rgb(180,180,180);
	border-bottom: 2px solid rgb(180,180,180);
	margin: 8px 0px 4px 0px;
	padding: 4px 0px 2px 0px;
}
#navi img.lang {
	height: 20px;
	width: 30px;
	margin-left: 4px;
 }

/* ============================== */
/* sitemap                        */
/* ============================== */
#rootMap span {
	font-weight: bold;
	color: rgb(50,76,109);
}

/* ============================== */
/* navi menue neue version        */
/* ============================== */
/* ueberarbeitet von pko - 19.09.08 */

#navi ul, li, span {
	margin: 0px;
	padding: 0px;
}
#navi ul {
	width: 180px;
}
/* fuer IE7 */
*+html #navi li {
	width: 180px;
}

#navi ul {
	background-color: rgb(164,164,164);
	list-style: none;
}
/* fuer IE7 */
*+html #navi ul {
	list-style-position: outside
}
#navi ul li ul {
	background-color: rgb(180,180,180);
		position: absolute;
	left: -999em;
	margin-left: 180px;
	margin-top: -20px;
}
#navi ul li:hover ul {
	left: auto;
}

#navi li {
	position: relative;
	border-top: 2px solid rgb(96,96,96);
	padding-top: 2px;
	padding-bottom: 2px;
}
#navi li.one {
	background-color: rgb(164,164,164);
}
#navi li.two {
	background-color: rgb(180,180,180);
}
#navi li.last {
	border-bottom: 2px solid rgb(96,96,96);
}
/* fuer IE6, IE7 */
* html li.last, *+html li.last {
	margin-bottom: -3px;
}
/* fuer IE7 */
*+html #navi li.last {
	padding-bottom: 5px;
}

#navi span {
	color: rgb(50,76,109);
}
#navi a:hover {
	color: rgb(255,255,255);
}
#navi ul a, #navi ul span {
	padding-left: 4px;
	font-weight: bold;
	display: block;
}
#balraigazitva {
text-align: left;
}
#jobbraigazitva {
text-align: right;
}
#kozepreigazitva {
text-align: center;
}
span.tabKlein { padding-left: 80px; }
span.tabGross { padding-left: 160px; }


/* ============================== */
/* navi menue alte version        */
/* ============================== */
/* geloescht von pko - 19.09.08 */
