#main .klassenfoto {
	width:600px;
	padding-top:20px;
}      
#main .headline {
	color:black; 
	margin-bottom:10px;
}

#main .selection li {
	display:inline;
	color:black; 
	font-size:10pt;	
	border: 1px solid silver;
	cursor:pointer;
}
#main .selection li a, #main .selection li a:hover{
	text-decoration:none;
	color:black;
}
#main .selection li.selected{
	display:inline;
	color:#3169B5;
	border:2px solid #3169B5;
	font-size:10pt;
	cursor:pointer;
}
#main .names {
 	font-size:10pt;
 	color: black;
 	margin-left:150px;
 	margin-right:50px;
}
 #main .lehrerfoto {
	width:190px;
	padding-top:20px;
}
#main #classleaderbig {
margin-left:auto;
margin-right:auto;
margin-top:20px;
width:500px;
}
 #main #classleaderbig .classleader {
	width:200px;
	margin-top:20px;
	//float:left;
	text-align:center;
 	font-weight:bold;
}
 #main .classleader {
	width:200px;
	margin-top:20px;
	float:left;
	text-align:center;
 	font-weight:bold;
}

#main .names_leaders {
	font-size:10pt;
	margin-top:5px;
	font-weight:normal;
}
#main .ha_small {
background-color:#3169B5;
font-size:10pt;
color:white;
margin-top:6px;
margin-left:10px;
}
#main .ha_bold {
background-color:#3169B5;
font-size:12pt;
color:white;
font-weight:bold;
text-align:center;
}
#main .ha td {
	font-size:10pt;
	height:20px;
}
#main .ha span {
	margin-top:6px;
	margin-left:10px;
	font-size:10pt;
}
#main .ha1_width {
	width:120px;
}
#main .ha2_width {
	width:260px;
}
#main .ha3_width {
	width:20px;
}
#main #homework {
	width:450px;
	border-color:black;
	margin-left:25px;
    margin-bottom:20px;
	margin-top:20px;
}
#main #homework td {
	border-color:black;
}
	

#main .year td {
font-size:10pt;
width:104px;
cursor:pointer;
border: 1px solid silver;
}
#main .year td.year_big {
font-size:20pt;
}
#main .year td.selected {
color:red;
}
#main #organizer, #main #organizer td{
border-color:black;
border-style:solid;
border-width:1px;
}
#main #organizer td.content {
width:400px;
}
#main #organizer td.marked, #main #organizer td.content_marked {
background-color:#3169B5;
color:white;
}
#main #organizer td.today {
background-color:silver;
}
#main #organizer ul {
margin-left:15px;
margin-bottom:5px;
}
#main #head span.head1 {
margin-left:0px;
font-size:13pt;
display:block;
float:left;
width:230px;
}
#main #head span.head2 {
margin-left:0px;
font-size:13pt;
}
#main #body #image {
width:230px;
margin-left:0px;
margin-top:5px;
float:left;
}
#main #head {
margin-top:20px;
margin-left:0px;
position:left;
clear:  both;
}
#main #body #image img {
width:190px;
}
#main #infos {
float:left;
margin-left:10px;
width:275px;
}
#main #infos span {
font-weight:bold;
}
#main #body #infos span.contact {
color:#3169B5;
cursor:pointer;
text-decoration:underline;
}
#main #body {
margin-left:0px;
margin-top:10px;
width:680px;
}
#main table img.thumbnail{
width:150px;
} 
#main table td {
padding:10px;
}

#main select {
width:145px;
}
#main div.new_form {
border: 1px solid black;
width:500px;
padding:10px;
margin-top:20px;
}
#main div.teacher {
	margin-top:0px;
	width:130px;
	height:240px;
	margin-top:0px;
	float:left;
	text-align:left;
 	font-weight:bold;
	font-size:8pt;
	margin-left:0px;
	}
#main div.teacher img {
	width:100px;
	align:left;
	margin-left:0px;
}
#main div.teacher span {
font-weight:normal;
text-align:left;
margin-left:0px;
}

#mode_changer {
	list-style-type: none;
}

#mode_changer li {
	background-image: url(images/tile_head_background.gif);
	font-size: 9pt;
	padding: 2px;
	padding-right: 0;
	display: inline;
	background-repeat: no-repeat;
}

#mode_changer li span {
	display: inline;
	background-image: url(images/tile_head_background.gif);
	background-position: top right;
	background-repeat: no-repeat;
	font-size: 9pt;
	padding: 2px;
	padding-left: 0;
}