/* Main Layout */

/* Reset all margins and paddings */
* { margin:0; padding: 0; }

/* correct select boxes */
option { padding-left: 0.7em; }

/* Reset all font sizes */
html * { font-size: 100.01%; }

/* Set the main body object, reset the font size to 75% (12px) */
body {
	background-color:#AFAFAF;
	background-image:url(/images/hg_bg_1px.jpg);
	background-position:center center;
	background-repeat:repeat-y;
	color:#000000;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size: 75.00%;
	height:100%;
	margin:0;
	padding:0;
}

#container {
	background-color:#F3F3F3;
	/*height:100%;*/
	left:50%;
	margin-left:-449px;
	position:absolute;
	width:898px;
	padding: 0px 0px;
	overflow: hidden; /* cut off for the knubbel bar */
}

#content {
	width: 550px;
	padding-top: 45px;
	float:left;
}

/* Set all header directives to 0.25em margin */
h1,h2,h3,h4,h5,h6 { 
  	font-family: Verdana; 
  	color: #777777;
  	margin: 0 0 0.25em 0; 
}

/* h1 should be 18px */
h1 {
	font-size: 150%;
}

/* h1 should be 12px */
h2 {
	font-weight: bold;
}

/* h3 should be 10px and italic*/
h3 {
	font-size: 83.3%;
	color: #000000;
	font-style: italic;
}

a {
	color: #777777;
	text-decoration: underline;
}

a:hover {
	color: #3E3E3E;
}

hr {
	margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border:0;
    border-bottom: 2px #777777 dotted;
}

input,textarea {
	border: 1px #777777 solid;
	font-size: 12px;
	color: #777777;
}

label {
	font-size: 12px;
	color: #777777;
}

img {
	border:none;
}

p {
	padding: 0.5em 0 0 0;	/* padding */
}

/* a list should always have the arrow icon */
ul {
	list-style-image: url(/images/lehrer/li_icon.gif);
	padding-left:25px;	/* so we get the image displayed properly */
}

ol {
	padding-left:25px;
}

.button {
	border:none;
}

.linkright {
	text-align: right;
}

.floatright {
	float: right;
}

.floatleft {
	float: left;
}

#myLightBox {
	background-color:#F3F3F3;
}

#myLightBox a img {
	width: 70px;
}

.clearer {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 1px;
}

/* Menu */
#tabmenu {
	padding-top: 30px;
	padding-bottom: 2px;
	text-align: center;
}

#tabmenu img{
	padding: 0px 2px;
}

#menu {
	height: 25px;
	background-color: #7F7F7F;
}

/* Bloecke */
#box_left {
	width:195px;
	padding-left: 25px;
	padding-top: 45px;
	height:100%;
	float:left;
	margin-bottom: -9999px; 
	padding-bottom: 9999px;
}

#suche {
	height:20px;
	width: 140px;
	padding-top: 12px;
	padding-bottom: 20px;
}

/* we want to align both the image and the input */
#suche input {
	vertical-align: middle;
}

#suche button {
	border: none;
	background: none;
	vertical-align: middle;
	cursor: pointer;
}

#tagcloud {
	/*height:220px;*/
	width: 140px;
	padding-bottom: 25px;
}

/* links in the tagcloud div need not to be underlined */
#tagcloud a {
	text-decoration: none;
}

#copyright {
	width: 150px;
}

#box_left_left {
	width: 160px;
	float:left;
}

#box_left_right {
	width: 16px;
	float:left;
	height:100%;
	margin-bottom: -9999px; 
	padding-bottom: 9999px;
}

#box_right {
	width:78px;
	height:100%;
	float:left;
	padding-left: 50px;
	padding-top: 20px;
}

/* we should pad all the content so that nothing is glued to the bottom of the page */
#footer {
	padding-top: 20px;
}  

/* Gallery Settings */
.gallery {
	text-align:center;
	border: 1px #777777 solid;
	padding: 0em;	/* padding inside */
	margin: 1em 0;	/* distance to text over and underneath */
}

/* Images in the gallery need to have some space between them */
.gallery img {
	padding: 0.5em 0.3em;
}

/* Audio Settings */
.audio {
	text-align:center;
	padding: 0.5em;	/* padding inside */
	margin: 1em 0;	/* distance to text over and underneath */
}

/* Video Settings */
.video {
	text-align:center;
	padding: 0.5em;	/* padding inside */
	margin: 1em 0;	/* distance to text over and underneath */
}

/* Usercontent Settings */
#usercontent img {
	padding: 0.5em 0 0 0;	/* padding */
}

#usercontent p {
	padding: 0.5em 0 0.5em 0;	/* padding */
}

#usercontent table td {
	padding: 0.15em;	/* padding */
}

#usercontent ul li, ol li{
	padding-bottom: 0.4em;
}

/* A project entry */
.h12table_project {
	clear:both;
}
.h12table_project .col1{
	float:left;
	width:360px;
	padding-right: 10px;
}

.h12table_project .col2{
	float:left;
	width:180px;
}

.h12table_project .col2 .label{
	padding-top:2px;
}

/* An announcement entry */
.h12table_announcement .entry {
	overflow: hidden;
	width:530px;
	clear:both;
	padding:10px;
	background: #D8D8D8;
}

.h12table_announcement .entry div {
	margin-bottom: -2000px; 
	padding-bottom: 2000px;
}

.h12table_announcement .padder {
	height:10px;
	background: #F3F3F3; 
	width:530px;
	overflow: hidden;
}

.h12table_announcement .col1{
	float:left;
	width:340px;
	padding-right: 10px;
}

.h12table_announcement .col2{
	float:left;
	width:180px;
}

.h12table_announcement .col2 .label{
	padding-top:2px;
}

/* A teacher entry */
.h12table {
	margin-top: 20px;
}

.h12table .name {
	float: left; 
	margin: 0 0 0.5em 0;
}

.h12table .icons {
	float: right; 
	margin: 0 0 0.5em 0;
}

.h12table .icons img {
	padding-left: 3px;
}

.h12table .entry {
	overflow: hidden;
	width:538px;
	clear:both;
	padding-top:6px;
	padding-left:6px;
	padding-right:6px;
	background: #D8D8D8;
}

.h12table .padder {
	height:5px;
	background: #D8D8D8; 
	width:550px;
	overflow: hidden;
}

.h12table .entry div { 
	float: left; 
	margin-bottom: -2000px; 
	padding-bottom: 2000px;
}

.h12table .entry ul {
	margin:0px;
	padding-left:20px;
}

/* this is used for the subject and function columns on the main teachers page */
.h12table .entry .col1 {
	width: 156px;
}

/* this is used for the consultation entry */
.h12table .entry .col2 {
	width: 182px;
}

/* this is used for the small teacher icon in the team pages */
.h12table .entry .col3 {
	width: 90px;
}

/* this is used for the teachers function on the team page */
.h12table .entry .col4 {
	width: 248px;
}


.h12table .entry .marker_audio {
	background-image: url(/images/lehrer/zweig_audio.jpg);
	background-repeat: repeat-y;
	width: 9px;
	padding-left: 1px;
	padding-right: 1px;
}

.h12table .entry .marker_poly {
	background-image: url(/images/lehrer/zweig_poly.jpg);
	background-repeat: repeat-y;
	width: 9px;
	padding-left: 1px;
	padding-right: 1px;
}

.h12table .entry .marker_musik {
	background-image: url(/images/lehrer/zweig_musik.jpg);
	background-repeat: repeat-y;
	width: 9px;
	padding-left: 1px;
	padding-right: 1px;
}

.h12table .entry .marker_bild {
	background-image: url(/images/lehrer/zweig_bild.jpg);
	background-repeat: repeat-y;
	width: 9px;
	padding-left: 1px;
	padding-right: 1px;
}

.h12table .entry .marker_leer {
	width: 9px;
	padding-left: 1px;
	padding-right: 1px;
}

/* Link Entry Div */
.linkentry {
	margin: 1em 0;
}