/* 
Style Sheet für die Little Boxes Übungsseiten
04 CSS - Die ersten Schritte 
*/

* { padding: 0; margin: 0; }
img  { border: 0; }
/*html { height: 101%; } */
body {
  color: white;
  font-family: Verdana, Arial, Helvetica, sans-serif;  
  font-size: small;
}
#wrapper {
  color: black;
  background-color: white;
  width: 800px;
  margin-top: 10px;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: auto; 
}
#header {
  background-image: url(../img/header_de.jpg);   /* will be overriden by language-css */
  height:        180px;
  text-align:    right;
  line-height:   340px;
  padding-right: 10px;
}
#navi_main {} 

#header A:link    {text-decoration: none; color: black;}
#header A:visited {text-decoration: none; color: black;}
#header A:active  {text-decoration: none; color: black;}
#header A:hover   {text-decoration: underline; color: white;}

h1 {
	font-size: 10px;
}

p.small {
	font-size: 0.8em;
}


/***********************************************************************
* CONTENT - AREA 
*/
#main {
  height: 374px;
  background-color: #eca09c;  /* dynamically set! */
}
/*#main_color, #main {
  background-color: #eca09c;   
}*/
#picture {
  float: left;
  width: 228px;
}
#content {
  width:530px;
  float:right;
  padding-top:   20px;
  padding-right: 20px;
  padding-left:  20px;
  height:        354px;
  overflow:      auto;  /* Scroller */

}
#content td {
	padding-bottom: 7px;
}
#content td.col_1 {
	font-weight: bold;
	font-size: 0.8em;
	width: 22%;
}
#content td.col_2 {
	padding-left: 5px;
	width: 78%;
}
#content td.col_student {
	/*font-weight: bold;*/
	width: 16%;
}
#content .material td {
	padding-right: 10px;
}
#content .photo td {
	padding-right: 10px;
}
.lineGrey {
	border-top: 1px solid #8c8c8c;
}
.lineBlack {
	border-top: 1px solid #485139;
}
#content .subnav A {
	font-weight: bold;
}
#content A:link    {text-decoration: underline; color: #505050;}
#content A:visited {text-decoration: underline; color: #505050;}
#content A:active  {text-decoration: underline; color: #505050;}
#content A:hover   {text-decoration: none; color: #505050;}

/*picture frames*/
.logo img {
	border: 2px solid #485139;
}
.student img {
	border: 2px solid #8b8a65;
}
.material img {
	border: 2px solid #464749;
}
.photo img {
	border: 2px solid #464749;
}

.portrait img  /* Picture Elena */
{
	float: left;
	width: 118px;
	height: 169px;
	margin: 0 10px 0 0;
	border: 2px solid #464749;
}

/***********************************************************************
* FORM
*/
/*form {
  background-color: #eee;
  width: 400px;
  padding: 20px;
  border: 1px solid #8c8c8c;
}*/
label { display: block; } 
#sender, #name, textarea {
  width: 300px;
  border: 1px solid #b77046;
  margin-bottom: 1em;
}
textarea { height: 7em; }
input:focus, textarea:focus 
{
  background-color: #f7d7c5; 
}
/*input, select, button, textarea {
	background-color:#FFFFFF;
	border:1px solid #7398ba;
	min-height:17px;
	margin-bottom:2px;
	font-family: 'Lucida Grande', Verdana, Helvetica, sans-serif;
	font-size: 11px;
	widht: 100%;
}*/
button, input[type="submit"] {
	border:1px solid #b77046;
	background-color:#f7d7c5;
	padding: 2px 10px 2px 10px;
	margin-right: 10px;
}
/*input:submit { width: 100px; }*/