/*
  Styles für wohnheim-gmbh.de 
*/


/*
  Start with some global parameters
*/
html{
  font-size: 100.1%;
}

body, td{
  margin: 0em;
  padding: 0em;
  font-size: 1.0em;
  background-color: #941E35; /* dunkelrot */
  font-family: verdana, sans-serif;
}

a{
  text-decoration: underline;
  color: black;
}

a:hover, a:focus{
  text-decoration: none;
}

abbr:hover{
  cursor: help;
}

code{
  font-family: courier,monospace;
  font-style: italic;
}

h1{
  margin-bottom: 1em;
  margin-top:0px;
  font-size: 1.0em;
  line-height: 1.5em;
  font-weight: bold;
  color: #996600;
}
h2{
  margin: 0em;
  margin-bottom: 1.0em;
  font-size: 1.0em;
  line-height: 1.2em;
  font-weight: bold;
  color: #666666;
}
h3{
  margin: 0em;
  margin-bottom: 1.0em;
  font-size: 0.8em;
  font-weight: bold;
}

img{
  border: 0em;
}

ul{
  margin: 0em 0em 0em 1em;
  padding: 0.4em 1em 0.0em 1em;
}

ul.links{
  list-style-image: url("../../images/design/li_link.gif");
}

ul.links li{
  padding: 0em 0em 0em 0.7em;
  vertical-align: middle;
}

ul.unformattedList{
  margin:0;
  padding:0;
  list-style-type:none;
}

ul.unformattedList li{
  clear:both;
}

.noScreen{  /* This class is not shown on screen */
  display: none;
}

.handheld{  /* This class in only seen in handheld */
  display: none;
}

/*
  layout of the whole Page
*/
#maintab {
 width:100%;
 height:100%;
}

#header { /* Contains logo and a banner */
  height:62px;
  background-color:#ACA499; /* grau, ist aber sowieso nicht zu sehen */
  background-image:url("../bilder/bg_head.gif");
  background-repeat: repeat-x;
}

#navigation{
  vertical-align:top;
    width:168px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-position: left top;
    background-color:#FDFDEA; /* hell */
	background-image:url("../bilder/bg_left.gif");
	background-repeat: repeat-y	
}

#content{  /* contains main content */
  vertical-align:top;
  width:500px;
  height:465px;
  background-repeat: repeat-x;
  background-color: #FDFDEA;
  padding: 44px 40px 30px 0px; /* Innenabstand oben rechts unten links */
  line-height: 1.2em;
  font-size:0.8em; 
  /*font-size:9pt;*/
  color: #7B2536; /* dunkelrot*/
}

#content a {
  color: #7B2536; /* dunkelrot, Linkfarbe im Fließtext */

}
img.cbreite {
  height:1px; 
  width:500px; /* erzwingt die Breite der Inhaltsspalte bei kleinem Browserfenster */
}

#content td {
  margin: 0 0 1.1em 0;
  line-height: 1.2em;
  font-size:0.8em; 
  background-color:#FDFDEA;
  color: #7B2536; /* dunkelrot*/
}

#content ul {
  line-height: 1.2em;
  margin: 0em 0 0.2em 0.2em;
  list-style-type: disc;
}

#content blockquote {
  line-height: 1.2em;
  margin: 0 0 1.1em 4em;
}

#columnRight{  /*  These are the columns on left or right - only needed on screens */
  vertical-align:top;
  width: 300px; /* Breite rechte Spalte */
  height: 465px; /* td wird bei Bedarf automatisch höher */
  background-color: #FDFDEA;
 /* border-left: 3px solid #ACA499; */ /* auf Start keine farbige senkr. Linie */
  margin: 0px 0px 0px 0px;  
  padding-top:0px;
  font-size:0.8em;  
}

td.randmitte  {
  background-color:#FDFDEA; /* Randspalte mitte: hell*/
}

#footerleft {
    background-color:#FDFDEA;
	background-image: url("../bilder/bg_ecke2.gif");
	background-repeat: no-repeat;
    height: 39px; /* Höhe wie Oberkante Subnavi bis unten roter Rand */
	/* Breit wie Navigation */
}

#footerright { /* leere td mit Streifen links */
	background-color:#FDFDEA;
	background-image:url("../bilder/bg_footer.gif");
	background-repeat: repeat-x;
/*	border-left: 3px solid #A2A2A2; */ /* auf Start keine farbige senkr. Linie  */
}

#footerrand {
    height:39px;
	background-color:#FDFDEA;
	background-image:url("../bilder/bg_footer.gif");
	background-repeat: repeat-x;
}

#subnavigation {
  vertical-align:top;
  text-align:right;
  height:39px;
  font-size:0.8em;   
  background-color:#FDFDEA; 
  background-image:url("../bilder/bg_footer.gif");
  background-repeat: repeat-x;
  margin-right:50px;
  padding-top:4px; /* damit die Punkte zu sehen sind ? */
  padding-right: 40px;
}

#randunten {
 /* border-left:3px solid #A2A2A2; */ /* auf Start keine farbige senkr. Linie  */
}

/* Navi */
p.hauptnavi {  /* Absatz */
	width:134px;
	padding: 3 10 7 3; /* Innenabstand oben rechts unten links */
	margin: 0 0 6 0; /* Außenabstand oben rechts unten links, legt denAbstand zwischen den Hauptmenüpunkten fest */
	background-image: url("../bilder/button1.gif");
	background-repeat: no-repeat;
 /* font-size: 8pt;*/
	font-size:0.7em;
} 

p.hauptnaviaktiv {
	width:130px;
	padding: 3 10 7 3; /* Innenabstand oben rechts unten links */
	margin: 0 0 6 0; /* Außenabstand oben rechts unten links, legt denAbstand zwischen den Hauptmenüpunkten fest */
	background-image: url("../bilder/button1.gif");
	background-repeat: no-repeat;
 /* font-size: 8pt;*/
	font-size:0.7em;
}

p.hauptnavi a { /* Link */
 text-decoration: none;
 color: #941E35;  
 letter-spacing: 0.1em;
}
p.hauptnaviaktiv a.aktiv { 
 text-decoration: none;
 color: white;  
 letter-spacing: 0.1em;
}

#subnavigation a{	
  margin-top:4px;
  margin-right:0px;
  margin-left:0px;
  padding-top:6px; 
  padding-left:20px;
  padding-bottom:0px;
  padding-right:20px;
  background-image: url("../bilder/punkte_subnavi.gif");
  background-repeat: repeat-x;
  text-decoration:none;
  letter-spacing:0.1em;
  color: #82824C;
}

#subnavigation a.aktiv {
  color: #CCCC66;  /* Farbe aktiver Subnavilink */
}

/* Schrift rechte Spalte */
#columnRight p{
   font-weight:bold;
  color: #E6C01F; 
}

#columnRight td {
  background-color:#FDFDEA;
  vertical-align:top;
  font-size:0.8em;
  font-weight:bold;
  padding-right: 15px;
  margin-bottom: 20px;
}

#textrechts {
  margin-left:15px;
}
.offsetbildspalte {
  height: 50px;  /* Abstand oberhalb erstem Bild in rechter Spalte */
}

.abstandbildspalte {
  font-size: 5px; /* Abstand zwischen Bildern re. Spalte */
}

/* ab hier diverses, kann evtl. weg */
.newLine{
  display: block;
  clear: both ! important;
}

.imageRight { /* kann man vielleicht gebrauchen */
  float: right;
  margin-left: 1em;
  margin-bottom: 1em;
}

.imageLeft{
  float: left;
  margin-right: 1em;
  margin-bottom: 1em;
}


.error{
  color: red;
}

.debug{  /* this is just a debug style*/
  border: 0.1em red solid;	/*	debug	*/
}

.editmode {
  font-family: Courier New;
  font-size: 12px;
  color: black;
}

input.menukurz {
  font-size: 8pt;
}