#con-werk {
	width: 80%;
	float: left;
	margin-left: 10%;
	font-family: Verdana, Arial, Helvetica;

}

.lehrer_werkstatt {
	width: 100%;
	float: left;
	padding: 5px;
	margin-bottom: 5px;
	box-sizing: border-box;
	background: #4e4e4e;
	color: #ffffff;
	text-decoration: none;


}

.button-back {
	border-color: #000000;
	border-style: solid;
	border-width: 3px;
	padding: 5px;
	color: #000000;
	float: left;
	font-family: Verdana, Arial, Helvetica;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	margin-left: 25px;
	margin-top: 5px;
	text-decoration: none;
}

.list_rueckmeldungen tbody tr:nth-child(2n) {
	background-color: #f2f2f2;
}

.J_ueberschrift {

	width: 15%;
	height: 38px;
	float: left;
	text-align: center;
	padding-top: 12px;
	font-family: Verdana, Arial, Helvetica;
	font-weight: bold;
}

.J0 {
	width: 10%;
	height: 100%;
	float: left;
	text-align: center;
	font-family: Verdana, Arial, Helvetica;
	font-weight: bold;
}

.J_Kurse {
	width: 15%;
	height: 100%;
	float: left;
	padding: 1%;

	box-sizing: border-box;

}

.bereich {
	width: 100%;
	float: left;
	border: 2px solid #000;
}

.werkstatt_list {
	width: 100%;
	padding: 5px;
	border: 1px solid #000;
	font-family: Verdana, Arial, Helvetica;
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

#erstwahlen {
	float: left;
	margin-left: 50px;
}

.erstwahl-div {
	width: 180px;
	height: 65px;
	padding: 5px;
	float: left;
	border: 2px solid #000;
	box-sizing: border-box;
	margin-bottom: 5px;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif
}

.trenner {
	width: 100%;
	clear: both;
	height: 5px;
}

.title_zuordnung {
	float: left;
	margin-right: 10px;
	font-family: Verdana, Arial, Helvetica;
	font-weight: bold;
	height: 38px;
	padding-top: 12px;
}

body {
	margin: 0px
}

#site {
	width: 1000px;
	text-align: left;
	background-color: #ffffff
}

#inhalt {
	width: 683px;
	float: left
}

#header {
	width: 639px;
	margin-left: 32px
}

#toggle_all_button {
	position: absolute;
	left: 45%;
	background-color: #44c767;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	border: 1px solid #18ab29;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	padding: 16px 31px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #2f6627;
}

#werkstaetten_liste {
	width: 900px;
	position: absolute;
	float: left;
	left: 50%;
	margin-left: -450px;
	margin-top: 100px;
	border-width: 2px;
	border-style: solid;
	border-color: #000000;
}

.ws_alph {
	width: 100%;
	height: 25px;
	background: #4e4e4e;
	float: left;

}

.ws_alph {
	width: 100%;
	height: 25px;
	background: #4e4e4e;
	float: left;

}

.ws_alph p {
	margin-left: 10px;
	float: left;
	font-family: Verdana, Arial, Helvetica;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	line-height: 20px;
	margin-top: 0px;
}

.ws_alph_i {
	width: 90%;
	float: left;
	display: none;
}

.ws_alph_i_ws {
	width: 32%;
	float: left;
	margin-left: 2%;
	margin-top: 3px;
	margin-bottom: 3px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	line-height: 16px;
}

.ws_alph_i_link {
	width: 33%;
	float: left;
	margin-top: 3px;
	margin-bottom: 3px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	line-height: 16px;
	text-decoration: none;
}

#edit_kurs {
	width: 900px;
	position: absolute;
	float: left;
	left: 50%;
	margin-left: -450px;
	margin-top: 50px;
	border-width: 2px;
	border-style: solid;
	border-color: #000000;
	background: #4e4e4e;
	padding: 15px;
}

.form_left {
	float: left;
	width: 50%;
}

.form_breit {
	float: left;
	width: 100%;
}

.form_innen {
	float: left;
	width: 50%;
}

.form_innen2 {
	float: left;
	width: 25%;
}

label {
	font-size: 18px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 18px;
	font-weight: normal;
	color: #ffffff;
	line-height: 16px;
	text-decoration: none;
	margin-right: 10px;

}

input {
	border: 0 none;
	border-radius: 2px;
	font-size: 16px;
	line-height: 1.2;
	padding: 0.66em 0.95em;
	margin-bottom: 10px;
}

select {
	border: 0 none;
	border-radius: 2px;
	font-size: 16px;
	line-height: 1.2;
	padding: 0.66em 0.95em;
	margin-bottom: 10px;
}

#anmeldefenster {
	width: 200px;
	height: 150px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -100px;
	margin-top: -75px;

}

#blackbox {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0px;
	top: 0px;
	background: #000000;
	filter: alpha(opacity=80);
	opacity: 0.8;
	display: block;
	z-index: 3;
}

#buttons {
	float: right;
	width: 250px;
}

#agabfrage {
	width: 800px;
	height: 500px;
	position: fixed;
	background: #FFFFFF;
	left: 50%;
	top: 50%;
	margin-left: -400px;
	margin-top: -250px;
	padding: 15px;
	display: block;
	z-index: 4;
}

#button_abschicken {
	width: 150px;
	height: 50px;
	float: left;
	background-color: #32321b;
	padding: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	line-height: 20px;
}

#button_reset {
	width: 150px;
	height: 50px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	background-color: #32321b;
	padding: 10px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	line-height: 20px;
}

#ag_ja {
	width: 250px;
	height: 250px;
	position: relative;
	left: 100px;
	top: 100px;
	float: left;
	background: #090;
	-webkit-box-shadow: 11px 11px 10px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 11px 11px 10px 0px rgba(50, 50, 50, 0.75);
	box-shadow: 11px 11px 10px 0px rgba(50, 50, 50, 0.75);
	filter: alpha(opacity=75);
	opacity: 0.75;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;

}

#ag_ja:hover {

	filter: alpha(opacity=100);
	opacity: 1;

}

#ag_nein {
	width: 250px;
	height: 250px;
	position: relative;
	right: 100px;
	top: 100px;
	float: right;
	background: #900;
	-webkit-box-shadow: 11px 11px 10px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 11px 11px 10px 0px rgba(50, 50, 50, 0.75);
	box-shadow: 11px 11px 10px 0px rgba(50, 50, 50, 0.75);
	filter: alpha(opacity=75);
	opacity: 0.75;
	-moz-border-radius: 20px;
	/* Firefox */
	-webkit-border-radius: 20px;
	/* Chrome, Safari */
	-khtml-border-radius: 20px;
	border-radius: 20px;
}

#ag_nein:hover {

	filter: alpha(opacity=100);
	opacity: 1;

}

#fehlgeschlagen {
	font-family: Verdana, Arial, Helvetica;
	font-size: 16px;
	font-weight: bold;
	color: #F00;
	line-height: 24px;
	display: none;
}

#neuerschueler {
	width: 1000px;
	position: absolute;
	float: left;
	left: 50%;
	margin-left: -450px;
	margin-top: 50px;
	border-width: 2px;
	border-style: solid;
	border-color: #000000;
	background: #4e4e4e;
	padding: 15px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	line-height: 24px;
}

#formular {
	float: left;
	width: 700px;
}

#upload {
	width: 900px;
	position: absolute;
	float: left;
	left: 50%;
	margin-left: -450px;
	margin-top: 50px;
	border-width: 2px;
	border-style: solid;
	border-color: #000000;
	background: #4e4e4e;
	padding: 15px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	line-height: 24px;
}

#schuelersuchen {
	float: right;
	height: 350px;
	left: 850px;
	top: 65px;
	z-index: 2;
	border-width: 3px;
	border-style: solid;
	border-color: #ffffff;
	padding: 10px;
}

#Wahlplan1 {
	width: 1000px;
	/* height:666px; */
	float: left;
}

#w_ueberschriften {
	width: 100%;
	height: 50px;
}

.w_ueberschrift {
	width: 12%;
	height: 38px;
	float: left;
	text-align: center;
	padding-top: 12px;
	font-family: Verdana, Arial, Helvetica;
	font-weight: bold;
}

#kulturelles {
	width: 100%;
	height: 300px;
	border-style: solid;
	border-width: 2px;
	border-color: #000000;
	font-size: 0.9em;

}

#forschendes {
	width: 100%;
	height: 150px;
	border-left-style: solid;
	border-left-width: 2px;
	border-left-color: #000000;
	border-right-style: solid;
	border-right-width: 2px;
	border-right-color: #000000;
	font-size: 0.9em;
}


#kreatives {
	width: 100%;
	height: 200px;
	border-style: solid;
	border-width: 2px;
	border-color: #000000;
	font-size: 0.9em;
}


#bewegendes {
	width: 100%;
	height: 100px;
	border-left-style: solid;
	border-left-width: 2px;
	border-left-color: #000000;
	border-right-style: solid;
	border-right-width: 2px;
	border-right-color: #000000;
	font-size: 0.9em;
}

.werkstatt {
	width: 100%;
	height: 50px;
	border-width: 1px;
	border-style: solid;
	border-color: #ffffff;
	box-sizing: border-box;
	padding: 1px;
	float: left;
	overflow: hidden;
	background: #2fe901;
	opacity: 1;
	text-align: center;
	padding-top: 2px;
	font-family: Verdana, Arial, Helvetica;
	color: #ffffff;
	word-wrap: break-word;
}

.werkstatt:hover {
	width: 100%;
	height: 50px;
	float: left;
	overflow: hidden;
	background: #ff1616;
	opacity: 1;
	text-align: center;
	padding-top: 2px;
	padding: 1px;
	font-family: Verdana, Arial, Helvetica;
	border-width: 1px;
	border-style: solid;
	border-color: #ffffff;
	box-sizing: border-box;
	word-wrap: break-word;
}

.werkstatt_first {
	width: 100%;
	height: 50px;
	float: left;
	overflow: hidden;
	background: #ff1616;
	opacity: 1;
	text-align: center;
	padding-top: 2px;
	font-family: Verdana, Arial, Helvetica;
	border-width: 1px;
	border-style: solid;
	border-color: #ffffff;
	box-sizing: border-box;
	word-wrap: break-word;
}


.werkstatt_second {
	width: 100%;
	height: 50px;
	float: left;
	overflow: hidden;
	background: #fcff16;
	opacity: 1;
	text-align: center;
	padding-top: 2px;
	padding: 1px;
	font-family: Verdana, Arial, Helvetica;
	border-width: 1px;
	border-style: solid;
	border-color: #ffffff;
	box-sizing: border-box;
	word-wrap: break-word;
}


.werkstatt_none {
	width: 100%;
	height: 50px;
	float: left;
	overflow: hidden;
	background: #000000;
	opacity: 0.5;
	text-align: center;
	padding-top: 2px;
	padding: 1px;
	font-family: Verdana, Arial, Helvetica;
	color: #ffffff;
	border-width: 1px;
	border-style: solid;
	border-color: #ffffff;
	box-sizing: border-box;
	word-wrap: break-word;

}

.werkstatt_ag {
	width: 100%;
	height: 50px;
	float: left;
	overflow: hidden;
	background: #10edcb;
	opacity: 0.5;
	text-align: center;
	padding-top: 2px;
	padding: 1px;
	font-family: Verdana, Arial, Helvetica;
	color: #ffffff;
	border-width: 1px;
	border-style: solid;
	border-color: #ffffff;
	box-sizing: border-box;
	word-wrap: break-word;
}

.werkstatt_ag:hover {
	width: 100%;
	height: 50px;
	float: left;
	overflow: hidden;
	background: #ff1616;
	opacity: 1;
	text-align: center;
	padding-top: 2px;
	padding: 1px;
	font-family: Verdana, Arial, Helvetica;
	border-width: 1px;
	border-style: solid;
	border-color: #ffffff;
	box-sizing: border-box;
	word-wrap: break-word;
}

.w0 {
	width: 16%;
	height: 100%;
	float: left;
	text-align: center;
	font-family: Verdana, Arial, Helvetica;
	font-weight: bold;

}

.w1 {
	width: 12%;
	height: 100%;
	float: left;
}

.w2 {
	width: 12%;
	height: 100%;
	float: left;
}

.w3 {
	width: 12%;
	height: 100%;
	float: left;

}

.w4 {
	width: 12%;
	height: 100%;
	float: left;

}

.w5 {
	width: 12%;
	height: 100%;
	float: left;

}

.w6 {
	width: 12%;
	height: 100%;
	float: left;

}

.w7 {
	width: 12%;
	height: 100%;
	float: left;

}

#container {
	width: 250px;
	top: 2px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 14px;
	font-weight: bold;
	color: #009ce0;
	line-height: 15px;
}

#regeln {
	float: right;
	margin-bottom: 20px;
	margin-right: 10px;
	width: 260px;
}

.bild_links {
	width: 40px;
	height: 50px;
	position: relative;
	float: left;
	background-image: url(bilder/kreuz.png);
	background-repeat: no-repeat;
}

.bild_links1 {
	width: 40px;
	height: 50px;
	position: relative;
	float: left;
	background-image: url(bilder/haken.png);
	background-repeat: no-repeat;
}

.bild_links2 {
	width: 40px;
	height: 50px;
	position: relative;
	float: left;
	background-image: url(bilder/ausrufezeichen.png);
	background-repeat: no-repeat;
}

.regel_rechts {
	width: 210px;
	height: 50px;
	overflow: hidden;
	float: left;
	font-family: Verdana, Arial, Helvetica;
	font-size: 14px;
	font-weight: bold;
	color: #009ce0;
	line-height: 16px;
}

.regel_clearer {
	width: 100%;
	height: 10px;
	float: left;
}

.button_jahr_auth {
	width: 200px;
	height: 80px;
	margin: 5px;
	float: left;
	background: #000000;
	filter: alpha(opacity=80);
	opacity: 0.8;
	font-family: Verdana, Arial, Helvetica;
	font-size: 24px;
	font-weight: bold;
	color: #ffffff;
	line-height: 26px;
}

.menu_gross {
	width: 200px;
	min-height: 530px;
	position: relative;
	margin-left: 30px;
	margin-top: 50px;
	float: left;
	-webkit-box-shadow: 5px 8px 10px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 5px 8px 10px 0px rgba(50, 50, 50, 0.75);
	box-shadow: 5px 8px 10px 0px rgba(50, 50, 50, 0.75);
}

.menu_ueberschrift {
	width: 100%;
	height: 50px;
	float: left;
	background: #000000;
	margin-top: 20px;
	margin-bottom: 40px;

}

.menu_ueberschrift p {
	margin: 10px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 24px;
	font-weight: bold;
	color: #ffffff;
	line-height: 26px;
}

.menu_button {
	width: 100%;
	height: 54px;
	float: left;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #000000;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	margin-top: 10px;
}

.menu_button_left {
	width: 50%;
	height: 54px;
	float: left;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	display: none;
}

.menu_button_right {
	width: 50%;
	height: 54px;
	float: left;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	display: none;
}

a.menu_button {
	margin-top: 0px;
	width: 100%;
	height: 100%;
	float: left;
	border-top-width: 0px;
	border-bottom-width: 0px;
	text-decoration: none;
	background: #ffffff;
}

a.menu_button:hover {
	background: #000000;
}

a.menu_button:active {
	background: #000000;
}

.menu_button p {
	width: 90%;
	height: 90%;
	font-family: Verdana, Arial, Helvetica;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	line-height: 18px;
	text-decoration: none;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 5%;
}

.menu_button p:hover {
	font-family: Verdana, Arial, Helvetica;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	line-height: 18px;
	text-decoration: none;
}

#logout {
	margin-top: 5px;
	float: left;
	border-width: 3px;
	border-style: solid;
	border-color: #000000;
	font-family: Verdana, Arial, Helvetica;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	line-height: 18px;
	text-decoration: none;
}

#wahl_m_pass {
	width: 800px;
	height: 500px;
	position: fixed;
	background: #FFFFFF;
	left: 50%;
	top: 50%;
	margin-left: -400px;
	margin-top: -250px;
	padding: 15px;
	z-index: 6;
	font-family: Verdana, Arial, Helvetica;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	line-height: 18px;
	text-decoration: none;
	display: none;
}

#xschliessen {
	width: 40px;
	height: 40px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: 365px;
	margin-top: -240px;
	background-image: url(bilder/schliessen.png);
	background-repeat: no-repeat;
	display: none;
	z-index: 504;
}

#button_passwortwahl {
	width: 150px;
	height: 50px;
	float: left;
	background-color: #32321b;
	padding: 10px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	line-height: 20px;
}

.button_menupunkt {
	width: 250px;
	height: 100px;
	position: relative;
	left: 100px;
	float: left;
	background: #090;
	-webkit-box-shadow: 11px 11px 10px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 11px 11px 10px 0px rgba(50, 50, 50, 0.75);
	box-shadow: 11px 11px 10px 0px rgba(50, 50, 50, 0.75);
	filter: alpha(opacity=75);
	opacity: 0.75;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
	line-height: 100px;
	text-align: center
}

div.loader {
	background: url("bilder/loader.gif") no-repeat scroll 0 0 transparent;
	height: 100px;
	width: 100px;
	display: none;
	z-index: 999;
	position: fixed;
	top: 60%;
	left: 50%;
	margin-left: -50px;
}

.ueberschrift1 {
	font-family: Verdana, Arial, Helvetica;
	font-size: 20px;
	font-weight: bold;
	color: #009ce0;
	line-height: 24px;
	text-align: center
}

.ag_text {
	font-family: Verdana, Arial, Helvetica;
	font-size: 40px;
	font-weight: bold;
	color: #ffffff;
	line-height: 44px;
	text-align: center;
	vertical-align: middle
}

.ueberschrift2 {
	font-family: Verdana, Arial, Helvetica;
	font-size: 16px;
	font-weight: bold;
	color: #009ce0;
	line-height: 24px;
}

.ueberschrift2_2 {
	font-family: Verdana, Arial, Helvetica;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	line-height: 18px;
}

.ueberschrift3 {
	font-family: Verdana, Arial, Helvetica;
	font-size: 16px;
	font-weight: bold;
	color: #009ce0;
	line-height: 24px;
}

.list-jahr {
	width: 15%;
	margin-right: 1%;
	color: #FFFFFF;
	float: left;
	box-sizing: border-box;
	background: #4e4e4e;
	font-family: Verdana, Arial, Helvetica;
	font-size: 14px;
	padding: 10px;
}

.list-jahr li {
	width: 95%;
	line-height: 30px;
	padding: 2%;
	margin-bottom: 10px;
	list-style-type: none;
	background: #FFFFFF;
	color: #000000;
	min-height: 3 0px;
}

.list-jahr ul {
	padding-left: 0px;
}

.button {
	width: 150px;
	height: 50px;
	float: left;
	background-color: #32321b;
	padding: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	line-height: 20px;
}

@media screen and (max-width: 1275px) {
	#Wahlplan1 {
		clear: left;
	}

	.regel_clearer {
		display: none
	}

	#regeln {
		float: left;
		width: 100%;
	}

	#buttons {
		float: left;
		width: 100%;
		margin-top: 20px;
	}

	#container {
		width: 100%
	}
}