/* -----------Style-Allgemein-------------*/

body { 
     font: normal  11pt verdana, arial, serif; 
     text-align: center; 
     vertical-align: top;
     color: #C0AF9C; 
     margin: 0px; 
     background: #787065 url(http://www.rhejvandar.de/gfx/bg_braun01.jpg); 
}

.sprich { font: italic 90%/160% verdana, arial, serif; color: #907F6C;}


/* -----------unsichtbar-------------*/

.invisible {
  font: normal 100%/114% arial, serif; 
  text-align: justify; 
  visibility:hidden;
}

/* ----------kursiv-------------*/

.kursiv  {
           font-style:italic; }

/* -----------zentriert-------------*/

.center {
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  margin-top: 20px;
  margin-bottom: 10px;
}


/* -----------Grafiken-------------*/

img {
  border: none;
}


.floatl {
  float: left;
  margin: 3px 5px 2px 0;
}

.floatl2 {
  float: left;
  margin: 5px 10px 5px 5px;
}

.floatr {
  float: right;
  margin: 3px 2px 0 10px;
}


.galerie {
  margin:0 10px;
}

.headline {
  font: bold 105%/100%  verdana, arial, serif; 
  text-align: left; 
  color: #C0AF9C; 
  margin-bottom:5px;
}

div#headline {
  font: bold 105%/100%  verdana, arial, serif; 
  text-align: left; 
  color: #C0AF9C; 
  margin-bottom:5px;
}

div#headline2 {
  font: bold italic 105%/100% verdana,  arial, serif; 
  text-align: left; 
  color: #C0AF9C; 
  margin-bottom:5px;
}


h1 { 
font: bold italic 95%/114%  verdana, arial, serif; 
text-align: left; 
color: #C0AF9C; 
}


h2 { 
font: bold italic 100%/110%  verdana, arial, serif; 
text-align: center; 
color: #C0AF9C; 
}

h3 { 
font: bold 95%/100% verdana, arial, serif; 
text-align: left; 
color: #C0AF9C; 
}

h4 { 
  font: bold 95%/100%  verdana, arial, serif; 
  text-align: left; 
  color: #C0AF9C; 
  
}

h5 { 
font: bold 14px/100%  verdana, arial, serif; 
text-align: center; 
color: #C0AF9C; 
text-decoration:underline;
}

h6 { 
  font: bold 95%/100%  verdana, arial, serif; 
  text-align: left; 
  color: #C0AF9C; 
}
/* -----------Style - Texte -------------*/

.textdunkel { 
  font: normal 95%/100%  verdana, arial, serif; 
  text-align: justify; vertical-align:top;
  color:#603030;



}


 
/* ----------- Links -------- */
a:link.normal, a:visited.normal, a:active.normal {
     font: bold 12px/110%  verdana, arial, serif; 
     color: #C0AF9C; 
     text-decoration:underline;
}


a:hover.hell, a:focus.hell  {
     font: bold 12px/110% verdana, arial, serif; 
     color: #e0cfbc; 
     text-decoration:underline;
     font-weight: bold;   
     margin: 0 10px;  
}


a:link.hell, a:visited.hell, a:active.hell {
     font: bold 12px/110%  verdana, arial, serif; 
     color: #C0AF9C; 
     text-decoration:none;
     margin: 0 10px;
}


a:hover.hell2, a:focus.hell2  {
     font: bold 12px/110% verdana, arial, serif; 
     color: #e0cfbc; 
     text-decoration:underline;
     font-weight: bold;   
    
}


a:link.hell2, a:visited.hell2, a:active.hell2 {
     font: bold 12px/110%  verdana, arial, serif; 
     color: #C0AF9C; 
      text-decoration:underline;
     
}

a:link.hell3, a:visited.hell3, a:active.hell3, a:focus.hell3, a:hover.hell3  {
     font: bold 12px/110% verdana, arial, serif; 
     color: #e0cfbc; 
     text-decoration:underline;
     font-weight: bold;   
     margin: 0 2px;  
}

a:link.dunkel, a:visited.dunkel, a:active.dunkel {
     font: bold 13px/120% arial, serif; 
     color: #400000; 
     text-decoration:none;
}

a:hover.dunkel, a:focus.dunkel {
     font: bold 13px/120% arial, serif; 
     color: #705750; 
     text-decoration:none;
}


a:link.myt, a:visited.myt, a:active.myt {
     font: bold 12px/100% verdana,arial, serif; 
     color: #603030; 
     text-decoration:none;
    
}

a:hover.myt, a:focus.myt {
     font: bold 12px/100% verdana, arial, serif; 
     color: #705750; 
     text-decoration:none;
  
}
    


a:link.weiss, a:visited.weiss, a:active.weiss {
     font: bold 80%/100% arial, serif; 
     color: #ccccdd; 
     text-decoration:none;
}


a:hover.weiss, a:focus.weiss {
     font: bold  80%/100% arial, serif; 
     color: #ddddee; 
     text-decoration:none;
}


a:link.lex, a:visited.lex, a:active.lex {
     font: normal italic 70%/110%  verdana, arial, serif; 
     color: #401010; 
     text-decoration:underline;
}


a:hover.lex, a:focus.lex  {
     font:normal italic 70%/110% verdana, arial, serif; 
     color: #603030; 
     text-decoration:underline;
}


a:link.lex1, a:visited.lex1, a:active.lex1, a:focus.lex1, a:hover.lex1  {
     font: bold  9pt verdana, arial, serif; 
     color: #402000; 
     text-decoration: none;
}




div#links 
{padding: 5px 5px 10px 5px; margin-left:0; margin-bottom:10px; text-align: left;}


div#links2 { 
     
     width:500px;
     padding: 5px 5px 10px 5px;
     margin-left:auto;
     margin-right:auto;
     text-align: center;
}

  
ul.linkliste { 
     font: bold 100%/114% arial, serif; 
     text-align: left; 
     color: #C0AF9C; 
     margin-left: 20px; 
     list-style: none; 
}

ul.linkliste2 { 
     font: bold 100%/114% arial, serif; 
     text-align: left; 
     color: #C0AF9C; 
     margin-left:10px; 
     list-style: none; 
     }






/* ----------- Navigation-------------*/

.grafic
{ 
text-align: left; 
vertical-align:top; 
background: #F0E6D7 url(http://www.rhejvandar.de/gfx/bg_navigation.jpg);
}

.textnav
{ 
background: #F0E6D7 url(gfx/bg_braun01);
vertical-align:top; 
text-align: left;
}



div#text
{
position:absolute; 
left:0px; 
top:0px;
  width: 250px;
  height: 869px;
  padding: 0;
}


div#text1
{
position:absolute; 
left:0px; 
top:0px;
width: 250px;
height: 565px;
padding: 0;
text-align: left;
background: url(gfx/nav_text.jpg) no-repeat top;
}


div#text1a
{
  position:absolute; 
  left:45px; 
  top:130px;
  width: 150px;
  padding: 0;
  text-align: left;
}

div#text1b
{
position:absolute; 
left:70px; 
top:70px;
  width: 120px;
  padding: 0;
  text-align: left;
}


div#text2
{
  position:absolute; 
  left:0px; 
  top:565px;
  width: 250px;
  height: 152px;
  text-align: left;
  background: url(gfx/nav_text2.jpg) no-repeat top;
}

div#text2a
{
  position:absolute; 
  left:35px; 
  top:20px;
  width: 150px;
  padding: 0;
  text-align: center;
}

div#text3
{
  position:absolute; 
  left:0px; 
  top:717px;
  width: 250px;
  height: 152px;
  padding: 0;
  text-align: left;
  background: url(gfx/nav_text3.jpg) no-repeat top;
}

div#grafik
{
position:absolute; 
left:0px; 
top:0px;
  width: 250px;
  height: 869px;
  padding: 0;
}


div#grafik1
{
position:absolute; 
left:0px; 
top:0px;
width: 250px;
height: 565px;
padding: 0;
text-align: left;
}


/* -----------Logos-------- */


div#logo 
{margin: 15px 0 0 0; height: 65px; text-align:center; vertical-align:top;}    
 

/* ----------- Rahmen -------- */

div#gesamt 
{ position:absolute; left:10px; top:70px; width: 70%; padding: 0; border:1px solid;}  

div#lo {
  float:left;
  width: 35px;
  height: 30px;
  margin:0 0 0 10px;
  padding: 0;
  background: #F0E6D7 url(gfx/steinrand01a.jpg);
 }   

div#o {
  float:left;
  width: 100%;
  height: 30px;
  padding: 0;
  background: #F0E6D7 url(gfx/steinrand02.jpg);
 } 

div#ro {
  float:right;
  margin:0 0 10px 0;
  width: 43px;
  height: 30px;
  padding: 0;
  background: #F0E6D7 url(gfx/steinrand03.jpg);
 }  



div#l {
  width: 35px;
  padding: 0;
  background: #F0E6D7 url(gfx/steinrand04a.jpg);
 }  

div#m {
  padding: 0;
  background: #F0E6D7 url(gfx/steinrand05.jpg);
  font: normal 100%/114% times new roman, arial, serif; 
  text-align: justify; 
  color: #C0AF9C; 
  margin: 0px; 
 } 


div#r {
  float:left;
  width: 43px;
  padding: 0;
  background: #F0E6D7 url(gfx/steinrand06.jpg);
 } 
     
/* ----------- Style:Tabellenlayout - Hillfort------------------------------------------ */

.taborH  {
       background-image: url(http://www.rhejvandar.de/gfx/steinrand03b.jpg); font: normal 1%/1% verdana; width: 185px; height: 30px;
 }

.tabrH  {
     background-image: url(http://www.rhejvandar.de/gfx/steinrand06b.jpg);
     vertical-align:top; padding-right:20px;
 }

.taburH  {
       background-image: url(http://www.rhejvandar.de/gfx/steinrand09b.jpg); font: normal 1%/1% verdana; width: 185px; height: 35px;
 }

/* ----------- Style:Tabellenlayout - Saal --------------------------------------------- */

.tabolS  {
       background-image: url(http://www.rhejvandar.de/gfx/steinrand01.jpg); font: normal 1%/1% verdana; width: 175px; height: 30px;
 }

.randlinksS  {
     background-image: url(http://www.rhejvandar.de/gfx/steinrand04.jpg);
     vertical-align:top; padding-left:10px;
 }

.tabulS  {
       background-image: url(../gfx/steinrand09.jpg); font: normal 1%/1% verdana; width: 175px; height: 35px;
 }


/* ----------- Style:Tabellenlayouts - normal -------- */

.tabol  {
       background-image: url(http://www.rhejvandar.de/gfx/steinrand01a.jpg); font: normal 1%/1% verdana; width: 35px; height: 30px;
 }


.tabor  {
     background-image: url(../gfx/steinrand03.jpg); font: normal 1%/1% verdana; width: 43px; height: 30px;
 }

.tabul  {
       background-image: url(../gfx/steinrand09a.jpg); font: normal 1%/1% verdana; width: 35px; height: 35px;
 }


.tabur  {
     background-image: url(../gfx/steinrand11.jpg); font: normal 1%/1% verdana; width: 43px; height: 35px;
 }

.randoben  {
     background-image: url(../gfx/steinrand02.jpg);
     font: normal 1%/1%  arial, serif; 
 }

.randunten  {
     background-image: url(../gfx/steinrand10.jpg);
     font: normal 1%/1%  arial, serif; 
 }

.randlinks  {
     background-image: url(http://www.rhejvandar.de/gfx/steinrand04a.jpg);
 }


.randrechts  {
     background-image: url(http://www.rhejvandar.de/gfx/steinrand06.jpg);
 }

.randrechtsZ  {
     background-image: url(http://www.rhejvandar.de/gfx/steinrand08.jpg);
 }

.randlinksZ {
     background-image: url(http://www.rhejvandar.de/gfx/steinrand07.jpg);
 }

.randlinksZ2 {
     background-image: url(http://www.rhejvandar.de/gfx/steinrand07a.jpg);
 }

.mitte  {
     background: #201919 url(http://www.rhejvandar.de/gfx/steinrand05.jpg);
     text-align:center; 
     vertical-align:top;
}

.mitteS  {
     background: #201919 url(http://www.rhejvandar.de/gfx/steinrand05.jpg);
     text-align:justify; padding:0 5px 0 5px;
     vertical-align:top;
}

.tabW  {
     background: #201919 url(http://www.rhejvandar.de/gfx/steinrand05.jpg);
     text-align:left; vertical-align:top;
}


.hauptzelle
{
     
     text-align:center; 
     vertical-align:top; 
     padding:5px;
     margin: 20px; 
}


.footer
{
 
  text-align:center; 
  padding-top: 10px;
  padding-bottom: 10px;
  vertical-align:middle; 
  
}
        

.galerie
{
     
     text-align:center; 
     vertical-align:top; 
     padding:5px;
} 

.textbox 
{background: #201919 url(gfx/steinrand05.jpg); font: normal 90%/114% verdana, arial, serif; text-align: justify; color: #C0AF9C; margin: 0 0 20px 0;}

.textbox1 
{ background: #201919 url(gfx/steinrand05.jpg); font: normal 90%/114% verdana, arial, serif; 
text-align: justify; color: #C0AF9C; margin-top: 10px; margin-bottom: 10px;}


.textbox2 { 
     background: #201919 url(gfx/steinrand05.jpg);
     font: normal 90%/114% verdana, arial, serif; 
     text-align: justify; 
     color: #C0AF9C; 
     margin: 10px; 
   
}

.textbox3 
{ background: #201919 url(gfx/steinrand05.jpg); font: normal 90%/114% verdana, arial, serif; 
text-align: left; color: #C0AF9C; margin-top: 10px; margin-bottom: 10px;}

.kurs
{font-style: italic;}


/* -----------Style-Textbox mit Rand unten -------- */
.box01{
  width: 100%; padding: 0 0 15px 0; margin:10px 0 10px 0; font: normal 10pt verdana; text-align: justify; color: #C0AF9C; border-bottom: 1px solid #C0AF9C;
 
 } 

.box02{
  width: 100%; padding: 0 0 15px 0; margin:10px 0 10px 0; font: normal 10pt verdana; text-align: justify; color: #C0AF9C;
 
 } 


div#textbox {
  width: 100%; padding: 0 0 15px 0; margin:10px 0 10px 0; font: normal 90%/114% verdana; text-align: justify; color: #C0AF9C; border-bottom: 1px solid #C0AF9C;
 
 } 

/* -----------Style-Galeriebox mit Rand unten und oben -------- */
div#bildbox {
  width: 100%; padding: 25px 0 25px 0; margin:10px 0 10px 0; font: normal 90%/114% verdana; text-align: justify; color: #C0AF9C; border-bottom: 1px solid #C0AF9C; border-top: 1px solid #C0AF9C;
 
 } 

div#bildbox2 {
  width: 90%; padding: 35px 5px 25px 5px; margin:10px 0 10px 0; font: normal 90%/114% verdana; text-align: justify; color: #C0AF9C; border: 1px solid #C0AF9C; background: url(../gfx/border1.jpg) repeat-x top center; margin:auto; padding: auto;
 
 } 




/* -----------Style-Galerie-Linkleiste unten -------- */
.galul {
   text-align:left; vertical-align:top; padding-left:40px; font-size:13px
 }

.galum {
   text-align:center; vertical-align:top; padding-left:5px; padding-right:5px;
 }

.galur {
   text-align:right; vertical-align:top; padding-left:5px; padding-right:5px;
 }


/* ----------- Lexikon -------- */
.lex2
{ 
     font: normal 100%/114% arial, serif; 
     text-align: justify; 
     vertical-align: middle;
     color: #400000; 
     background: url(lexikon/lexikon_02.jpg); 
     
}

/* -----------Impressum-------- */
div#impr 
{font: normal 100%/114% arial, serif; text-align: justify; color: #C0AF9C; 
margin: 0 10px 10px 10px; padding-bottom: 10px; border-top: 1px solid #C0AF9C;}


/* ----------- Florabuch-------- */

.headline3 {
   text-align: left;
   font: bold 14px/100% arial, serif;   
   color:#603030;
}

.fam {
   text-align: left;
   font: normal 12px/100% arial, serif;   
   color:#603030;
}

div#abc {
   height: 23px;
   margin: 5px 0;
} 

.flora1 {
   background-image: url(flora/buch2a.jpg);
   vertical-align:top;
   text-align: center;
   height: 310px;
}  

.flora1a {
   margin: 0;
   padding:0 35px 0 60px;
   vertical-align:top;
   text-align: justify;
   font: normal 90%/110% arial, serif;   
   color:#603030;   
} 

.flora1b {
   margin: 0;
   padding:0 35px 0 70px;
   vertical-align:top;
   text-align: center;
   font: normal 90%/120% arial, serif;   
} 


ul.linkliste3 { 
     font: bold 14px/114% arial, serif; 
     text-align: center; 
     color: #C0AF9C; 
     margin-left: 20px; 
     list-style: none; 
}

.flora2 {
   background-image: url(flora/buch2b.jpg);
   vertical-align:top;
   text-align: center;
}  

.flora2a {
   margin: 0;
   padding:0 60px 0 35px;
   vertical-align:top;
   text-align: justify;
   font: normal 90%/110% arial, serif;  
   
   color:#603030;   
} 

.flora2b {
   margin: 0;
   padding:0 70px 0 35px;
   vertical-align:top;
   text-align: center;
   font: normal 13px/110% arial, serif;  
     
} 

.flora3 {
   height: 90px;
   background-image: url(flora/buch3a.jpg);
   text-align: left;
}  

.flora4 {
   height: 90px;
   background-image: url(flora/buch3b.jpg);
   text-align: right;
} 




/* ----------- INDEX-SEITE -------- */

div#index {
width: 100%;
height: 400px;
margin:70px 0 0;
padding:0 120px 0 120px;
background-image:url(gfx/ind1.jpg);
}

#1{
position:absolute;
width: 690px;
height: 400px;
margin:120px 0 0;
}

#2{
position:absolute;
width: 100px;
height: 400px;
margin:0;
background-image:url(gfx/ind3.jpg);
}

#left, #right {
width:50%;
height:17px;
margin: 0;
background-image:url(gfx/ind_stripe.jpg);
}

#left {
float:left;
text-align:left;
}

#right {
float:right;
text-align:right;
}

/* ----------- Inhalt -------- */

div#main1
{
  position:absolute; 
  left:0px; 
  top:0px;
  width: 250px;
  height: 869px;
  padding: 0;
  background: #F0E6D7 url(gfx/bg_braun01);
  vertical-align:top; 
  text-align: left;
}

div#main2
{
  position:absolute; 
  left:250px; 
  top:0px;
  text-align:center; 
  
  vertical-align:top; 
  padding:0 10px 0 0px;
}



.main {
     font: normal 100%/100% arial, serif; 
     text-align: left;
     vertical-align: top;
     margin: 0px; 
     background: #787065 url(http://www.rhejvandar.de/gfx/bg_braun01.jpg); 
}


/* -----------Fauna-------------*/

.boxschwarz 
{ background: #201919; font: normal 10pt verdana, arial, serif; text-align: justify; 
color: #C0AF9C; border: 1px solid #C0AF9C; margin:10px 5px 2px 0; padding: 5px;}

.tiere 
{ background: #201919; font: normal 90%/114% verdana, arial, serif; text-align: justify; 
color: #C0AF9C; border: 1px solid #C0AF9C; margin:10px 5px 2px 0; padding: 5px;}

div#tiere 
{ background: #201919; font: normal 90%/114% verdana, arial, serif; text-align: justify; 
color: #C0AF9C; border: 1px solid #C0AF9C; margin:10px 5px 2px 0; padding: 5px;}

.clear 
{font: normal 1%/1%  arial, serif; color: #201919; clear:both; margin:0; padding:0;}


/* ----------- Style:Tabellenlayout - Lexikon  --------------------------------------------- */

.lexa { font: normal 90%/90%  verdana;  color:#401010; vertical-align:middle; background-image: url(lexikon/lexikon_02.jpg); }

.lexb  { font:normal 90%/90%  verdana; color:#401010;  vertical-align:top; background-image: url(lexikon/lexikon_04.jpg); }

.lexc { font: normal 70%/110%  verdana, arial, serif; font-style: italic; color: #401010; }

.lexikon1 { color:#401010; text-align:center; vertical-align:top; background-image: url(lexikon/lexikon_02.jpg); }
.lexikon1a { text-align:left; vertical-align:top; margin-left:70px; }

.lexikon2 { color:#401010; text-align:center; vertical-align:top; background-image: url(lexikon/lexikon_04.jpg); }
.lexikon2a { font: normal 10pt verdana, arial, serif; color: #400000; text-align:justify; vertical-align:top; margin: 94px 25px  60px 5px;}

/* ----------- Style: Wächterbeschreibung  --------------------------------------------- */
.waechter1
{ font: bold 90%/114% verdana, arial, serif; text-align: left; vertical-align:top; padding: 0 10px 0 0; width: 80px;}

.waechter2
{ font: normal 90%/114% verdana, arial, serif; text-align: left; vertical-align:top;  padding: 0 0 10px 0;}

/*----------------------Style: Gasthaus --------------------*/
.gh1
{width: 320px; text-align: center;  border: 1px solid #C0AF9C; padding:10px 5px 15px 5px; font-size: 10pt; margin:20px 0;}


div#regenbogenturm { position:relative; top:100px; left:0px;
width:296px;  z-index:1; color: #402720; font: normal 90%/114% verdana; text-align: justify; color: #402720;}

div#regenbogenturm2 { position:absolute; top:110px; left:420px;
width:296px;  z-index:1; color: #402720; font: normal 90%/114% verdana; text-align: justify; color: #402720;}

.uhrzeit
{ padding: 2px; font: normal 10pt verdana; text-align: center; color: #C0AF9C; border: 1px solid #C0AF9C;} 

/*----------------------Style: Avatare --------------------*/
.ava { 
     text-align: center; 
     vertical-align: top;
     margin: 0 0 2px 0; 
     background: #787065 url(http://www.rhejvandar.de/forum/bg_braun4.jpg); 
     font: normal  11px verdana, arial, serif; 
     vertical-align: top;
     color: #000000; 
}

.a ava {      
     font: normal  11px verdana, arial, serif; 
     color: #000000; 
    
}


/*----------------------Style: Schatzsuche --------------------*/

.formular {background: #C0AF9C; color: #000000; border-width:2px; border-color:#b09F8C; border-style: inset;}
.Auswahl { background-color:#dff; width:300px; border:6px solid #ddd; }
.Check, .Radio { background-color:#ddff; border:1px solid #ddd; }
.Button { background-color:#aaa; color:#fff; width:200px; border:6px solid #ddd; }
</style>