/* styles for b-p */

/*========================================================================*/

/* set all to 0 */
* {
margin: 0;
padding: 0;
}

/* ===== Haupt-Container ======================================== */

body#corpus {
background-color: #e8e8e8;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 100.01%;
text-align: center;
padding: 10px 0 20px 0;
}

/* Alles umschlieszender Container ----------------------------*/
#wrapper {
width: 98%;
min-width: 480px;
max-width: 1200px;
margin: 0 auto;
text-align: left;
border: 1px double #666;
}

/* Header -----------------------------------------------------*/
#header { /* umschlieszt oder enthaelt Logo */
border: 1px solid #999;
}
/* Aktiviere das Element, das Du nutzen willst (Text- oder Bild-Logo) */
#header #logo h1 {
display: none;
}
#header { /* LOGO.PSD befindet sich im Zipfile */
background-color: #eee;
height: 35px;
font-size: 80%;
line-height: 110%;
}
#header p   {
  margin: 0.3em;
	padding: 0.6em 80px;							 
}

/* Switcher für Layout -----------------------------------------*/
#switcher {
float: right;
margin: 5px;
}
#switcher input.in {
padding: 1px 5px 0 5px;
font-size: 90%;
font-weight: bold;
background-color: #ccc;
color: #666;
border-top: 1px solid #bbb;
border-right: 1px solid #006;
border-bottom: 1px solid #006;
border-left: 1px solid #bbb;
cursor: hand;
voice-family: "\"}\"";
voice-family:inherit;
cursor: pointer;
}
#switcher input.out {
display: none;
}

/* Breadcrumb */
#breadcrumb {
background-color: #e0e0e0;
border-bottom: 1px solid #bbb;
height: 24px;
font-size: 75%;
line-height: 80%;
color: #666;
display: none;
}

/* Content */
#contentpre { /* optional, zB. fuer Grafik */
}
/* Content ---------------------------------------------------*/
#content { 
  background-color:   #fff;
  background-image:   url(../grafik/wasserzeichen.jpg);
  background-repeat: no-repeat;
  background-attachment:   fixed;
  background-position:  center 280px;
	color: #333333;
	min-height: 640px;
}
#links {
  float: left;
	width: 22%;	
  min-height: 640px;
  border: 1px solid transparent;
}
#rechts {	
  margin-left: 22%;
  min-height: 640px;
  border: 1px solid transparent;
}


/* Formular fenster   ----------------------------------------   */

#formular { 
  background-color:   #fff;
  background-image:   url(../grafik/wasserzeichen.jpg);
  background-repeat: no-repeat;
  background-attachment:   fixed;
  background-position:  center 100px;
  border: 1px solid #666;
  line-height: 100%;
	color: #666;
	text-align: left;
	margin: 10px;
}
#header_form  {
border-bottom: 1px solid #666;
  height: 35px;
}
#header_form p {/* LOGO.PSD befindet sich im Zipfile */
	padding: 1em 2em 1em 100px;
	text-align: left;
}
  
#form { 
   padding: 1em 2em;
}
#linie  {        /* grau */	
	border: 1px solid #ccc;
	display: block;
	margin: 1em 3em;
}
#linie_o  {        /* grau */	
	border: 1px solid #ccc;
	display: block;
	width: 85%;
	margin: 0 0 1em;
}
#linie_u  {        /* grau */	
	border: 1px solid #ccc;
	display: block;
	margin: 1em 0 0;
}


#form p  {
  font-size: 90%;
	line-height: 150%;
	margin: 15px 0;  
}
#form p.text1 {
  font-size: 150%;
  line-height: 250%;
  font-weight: bold;	
}
#form p.text2 {
  font-size: 120%;
}
#form p.text3 {
	margin: 1em 0;
	padding: 1em 0 0;
  font-size: 75%;
}
table#f1  td {
	padding: 1em 2em 0.1em;
  font-size: 90%;
	line-height: 100%;
	vertical-align: top;
}
table#f1  td.a1 {
	text-align: right;
}
table#f1  td.a2 {
	text-align: left;
}
table#f2  td {
  font-size: 75%;
	padding: 0.1em 0.2em;
}
#form table#f2  td.b1 {
  font-weight: bold;
	text-align: right;
}
#footer_form  {
  height: 25px;
  border-top: 1px solid #666;
}
#footer_form p  {
  font-size: 70%;
 	color: #999;
  margin: 0.4em;
	padding: 0.4em 1em;
	text-align: right;
}
#footer_form a  {
 	color: #666;
}

/* Footer -----------------------------------------------------------*/
#footerpre { /* optional, zB. fuer Grafik */
display: none;
}
#footer {
background-color: #eee;
border: 1px solid #999;
height: 35px;
font-size: 80%;
line-height: 120%;
color: #666;
}
#footer p {
  margin: 0.5em;
	padding: 0.5em 1em;
	text-align: right;							 
}
#footer span.tk {
font-size: 75%;
}

/* ===== Menues ===== */

/* === Gestaltung Menue-Listen === */

ul  {
  list-style: none;
}
ol  {
  list-style: none;
}

/* ===  Kopfzeile Logo here are ...  ==================================== */
div#kopf_zeile 		{
									 margin: 0;
									 padding: 1em 2em;
									}

/* ===  Navigation  Menue senkrecht   ======================================= */
#navigation			{
							}
							
ul#navi 	{	margin: 2em 1em;
					  padding: 0.5em 1em;
						border-right: solid 4px #09e;
						}
									 
ul#navi li {	
			padding:  1em 0.5em;
					 }
					 
ul#art 	{		 
				 margin: 0.5em 0 0.5em 1em;
						}
									 
ul#art li  {
					  line-height: 140%;
						font-size: 90%;

						margin: 0.1em 0.5em;
						padding: 0.2em;
		  		 }
ul#w_1 	{		 
				 padding: 1em 1em;
						}
									 
ul#w_1 li  {
					      margin: 1em 0;
		  		 }
ul#w_2 	{		 
				 padding: 1em 0 1em 2em;
				 font-size: 110%;
						}
									 
ul#w_2 li  {
					      margin: 1em 0;
		  		 }
					 
#ang_na {
  display: none;
}
#no_img {
  display: none;
}

div#loe_l  {
  clear: left;
}
div#loe_r  {
  clear: right;
}
div#versteckt1   {
  visibility : visible;
  }							 
div#anzeige1   {
  visibility : visible;
  }							 
div#versteckt2   {
  visibility : visible;
  }							 
div#anzeige2   {
  visibility : visible;
}
div#versteckt3   {
  visibility : visible;
  }							 
div#anzeige3   {
  visibility : visible;
}
div#versteckt4   {
  visibility : visible;
  }							 
div#anzeige4   {
  visibility : visible;
}
div#versteckt5   {
  visibility : visible;
  }							 
div#anzeige5   {
  visibility : visible;
}

/*	Spezielle Formatierung fuer 
	'Alle Designs' und 'Freestyle' in menue2(a) */

/*	=== LINKS === 
	Bitte Status-Formate selber einfuegen: 
	a:link, a:visited, a:hover, a:active; a:focus */
	
/*	Links allgemein -----------------------------------*/
a {
  background-color: transparent;
  text-decoration: none;
}
a:hover {
  background-color: transparent;
  text-decoration: underline;
}
.white a {
  padding: 0.2em 1em;
  color: #333;
	font-size: 90%;
	font-weight: bold;
}
.white a:active { }
.white a:visited { }
.white a:link { }
.white a:hover { 
  text-decoration: none;
  color:#999;
}

.grau a {
  padding: 0.2em 1em;
  color: #03e;
}
.grau a:active {}
.grau a:visited {}
.grau a:link { }
.grau a:hover { 
  text-decoration: none;
  color:#a00;
}
.grau #aktiv  { 
  padding: 0.2em 1em;
  color:#a00;
}

.g-b a {
	background-color: transparent;
	color: #ee0000;
	font-weight: bold;
  font-size: 90%;
}
.g-b a:active { }
.g-b a:visited { }
.g-b a:link { }
.g-b a:hover { 
  color: #0099ee;
	text-decoration: none;
}
.g-b #aktiv  { 
  	color: #0033ee;
	font-weight: normal;
  font-size: 90%;
}

.g1 a { 
	padding: 0.1em 0.5em;
  margin: 0.2em;
 }
.g1 a:active { color:  #03e;}
.g1 a:visited { color: #03e;}
.g1 a:link { color: #03e;}
.g1 a:hover { 
  background-color:  #ccc;
  text-decoration: none;
}
.g1 #aktiv  { 
  background-color:  #036;
  color:#333;
	border: 1px solid #fff;
	border-top-color: #a00;
	border-left-color: #a00;
}

/* Links in Menues */
#menue1 ul#menu1 li a,
#menue2 ul#menu2 li a, 
#menue3 ul#menu3 li a {
}

/* Formatierung fuer 'Alle Designs' und 'Freestyle' */
#menue2 ul#menu2a li.extra a {

}
/* Formatierung fuer aktiven Link 
	(Diese Formatierung wird per PHP automatisch 
	dem gerade aktiven Link zugewiesen) */
#menue2 ul#menu2 li a.aktiv {

}
/* Formatierung fuer externen Link */
a.ext {

}

/* === TEXT-FORMATE === */
/* Headings
	(H1 ist reserviert fuer Text-Logo im 'Header') */
div#adobe {
  margin: 1em 3em;
}

div.header-h3 {

}
div.header-h4 {

}
h1 {
  color: #ee0000;
  font-family: Monotype Corsiva;
	font-size: 200%;
	line-height: 220%;
	font-weight: bold;
}

h2 {
  color: #ee0000;
  font-family: Monotype Corsiva;
	font-size: 180%;
	font-weight: bold;
	text-align: left;
  padding: 1em 2em;
}

h3 {
  color: #0033ee;
	font-size: 110%;
	line-height: 150%;
	font-weight: normal;
	padding: 1em 2em;
}

h4 {
padding: 20px 0px 10px 0px;
font-weight: bold;
}
h5 {
padding: 20px 0px 10px 0px;
}

/* Text allgemein */
#rechts {

}

div#info_b  {
  padding: 4em;
}

div#info  {
  padding: 1.5em 2em;
}

p, li {
font-size: 99%;
}
#content p {
line-height: 150%;
margin: 15px 15px;
}

/* Textbloecke im Content */

#content p.text3 {
  	font-size: 90%;
	margin:  10px;
}
#content p.text4 {
  font-size: 99%;
  font-weight: bold;
  color: #800;
}
#content p.text5 {
  font-size: 80%;
  margin: 0.2em 2em 3em 3em;
}
#content p.text6 {
	font-size: 80%;
  margin: 1em 2em 1em 0;

}
#content span.text7 {
  font-size: 150%;
  line-height: 250%;
	padding: 3em auto 2em;
}
#content p.text8 {
  font-size: 90%;
  line-height: 250%;
  font-weight: normal;
	color: #800;
	margin: 2em 3em;
}
span#aktuell  {
							font-weight: bold;
							}
span#vorbei  {
							font-weight: normal;
							color: #aaaaaa;
							}
span.tatra    {
  color: #0033ee;
  font-family: Monotype Corsiva;
	font-size: 140%;
	font-weight: bold;
  padding: 0.2em 1em;
							}							


/* Copyright-Tabelle */
#content table#vorstand  {
table-layout: fixed;
width: 90%;
margin: 2em;
 text-align: left;
}
#content table#vorstand th {
 padding: 0.6em;
 font-size: 90%;
 font-weight: bold;
 line-height: 120%;
 margin: 1em 0 2em;
 vertical-align: top;
 border-bottom: 1px solid #999;
}
#content table#vorstand td {
 padding: 0.6em;
 font-size: 85%;
 line-height: 120%;
 vertical-align: top;
}
#content table#vorstand td.c1 {
 width: 33%;
}
#content table#vorstand td.c2 {
 width: 33%;
}
#content table#vorstand td.c3 {
 width: 33%;
}

#content table#termin  {
table-layout: fixed;
width: 99%;
margin: 2em 0.2em;
 text-align: left;
}
#content table#termin td {
 padding: 0.6em;
 font-size: 85%;
 line-height: 120%;
 vertical-align: top;
}
#content table#termin td.c1 {
 width: 18%;
 text-align: right; 
}
#content table#termin td.c2 {
 width: 45%;
}
#content table#termin td.c3 {
 width: 37%;
}

#content table#sitemap  {
table-layout: fixed;
width: 80%;
margin: 2em 1em;
 text-align: left;
}
#content table#sitemap td {
 padding: 0.6em;
 font-size: 85%;
 line-height: 120%;
 vertical-align: top;
}
#content table#sitemap td.c1 {
 width: 12%;
 text-align: right; 
}
#content table#sitemap td.c2 {
 width: 48%;
}
#content table#sitemap td.c3 {
 width: 40%;
}


img#logo_x  {
 margin: 1em 0;
 width: 33%;
}
	
span#ll  {
				float: left;
				padding: 0.1em 3em;
						 }
span#rr {
				float: right;
				padding: 1em 3em 3em 1em;
						 }
					 
						 
.navi  {
  font-size: 60%;
  line-height: 150%;
  color: #999;
	padding: 60px 0 20px 0;
}
.text  {
font-size: 75%;
line-height: 140%;
}
.titel  {
font-size: 75%;
line-height: 150%;
font-weight: bold;
}

#zurueck  {
  text-align: right;
}

/* Absaetze in Tabelle */

/* Pfadanzeige */
#breadcrumb p {
  margin: 0;
	padding: 0.7em 100px;						 
}
#breadcrumb p a {
  color: #666;
	font-weight: normal;
}
#counter {
  float: left;
	padding: 0.4em;							 
}

/* IMAGES =========================================================== */
img {
border: 0 none;
}

							 

/* IMAGES =========================================================== */
.adobe_l   {
  float: left;
  margin: 1em 0.2em;
}								 
.adobe_r   {
  float: right;
  margin: 1em;
}								 
								
img#pdf_b   { 	  float: left;
									width:25%;
									margin: 1em;
									padding: 1em 0 1em 2em;
}
img#pdf {margin: 1em 0.2em 1em 0;
         border: 1px solid #bbb;
				 }
#pdf a {border: 0;
        margin: 0;}    
#pdf a:hover {border: 0;} 
   
#no_img  {
				 display: none;
				 }

img#bild				{									
									margin: 3em;
								 }
img#bild_r				{
  							 float: right;
								 width: 30%;
								 margin: 1em 5em 1em 2em;
								 }
img#bild_l				{
  								float: left;
									width: 50%;
									margin: 3em 2em 1em 0;
								 }
img#logo  {
								 width: 100%;
}
img#links_logo  {
								 width: 10%;
								 margin: 2em 4em 0;
}


img#bild_40r 				 {
								 float: right;
								 margin: 1em;
								 width: 40%;
								 }		
img#bild_40 				 {
								 margin: 1em;
								 width: 40%;
								 }	
								 
								 	
#logo_intro  {
								 float: left;
								 width:50%;
								 margin: 2em;
								 }
div#bild				 {
								 clear: both;
								 }
								 
/*==============================*/
/* DIVERSES */

/*	Target fuer Sprungmarke(n) 
	Wird auch fuer 'unsichtbaren' AT-Link ('zum Artikel springen') genutzt */
#top {

}
/* Seitenanfang Sprungmarken */
#content #topper-1,
#content #topper-2,
#content #topper-3 {

}
p#topper {
  padding: 0.5em 0.5em 0.5em 1em;
	float: left;
  font-size: 75%;

}
#linie_top   {
	border: 1px solid #ccc;
	display: inline-block;
	width: 85%;
	margin: 2em 0;
}
#top_re {
  padding: 3em 1em 2em;
  font-size: 75%;
  float: right;
}

/* unsichtbare Elemente */
.invis, hr {
display: none;
}
#no_img  {
				 display: none;
				 }
div#fusszeile   {
   width:  96%;
	 max-width: 1200px;
	 min-width: 640px;
	 margin: 0.2em auto 1em;
   padding: 0.4em 0 1em;
   text-align: left;
	 color: #666;
   font-size: 75%;
	}
#weiter {
  float: right;
}
#zurueck {
  float: right;
  margin: 1em 4em 2em;
}
				 
/* Initialen fuer '#content p' */
#content p span.initial {
font-size: 120%;
font-weight: bold;
}

/* Formatierung fuer Akronyme */
acronym {

}

/* validiert */
#footer a.valid {

}
#footer a.valid span#html {

}
#footer a.valid span#css {

}

/* ===============  Simple Viewer  ===================== */
/* hide from ie on mac \*/
html {
			 height: 100%;
	}
	
	/* end hide */

