﻿* {
	margin: 0;
	padding: 0; 
	border: none;}

html, body {
	height: 100%;}

body {
	background-color: #99cbfe;
	background-image: url("../images/bgBody.jpg");
	background-repeat: repeat-x;
	font: normal normal normal 100.01%/1.0em Verdana, Geneva, Arial, Helvetica, sans-serif; } 
	


/* ---------- =container ----------*/

div#container {
	width: 950px; 
	background-color: #FFC;
	color: navy;
	background-image: url(../images/bgContainer.gif);
	background-repeat: no-repeat;
	background-position: bottom right;	
	border-right: solid 1px #036;
	font-size: 0.8em; 
 min-height: 100%; }

* html #container {
     height: 100%; }




/* ---------- =banner -----------*/
div#banner {
	width: 950px;
	height: 180px;
	background-image: url(../images/bgBanner.gif); 
	background-repeat: no-repeat;
	text-align: right; }	 
div#banner ul {	
	list-style: none;
	padding-right: 15px;
	padding-top: 35px; }
div#banner li {	
	line-height: 1.2em;}
div#banner a {	
	color: #36C;
	text-decoration: none;}
dib#banner a:hover {	
	color: #FFC; }


	
	
/* ---------- =content ----------*/

div#content {
	width: 950px; }		


	
	
/* ---------- =mainNavi ----------*/

div#mainNavi {
	float: left; 	
	width: 200px;
	margin-top: 40px;}		

div#mainNavi img {
	display: block; }
 
div#mainNavi ul {
	margin-bottom: 0; }		

/* =treemenu */

ul#menu { 
	background-image: url("../images/naviMiddle.png");
	background-repeat: repeat-y;
	list-style: none; 	
	width: 150px; }
ul#menu ul {	
	list-style: none;
	margin: 0; }
ul#menu li {
	color: #36C; }
ul#menu li.treeMenu_opened ul { 
	display: block; }
ul#menu li.treeMenu_closed  ul { 
	display: none; }
ul#menu li.main { 
	font-weight: bold; 
	line-height: 30px;
	padding-bottom: 2px; 
	cursor: pointer; 
	text-indent: 20px;}
ul#menu ul.sub li {	
	width: 150px;
	line-height: 20px; } 
ul#menu a {
	display: block;
	text-decoration: none;
	text-indent: 30px;
	font-weight: normal;
	font-size: 0.85em; }
ul#menu a:link, ul#menu a:visited {
	background-image:  none;
	color: #36C; }
ul#menu a:hover, ul#menu a:active, ul#menu a:focus {
	background-image:  url(../images/naviHover.png); 
	background-repeat: no-repeat;
	color: #FFC;}	

	
	

/* ---------- =text ----------*/

div#text {
	float: left; 
	width: 500px;
	padding-left: 50px;
	padding-bottom: 50px;
	text-align: justify; }	

div#text p.clear {
	clear: both; }
	
/* =h1 */	
div#text h1 {
	font-size: 1.1em;
	text-transform: uppercase;
	color: #36C;
	margin-bottom: 2em;
	clear: both; }	
div#text ul+h1, div#text p+h1, div#text img+h1 {
	margin-top: 7em; }
		

/* =h2 */
div#text h2 {
	font-size: 1em;
	color: #36C;
	margin: 2em 0 0.5em 0; 
	clear: both; }	
div#text h2.ohneUmbruch {
	clear: none; }	

/* =p */
div#text p {
	margin-bottom: 1.0em;}
div#text p.rechtsbuendig {
	text-align: right; }
div#text p.acrobat {
	margin-top: 2.5em; 
	font-style: italic;
	text-align: justify; }
div#text p.acrobat img {
   float: left; 
	margin-right: 10px;
	margin-bottom: 50px; 
	border: none !important; }
/* =a */
div#text a { 
	color: #36C; }

/* =ul =ol */		
div#text ul {
	margin-left: 2em; 
	margin-bottom: 2em; }
div#text ul.ohnePunkt {
	list-style: none;}	
div#textul, div#text ol {
	margin-bottom: 1.8em; }		
div#text li {
	margin-bottom: 0.5em; }
	
/* =img */
div#text img {
	border: solid 1px #36C; }
div#text img.rechtsbuendig {
	float: right;
	margin-left: 2em; 
	margin-bottom: 1.5em;}
div#text img.linkssbuendig {
	float: left;
	margin-right: 2em; 
	margin-bottom: 1.5em;}
div#text img.ohneRand {
	border: none; }

/* =allgemeine klassen */
div#text .schriftKlein {
	font-size:0.7em !important; }


/* =table */
div#text table {
	width: 99%; }
div#text th {
		background-color: #36C;
		color: #FFC; 
		text-align: center; }
div#text th, div#text td {
	border-bottom: solid 1px #36C;  }
div#text td, div#text td>p {
	text-align: left; 
	margin-bottom: 0; 
	padding: 0.5em 0 0.5em 0; }

/* =form =fieldset =legend =label =input =textarea */
div#text fieldset {
	border: solid 1px #36C;
	margin-bottom: 0.9em; 
	padding: 5px 10px 5px 10px;}
div#text legend {
	color: #36C;
	margin: 0 0 10px 10px;
	padding: 5px 10px 5px 10px; 
	font-weight: bold;}	
div#text label {
	float: left;
	width: 120px; 
	padding-right: 5px;}	
div#text input, div#text textarea { 
	border: solid 1px #036; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:100%;}	
	

	
	
/* ---------- =footer ----------*/
div#footer {
	clear: both;
	width: 950px; 
	height: 40px; 
	margin-top: -40px;
	border-right: solid 1px #036;
	background-image: url("../images/bgFooter.gif");
	background-repeat: no-repeat; }

