body {
  text-align: center;
}

#search {
	color:#000000;
	margin-top:15px;
	margin-bottom:15px;
 	height: auto;
	width: 360px;
 	font-weight: bold;
 	font-size: 130%;
 	font-family: arial, sans-serif;
}
#search:hover {
	border-style:solid;
 	border-color:#FFC6C6;
}
#search:focus {
	border-style:solid;
 	border-color:#FF1C1C;
}

#drop {
	visibility:hidden;
	
}
#dropbox {
	margin-top:-20px;
		
	
}

.button1 {
	  padding: 1px;
      height:40px;
	  width:120px;
	  background:url(buttons.jpg) no-repeat;
	  background-position: 0px -478px;
	  border:none;
}
.button2 {
	  padding: 1px;
      height:40px;
	  width:120px;
	  background:url(buttons.jpg) no-repeat;
	  background-position: 0px -350px;
	  border:none;
}
.button3 {
	  padding: 1px;
      height:40px;
	  width:120px;
	  background:url(buttons.jpg) no-repeat;
	  background-position: 0px -306px;
	  border:none;
}
.button4 {
	  padding: 1px;
      height:40px;
	  width:120px;
	  background:url(buttons.jpg) no-repeat;
	  background-position: 0px -40px;
	  border:none;
}
.button5 {
	  padding: 1px;
      height:40px;
	  width:120px;
	  background:url(buttons.jpg) no-repeat;
	  background-position: 0px 0px;
	  border:none;
}
.button6 {
	  padding: 1px;
      height:40px;
	  width:120px;
	  background:url(buttons.jpg) no-repeat;
	  background-position: 0px -81px;
	  border:none;
}
.button7 {
	  padding: 1px;
      height:40px;
	  width:120px;
	  background:url(buttons.jpg) no-repeat;
	  background-position: 0px -393px;
	  border:none;
}
.button8 {
	  padding: 1px;
      height:40px;
	  width:120px;
	  background:url(buttons.jpg) no-repeat;
	  background-position: 0px -125px;
	  border:none;
}
.button9 {
	  padding: 1px;
      height:40px;
	  width:120px;
	  background:url(buttons.jpg) no-repeat;
	  background-position: 0px -436px;
	  border:none;
}
.button10 {
	  padding: 1px;
      height:40px;
	  width:120px;
	  background:url(buttons.jpg) no-repeat;
	  background-position: 0px -216px;
	  border:none;
}
.button11 {
	  padding: 1px;
      height:40px;
	  width:120px;
	  background:url(buttons.jpg) no-repeat;
	  background-position: 0px -171px;
	  border:none;
}
.button12 {
	  padding: 1px;
      height:40px;
	  width:120px;
	  background:url(btools.jpg) no-repeat;
	  background-position: 0px -255px;
	  border:none;
}
.button13 {
	  padding: 1px;
      height:40px;
	  width:120px;
	  background:url(button13.jpg) no-repeat;
	  background-position: 0px -1px;
	  border:none;
}
.button13:hover {
	  background-position: 0px -47px;
}

.button13:active {
	  background-position: -1px -95px;
}
#banner {
	  padding: 1px;
      height:120px;
	  width:360px;
	  background:url(banner.jpg) no-repeat;
	  background-position: 0px -1448px;
	  border:none;
}
#toolsfade {
	margin-top:5px;
	margin-bottom:-14px;
	height:24px;
	width:360px;
	background:#06F;
}
#link {
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
}
#link:hover {
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
}
#link:active {
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
}
#link:visited {
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
}

#links {
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
}
#links:hover {
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
}
#links:active {
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
}
#links:visited {
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
}

#linko {
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
}
#linko:hover {
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
}
#linko:active {
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
}
#linko:visited {
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
}

#tools {
	height:0;
	visibility:hidden;
}
#toollinks {
	background-color:#F30; 
	font-family:Arial, Helvetica, sans-serif; 
	color:#FFF; 
	font-size:130%; 
	width:360px;
		
	}
#porto {
	height:0;
	visibility:hidden;
}

#forms {
	height:0;
	visibility:hidden;
	border: 1px solid #000;
	width:360px;
}

#portofade {
	margin-top:5px;
	margin-bottom:5px;
	height:24px;
	width:360px;
	background:#06F;
}
#formsfade {
	margin-top:5px;
	margin-bottom:5px;
	height:24px;
	width:360px;
	background:#06F;
}

.b1 {
	  padding: 1px;
      height:40px;
	  width:120px;
	  background:url(btools.jpg) no-repeat;
	  background-position: 0px -304px;
	  border:none;
}
.b2 {
	  padding: 1px;
      height:40px;
	  width:120px;
	  background:url(btools.jpg) no-repeat;
	  background-position: 0px -38px;
	  border:none;
}
.b3 {
	  padding: 1px;
      height:40px;
	  width:120px;
	  background:url(btools.jpg) no-repeat;
	  background-position: 0px -255px;
	  border:none;
}
.b4 {
	  padding: 1px;
      height:40px;
	  width:120px;
	  background:url(btools.jpg) no-repeat;
	  background-position: 0px -83px;
	  border:none;
}
.b5 {
	  padding: 1px;
      height:40px;
	  width:120px;
	  background:url(btools.jpg) no-repeat;
	  background-position: 0px 2px;
	  border:none;
}
.b6 {
	  padding: 1px;
      height:40px;
	  width:120px;
	  background:url(btools.jpg) no-repeat;
	  background-position: 0px -212px;
	  border:none;
}
.b7 {
	  padding: 1px;
      height:40px;
	  width:120px;
	  background:url(btools.jpg) no-repeat;
	  background-position: 0px -404px;
	  border:none;
}
.b8 {
	  padding: 1px;
      height:40px;
	  width:120px;
	  background:url(btools.jpg) no-repeat;
	  background-position: 0px -127px;
	  border:none;
}
.b9 {
	  padding: 1px;
      height:40px;
	  width:120px;
	  background:url(btools.jpg) no-repeat;
	  background-position: 0px -356px;
	  border:none;
}
.b10 {
	  padding: 1px;
      height:40px;
	  width:120px;
	  background:url(btools.jpg) no-repeat;
	  background-position: 0px -501px;
	  border:none;
}
.b11 {
	  padding: 1px;
      height:40px;
	  width:120px;
	  background:url(btools.jpg) no-repeat;
	  background-position: 0px -172px;
	  border:none;
}
.b12 {
	  padding: 1px;
      height:40px;
	  width:120px;
	  background:url(btools.jpg) no-repeat;
	  background-position: 0px -451px;
	  border:none;
}
.l1 {
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
}
.l1:hover {
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
}
.l1:active {
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
}
.l1:visited {
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
}

.mo1 {
	background-color:#009;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-weight:bolder;
	height:50px;
	width:200px;
}
.mo12 {
	background-color:#009;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-weight:bolder;
	height:50px;
	width:100px;
}

.ampel {
    width: 25px;
    height: 25px;
    background-image: url('redgreen.jpg');
    /* Versuchen Sie 'middle' für die vertikale Mitte */
    vertical-align: middle; 
    /* Falls das nicht reicht, nutzen Sie 'position: relative' */
    position: relative;
    top: -12px; /* Schiebt das Element um 2 Pixel nach oben */
    display: inline-block;
    border: none;
    cursor: pointer;
}

/* --- START: Google-Suchleisten Styles --- */
.search-container {
    position: relative;
    width: 100%; /* Passt sich flexibel an, oder z.B. 400px fix */
    max-width: 500px;
    margin: 0 auto; /* Zentriert (optional) */
    font-family: Arial, sans-serif;
}

.search-container input[type="text"] {
    width: 100%;
    padding: 12px 20px;
    font-size: 16px;
    box-sizing: border-box;
    border: 1px solid #dfe1e5;
    border-radius: 24px;
    outline: none;
    background-color: #fff;
    transition: box-shadow 0.2s;
}

.search-container input[type="text"]:focus {
    box-shadow: 0 1px 6px rgba(32,33,36,.28);
    border-color: rgba(223,225,229,0);
}

#suggestions-list {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: white;
    border: 1px solid #dfe1e5;
    border-top: none;
    border-radius: 0 0 24px 24px;
    box-shadow: 0 4px 6px rgba(32,33,36,.1);
    z-index: 9999; /* Garantiert, dass es über anderen Elementen liegt */
    list-style: none;
    margin: 4px 0 0 0;
    padding: 0;
    max-height: 250px;
    overflow-y: auto;
    text-align: left;
}

#suggestions-list li {
    padding: 10px 20px;
    cursor: pointer;
    font-size: 15px;
    color: #202124;
}

#suggestions-list li:hover {
    background-color: #f1f3f4;
}
/* --- ENDE: Google-Suchleisten Styles --- */

/* Eigenschaften für Auswahlmenüs */
.dropv, .dropv ul {padding: 0; margin: 0; list-style: none; font-family:Arial, Helvetica, sans-serif;}
.dropv a {display: inline; width: 170px;}
.dropv li {float: left; padding: 0px 8px 2px 0px;}  /* all list items */
.dropv li ul {position: absolute; background: #696969; 
  padding: 0px 0px 0px 4px; width: 170px; left: -9999px;} /* second-level lists */
.dropv li:hover ul {left: auto; } /* nest list under hovered list items */
.dropv li ul li a {color: #F2F2F2; text-decoration: none; display: block;}
.dropv li ul li a:hover {color: #FFFFFF; background:#2E2E2E;}

/* Eigenschaften für Untermenüs des Auswahlmenüs */
.dropf, .dropf ul {padding: 0; margin: 0; list-style: none; font-family:Arial, Helvetica, sans-serif;}
.dropf a {display: inline; width: 170px;}
.dropf li {float: left; padding: 0px 8px 2px 0px;}  /* all list items */
.dropf li ul {position: absolute; background: #696969; 
  padding: 0px 0px 0px 4px; width: 170px; left: -9999px;} /* second-level lists */
.dropf li:hover ul {left: auto; } /* nest list under hovered list items */
.dropf li ul li a {color: #F2F2F2; text-decoration: none; display: block;}
.dropf li ul li a:hover {color: #FFFFFF; background:#2E2E2E;}

/* Eigenschaften für Untermenüs des Auswahlmenüs */
.droppo, .droppo ul {padding: 0; margin: 0; list-style: none; font-family:Arial, Helvetica, sans-serif;}
.droppo a {display: inline; width: 170px;}
.droppo li ul {position: absolute; background: #696969; 
  padding: 0px 0px 0px 4px; width: 170px; left: -9999px;} /* second-level lists */
.droppo li:hover ul {left: auto; } /* nest list under hovered list items */
.droppo li ul li a {color: #F2F2F2; text-decoration: none; display: block;}
.droppo li ul li a:hover {color: #FFFFFF; background:#2E2E2E;}