@charset "UTF-8";
/* CSS Document */

body {
	height: 100%;
	margin:0px;
	padding:0px;
	font-family: Arial;
	font-size: 11px;
	background-repeat: no-repeat;
	background-color:rgb(144, 60, 100);
	background-image: -webkit-linear-gradient(rgb(182,110,145) 0%, rgb(144,60,100) 100%);
	background-image: linear-gradient(rgb(182,110,145) 0%, rgb(144,60,100) 100%);
	background-size: 100% 300px;
}

h1 {
	font-size:16px;
}
h2 {
	font-size:13px;
}
a {
	text-decoration:none;
	color:#955d92;
}

input[type=text], input[type=password]{
	height:14px;
	border-style:solid;
	border-width: 1px;
	border-color:#955d92;
	outline:0px;
}
textarea{
	border-bottom:solid;
	border-width: 1px;
	border-color:#955d92;
	margin:0px;
}

.absendeknopf{
	margin:20px 0px 0px 20px;
	float:right;
}



/* ---------- MAIN ---------- */

#maincontainer {
	width:940px;
	margin: 0px auto;
}

#header {
	width:940px;
	height:95px;
	background-image:url(../images/header.png);
	background-repeat:no-repeat;
}
#maincontent {
	width:840px;
	padding:20px 50px;
	background-image:url(../images/main_back.png);
	background-repeat:repeat-y;
}
#navigation {
	width:868px;
	height:60px;
	padding:0px 35px;
	background-image:url(../images/menu_2.png);
	background-repeat:repeat;
}
#footer {
	width:940px;
	height:40px;
	background-image:url(../images/footer.png);
	background-repeat:no-repeat;
}




/* ---------- NAVIGATION ---------- */

#navigation ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
#navigation li{
	float:left;
}
#navigation .logout{
	float:right;
}
#navigation .logout a{
	margin-right:0px;
}
#navigation a{
	font-size:13px;
	color:#555;
	display:block;
	padding-left: 10px;
	margin:8px 25px 0px 0px;
	background-image:url(../images/menu_button.gif);
	background-repeat:no-repeat;
	background-position:0px center;
}
#navigation a:hover, #navigation .aktiv{
	color:#000;
}



/* ---------- LOGIN ---------- */
#logincontainer {
	width:340px;
	height:130px;
	margin: 50px auto 20px auto;
	padding:50px;
	padding-top: 120px;
	background-image:url(../images/login_back.png);
	background-repeat:no-repeat;
	text-align:center;
}
#logincontainer label{
	margin-right:10px;
	width: 50px;
	display:inline-block;
	text-align:left;
}


#logincontainer input[type=text], #logincontainer input[type=password]{
	width: 200px;
}
#logincontainer .middle {
	width:340px;
	margin-top:30px;
}


/* ---------- BUERGERFORMULAR ---------- */

.spalte, .spaltelast{
	width:250px;
	margin:0px 30px 0px 0px;
	float:left;
}
.spaltelast{
	margin-right:0px;
}

.zweispalten {
	width:530px;
	margin:0px 30px 0px 0px;
	float:left;
}

#anmelden #elternteil{
	width:820px;
	margin-bottom:50px;
	padding:10px;
	background-color:#EEE;
}

#anmelden .header{
	width:820px;
	padding:5px 10px;
	margin:0px;
	border-style:none;
	border-width:1px;
	border-color:#955d92;
	border-bottom-style:solid;
	font-size:13px;
	font-weight:bold;
}

#anmelden #elternteil label{
	width:55px;
	display:inline-block;
}
#anmelden #elternteil input[type=text]{
	width:186px;
}
#anmelden #elternteil .kurz{
	width:100px !important;
}
#anmelden #elternteil label.autolength {
	width: auto;
}


#anmelden #parentsinfo{
	margin-left: 280px;
	margin-right: 0px;
}

#anmelden #parentsinfo textarea{
	width: 464px;
	resize: vertical;
}


#anmelden #kinder{
	width:820px;
	margin-bottom:50px;
	padding:15px 10px 10px 10px;
	background-color:#EEE;
}
#anmelden #kinder #tablekinder{
	width:820px;
	border-spacing:0px;
}

#anmelden #kinder th{
	font-weight:normal;
	padding-bottom:5px;
	text-align:left;
}

#anmelden #kinder td .anmelden{	
}
#anmelden #kinder td .vorname{
	width: 125px;
/* 	width: 150px; */
}
#anmelden #kinder td .nachname{
	width: 125px;
/* 	width: 150px; */
}
#anmelden #kinder td .anmerkungen{
	width: 225px;
/* 	width: 250px; */
}


#anmelden #kinder .ohnebus{
	width:16px;
	background-image:url(../images/car.png);
	background-repeat:no-repeat;
	background-position:center;
}

#anmelden #kinder .kamera{
	width:16px;
	background-image:url(../images/kamera.png);
	background-repeat:no-repeat;
	background-position:center;
}

#anmelden #kinder .behindert{
	width:16px;
	background-image:url(../images/rollstuhl.png);
	background-repeat:no-repeat;
	background-position:center;
}
#anmelden #kinder .corona{
	width:16px;
	background-image:url(../images/corona.png);
	background-repeat:no-repeat;
	background-position:center;
}
#anmelden #kinder .sparkasse{
	width:16px;
	background-image:url(../images/sparkasse.png);
	background-repeat:no-repeat;
	background-position:center;
}
#anmelden #kinder .anmerkungen{
}

#anmelden #kinder .datumtag, #kinder .datummonat{
	width:20px;
	border-right-style:none;
}
#anmelden #kinder .datumjahr{
	width:40px;
}

#anmelden #kinder .kindhinzudiv{
	margin:5px 2px 0px 0px;
	float:right;
	vertical-align:middle;
}

#anmelden #kinder .kindhinzu{
	display:inline-block;
	height:12px;
	background-image:url(../images/plus.png);
	background-repeat:no-repeat;
	background-position:right 0px;
	margin: 2px;
	padding:0px 20px 0px 0px;
	cursor:default;
}
#anmelden #kinder .kindhinzu:hover{
	background-position:right -12px;
}
#anmelden #kinder .kindhinzu:active{
	background-position:right -24px;
}

#anmelden #kinder .loeschekind{
	display:inline-block;
	width:12px;
	height:12px;
	background-image:url(../images/minus.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	margin: 2px 2px 0px 2px;
	cursor:default;
}
#anmelden #kinder .loeschekind:hover{
	background-position:0px -12px;
}
#anmelden #kinder .loeschekind:active{
	background-position:0px -24px;
}


#anmelden .oldparents {
	width:540px;
	margin:0px 0px 0px 0px;
	float:left;
}

#anmelden .oldparents h2 a {
	font-weight: normal;
}

#anmelden .oldparentsinner div {
	width:520px;
	margin:0px 0px 20px 0px;
	padding:0px 10px 10px 10px;
	border-style:none;
	border-width:1px;
	border-color:#426f31;
	border-top-style:solid;
	background-color:#DDD;
}







/* ---------- ANGEMELDET ---------- */

#angemeldet p{
	margin-top:0px;
}

#angemeldet .main{
	width:840px;
	margin-bottom:40px;
}
#angemeldet .header{
	width:820px;
	padding:5px 10px;
	border-style:none;
	border-width:1px;
	border-color:#426f31;
	border-bottom-style:solid;
}
#angemeldet .header .text{
	font-size:12px;
	font-weight:bold;
	float:left;
}
#angemeldet .header .buttons{
	float:right;
}
#angemeldet .header .buttons .aendern{
	width:16px;
	height:16px;
	margin:0px;
	display:inline-block;
	background-image:url(../images/bearbeiten.png);
	background-repeat:no-repeat;
	background-position:-16px 0px;	
}
#angemeldet .header .buttons .aendern:hover{
	background-position:0px 0px;
}
#angemeldet .header .buttons .loeschen{
	width:16px;
	height:16px;
	margin:0px 0px 0px 10px;
	display:inline-block;
	background-image:url(../images/loeschen.png);
	background-repeat:no-repeat;
	background-position:0px -16px;	
}
#angemeldet .header .buttons .loeschen:hover{
	background-position:0px 0px;
}

#angemeldet .eltern{
	width: 230px;
	padding: 10px 10px 0px 10px;
	background-color:#EEE;
	background-image:url(../images/vcard.png);
	background-repeat:no-repeat;
	background-position:10px 10px;
	float:left;
}

#angemeldet .eltern label{
	margin-right:10px;
	display:inline-block;
	width:50px;
	text-align:right;
}
#angemeldet .kinder{
	width:580px;
	padding:0px;
	margin-left:10px;
	float:left;
}
#angemeldet .kind{
	width:560px;
	padding:10px 10px 10px 10px;
	margin:0px 0px 10px 0px;
	background-color:#EEE;
	background-image:url(../images/vcardkind.png);
	background-repeat:no-repeat;
	background-position:10px 9px;
}
#angemeldet .kind .name{
	margin-left: 20px;
	font-weight:bold;
}
#angemeldet .kind .angemeldet{
	width:12px;
	height:11px;
	margin-right: 7px;
	display:inline-block;
	background-image:url(../images/checkbox.png);
	background-repeat:no-repeat;
	background-position:-12px 0px;
}
#angemeldet .kind .nichtangemeldet{
	width:12px;
	height:11px;
	margin-right: 7px;
	display:inline-block;
	background-image:url(../images/checkbox.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
}
#angemeldet .kind .tooold {
	color:#F00;
}
#angemeldet .kind .behindert{
	display:inline-block;
	width:10px;
	height:12px;
	margin:0px;
	padding:0px;
	background-image:url(../images/rollstuhl.png);
	background-repeat:no-repeat;
	background-position:center;
}
#angemeldet .kind .ohnebus{
	display:inline-block;
	width:10px;
	height:12px;
	margin:0px;
	padding:0px;
	background-image:url(../images/car.png);
	background-repeat:no-repeat;
	background-position:center;
}
#angemeldet .kind .kamera{
	display:inline-block;
	width:10px;
	height:12px;
	margin:0px;
	padding:0px;
	background-image:url(../images/kamera.png);
	background-repeat:no-repeat;
	background-position:center;
}
#angemeldet .kind .corona{
	display:inline-block;
	width:10px;
	height:12px;
	margin:0px;
	padding:0px;
	background-image:url(../images/corona.png);
	background-repeat:no-repeat;
	background-position:center;
}
#angemeldet .kind .sparkasse{
	display:inline-block;
	width:10px;
	height:12px;
	margin:0px;
	padding:0px;
	background-image:url(../images/sparkasse.png);
	background-repeat:no-repeat;
	background-position:center;
}
#angemeldet .kind .anmerkungen{
	width:11px;
	height:13px;
	margin:0px 8px 0px 1px;
	display:inline-block;
	background-image:url(../images/blatt.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
}


/* ---------- BUSLISTE ---------- */
#busliste table {
	border-spacing:0px;
}
#busliste th {
	padding: 5px;
}
#busliste td {
	padding: 3px;
	background-color:#EEE;
	border-width:1px;
	border-style:none;
	border-top-style:solid;
	border-color:#426f31;
}
#busliste .busliniebearbeiten{
	margin:0px 0px -3px 10px;
	display:inline-block;
	width:14px;
	height:14px;
	background-image:url(../images/zahnrad.png);
	background-position:0px -14px;
	background-repeat:no-repeat;
}
#busliste .busliniebearbeiten:hover{
	background-position:0px 0px;
}
#busliste input{
	width:30px;
	margin:0px;
}
#busliste .buslisteaendern{
	margin:0px 0px -2px 10px;
	display:inline-block;
	width:12px;
	height:13px;
	background-image:url(../images/pfeilrechts.png);
	background-position:0px -13px;
	background-repeat:no-repeat;
}
#busliste .buslisteaendern:hover{
	background-position:0px 0px;
}

#busliste .abbrechen{
	margin:0px 0px -2px 5px;
	display:inline-block;
	width:14px;
	height:14px;
	background-image:url(../images/loeschen_klein.png);
	background-position:0px -14px;
	background-repeat:no-repeat;
}
#busliste .abbrechen:hover{
	background-position:0px 0px;
}


/* ---------- T-SHIRTLISTE ---------- */
#tshirtliste table {
	border-spacing:0px;
}
#tshirtliste th {
	padding: 5px;
}
#tshirtliste td {
	padding: 3px;
	background-color:#EEE;
	border-width:1px;
	border-style:none;
	border-top-style:solid;
	border-color:#426f31;
}

/* ---------- ÜBERNACHTUNGSLISTE ---------- */
#uebernachtungsliste table {
	border-spacing:0px;
}
#uebernachtungsliste th {
	padding: 5px;
}
#uebernachtungsliste td {
	padding: 3px;
	background-color:#EEE;
	border-width:1px;
	border-style:none;
	border-top-style:solid;
	border-color:#426f31;
}
#uebernachtung_erfassen table {
	border-spacing:0px;
}
#uebernachtung_erfassen th {
	padding: 5px;
}
#uebernachtung_erfassen td {
	padding: 3px;
	background-color:#EEE;
	border-width:1px;
	border-style:none;
	border-top-style:solid;
	border-color:#426f31;
}

/* ---------- Inklusion ---------- */
#inklusion table {
	border-spacing:0px;
}
#inklusion th {
	padding: 5px;
}
#inklusion td {
	padding: 3px;
	background-color:#EEE;
	border-width:1px;
	border-style:none;
	border-top-style:solid;
	border-color:#426f31;
}

#inklusion_aendern table {
	border-spacing:0px;
}
#inklusion_aendern th {
	padding: 5px;
}
#inklusion_aendern td {
	padding: 3px;
	background-color:#EEE;
	border-width:1px;
	border-style:none;
	border-top-style:solid;
	border-color:#426f31;
}

/* ---------- ZAHLUNGEN ---------- */

#zahlungen p{
	margin-top:2px;
	margin-bottom:2px;
	vertical-align:middle;
}
#zahlungen #main{
	width:840px;
	margin-bottom:40px;
	border-style:none;
	border-width:1px;
	border-color:#426f31;
	border-bottom-style:solid;
}
#zahlungen .row{
	width:820px;
	padding:5px 10px;
	background-color:#EEE;
	border-style:none;
	border-width:1px;
	border-color:#426f31;
	border-top-style:solid;
}
#zahlungen .familie{
	width:200px;
	margin:0px 15px 0px 0px;
	float:left;
}
#zahlungen .eltern{
	padding-left:18px;
	background-image:url(../images/vcard.png);
	background-repeat:no-repeat;
	font-weight:bold;
}
#zahlungen .kind{
	padding-left:18px;
	background-image:url(../images/vcardkind.png);
	background-repeat:no-repeat;
}
#zahlungen .kind .behindert{
	display:inline-block;
	width:10px;
	height:12px;
	margin:0px;
	padding:0px;
	background-image:url(../images/rollstuhl.png);
	background-repeat:no-repeat;
	background-position:center;
}
#zahlungen .zahlung{
	width:400px;
	float:left;
}
#zahlungen .zahlung label{
	display:inline-block;
	width:30px;
}
#zahlungen .zahlung .nichtbezahlt{
	color:#F00;
}
#zahlungen .zahlung .bezahlt{
	color:#999;
}
#zahlungen .zahlung .zahlungbearbeiten{
	margin:0px 0px -3px 10px;
	display:inline-block;
	width:14px;
	height:14px;
	background-image:url(../images/zahnrad.png);
	background-position:0px -14px;
	background-repeat:no-repeat;
}
#zahlungen .zahlung .zahlungbearbeiten:hover{
	background-position:0px 0px;
}
#zahlungen .zahlung input{
	width:30px;
	margin:0px;
}
#zahlungen .zahlung .zahlungaendern{
	margin:0px 0px -2px 10px;
	display:inline-block;
	width:12px;
	height:13px;
	background-image:url(../images/pfeilrechts.png);
	background-position:0px -13px;
	background-repeat:no-repeat;
}
#zahlungen .zahlung .zahlungaendern:hover{
	background-position:0px 0px;
}

#zahlungen .zahlung .zahlungabbrechen{
	margin:0px 0px -2px 5px;
	display:inline-block;
	width:14px;
	height:14px;
	background-image:url(../images/loeschen_klein.png);
	background-position:0px -14px;
	background-repeat:no-repeat;
}
#zahlungen .zahlung .zahlungabbrechen:hover{
	background-position:0px 0px;
}

#zahlungen .aendern{
	color: #000;
}



/* ---------- ADMIN ---------- */

#admin label {
	width: 150px;
	display: inline-block;
}

#admin .example {
	color: rgb(150,150,150);
}


/* ---------- SCAN ---------- */

#scan table {
	border-spacing:0px;
}
#scan th {
	padding: 5px;
}
#scan td {
	padding: 3px;
	background-color:#EEE;
	border-width:1px;
	border-style:none;
	border-top-style:solid;
	border-color:#426f31;
}


/* ---------- AUFSICHTSPFLICHT ---------- */

#aufsichtspflicht table {
	border-spacing:0px;
}
#aufsichtspflicht th {
	padding: 5px;
}
#aufsichtspflicht td {
	padding: 3px;
	background-color:#EEE;
	border-width:1px;
	border-style:none;
	border-top-style:solid;
	border-color:#426f31;
}

#aufsichtspflicht_erfassen table {
	border-spacing:0px;
}
#aufsichtspflicht_erfassen th {
	padding: 5px;
}
#aufsichtspflicht_erfassen td {
	padding: 3px;
	background-color:#EEE;
	border-width:1px;
	border-style:none;
	border-top-style:solid;
	border-color:#426f31;
}

/* ---------- ARBEITSAMT ---------- */

#arbeitsamt table {
	border-spacing:0px;
}
#arbeitsamt th {
	padding: 5px;
}
#arbeitsamt td {
	padding: 3px;
	background-color:#EEE;
	border-width:1px;
	border-style:none;
	border-top-style:solid;
	border-color:#426f31;
}

#arbeitsamt_anzahlbearbeiten table {
	border-spacing:0px;
}
#arbeitsamt_anzahlbearbeiten th {
	padding: 5px;
}
#arbeitsamt_anzahlbearbeiten td {
	padding: 3px;
	background-color:#EEE;
	border-width:1px;
	border-style:none;
	border-top-style:solid;
	border-color:#426f31;
}

#arbeitsamt_kinderzuteilen table {
	border-spacing:0px;
}
#arbeitsamt_kinderzuteilen th {
	padding: 5px;
}
#arbeitsamt_kinderzuteilen td {
	padding: 3px;
	background-color:#EEE;
	border-width:1px;
	border-style:none;
	border-top-style:solid;
	border-color:#426f31;
}

#arbeitsamt_beamer table {
	border-spacing:0px;
}
#arbeitsamt_beamer th {
	padding: 5px;
}
#arbeitsamt_beamer td {
	padding: 3px;
	background-color:#EEE;
	border-width:1px;
	border-style:none;
	border-top-style:solid;
	border-color:#426f31;
}

#arbeitsamt_uebersicht table {
	border-spacing:0px;
}
#arbeitsamt_uebersicht th {
	padding: 5px;
}
#arbeitsamt_uebersicht td {
	padding: 3px;
	background-color:#EEE;
	border-width:1px;
	border-style:none;
	border-top-style:solid;
	border-color:#426f31;
}

/* ---------- Hilfsdateien ---------- */
#arbeitsamt_uebersicht p{
	margin-top:2px;
	margin-bottom:2px;
	vertical-align:middle;
}
#arbeitsamt_uebersicht #main{
	width:840px;
	margin-bottom:40px;
	border-style:none;
	border-width:1px;
	border-color:#426f31;
	border-bottom-style:solid;
}
#arbeitsamt_uebersicht .row{
	width:820px;
	padding:5px 10px;
	background-color:#EEE;
	border-style:none;
	border-width:1px;
	border-color:#426f31;
	border-top-style:solid;
}
#arbeitsamt_uebersicht .arbeitsstelle{
	width:300px;
	margin:0px 15px 0px 0px;
	float:left;
}
#arbeitsamt_uebersicht .arbeitsstellenbezeichnung{
	padding-left:18px;
	background-repeat:no-repeat;
	font-weight:bold;
}
#arbeitsamt_uebersicht .kind{
	padding-left:18px;
	background-repeat:no-repeat;
}
#arbeitsamt_uebersicht  .kind .anwesend{
	width:12px;
	height:11px;
	margin-right: 7px;
	display:inline-block;
	background-image:url(../images/checkbox.png);
	background-repeat:no-repeat;
	background-position:-12px 0px;
}
#arbeitsamt_uebersicht  .kind .nichtanwesend{
	width:12px;
	height:11px;
	margin-right: 7px;
	display:inline-block;
	background-image:url(../images/checkbox.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
}


/* ---------- FASTSEARCH ---------- */

#suche{
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 20px;
	float:right;
	background-image:url(../images/lupe.png);
	background-repeat:no-repeat;
	background-position:left center;
}
#suchehead{
	margin-top:0px;
	float:left;
}
#suche input{
	width: 200px;
	height: 16px;
}



/* ---------- SONSTIGES ---------- */

.clearer{
	clear:both; 
	height:0px; 
	font-size:0px; 
	margin: 0px; 
	padding:0px;
	line-height: 0px;
}