/* CSS Style-Sheet */
/* www.ff-wangen.de */

body { background-color:#808080; margin:30px; } /* Standart-body */

h1, h2, h3, p, legend, a, li, textarea { font-family:"arial"; font-weight:500; color:#000000; } /* Schriftart */

h1 { font-size:24px; margin-top:20px; margin-bottom:30px; text-align:left; text-decoration:underline;} /* Seitenberschriften */
h2 { font-size:20px; margin:25px 10px 10px 10px;  text-align:left;} /* Seitenunterschriften */
h3 { height:21px; font-size:12px; color:#CCCCCC; font-weight:bold; line-height: 20px; padding-left:10px; margin:0; text-align:left; background-color:#404040; overflow:hidden;} /* Überschrift für kleine Rahmen*/
  h3 a {  margin-left: 20px; padding-left: 10px; padding-right: 10px; background-color:#606060; }

fieldset { margin:10px 10px 10px 10px; border-color:#808080; border-style:groove; border-width:2px; }
legend { font-size:12px; } /* Legenden */

p { font-size:15px; margin:5px 10px 15px 10px; line-height:150%; text-align:justify; } /* Standarttextabsatz */
p.pic-sheet { text-align:left; vertical-align:middle; margin-top:0px; margin-bottom:30px } /* Bilder auf der Bilderseite */
p.fehler { margin:10px; padding:12px; color:#800000;  border-color:#800000; border-style:solid; border-width:4px;}
p.portfolio { text-align:right; margin-bottom:12px; } /* Links am Portfolio */
p.cr { font-size:12px; text-align:center; margin-top:50px; margin-bottom:30px } /* Copyright unten */
p.admin-left { font-size:9pt; text-align:left; margin-top:0px; margin-bottom:0px } /* admin */
p.admin-right { font-size:9pt; text-align:right; margin-top:0px; margin-bottom:0px } /* admin */
p.titel { font-size:7pt; color:#808080; text-align:center; margin-top:5px; margin-bottom:5px } /* versteckter Titel */
p.normal { width:900px } /* normaler Absatz, volle Breite */

/* Listen */
ul { list-style-image:url(/bilder/list_style_image.gif); list-style-position:outside; }
li { font-size:15px; margin:0px 10px 10px 10px; line-height:100%; text-align:left; vertical-align:middle; }

div.box { border: 2px solid #404040; padding:0px; margin:0px 0px 20px 0px; overflow:hidden; }

/* Code (span) */
.code { font-size:15px; font-family:monospace; font-weight:200; text-decoration:none; color:#800000;}

/* kleine Tabellen */
 table.liste { border:0; text-align: left; margin:10px;}
.liste td { border: 0; padding: 6px; height: 20px; background: #A0A0A0; text-align: left; vertical-align:middle; }
.liste p { font-size:12px; margin-top:0pt; margin-bottom:0pt; line-height:100%; text-align:left; }

/* Formulare */
.formular table { border: 0; text-align: left; }
.formular td { border: 0; padding: 6px; height: 20px; background: #A0A0A0; text-align: left; vertical-align:middle; }
.formular p { font-size:12px; margin-top:0pt; margin-bottom:0pt; line-height:100%; text-align:left; }
p.buttons { margin:6px; }
#hinweis { position:fixed; width:300px; height:200px; top:30px; right:30px; padding:6px; background-color:#A0A0A0; border-color:#404040; border-style:solid; border-width:2px; visibility:hidden; }

.pfrechts { border: 0; border-collapse: separate; border-spacing: 15px; width: 200px; text-align: center; }
.pfrechts td { border: 0; padding: 0; width: 170px; height: 170px; background: #000000; text-align: center; vertical-align:middle; }
.pfrechts img { border: 1px solid #808080; }
.pfnav { border: 0; border-collapse: separate; border-spacing: 15px; width: 600px; text-align: center; }
.pfnav td { border: 0; padding: 0; width: 170px; height: 170px; background: #000000; text-align: center; vertical-align:middle; }
.pfnav img { border: 1px solid #808080; }
.portfoliop { border: 0; border-collapse: separate; border-spacing: 15px; width: 650px; text-align: center; }
.portfoliop td { border: 0; padding: 0; width: 620px; height: 170px; background: #000000; text-align: center; vertical-align:middle; }
.portfoliop img { border: 1px solid #808080; }

table { outline-style:none; padding:0px; margin:0px; width:100%; border: 0;} */

input { text-align:left; font-size:12px; }
textarea { text-align:left; font-size:12px; }

td { vertical-align:top; text-align:left; } /* Tabellenformat fr �erschriften */

a:link,a:visited,a:active { color: #003080; text-decoration: none; }
a:hover,a:focus { color: white; text-decoration: none; }

/* Linke Bildschirmseite */
td.links { padding:10px 10px 10px 0px;  }

/* Rechte Bildschirmseite */
td.rechts { width:210px; padding:10px 4px 10px 10px; text-align:right; }
.rechts div { width: 100%; border: 2px solid #404040; padding:0px; margin:0px 0px 20px 0px; overflow:hidden; }
.rechts h3 { width:100%; }
.rechts p { font-size:12px; line-height:100%; margin:4px;}
.rechts ul { margin:4px 0px 4px 0px ;  list-style-position:outside}
.rechts li { font-size:12px; text-align:left; line-height:100%; margin-bottom:4px; list-style-position:outside}

/* linke Bildschirmseite */
td.links { padding:10px 10px 10px 0px;  }
.links div { width: 100%; border: 2px solid #404040; padding:0px; margin:0px 0px 20px 0px; overflow:hidden; }
.links h3 { width:100%; }

/* Bilder */
body.img { text-align:center; width:800px; }


/* Kallender */
table.kal { width:100%; margin:4px; }
.kal td { padding:2px; height:20px; background-color:#A0A0A0; vertical-align:middle; }
.kal p { font-size:12px; margin:0px; line-height:100%; text-align:center; }

/* Navigation */
#navidiv0 { width:100%; height:21px; border-style:solid; border-width: 1px 0px 1px 0px; border-color:white; background-color:#404040; margin: 4px 0px 0px 0px; overflow:hidden; }
a.navi0:link,a.navi0:visited,a.navi0:active {  color: white; font-size: 12px;  font-weight: bold; line-height: 20px; text-decoration: none;  padding-right: 36px; padding-left: 24px; height:21px; float: left  }
a.navi0:hover,a.navi0:focus { color: black; font-size: 12px; font-weight: bold; line-height: 20px; text-decoration: none;   padding-right: 36px; padding-left: 24px; height:21px; float: left;  background-color: white; background-image: url("/bilder/naviarrow.gif"); background-repeat: no-repeat; background-position: -5px -1px;}
a.navi0h:link,a.navi0h:visited,a.navi0h:focus,a.navi0h:hover,a.navi0h:active { color: black; font-size: 12px; font-weight: bold; line-height: 20px; text-decoration: none;   padding-right: 36px; padding-left: 24px; height:21px; float: left;  background-color: white; background-image: url("/bilder/naviarrow.gif"); background-repeat: no-repeat; background-position: -5px -1px; }

#navidiv1 { width:100%; height:21px; border-style:none; background-color:#404040; margin:0px; overflow:hidden; }
a.navi1:link,a.navi1:visited,a.navi1:active {  color:#909090; font-size: 12px;  font-weight: normal; line-height: 20px; text-decoration: none;  padding-right: 8px; padding-left: 24px; height:21px; float: left  }
a.navi1:hover,a.navi1:focus {   color: white; font-size: 12px;  font-weight: normal; line-height: 20px; text-decoration: none;  padding-right: 8px; padding-left: 24px; height:21px; float: left }
a.navi1h:link,a.navi1h:visited,a.navi1h:focus,a.navi1h:hover,a.navi1h:active {  color: white; font-size: 12px;  font-weight: normal; line-height: 20px; text-decoration: none;  padding-right: 8px; padding-left: 24px; height:21px; float: left  }

#navidiv2 { width:100%; height:21px; border-style:none; background-color:#404040; margin:0px; overflow:hidden; }
a.navi2:link,a.navi2:visited,a.navi2:active {  color:#909090; font-size: 12px;  font-weight: normal; font-style:italic; line-height: 20px; text-decoration: none;  padding-right: 8px; padding-left: 24px; height:21px; float: left  }
a.navi2:hover,a.navi2:focus {   color: white; font-size: 12px;  font-weight: normal; font-style:italic; line-height: 20px; text-decoration: none;  padding-right: 8px; padding-left: 24px; height:21px; float: left }
a.navi2h:link,a.navi2h:visited,a.navi2h:focus,a.navi2h:hover,a.navi2h:active {  color: white; font-size: 12px;  font-weight: normal; font-style:italic; line-height: 20px; text-decoration: none;  padding-right: 8px; padding-left: 24px; height:21px; float: left  }

/* Seitenfuss */
#fuss  { font-size:12px; line-height: 20px; padding-left: 10px; height:21px; width:100%; border-style:none; background-color:#404040; margin:0px; }

#weblinks { border-style:solid; border-width: 0px 0px 1px 0px; border-color:black; margin-top:20px; clear:both; }

/* boxen */
table.boxen { width:100%; margin:0px 0px 10px 0px; border:none  }
.boxen td { padding:10px; margin:10px; vertical-align:top; border:thin solid #404040;}
.boxen p {font-size:12px; line-height:120%; text-align:justify; margin:0px; }

/* Bilderrahmen */
div.bildl150 { width:170px; height:170px; border-style:none; background-color:#000000; text-align:center; float:left; margin:5px 20px 10px 10px; }
.bildl150 img { border: 2px solid #808080; }
div.bildr150 { width:170px; height:170px; border-style:none; background-color:#000000; text-align:center; float:right; margin:5px 10px 10px 20px; }
.bildr150 img { border: 2px solid #808080; }
div.bildl300 { width:320px; height:320px; border-style:none; background-color:#000000; text-align:center; float:left; margin:5px 20px 10px 10px; }
.bildl300 img { border: 2px solid #808080; }
div.bildr300 { width:320px; height:320px; border-style:none; background-color:#000000; text-align:center; float:right; margin:5px 10px 10px 20px; }
.bildr300 img { border: 2px solid #808080; }

/* Fading Tooltips By Dustin Diaz*/
body div#toolTip { position:absolute; z-index:1000; width:400px; background:#000000; border:1px solid #ffffff; text-align:left; padding:5px; min-height:1em; }
body div#toolTip p { margin:0; padding:0; color:#ffffff; font-size:12px; }
body div#toolTip p em { display:block; margin-top:3px; color:#B04040; font-style:normal; font-weight:bold; }
body div#toolTip p em span { font-weight:bold; color:#40B050; }