/* CSS erstellt von www.matrieb.at */



body {

	padding: none;

     margin: 0px 0px 0px 0px;

     color: #000000;
     

     background-color: #ffffff;

	font-family: arial, tahoma, verdana, sans-serif;

     font-size: 100.01%;    

     z-index: 1; 

}



/* ------------- 1.  Die Zentrierung des Layouts und der Schatten ----------------- */

  

#zentriert {

     position: absolute;

     width: 1020px;

     left: 40%;

     margin-left: -408px;

     margin-top: 25px;

     background-color: transparent;
     background-image: url(images/relirand.jpg);


     background-repeat: repeat-y;

     background-position: -18px 0px;

     }



/* ---------------- 2. Logo  ------------------------------------------------------------ */

#logo{

	background-color: transparent;

	width: 1024px;

     margin-left: 10px;
    
}



#search2{

     position: absolute;

     left: 830px;

     top: 135px;

     text-align: left;

}








/* ----------------3.  Roter Querbalken  ------------------------------------------------------- */

#search{

	background-color: #E43E14;

	color: #ffffff;

     height: 25px;

	width: 998px;

     margin-left: 10px;
     


     text-align: center;

	font-size: 0.8em;

	font-style: verdana;

	

}





form {

     color: black;

     font-size: 0.7em;

}



input {

      font-size: 1em;

}



textarea {

          background-color: #ffffff;

          z-index: 5000;

		width: 100%;

}



/* ---------------- 4. Navigationsleiste links ------------------------------------------ */

#navi {

	width: 180px;

     background-color: transparent;

     margin-left: 5px;

     margin-top: 50px;

     background-image: url(images/back1.gif);

     background-repeat: repeat-y;    

     float: left;

  	}       



/* ---------------- 5.  Das Hauptfeld für den Inhalt ---------------------------------- */

#content{

     background-color: transparent;
       

	width: 600px;

	margin-left: 200px;

     margin-top: 0px; 

}



#imhaupt{

	width: 550px;

	margin-left: 10px;

     padding-top: 25px;

     padding-BOTTOM: 25px;

     background-color: transparent;
     /*background-image: url(images/relirand.jpg);*/
    /* backround-image margin left: 500px*/
     

}







#randunten{

	width: 1000px;

	height: 10px;

       margin-left: 8px;

      /*   margin-top: 450px; */

     background-color: #E43E14;

    /* background-image: url(images/unten_bild.gif);*/

     background-repeat: no-repeat;

     background-position: -10px 0px;



}



#ganzunten{

	width: 1024px;

	height: 50px;

     margin-left: 8px;

     text-align: center;

     font-size: 0.6em;   

}



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

/* ----------------------- TEXTAUSZEICHNUNGEN---------------------------------------*/

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





/* ---------------- Ab hier vom Original C.J. Hanke mit einigen kleinen Änderungen --------------- */



/* Navigationspfad */

#path {

  font-family: Verdana, Arial, Helvetica, sans-serif;

  font-size: 0.8em;

  padding-bottom: 3px;

}



/* Listenstile für Menüeintrag im Navibereich topmenu */

#topmenu {

  font-family: Verdana, Arial, Helvetica, sans-serif;

  font-size: 0.8em;

   width: 490px;


  padding-left:  170px;

  text-align: left;

}



#topmenu ul {

  padding: 3px;

  border-bottom: 1px solid silver; 

  margin-bottom: 0px;

  

}



#topmenu li {

  display: inline;

}



#topmenu a {

  padding: 3px 1em;

  margin-right: 10px;

  border: 1px solid silver;

  text-decoration: none; 

  border-bottom: 0;

}



#topmenu a:link {

  color: #0000A0;

  text-decoration: none;

}



#topmenu a:visited {

  color: gray;

  text-decoration: none;

  width: 100%;

}



#topmenu a:hover {

  background-color: #0000A0;

  width: 100%;

  color: white;

}



#topmenu .obermenuhigh {

  padding: 3px 1em;

  margin-right: 3px;

  border: 1px solid silver;

  background-color: red;

  color: white;

  border-bottom: 0;

}



/* ENDE Listenstile für Menüeintrag im topmenu */





/* Listenstil für Menüeintrag*/



#navi ul {

  list-style-type: none;

  margin-top: 0px;

  margin-left: 1px;

  padding-left: 1px;

}



#navi ul ul {

  list-style-image: url(reddot.gif);

  padding-left: 30px;

  margin-left: 10px;

  }

  

  

#navi ul li a {

  display: block;

  list-style-type: none;

  text-indent: 0px;

  margin-top: 1px;

  padding: 4px 4px 4px 8px;

  font-weight: bold;

  color: black;

  background-color: transparent;

  border-bottom-style: solid;

  border-width: 1px;

  border-color: silver;

  font-size: 0.8em;

}



#navi ul ul li a {

 display: block;

 margin-top:1px;

 padding:4px 4px 4px 2px;

 text-indent: 0px;

 font-weight: bold;

 color: black;

 background-color: transparent;

 border-top-style: none;

 border-bottom-style: none;

 font-size: 0.7em;

}



#navi a:link {

  display: block;

  text-decoration: none;

  width: 140px;

}



#navi a:visited {

  color: gray;

  text-decoration: none;

  display: block;

  width: 140px;

}



#navi a:hover {

  display: block;

  background-color: transparent;

  width: 140px;

  color: black;

}



#navi ul .obermenuhigh {

  list-style-type: none;

  display: block;

  width: 140px;

  margin-top: 1px;

  padding: 4px 4px 4px 8px;

  font-weight: bold;

  color: red;

  background-color: transparent;

  border-bottom-style: solid;

  border-width: 1px;

  border-color: red;

  font-size: 0.8em;

}



#navi ul ul .submenuhigh {

  list-style-type: none;

  display: block;

  width: 130px;

  margin-top: 1px;

  padding: 4px 4px 4px 2px;

  font-weight: bold;

  color: black;

  background-color: transparent;

  color: #AF1810;

  font-size: 0.7em;

}







/* Ab hier wird es für Sie richtig interessant, aber erst

die ungebundenen Klassen erscheinen als Auswahloptionen 

im linken Pull-down-Menü von TinyMCE! */

/* Überschrift 1 gestalten */



h1 {

  color: #0000A0;

  font-size: 1.2em;

  line-height: 1.2;

  margin-top: 1px;

  padding-top: 4px;

padding-bottom: 4px;



}





/* Überschrift 2 */

h2 {

	font-size: 1.1em;

      line-height: 1.4;

	background-image: url(rotkaro.gif);

	background-repeat: no-repeat;

	text-indent: 20px;

	background-position: left;

  padding-bottom: 1px;

  margin-bottom: 1px;

}



/* Überschrift 3 */

h3 {

  font-size: 0.9em;

  line-height: 1.4;

  margin-bottom: 1px;

  padding-bottom: 1px;

}





/* Tag b zusätzlich einfärben */

b {

 /*  color: #7C580A; */

 color: black;

}



/* Zeichenformat strong */

strong {

  /*  color: #AF1810; */

 color: black;

}



/* normaler Listenstil */

#content ul {

  list-style-image: url(karo.gif);

  font-size: 0.8em;

  line-height: 1.4;

  margin-left: 0.7em;

  padding-left: 0.7em;

}



/* Hovereffekt für Links */

a:hover {

  text-decoration: none;

}



/* besuchte Hyperlinks */

a:visited {

  color: gray;

}





/* Hier beginnen die ungebundenen Klassen, zu erkennen am Punkt vor dem Klassennamen */

/* Gestaltung des rechts ausgerichteten Kastens */

.kasten {

  font-size: 0.8em;

  margin-top: 10px;

  position: absolute;

       left: 800px;



  float: right;

  width: 170px;

  border-style: dotted;

  border-width: 2px;

  border-color: silver;

  padding: 3px;

  margin-top: 3px;

margin-bottom: 3px;

margin-left: 3px;



}



/* Einführungsabsatz */

.lead, .lead p {

font-family: Tahoma, Arial, Verdana,  Helvetica, sans-serif; 

font-size:  0.8em;

line-height: 1.5em;

font-weight: bold;

margin-top: 5px;

margin-bottom: 10px;

}



.lead img {

  padding: 5px;

}



/* grauer Rahmen mit Umrandung */

.rahmen {

font-family : Arial, Helvetica, Verdana,  sans-serif; 

font-size : 0.8em;

width: 95%;

background-color : #EEEEEE; 

border-style : solid; 

border-width : 1px; 

border-color : #CD3326; 

padding : 3px; 

}



/* Rahmen mit gestrichelter Umrandung */

.tipp {

font-family : Arial, Helvetica, Verdana,  sans-serif; 

font-size : 0.8em; 

width: 95%;

border-style : dotted; 

border-width : 1px; 

border-color : gray; 

padding : 3px;

margin-top: 8px;

margin-bottom: 10px; 

}



.code {

font-family: 'Courier New', Courier, monospace;

font-size: 0.8em;

color: #000099;

}



hr {

  border-style: solid;

  border-width: 1px;

  border-color: #FF8040;

  width: 85%;

  margin-left: 0px;

  text-align: left;

}



table th, th, tbody {

  padding: 3px;

}



#content p a {

  display: inline;

  padding-left: 3px;

/*  background-image: url(bluedot.gif);*/

  background-repeat: no-repeat;

}



p {

  font-size:  0.8em;

}



/* Stilregel für Plugins, z.B. feedback 

wichtig, um die gewünschte Hintergrundfarbe festlegen

zu können */

.plugin {

  background-color: white;

  font-size: 1em;

  line-height: 1.3em;

}



/* Stilregel für Frontend-Einloggbereich, 

wichtig, um die gewünschte Hintergrundfarbe festlegen zu

können */

.login {

  background-color: white;

  font-size: 1em;

  line-height: 1.3em;

}



/* Beginn der neuen Newskasten-Formate, ab CMBasic 1.3 */

.boxcover {

  font-size: 0.9em;

  margin-top: 10px;

   position: absolute;

       left: 780px;

  /* margin-right: -290px;*/

  float: right;

  width: 200px;

  padding: 3px;
  
   

}



.box {

  font-size: 0.9em;

  margin-top: 10px;

   padding-right: 0px;

  float: right;

  width: 100%;
  


  border-style: solid;

  border-width: 1px;

  border-color: silver;

}



.box h3 {

  background-color: #0000A0;/*#E43E14*/

  background-image: url("kastenhintergrund1.jpg");

  color: white;

  padding: 3px;

  margin-top: 0px;
  


 

}



.box div {

 padding: 3px;

}

/* Ende der neuen Newskasten-Formate #003084 background-color: #E43E14;*/