/* DATEI: formate.css */



h1,h2,h3,h4,p,ol,ul,li,div,td,th,address,blockquote,nobr,b,i { font-family:Arial,sans-serif; }
p { font-size:12pt; }
p.text { font-size:15pt; width:85%; background-color:papayawhip; border:0px solid gray; padding:10px;margin:5%}
p.text:first-letter { font-size:150%; color:black }
p.nav { color:papayawhip; }
h3.nav { color:papayawhip; }

#text { 
  font-size:12pt; 
  width:88%; 
background-color: darkgoldenrod;
  background-color: rgba(218,165,32,0.85);
  border-width:1px;
  border-style:solid;
  border-color:saddlebrown;
  border-radius: 10px;
-webkit-box-shadow: 10px 10px 20px black;
-moz-box-shadow: 10px 10px 20px black;
box-shadow: 10px 10px 20px black;
  padding:10px;
  margin-left:20px; 
  margin-right:5%;
  margin-top:5%; 
  min-height: 27em;}
div.titel { font-size:24pt; font-family:'Lucida Handwriting'; font-weight:bold;text-align:center; width:88%; color:papayawhip; border:0px; padding-right:10px;padding-left:10px;padding-top:10px; margin-left:0px; margin-right:5%;}
div.utitel { font-size:12pt; font-family:Arial,sans-serif; text-align:center; width:88%; color:papayawhip; border:0px; padding-right:10px;padding-left:10px;padding-top:0px; margin-left:0px; margin-right:5%;}
div.bread { padding-left:10px;margin-left:20px;color:papayawhip;}
li { margin-top:3px; }

img.logo {border:1px solid black;}

#gaestebuch {
  border-width:1px;
  border-style:solid;
  border-color:saddlebrown;
}


/* Format für Navigation */
#ifnavigation{
    width: 10em;
   height: 35em;
}


body.gold { background-image: url(../pics/honig_m.jpg);
    background-attachment: fixed; }


ul { list-style-type:square;font-size:12pt;font-weight:bold;}

a:link { font-weight:bold; color:brown; text-decoration:none }
a:visited { font-weight:bold; color:brown; text-decoration:none }
a:hover { font-weight:bold; color:red; text-decoration:none }
a:active { font-weight:bold; color:silver; text-decoration:none }
a:focus { font-weight:bold; color:brown; text-decoration:none }



a.nav:link { font-weight:bold; color:papayawhip; text-decoration:none }
a.nav:visited { font-weight:bold; color:papayawhip; text-decoration:none }
a.nav:hover { font-weight:bold; color:red; text-decoration:none }
a.nav:active { font-weight:bold; color:white; text-decoration:none }
a.nav:focus { font-weight:bold; color:white; text-decoration:none }

a.navrot:link { font-weight:bold; color:red; text-decoration:underline }
a.navrot:visited { font-weight:bold; color:red; text-decoration:underline }
a.navrot:hover { font-weight:bold; color:red; text-decoration:underline }
a.navrot:active { font-weight:bold; color:white; text-decoration:underline }
a.navrot:focus { font-weight:bold; color:white; text-decoration:none }
  body {
    
    min-width: 40em; /* Mindestbreite verhindert Anzeigefehler in modernen Browsern */
  }
  

  html {
    padding: 0;
  }
  body {
    margin: 0; padding: 0;
  }

  #fixiert {
    position: absolute;
    top: 8em; left: 1em;
    width: 12em;
    padding-left: 10px;
  border-width:1px;
  border-style:solid;
  border-color:saddlebrown;
  border-radius: 10px;
    margin-right:0px;
background-color: darkgoldenrod;
background-color: rgba(218,165,32,0.6);
-webkit-box-shadow: 10px 10px 20px black;
-moz-box-shadow: 10px 10px 20px black;
box-shadow: 10px 10px 20px black;
  }
  html>body #fixiert {  /* nur fuer moderne Browser! */
    position: fixed;
  }
  #kopfzeile {
    position: absolute;
    top: 0.5em; left: 1em; right: 1em;
  border-width:1px;
  border-style:solid;
  border-color:saddlebrown;
  border-radius: 10px;
background-color: darkgoldenrod;
background-color: rgba(218,165,32,0.85);
-webkit-box-shadow: 10px 10px 20px black;
-moz-box-shadow: 10px 10px 20px black;
box-shadow: 10px 10px 20px black;
  }
  html>body #kopfzeile {  /* nur fuer moderne Browser! */
    position: fixed;
  }

  #Inhalt {
    margin-left: 14em; padding: 0 1em;
    margin-right: 1em; padding: 0 1em;
    margin-top: 8em;
  border-width:0px;
  border-style:solid;
  border-color:saddlebrown;

}

  #Inhalt #Fusszeile {
    font-size: 10pt;
    color: papayawhip;
    margin: 20px 5% 0 0; padding: 0;
    text-align: center;
    border: 0px solid papayawhip;
  }
  div#logo {
  
    float: left;width: 160px;
    margin-top:10px; margin-left:10px; margin-right:10px; margin-bottom:10px; padding: 0;
    border: 0px dashed papayawhip;
  }
  div#Titeltext {
    margin-top:10px; margin-left:192px;  margin-bottom:2px; margin-right:10px;
    border: 0px dashed papayawhip;
   
  }
  div#Linie {
    clear: both;
    margin-right:10px;margin-left:10px; padding: 0;
  }

#bienenvolk {
background: white;
padding: 10px;
border: 1px solid black;
width: 236px;
box-shadow: 3px 3px 10px black;
transform: rotate(-2deg);-ms-transform: rotate(-2deg);
}
.zeile {
float: left;
margin-right:20px;
}
.photo {
background: white;
padding: 10px;
border: 1px solid black;
width: 150px;
box-shadow: 3px 3px 10px black;
}
.photoh {
background: white;
padding: 10px;
border: 1px solid black;
width: 80px;
box-shadow: 3px 3px 10px black;
}
.foto {
width: 148px;
border: 1px solid black;
}
.fotoh {
height: 100px;
border: 1px solid black;

}
.foto_gross {
width: 400px;
border: 1px solid black;
}
.kl_foto {
height: 1px;
border: 0px;
}

/* Formate für Aktuelles und Marktplatz im Pinwand-Stil */

#pinwand { background-image: url(../pics/kork.jpg); border: 2px solid black; min-height:600px;margin-left:5%; margin-right:5%;margin-top:2%; padding: 10px;
 }

#Fusszeile {  font-size: 10pt;  color: black;  margin: 20px; padding: 5;  text-align: center;  border: 0px solid papayawhip;}
.rubrik {
clear: both;	
background: rgba(255,255,255,1.0); text-align: center; width: 60%; margin-left: 20%; margin-top: 20px;border: 1px solid black;	font-size: 50pt; 
font-weight:bold;
box-shadow: 3px 3px 10px black;
}
#not1 {transform: rotate(5deg);
-ms-transform: rotate(5deg);
-moz-transform: rotate(5deg);
-o-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
margin-right:50px;
margin-left:20px;font-family: 'Courgette','Segoe Script'; 
font-weight:bold;font-size:14pt; background: rgba(255,209,238,1.0)}
#not2 {transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
-webkit-transform: rotate(-3deg);
margin-top:40px;margin-right:30px;width: 300px;font-family: 'Kaushan Script','Lucida Calligraphy';font-size:14pt;background: rgba(189,255,241,1.0)}
#not3, #not6 { transform: rotate(-1deg);
-ms-transform: rotate(-1deg);
-moz-transform: rotate(-1deg);
-o-transform: rotate(-1deg);
-webkit-transform: rotate(-1deg);
margin-right:40px; margin-left:20px;font-family: 'Arial','Lucida Calligraphy';font-size:14pt;background: rgba(255,255,193,1.0)}
#not4 { transform: rotate(1deg);
-ms-transform: rotate(1deg);
-moz-transform: rotate(1deg);
-o-transform: rotate(1deg);
-webkit-transform: rotate(1deg);
width: 330px; margin-right:40px;font-family: 'Courgette','Lucida Calligraphy'; font-size:14pt; background: rgba(255,209,238,1.0)}
#not5 {transform: rotate(-1deg);
-ms-transform: rotate(-1deg);
-moz-transform: rotate(-1deg);
-o-transform: rotate(-1deg);
-webkit-transform: rotate(-1deg);
margin-top:40px; width: 300px;font-family:  'Architects Daughter','Lucida Calligraphy';font-size:14pt;font-weight:bold;background: rgba(213,233,252,1.0)}
.ausrufez {background:none; font-family:'Mistral';font-weight:bold; font-size:150pt;color:red; float: left;margin-right:20px;}

.zettel {	 width: 250px; min-height: 250px; border: 0px solid black;
	padding: 10px; margin: 10px 10px 60px 10px;  float: left;	box-shadow: 3px 3px 10px black;
  }
.zet2 {	 width: 320px; min-height: 250px; border: 0px solid black;
	padding: 10px; margin: 10px 10px 60px 10px;  float: left;	box-shadow: 3px 3px 10px black;
  }
.zetbreit {	 width: 890px; min-height: 250px; border: 0px solid black;
	padding: 10px; margin: 10px 10px 60px 10px;  float: left;	box-shadow: 3px 3px 10px black;
  }

.erl {text-decoration:line-through;}.capture {font-size:18pt;}
.unterstr {text-decoration:underline;}
#pinende {
	clear: both;
	height: 1px;}

.pin { height: 35px; border:0;margin-left: 120px;  }