@charset "utf-8";

/* Farben */
	
	/* Akzentfarbe */
	.blau {color:#009da5;}
	.blau1 {color:#78b7bb;}
	.blau2 {color:#bcdcde;}
	.blau3 {color:#ddeeee;}
	
	/* Linkfarbe */
	.gruen {color:#728a16;}
	.gruen1 {color:#889e33;}
	
	/* grau/schwarz */
	.schwarz {color:#333333;}
	.grau0 {color:#666666;}
	.grau {color:#999999;}
	.grau1 {color:#cccccc;}
	.grau2 {color:#eeeeee;}

	/* Warnfarbe */
	.rot {color:#990000;}
	.rot1 {color:#eecccc;}
	
	/* Hintergrundfarbe */
	.back0 {background-color:#ffffff;}
	.back1 {background-color:#f1f4e8;}
	.back2 {background-color:#e5eacf;}
	.back3 {background-color:#c1cb99;}

/* Grundformen */
table {color:#333333;}
form {margin:0;}
fieldset  {margin:0; border:0; padding:0; font:10pt Muli, Arial, Helvetica, sans-serif; }
input[type=radio] {margin:0px 0px 9px 10px;}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
textarea {resize: none;}
ol, ul  {margin:0 auto; padding:0 0 0 20px;}

/* Hintergrund */
body {background-repeat:no-repeat; margin:0px 0px -10px 0px; font-family: Muli, Arial, Helvetica, sans-serif;}
.backgreen {background-color: #ffffff;}

/* Header */
#header {
	background-color:#ffffff;
	width:100%;
	overflow: hidden;
	text-align:center;
	position:fixed; 
	top:0;
    left:0;
    z-index:100;
	height:100px;
	padding-top:25px;
    transition: all 0.3s;
}
#header.smaller, #header.eingeloggt {
	height:35px;
	padding:20px 0px 10px 0px;
	top:0;
}

/* Titel */
#t1 {font-weight:bold; font-size:2.2em; line-height:110%; padding-top:0px; color:#333333; transition: all 0.3s;}
#t1.smaller, #t1.eingeloggt {font-size:1.7em; color:#009da5;}
#t2 {font-weight:bold; font-size:1.5em; color:#009da5; transition: all 0.3s;}
#t2.smaller, #t2.eingeloggt {display:none;}
#iconlogo {height:68px; margin-right:10px; transition: all 0.3s; padding-top:3px;}
#iconlogo.smaller, #iconlogo.eingeloggt {height:26px; margin-right:3px;}

/* Login */
#login.eingeloggt {
	background-color:#ffffff;
	width:100%;
	text-align:center;
	position:fixed;
	top:65px;
    left:0;
    z-index:100;
	height:35px;
	padding:3px 0px 7px 0px;
    transition: all 0.3s;
}
#loginleiste {
	position:fixed;
	top:20px;
	width:680px;
	background-color:#f1f4e8;
	border:3px solid #c1cb99;
	z-index:1000;
	padding:10px 10px 12px 15px;
	transition: all 0.3s;
}
#loginleiste:hover {
	border:3px solid #728a16;
}
#loginregister {
	position:relative;
	z-index:3;
	overflow:hidden;
    transition: all 2.0s;
	float:right;
	text-align:right;
	font-weight:bold;
	line-height:110%;
}
#loginregister.smaller {
	display:block;
	margin-top:-3px;
}

/* Menü */
#menu {	
	background-color:#ffffff;
	text-align:center;
	width:100%;
	position:fixed;
	top:125px;
    left:0;
    z-index:100;
	padding:20px 0px 5px 0px;
    transition: all 0.3s;
}
#menu.smaller {top:65px;}
#menu.eingeloggt {top:110px;}
.menutext {font-size:1.1em; font-weight:700; text-align:left;}
.menu {padding:14px 0px 13px 0px;}
.menuleft {text-align:left; width:100%;}
.menucenter {text-align:center; width:100%;}
.menuhalfright {text-align:right; width:750px;}
.menuright {text-align:right; width:100%;}
.tm {font-size:17pt;}
.menubadge {font-size:1.4em; float:left; margin-right:30px;}

/* Content */
#content {background-color:#ffffff; text-align:center; padding:150px 0px 40px 0px; min-height:400px;}
#content.eingeloggt {padding:170px 0px 40px 0px; min-height:470px;}

/* Container */
#container {width: 800px; margin: 0px auto; text-align:left; color:#333333;}
#containertext {clear:left;}
#aufgabe{text-align:left; float:left;}
	
	/* links */
	#containerleft {text-align:left; float:left; margin-right:15px; clear:left;}
	#container0 {text-align:left; float:left; overflow:visible;}
	#container5 {text-align:left; float:left; margin-right:5px;}
	#container10 {text-align:left; float:left; margin-right:10px;}
	#container20 {text-align:left; float:left; margin-right:20px;}
	#container32 {text-align:left; float:left; margin-right:15px;}
	
	/* rechts */
	#container2 {text-align:left;}
	#containerright {text-align:right;}
	#containerright5 {text-align:right; float:right; margin-left:5px;}
	#containerright10 {text-align:right; float:right; margin-left:10px;}
	#container12 {text-align:left; float:left; margin-right:13px;}
	#container21 {text-align:right; float:right; margin:3px 0px 0px 10px;}
	#container22 {text-align:right; float:right; margin-left:15px;}

/* Footer */
#footer {background-color:#ffffff; text-align:center; padding: 15px 0px 30px 0px;}

/* Überschriften */
.h0 {font-weight:bold; font-size:2em; line-height:120%; color:#333333;}
.h1 {font-weight:bold; font-size:1.75em; line-height:120%; color:#333333; margin-top:35px; margin-bottom:20px;}
.h1a {font-weight:bold; font-size:1.5em; line-height:120%; color:#009da5; margin-top:35px;}
.h1b {font-weight:bold; font-size:1.5em; line-height:120%; color:#009da5; margin-bottom:20px; margin-top:30px;}
.h2 {font-weight:bold; font-size:1.5em; line-height:120%; color:#333333; margin-bottom:15px; margin-top:30px;}
.h2a {font-weight:bold; font-size:1.5em; line-height:120%; color:#333333; margin-bottom:15px;}
.h2b {font-weight:bold; font-size:1.5em; line-height:120%; color:#333333; margin-bottom:15px; padding-top:12px;}
.h2c {font-weight:bold; font-size:1.5em; line-height:120%; color:#333333;}
.h3 {font-weight:bold; font-size:1.25em; line-height:120%; padding-bottom:10px;}
.h3a {font-weight:bold; font-size:1.25em; line-height:120%;}
.h3b {font-weight:bold; font-size:1.25em; line-height:120%; margin:30px 0px 10px 0px; color:#009da5;}
.h4 {font-weight:bold; font-size:1em; margin-bottom:2px; color:#009da5; padding-top:2px;}
.h4a {font-weight:bold; font-size:1em; margin-bottom:2px; padding-top:2px;}
.h5 {font-weight:bold; font-size:1em; margin-bottom:4px; color:#333333;}
.h5a {font-weight:bold; font-size:1em; margin-bottom:8px; color:#333333;}
.h6 {font-size:1em; margin-top: 6px; color:#333333;}

/* Texte */
.text {font-size:1em; line-height:130%; color:#333333;}
.bold {font-weight:bold;}
.pflichtfelder {margin-left:50px; font-size:0.8em;}
.zeile {font-size:0.8em; line-height:150%;}
.namen {font-size:0.7em; margin-top:-2px; width:740px; margin-bottom:5px;}
.small {font-size:0.8em; line-height:130%;}
.smallest {font-size:0.5em; line-height:100%;}
.infotext {font-size:0.8em; line-height:130%; color:#009da5;}
.ueber {font-size:0.7em; line-height:200%; color:#666666;}
.yes {color:#728a16;}
.no {color:#990000;}	

/* Links */
a:link {text-decoration:none; color:#728a16;}
a:visited {text-decoration:none; color:#728a16;}
a:hover {opacity:0.7;}
a:active {opacity:0.7;}

/* Submenüs */
.submenu {font-size:1em; vertical-align:top; margin:5px 0px 30px 0px;}
.filter {font-size:0.8em; padding-top:34px;}
.submenu0 {font-size:0.8em;}
.submenu1 {font-size:0.8em; vertical-align:top;}
.submenu2 {font-size:0.8em; vertical-align:top; margin-top:3px;}
.submenu20 {font-size:0.8em; vertical-align:top; padding:1px 0px 1px 0px;}
.submenu3 {font-size:0.8em; vertical-align:bottom; padding-bottom:2px;}
.submenu4 {font-size:0.8em; padding-top:3px;}
.menu2 {margin:-28px 0px 0px 0px; overflow:auto; width:100%; background-color:#ffffff; position:relative; padding:5px 0px;}
.intern {height:30px;}

/* Badges */
.badge{background-color:#009da5; color:#ffffff; border: 0px; font-size:0.7em; font-weight:bold; padding:1px 4px; vertical-align:center; border-radius:2px; margin-left:7px; margin-top:-1px; font-family: Muli, Arial, Helvetica, sans-serif;}
.badge-small{background-color:#009da5; color:#ffffff; border: 0px; font-size:0.6em; font-weight:bold; padding:1px 3px; vertical-align:center; border-radius:2px; margin-left:5px; font-family: Muli, Arial, Helvetica, sans-serif;}
.badgeover{position:relative; left:55px; top:-35px; margin-bottom:-24px; text-align:center; width:100px; z-index:3;}
.badgeover2{position:relative; left:43px; top:-28px; margin-bottom:-19px; text-align:center; width:100px; z-index:3;}
.badgeampel{position:relative; left:10px; top:3px; overflow:visible; height:1px; font-size:1.5em; z-index:2;}
.badgetext{margin: 0px;}
.badge1{background-color:#889e33; color:#ffffff; font-size:0.7em; font-weight:bold; padding:1px 2px 0px 2px; vertical-align:center; border:1px solid #889e33; margin:1px 2px 0px 0px; font-family: Muli, Arial, Helvetica, sans-serif; min-width:10px; float:left; text-align:center; line-height:14px;}
.badge1a{background-color:#889e33; color:#ffffff; font-size:0.7em; font-weight:bold; padding:1px 2px 0px 2px; vertical-align:center; border:1px solid #889e33; margin:1px 2px 0px 0px; font-family: Muli, Arial, Helvetica, sans-serif; min-width:10px; float:left; text-align:center; line-height:14px;}
.badge1b{background-color:#999999; color:#ffffff; font-size:0.7em; font-weight:bold; padding:1px 2px 0px 2px; vertical-align:center; border:1px solid #999999; margin:1px 2px 0px 0px; font-family: Muli, Arial, Helvetica, sans-serif; min-width:10px; float:left; text-align:center; line-height:14px;}
.badge1:hover{background-color:#ffffff; color:#889e33;}
.badge2{background-color:#009da5; color:#ffffff; font-size:0.7em; font-weight:bold; padding:1px 2px 0px 2px; vertical-align:center; border:1px solid #009da5; margin:1px 2px 0px 0px; font-family: Muli, Arial, Helvetica, sans-serif; min-width:10px; float:left; text-align:center; line-height:14px;}
.badge2a{background-color:#78b7bb; color:#ffffff; font-size:0.7em; font-weight:bold; padding:1px 2px 0px 2px; vertical-align:center; border:1px solid #78b7bb; margin:1px 5px 0px 0px; font-family: Muli, Arial, Helvetica, sans-serif; min-width:10px; float:left; text-align:center; line-height:14px;}
.badge3{background-color:#ffffff; color:#889e33; font-size:0.7em; font-weight:bold; padding:1px 2px 0px 2px; vertical-align:center; border:1px solid #889e33; margin:1px 2px 0px 0px; font-family: Muli, Arial, Helvetica, sans-serif; min-width:10px; float:left; text-align:center; line-height:14px;}
.badge3a{background-color:#ffffff; color:#889e33; font-size:0.7em; font-weight:bold; padding:1px 2px 0px 2px; vertical-align:center; border:1px solid #889e33; margin:1px 2px 0px 0px; font-family: Muli, Arial, Helvetica, sans-serif; min-width:10px; float:left; text-align:center; line-height:14px;}
.badge3b{background-color:#ffffff; color:#999999; font-size:0.7em; font-weight:bold; padding:1px 2px 0px 2px; vertical-align:center; border:1px solid #999999; margin:1px 2px 0px 0px; font-family: Muli, Arial, Helvetica, sans-serif; min-width:10px; float:left; text-align:center; line-height:14px;}
.badge3:hover{background-color:#889e33; color:#ffffff;}
.badge4{background-color:#ffffff; color:#009da5; font-size:0.7em; font-weight:bold; padding:1px 2px 0px 2px; vertical-align:center; border:1px solid #009da5; margin:1px 2px 0px 0px; font-family: Muli, Arial, Helvetica, sans-serif; min-width:10px; float:left; text-align:center; line-height:14px;}
.badge4a{background-color:#ffffff; color:#78b7bb; font-size:0.7em; font-weight:bold; padding:1px 2px 0px 2px; vertical-align:center; border:1px solid #78b7bb; margin:1px 2px 0px 0px; font-family: Muli, Arial, Helvetica, sans-serif; min-width:10px; float:left; text-align:center; line-height:14px;}
.badge5{background-color:#ffffff; color:#999999; font-size:0.7em; font-weight:bold; padding:1px 2px 0px 2px; vertical-align:center; border:1px solid #999999; margin:1px 2px 0px 0px; font-family: Muli, Arial, Helvetica, sans-serif; min-width:10px; float:left; text-align:center; line-height:14px;}
.badge5:hover{background-color:#889e33; color:#ffffff;}
.fly {float: right; margin: 7px 0px 0px -5px; position:absolute; z-index:1; line-height:11pt;}

/* Beschriftungen */
.beschriftung1 {margin-top:10px; width:100px;}
.beschriftung10 {width:100px;}
.beschriftung15 {margin-top:8px; width:150px;}
.beschriftung2 {margin-top:8px; width:200px;}
.beschriftung20 {width:200px;}
.beschriftung3 {margin-top:8px; width:300px;}

/* Formulare */
.formular {border-bottom:3px solid #c1cb99; border-top:0; border-left:0; border-right:0; font:1em Muli, Arial, Helvetica, sans-serif; color:#333333; margin-top:5px; padding:3px 6px; background-color:transparent;}
.formular2 {border-bottom:3px solid #c1cb99; border-top:0; border-left:0; border-right:0; font:1em Muli, Arial, Helvetica, sans-serif; color:#333333; margin-top:5px; padding:3px 6px; background-color:transparent; text-align:right; width:30px;}
.formularsmall {border-bottom:3px solid #c1cb99; border-top:0; border-left:0; border-right:0; font: Muli, Arial, Helvetica, sans-serif; color:#333333; margin:0px; padding: 3px 6px; background-color:transparent;}
.formularbig {border:1px solid #dddddd; font: 1.5em Muli, Arial, Helvetica, sans-serif; color:#333333; padding:15px 20px; font-weight: bold; background-color:#ffffff;}
.formular:hover, .formular2:hover, .formularsmall:hover {background-color:#ffffff; border-bottom:3px solid #728a16; transition: all 0.3s;}
.formularbig:hover {background-color:#ffffff;}
.formular:disabled, .formular2:disabled, .formularsmall:disabled, .formularbig:disabled {border-bottom:3px solid #cccccc; border-top:0; border-left:0; border-right:0; color: #999999;}
.wieformular {border-bottom:3px solid #c1cb99; border-top:0; border-left:0; border-right:0; font:1em Muli, Arial, Helvetica, sans-serif; color:#333333; margin-top:5px; padding:3px 6px; background-color:transparent;}
.voll {width:600px;}
.voll1 {width:650px;}
.voll2 {width:550px;}
.voll3 {width:510px;}
.halb1 {width:524px;}
.halb11 {width:569px;}
.halb2 {width:70px;}
.kurz4 {width:50px;}
.kurz6 {width:66px;}
.input {border:10px solid #728a16; font:12pt Muli, Arial, Helvetica, sans-serif; margin-top:5px;}
.input2 {border:1px solid #728a16; font:12pt Muli, Arial, Helvetica, sans-serif; margin-top:5px;}
.noformular {width:48px; text-align:right; background-color:transparent; border:0; font-family: Nunito Sans, Arial, Helvetica, sans-serif; padding:0; font-size:1em;}

/* Buttons */
.knopf {cursor: pointer; font: 0.9em Muli, Arial, Helvetica, sans-serif; color: #728a16; background-color: #e5eacf; padding:3px 6px; line-height: 130%; margin-top:12px; border:3px solid #c1cb99; font-weight:bold;}
.knopfsmall {cursor: pointer; font: 0.9em Muli, Arial, Helvetica, sans-serif; color: #728a16; background-color: #e5eacf; padding:3px 6px; line-height: 130%; margin-top:5px; border:3px solid #c1cb99; font-weight:bold;}
.knopf:hover, .knopfsmall:hover {background-color:#ffffff; border:3px solid #728a16; color: #728a16; transition: all 0.3s;}
.knopf:disabled, .knopfsmall:disabled {cursor:auto; border:3px solid #cccccc; color: #999999; background-color: #eeeeee;}
.updown {padding-top: 10px; font-size:1.5em; float:left;}

/* Infoboxen */
.info-i {border: 1px solid #ffffff; width:25px; vertical-align:middle; text-align:center; font-size:1.6em; font-weight:bold; padding:7px 0px 4px 0px; margin:0px 15px 2px 5px; float:left; border-radius:3px;}
.fehler {background-color:#eecccc; padding:10px; font-size: 0.8em; line-height:120%; margin:10px 0px; overflow:auto;}
.keinfehler {background-color:#e5eacf; padding:10px; font-size: 0.8em; line-height:120%; margin:10px 0px; overflow:auto;}
.information {background-color:#bcdcde; color:#333333; padding:12px 10px 10px 10px; font-size: 0.8em; line-height:120%; margin:10px 0px; overflow:auto; clear:left;}
.close, .close-i {position:relative; text-align:right; float:right; font-size:1.5em; transition: 0.15s; color:#889e33; margin-top:-3px;}
.close:hover, .close-i:hover {opacity: 0.7;}
.close-bild {position:relative; width:15px; text-align:center; float:left; top:27px; left:5px; margin-top:-25px; font-size:1em; transition: 0.15s; color:#889e33; z-index:1; overflow:hidden; opacity: 0.7;}
.close-bild:hover {opacity: 1.0;}
.infobox {padding:15px; background-color:#bcdcde; margin-bottom:15px; font-size:10pt; line-height:12pt; font-family: Muli, Arial, Helvetica, sans-serif;}
.info{float: left; margin: 3px 10px 15px 0px;}

/* Meldungsboxen */
.meldung1 {padding:15px; background-color:#e5eacf; margin-bottom:30px; overflow:auto;}
.meldung2 {padding:14px; color:#990000; border:1px solid #990000; margin-bottom:30px; height:60px;}
.hinzubox2 {padding:4px 7px 7px 0px; margin:-8px 0px 8px 0px; text-align:right; background-color:#e5eacf; overflow:auto;}
.titlebox {padding:10px 15px; background-color:#e5eacf; overflow:auto; }
.graubox {padding:10px 15px; background-color:#eeeeee; overflow:auto;}
.greenbox {padding:10px; background-color:#f1f4e8;}
.menubox {padding:10px; background-color:#f1f4e8; margin-left:-10px; width:800px; margin-top:30px; overflow:auto;}
.angebotbox {padding:10px; background-color:#889e33; font-size:1em; line-height:1em; text-transform:uppercase; color:#ffffff; font-weight:bold; vertical-align:middle; margin-bottom:30px;}
.newsbox {font-size:9pt; line-height:11pt; color:#333333; padding:10px; background-color:#bcdcde;}
.newsbox1 {margin:3px 0px 0px 42px;}
.newsbox2 {padding:8px 10px; background-color:#ddeeee;}
.formbox, .hinzubox {clear:both; background-color:#e5eacf; margin:10px 0px; padding:10px; overflow:auto;}
.ftmgbox {position:absolute; background-color:#e5eacf; padding:10px; background-color:#bcdcde; z-index:1;  margin-top:50px; margin-left:200px; width:400px; border:5px solid #ffffff;}
.formbox:hover, .hinzubox:hover {background-color:#f1f4e8; transition: all 0.3s;}
.form-title {font-weight:bold; margin-bottom:5px;}
.close {font-size:1.5em;}
.overbox {position:absolute; overflow:hidden; padding:10px; background-color:#bcdcde; z-index:1000; clear:left; width:390px; margin-top:64px; margin-left:390px; border:5px solid #ffffff;}
.mailbox {margin:15px 0px; padding:10px; color:#009da5; background-color:#bcdcde; overflow:auto; transition: all 0.3s;}
.mailbox:hover {background-color:#ddeeee;}
.border{border:1px solid #728a16; padding:10px;}
.meldungbox{padding:20px 0px 10px 0px; border-bottom:3px solid #c1cb99;}

/* Zeilen */
.row {padding:1px; overflow:auto;}
.row0 {padding:1px; background-color:#f1f4e8; overflow:auto;}
.row1 {padding:5px 7px; background-color:#e5eacf; overflow:auto;}
.row10 {padding:5px 7px; background-color:#f1f4e8; overflow:auto;}
.row2 {padding:5px; overflow:auto;}
.newsrow {padding:5px 7px; overflow:auto;}
.row:hover, .row1:hover, .row2:hover, .newsrow:hover {background-color:#f1f4e8; transition: all 0.3s;}
.row0:hover {background-color:#e5eacf; overflow:auto; transition: all 0.3s;}	
.listbox {padding:10px; overflow:auto; border:3px solid #f1f4e8; margin-top:10px;}
.listbox:hover {border-color:#c1cb99; transition: all 0.3s;}
.titlerow {background-color:#ddeeee; padding:4px 7px 3px 7px; overflow:auto; margin:25px 0px 8px 0px; transition: all 0.3s;}
.auswahl {background-color:#e5eacf; padding:12px 15px 10px 15px; overflow:auto; margin:12px 0px 8px 0px; float:left; width:103px; transition: all 0.3s;}
.titlerow:hover, .auswahl:hover  {background-color:#f1f4e8;}
.auswahl-in {text-align:center; margin-left:-12%;}
.auswahl-text {text-align:center; margin-top:10px;}
.heller {background-color:#f1f4e8;}
.aktiv {color: #728a16; background-color:#f1f4e8;}
.aufbau {color: #009da5; background-color:#ddeeee;}
.ruhend {color: #666666; background-color:#eeeeee;}

/* Abstände */
.abstandunten {margin-bottom:5px;}
.abstandunten2 {margin-bottom:2px;}
.abstandunten8 {margin-bottom:8px;}
.abstandunten11 {margin-bottom:11px;}
.abstandoben {margin-top:5px;}
.abstandoben8 {margin-top:8px;}
.abstandoben11 {padding-top:11px;}
.wenigerunten40 {margin-bottom:-40px;}
.absatz {margin-bottom:15px;}
.bordertop{border-top:5px solid #ffffff;}

/* Kalender */
.kalender1 {font-size:0.8em; color:#333333; background-color:#e5eacf; vertical-align:middle; text-align:center; padding:3px 5px 1px 5px;}
.kalender2 {font-size:1.5em; color:#333333; background-color:#f1f4e8; font-weight:bold; vertical-align:middle; text-align:center;}
.kalender3 {padding:0px 15px;}
.calendar {}
td.calendar-day {height:118px; vertical-align:top;}
.calendar-text {font-size:10pt; padding:5px; width:99px; max-height:52px; overflow:hidden; margin:0px 0px 5px 3px;}
.calendar-text:hover {}
td.calendar-day-np {height:118px;}
td.calendar-day-head {height:30px; text-align:center; width:14.28%; padding:5px;}
.day-number {font-size:20px; padding:5px 0px; color:#ffffff; font-weight:bold; width:100%; text-align:center; vertical-align:top; margin:10px 0px 5px 3px; width:109px;}
.day-with {background:#889e33;}
.day-today {background:#009da5;}
td.calendar-day, td.calendar-day-np {width:14.28%; padding:0px;}
	
/* Icons */
.icon {margin: 0px 9px -1px 5px;}
.icon-menu {height:20px; width:20px; margin: 0px 9px -1px 0px;}
.icon-small {height:11px; width:11px;}
.icon-medium {height:15px; width:15px; margin-right:5px; float:right;}
.icon-big {height:40px; width:40px; margin-right:10px;}
.icon-feed {height:15px; width:15px; float:left; margin-right:9px; margin-top:2px;}
.icon-start {height:20px; width:20px;}
.icon-listbox {height:20px; width:20px; margin-left:25px;}
.right20 {margin: 0px 20px 0px 0px; float:left;}
.menu-icon {float:left; margin-right: 15px; padding-top: 3px; height:40px; width:40px;}

/* Bilder */
.bild {width:120px; height:220px; overflow:hidden;}
.bild-big {width:145px; height:165px; overflow:hidden;}
.bild-medium {width:120px; height:170px; overflow:hidden;}
.bild-small {width:87px; height:160px; overflow:hidden;}
.bild-start {width:100px; overflow:hidden; margin-right:20px;}
.bild-koo {width:75px; height:100px; overflow:hidden;}
.bild-tiny {width:63px; height:80px; overflow:hidden;}
.bild-mini {width:32px; height:40px; overflow:hidden;}
.bild-logo {width:85px; height:85px; overflow:hidden;}
.symbol {margin: 0px 0px -2px 1px;}
.ampel {margin: 0px 5px 0px 0px; font-size:1.3em; line-height:1em; vertical-align:center;}
.ampelrot {color:#999999;}
.ampelgelb {color:#009da5;}
.ampelgruen {color:#889e33;}
.symbole {text-align:left; float:left; margin: 2px 3px 0px 0px;}
.angebot-bild {width:185px; height:200px; overflow:hidden;}
.angebot-titel{margin:5px 0px; font-weight:bold; height:55px; vertical-align:top; z-index:1002;}
.ausgegraut {filter: grayscale(1); z-index:1001;}

/* Fotos */
.foto {overflow:hidden;}
#foto {cursor: pointer; transition: 0.15s;}
#foto:hover {opacity: 0.7;}
.modal {position: fixed; z-index: 1010; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: #000000;}
.modal-content {margin: auto; display: block; width: 80%; max-width: 700px;}
#caption {margin: auto; display: block; width: 80%; max-width: 700px; text-align: center; color: #ffffff; padding: 10px 0px;height: 150px;}
.modal-content, #caption {-webkit-animation-name: zoom; -webkit-animation-duration: 0.6s; animation-name: zoom; animation-duration: 0.6s;}
@-webkit-keyframes zoom {from {-webkit-transform:scale(0)} to {-webkit-transform:scale(1)}}
@keyframes zoom {from {transform:scale(0)} to {transform:scale(1)}}
.zu {position: absolute; top: 15px; right: 35px; color: #A1A100; font-size: 40px; font-weight: bold; transition: 0.3s;}
.zu:hover, .zu:focus {color: #BBBB00; text-decoration: none; cursor: pointer;}
@media only screen and (max-width: 700px){.modal-content {width: 100%;}}

/* Sonstige */
.mousemove {height:35px;}
.hintergrund {position:relative; top:0; left:0;}
.rr {border-right: 1px solid #333333; border-top: 1px solid #333333; text-align:center;}
.ro {border-top: 1px solid #333333; text-align:center;}
.rol {border-top: 1px solid #333333; text-align:left;}
.greenboard {background-color: #889e33;}