/*	Formatierungen*/

#header #logo {	margin: 15px 0px 0px 15px;	border: 0 none;}

/* set all to 0 */
h1, h2, h3, h4, h5, h6, p, ul, li, a, b {	background-color: transparent;	color: #336600;	font-family : verdana, sans-serif;	font-weight : lighter;	padding: 2px 5px 2px 5px;}

/* headings */
h1, h2, h3 {font-weight : bold;}
h1 {	font-size: 140%;}
h2 {	font-size: 120%;}
h3 {	font-size: 110%;}
h4 {	font-size: 90%;}
h5 {	font-size: 80%;}
h6 {	font-size: 70%;}
/* Texte */
p, li {color : #336600; font-size:90%;}

a {color : #563718; text-decoration : none; }
a:link {color : #563718; text-decoration : none; }
a:visited {color : #603D1B; text-decoration : none; }
a:hover {color : red; text-decoration : none; }
a:active {color : #603D1B; text-decoration : none; }

b { font-weight : bold;}
strong { font-weight : bold;}
code { font-family : "Courier New", Courier, monospace; font-size: 1em; color : Teal;}

INPUT {	font-size: 80%; font-family: verdana, sans-serif; padding: 2px 2px; color: #84560E; background-color: #A9F5A9; border: 1px solid #336600;}
.button_grau { font-size: 80%; font-family: verdana, sans-serif; padding: 2px 5px; color: #84560E; background-color: #BDBDBD; border: 1px solid #336600; }
.button_gruen {	font-size: 80%; font-family: verdana, sans-serif; padding: 2px 5px; color: #84560E; background-color: #A9F5A9; border: 1px solid #336600;}
.button_rot { font-size: 80%; font-family: verdana, sans-serif; padding: 2px 5px; color: #0000000; background-color: #FA5858; border: 1px solid #336600; }
.input { font-size: 80%; font-family: verdana, sans-serif; padding: 2px 2px; color: #84560E; background-color: #A9F5A9; border: 1px solid #336600;}
.ausgabe { font-size: 80%; font-family: verdana, sans-serif; padding: 2px 2px; color: #000000; background-color: #F6D8CE; border: 1px solid #FA8258; }
textarea {	font-size: 80%; font-family: verdana, sans-serif; padding: 2px 2px; color: #84560E; background-color: #A9F5A9; border: 1px solid #336600;}

#hr-o {border-bottom : 1px groove silver;  width : 98%; line-height : 5px; margin : 0 0 0 5px;}
#hr-u {border-bottom : 1px groove silver;  width : 98%; line-height : 5px; margin : 0 0 0 5px;}

.left { text-align : left; font-family : verdana, sans-serif;	font-weight : lighter;}
.center { text-align : center; font-family : verdana, sans-serif;	font-weight : lighter;}
.right { text-align : right; font-family : verdana, sans-serif;	font-weight : lighter;}
.ju { text-align : justify; font-family : verdana, sans-serif;	font-weight : lighter;}

.rot { color : red; font-family : verdana, sans-serif;	font-weight : lighter;}
.black { color : #000000; font-family : verdana, sans-serif;	font-weight : lighter;}
.teal { color : teal; font-family : verdana, sans-serif;	font-weight : lighter;} 
.grey { color : #ffff11;}  
.darkgrey { color : #848484; font-family : verdana, sans-serif;	font-weight : lighter;} 
.gruen { color : #336600; font-family : verdana, sans-serif;	font-weight : lighter;}
.bggelb { background-color : #FFFF00;}

/* ----  Schriften Gästebuch -----*/
.ueberschrift {	COLOR: #165615;	font:100 110%  verdana, sans-serif;	background-color : transparent;}
.ueberschrift1{	COLOR: #165615;	font:100 100%  verdana, sans-serif;	background-color : transparent;}
.ueberschrift2 {	COLOR: #165615;	font:100 90%  verdana, sans-serif;	background-color : transparent;}
.ueberschriftklein {	COLOR: #165615;	font:100 90%  verdana, sans-serif;	background-color : transparent;}
.ueberschriftklein2 {	COLOR: Black;	font:100 80%  verdana, sans-serif; background-color : transparent;}
.ueberschriftrot {	COLOR: Red;	font:100 90%  verdana, sans-serif;	background-color : transparent;}
.normalertext {	COLOR: #165615;	font:100 90%  verdana, sans-serif;	background-color : transparent;	font-style : italic;	font-weight : 500;}
.normalertextschwarz {	COLOR: #000000;	font:100 80%  verdana, sans-serif;	background-color : transparent;}
.normalertextklein {	COLOR: #000000;	font:100 90%  verdana, sans-serif;	background-color : transparent;}
.eintragstext {	COLOR: #000000;	font:100 90%  verdana, sans-serif;	background-color : transparent;}

#content p, #content li {line-height: 150%;margin: 7px 0px 8px 0px;}
#menue p, #teaser p {padding: 10px 5px 0px 10px;}
#menue p.linear {padding: 0px 5px 0px 10px;}
ul {margin: 0px 0px 0px 20px;}

/* Links */
#content a { color: #2B4F22; text-decoration: none;}
#content a:link { color: #2B4F22; text-decoration: none;}
#content a:visited { color: #2B4F22; text-decoration: none;}
#content a:hover { color: red;	text-decoration: none;}
#content a:active { color: #2B4F22; text-decoration: none;}

#content-marquee a:link, #content-marquee a:visited, #content-marquee a:hover {font-weight: bold;  color: red;  text-decoration: none; }

#menu-o a {text-decoration: none; margin: 1px 0px 1px 0px; padding: 0px 5px 0px 5px; border: 1px solid #336600; font-size: 75%; font-weight : 300;}
#menu-o a:link {background: transparent ;color: #336600;	font-weight : 300;}
#menu-o a:visited {background: transparent ;	color: #336600;	font-weight : 300;}
#menu-o a:hover {background: transparent ;color: red;	font-weight : 300;}
#menu-o a:active {background: transparent ;color: red;	font-weight : 300;}

#menu1-o a {text-decoration: none; margin: 1px 0px 1px 0px; padding: 0px 5px 0px 5px; border: 1px solid teal; font-size: 11px; font-weight : 300;}
#menu1-o a:link {background: transparent ;color: teal;	font-weight : 300;}
#menu1-o a:visited {background: transparent ;	color: teal;	font-weight : 300;}
#menu1-o a:hover {background: transparent ;color: red;	font-weight : 300;}
#menu1-o a:active {background: transparent ;color: red;	font-weight : 300;}

#menul {list-style:none; width:140px; font:bold 100% verdana, sana-serif;	background:transparent;	color:#336600;  text-align : left;}
#menul li {;padding:3px 1px 3px 0;}
#menul a {	padding: 0 0 0 4px;		text-decoration:none;	border-left: 4px solid black;}
#menul a:hover {border-left:4px solid red;}
#menul a:active {border-left:4px solid red;}

#submenu-o {margin:0;padding:0;text-align:center;}
#submenu-o ul{background:transparent;margin:0;padding:2px 0px 0px 2px;list-style:none;white-space: nowrap;}
#submenu-o li{display:inline;}
#submenu-o a{color:black;	background:silver;padding:2px 5px 2px 5px;border:1px solid black;font:70% verdana, sans-serif;	text-decoration:none;	text-align:center;}
#submenu-o a:hover{color:black;background:#acacac;}

#submenu-u{margin:0;padding:0;text-align:center;}
#submenu-u ul{background:transparent;margin:0;padding:2px 0px 0px 2px;list-style:none;white-space: nowrap;}
#submenu-u li{display:inline;}
#submenu-u a{color:black;	background:silver;padding:2px 5px 2px 5px;border:1px solid black;font:70% verdana, sans-serif;	text-decoration:none;	text-align:center;}
#submenu-u a:hover{color:black;background:#acacac;}

#submenu{margin:0;padding:0;text-align:center;}
#submenu ul{background:transparent;margin:0;padding:5px;list-style:none;white-space: nowrap;}
#submenu li{display:inline;}
#submenu a{	color:white;	background:#008000;	padding:2px 20px 2px 20px;	border:1px solid black;	font: 300 11px verdana, sans-serif;	text-decoration:none;	text-align:center;}
#submenu a:hover{color:white;background:green;}

#submenu1{margin:0;padding:0;text-align:center;}
#submenu1 ul{background:transparent;margin:0;padding:5px;list-style:none;white-space: nowrap;}
#submenu1 li{display:inline;}
#submenu1 a:link{	color: #336600; background:transparent; padding:1px 5px 1px 5px; border:1px solid #336600;	font: 300 10px verdana, sans-serif;	text-decoration:none;	text-align:center;}
#submenu1 a:visited{	color: #336600; background:transparent; padding:1px 5px 1px 5px; border:1px solid #336600;	font: 300 10px verdana, sans-serif;	text-decoration:none;	text-align:center;}
#submenu1 a:hover{ color: red; background:transparent; padding:1px 5px 1px 5px; border:1px solid #336600;	font: 300 10px verdana, sans-serif;	text-decoration:none;	text-align:center;}

#submenu2{margin:0;padding:0;text-align:left;}
#submenu2 ul{background:transparent;margin:0;padding:5px;list-style:none;white-space: nowrap;}
#submenu2 li{display:inline;}
#submenu2 a{font-size: 80%; font-family: verdana, sans-serif; padding: 3px 5px; color: #84560E; background-color: #A9F5A9; border: 1px solid #336600;}
#submenu2 a:link{font-size: 80%; font-family: verdana, sans-serif; padding: 3px 5px; color: #84560E; background-color: #A9F5A9; border: 1px solid #336600;}
#submenu2 a:visited{	color: #336600; background:transparent; border:1px solid #336600;	font: 300 10px verdana, sans-serif;	text-decoration:none;	text-align:center;}
#submenu2 a:hover{color:white;background:#4B8A08;}

#formbox1 { position: absolute; right: 10px; top: 10px; color : #ffffff; background-color : transparent; width:350px; margin: 0px 5px 0 5px; border: 0px solid Green; font-family: verdana, sans-serif; font-size : 14px; text-align: left; font-weight : normal;}
#formbox2 { position: absolute; right: 380px; top: 10px; color : #ffffff; background-color : transparent; width:350px; margin: 15px 5px 0 5px; border: 0px solid Green; font-family: verdana, sans-serif; font-size : 14px; text-align: left; font-weight : normal;}

#sfhover{
    position: absolute; right: 0px; bottom: 45px;
	background: url(../grafik/logos/schuhmacher.gif);
	background-repeat: no-repeat;
	border: 0px solid red;
	width:300px;
	height: 265px;
	z-index:3;
}
/* ------ Schaltfläche mit Hover Effekt  und INFO Text--------- */
	
#box1 { color : #ffffff; background-color : transparent; width:70px; margin: 0px 5px 0 5px; font-family : verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 10px; text-align: left; font-weight : normal; z-index:3;}
#box1 a {color : Green;	background-color : transparent;	width:70px;   text-align: left;	display:block;	padding: 0px;	margin: 0px 5px 0 5px;	border: 0px solid Green;}
#box1 a:active {color : #556B2F;	background-color :transparent;}
#box1 a:visited {color : #556B2F;background-color : transparent; }
#box1 a:hover {	color : red;background-color : transparent; text-align: left; width:200px; border: 0px solid green;}
#box1 a .info {	display: none;}
#box1 a:hover .info { position: absolute; right: 50px; width:600px;	color: #555555;	background: #cccccc;font-family : verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 130%;border: 1px solid green;display: block;	margin:-17px 0 0 0px;	padding: 5px 10px;	text-align:justify;}

/* ------ Schaltfläche mit Hover Effekt  und Werbung--------- */
	
#werbung1 { color: #336600; background-color : transparent; width:133px; z-index:3;}
#werbung1 a {color: Green;	background-color : transparent;	width:122px; display:block;	border: 0px solid Green;}
#werbung1 a:active {color: #336600;background-color :transparent;}
#werbung1 a:visited {color: #336600;background-color : transparent; }
#werbung1 a:hover {	color: Green;	background-color : transparent;	width:122px; display:block;}
#werbung1 a .werben { display: none;}
#werbung1 a:hover .werben { color: #555555;	background: #eeeeee; font-size: 130%;border: 1px solid green;display: block; padding: 5px 10px;	text-align:justify;}
#werbung1 a .schumacher { display: none;}
#werbung1 a:hover .schumacher { color: #555555;	background: transparent; font-size: 130%;border: 0px solid green;display: block; padding: 5px 10px;	text-align:justify;}

.tooltip {
  position: relative;
}

.tooltip span[rel=tooltip] {
  display: none;
}

.tooltip:hover span[rel=tooltip] b {
  color: #5858FA;
}

.tooltip:hover span[rel=tooltip] {
  display: block;  
  position: relative; 
  bottom: 400px;
  left: -320px;
  width: 420px;
  padding: 15px;
  z-index: 100;
  text-align:center;
  color: #5858FA; 
  background-color: #CEE3F6;
  border: solid 1px #819FF7;
  border-radius: 0.5em;
}