html {
	height				: 100%;
	width				: 100%; 
	margin				: 0; 
	padding				: 0; 
	border				: 0;
}

body {
	height				: 100%;
	width				: 100%; 
	margin				: 0; 
	padding				: 0; 
	border				: 0;
	font-family			: Verdana;
	background-color	: #000;
}

ul { list-style-type: square; } /* immer viereckige KŠstchen */

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

.thetable {
	position		: relative;
	display			: table; 
	width			: 100%;
	margin			: 0;
	padding			: 0;
	border			: 0; 
	clear			: both;
	border-spacing	: 0; /* required by Opera 6 */
}

/* hide this from opera6 */
head:first-child+body div.thetable {
	height			: 100%;
}

.tablerow {
	display			: table-row;
}

.tablecell {
	display			: table-cell;
	border			: 0;
	padding			: 0;
	margin			: 0; 
	padding-top		: 140px; 
	padding-bottom	: 50px;
	vertical-align	: top;
	min-height		: 100%; /* opera6 needs min-height but moz/IE needs height */
}

 /* hide this from opera6 */
head:first-child+body div.tablecell {
	height: 100%;
}
/* added for mozilla which worked for others too, but op6 still needed min-height so hide this rule */

.column {
	width			: 100%; 
	background		: #000; 
	position		: relative;
	z-index			: 5;
}

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

#header {
	position		: absolute; 
	top				: 0; 
	left			: 0; 
	height			: 130px; 
	width			: 100%; 
	background		: #000; 
	color			: #000;
	z-index			: 10;
}


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

#logo {
	width				: 100%;
	height				: 110px;
	margin				: 0;
	color				: #222222;
	background-color	: #ffffff;
	text-align			: center;
	font-size			: 1.0em;
}

#logo img {
	margin-top			: 1em;
	margin-bottom		: 0.2em;
	border				: 0;
}

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

#navigation ul, #navigation ul li {
	list-style			: none;
	margin				: 0;
	padding				: 0;
}

#navigation ul {
	text-align			: center;
	padding				: 0.4em 0;
	background-color	: #fff;
	font-size			: 0.85em;
}

#navigation ul li {
	display				: inline;
}

#navigation ul li.last {
	margin-right		: 0;
}

#navigation ul li a {
	padding				: 0.45em 0;
  	background-image    : url("../img/right.png");
  	background-repeat	: no-repeat;
  	background-color	: #f00;
  	background-position	: right top;
	color				: #fff;
	text-decoration 	: none;
}

/** Beim Internet-Explorer muss das Padding oben gleich 0 sein. */
/** Hack <= IE 6 */
* html #navigation ul li a {
	padding				: 0;
}

/** Hack = IE 7 */
/** @media{#navigation ul li a {padding:0;}} */

#navigation ul li a span {
	padding				: 0.45em 0.9em;
	background 		   	: url("../img/left.png") no-repeat; 
}

#navigation ul li a:hover span {
	text-decoration 	: underline;
}

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

#navigation2 {
	height				: 26px;
/*	background     		: url("../img/bar_unternehmen.gif") repeat-x top;*/
	text-align			: center;
	background-color	: #000;
}

#navigation2 ul {
	list-style			: none;
	margin				: 0 auto;
	padding				: 0;
	text-align			: center;
}

#navigation2 li {
	float				: left;
}

#navigation2 li#currentSection {
	background			: url("../img/nav2_back.png") no-repeat top left;
}

* html #navigation2 li#currentSection {
	background			: url("../img/nav2_back.gif") no-repeat top left;
/**	filter				: Alpha(opacity=66); */
}

#navigation2 li a {
	display				: block;
	width				: 115px;
	text-align			: center;
	text-decoration 	: none;
	font-size  			: 11px;
	color				: #fff;
	margin-left			: 2px;
	margin-right		: 2px;
	padding-top			: 6px;
	padding-bottom		: 4px;
	padding-right		: 0px;
	padding-left		: 0px;
}


#navigation2 li a:hover {
	text-decoration		: underline;
/*	background			: url("../img/nav2_unternehmen.gif") no-repeat top left; */
}

#navigation2 li#currentSection a:hover {
	text-decoration		: none;
/*	background			: none; */
}


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

#navigation3 {
	float				: left;
	position 			: relative;
	display				: inline;
	width				: 15em;
	color		 		: #999;
	background-color	: #000;	
	margin-top			: 2em;
	margin-left			: -18.5em;
	font-size			: 75%;
	border				: 1px solid;
	border-top-color	: #444;
	border-left-color	: #444;
	border-bottom-color	: #444;
	border-right-color	: #444;
	z-index				: 10;
}

#navigation3 span {
	display				: block;
	padding				: 0.6em 0.6em 0.6em 1em;
	background-color	: #333;
	color				: #fff;
	margin				: -1px -2px 0 -1px;
	font-weight			: bold;
	border				: 1px solid;
	border-top-color	: #444;
	border-left-color	: #444;
	border-bottom-color	: #222;
	border-right-color	: #222;
}

* html #navigation3 span { width:100%}

#navigation3 ul, #navigation3 ul li {
	list-style			: none;
	margin				: 5px 0;
	padding				: 0;
}

#navigation3 ul li {
	display				: block;
	margin-right 		: 0;
	border				: none;
}

#navigation3 ul li a {
	display				: block;
	margin				: 2px 4px;
	padding				: 3px 4px;
	color				: #999;
	text-decoration 	: none;
	border				: 1px solid #000;
}

* html #navigation3 ul li a {
	width				: 14.8em;
}

#navigation3 ul li a:hover {
	color				: #fff;
	text-decoration 	: underline;
	background			: #222;
	border				: 1px solid;
	border-top-color	: #333;
	border-left-color	: #333;
	border-bottom-color	: #333;
	border-right-color	: #333;
}

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


#content {
	position			: relative;
	width				: 42em;
	margin				: auto;
	padding		        : 2em 4em 2em 4em;
	color				: #999;
	background-color	: #111;
	text-align			: left;
	font-size			: 0.8em;
	border-left			: 1px solid #333;
	border-right		: 1px solid #333;	
	border-bottom		: 1px solid #333;
	overflow			: hidden;
}

#content.nav3 {
	width				: 31em;
	padding		        : 2em 3em 2em 16em;
}

#content h1 {
	color				: #fff;
	font-size			: 1.7em;
	padding-top			: 0.6em;
	border-bottom		: 1px dotted #444;
}

* html #content h1 {
	border-bottom		: solid;
}

#content h2 {
	font-weight			: bold;
	font-size			: 1em;
}

#content h2.news {
	font-size			: 1.2em;
	color				: #fff;
	text-indent			: -0.75em;
	margin-left			: 1.75em;
	margin-bottom		: 0px;
	border-bottom		: 1px dotted #444;
	padding-bottom		: 2px;
}

* html #content h2.news {
	border-bottom		: solid;
	text-indent			: -0.65em;
}

#content #newsdate {
	font-size			: 75%;
	color				: #ff7500;
	margin-left			: 2.75em;
	padding-top			: 2px;
}

#content p {
	line-height			: 1.55em;
}

#content p.news {
	margin-left			: 2.1em;	
	margin-top			: 0.5em;
	margin-bottom		: 0.5em;
}

#content p.shorttext {
	font-weight			: normal;
	font-style			: italic;
	color				: #eee;
}

#content #print_and_mail {
	width				: 95px;
	margin-left			: 2.1em;
	margin-bottom		: 2.25em;
	padding-left		: 0.5em;
	border-left			: 1px dotted #444;
	border-bottom		: 1px dotted #444;
}

* html #content #print_and_mail {
	border-bottom		: solid;
	border-left			: solid;
	border-color		: #444;
}

#content #print_and_mail img {
	padding				: 0;
	border				: none;
}

#content ol {
	line-height			: 1.55em;
}

#content ul {
	line-height			: 1.55em;
}

#content a {
	text-decoration     : none;
	color				: #fff;
}

#content a.more {
/*	color				: #ff7500;*/
	color				: #555;
}

#content a:hover {
	text-decoration     : underline;
}


#content b {
	font-weight			: normal;
	color				: #fff;
}

#content #bullet {
	color				: #f00;
}

#content #shownews {
	margin-left			: 2.1em;
	clear				: both;
}

#content #shownewsdate {
	float				: left;
	margin-top			: 0.2em;
	margin-left			: 2.5em;
	margin-bottom		: 1.5em;
	font-size			: 85%;
	text-align			: left;
}

* html #content #shownewsdate {
	margin-left			: 1.25em;
	margin-bottom		: 2px;
}

#content form button {
	cursor				: pointer;
	color				: #999;
	font-size 			: 85%;
	font-weight			: normal;
	background-color	: #333;
	padding				: 3px 5px 1px 5px;
	border				: 1px solid;
	border-top-color    : #555;
   	border-left-color   : #555;
	border-right-color  : #222;
   	border-bottom-color : #222;
}

#content form button:hover {
	cursor				: pointer;
	color				: #fff;
	background-color	: #555;
	border-top-color    : #999;
   	border-left-color   : #999;
	border-right-color  : #333;
   	border-bottom-color : #333;	
}

#content form button:disabled,
#content form button[disabled] {
    cursor				: not-allowed;
}

#content form button img {
	vertical-align 		: middle;
	padding-right		: 2px;
	padding-bottom		: 2px;
}

/*******************************************/
/* Kontakt                                  */
/*******************************************/

div#kontakt
{
    
}

div#kontakt p
{
    text-align: center;
}

div#kontakt span#star
{
	color: #f00;
}

div#kontakt fieldset
{
	font-size		: 90%;
	padding-top		: 1em;
	padding-bottom	: 0.5em;
	padding-left	: 1em;
	padding-right	: 1em;
	border			: 1px solid #333;
	background		: #0f0f0f;
	margin-bottom	: 1em;
}

div#kontakt fieldset legend
{
	background		: #333;
	color			: #999;
	border			: 1px solid #444;
	padding			: 2px 6px
}

input,textarea,select
{
	background		: #ddd;
	border			: 1px solid #333;
	padding			: 2px 3px
}


div#kontakt fieldset div
{
	margin-bottom: 6px;
	color: #888;
	font-size: 85%;
}


div#kontakt fieldset div#explain
{
	font-size: 100%;
}

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

ul#sitemap {
	width: 90%;
}

#sitemap li.ebene1 {
	font-size: 110%;
}

#sitemap li.ebene2 {
	font-size: 90%;
}

#sitemap li.ebene3 {
	font-size: 90%;
}


/************************************************************/
 
#footer {
	clear			: both;
	position		: relative;
	width			: 55em;
	margin			: 1em auto;
	padding		    : 0;
	background-color: #000;
	color			: #333;
	text-align		: center;
	font-size       : 90%;
	z-index			: 0;
	clear			: both;
}

/* hide this from opera6 */
head:first-child+body div#footer {
	margin-bottom	: 0;
}

#footer a {
	color			: #fff;
	text-decoration : none;

}

#footer a:hover {
	text-decoration : underline;
}


#pageinfo {
	margin-top		: 1em;
	color			: #666;
	font-size		: 80%;
}

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

a.extern {
	background			: url(../img/external.gif) right center no-repeat;
	padding-right 		: 13px;
}

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

