/* http://barrierefrei.e-workers.de/intern_downloads.php */

html, body {
margin: 0;
padding: 0;
}

body {  
background-color: #f1fee2;
color: #fff;
font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
font-size: 101%;
text-align: center; /*fuer IE_quirks*/
}

/* mainboxes */
#wrapper {
/* position: relative;  */
margin: 20px auto;
width: 850px;
background-color: #b4e778; /* Hintergrund fuer Menue-Spalte*/
color: #000;
text-align: left; /*Aufheben von IE_quirks im BODY*/
border: solid 1px #5abd1a;
}

#header {
background-color: #b4e778; 
color: #5abd1a;
height: 80px;
margin: 0;
padding: 0;
}

#headerText {
padding-left:200px;
}

#logo { /*line-height:1.25; position:relative; height:auto;  hilft nicht ... */
float: left;
width:200px;
margin: 0;
padding: 0;
}

#menue { /* line-height:1.25;  position:relative; height:auto;  hilft nicht ... */
float: left;
/* left: 10%; */
display: block;
width: 200px;     /*IE: 197px;  */
background-color: #b4e778;
color: #5abd1a;
margin: 5px 0;
padding: 0;
}

#content {  /* height:auto; line-height:1.25; */  height: 1%;
background-color: #e3fcc5;
background-image: url(../pics/background_content.gif); background-repeat:repeat; 
color: #5abd1a;
margin: 0 0 0 200px;     /*IE: 197px;  */
padding: 20px;
}

#contentInner { /* height:auto; line-height:1.25;  */
background-color: #f1fee2;
background-image: url(../pics/background_contentInner.gif); background-repeat:repeat;  /**/
color: #418e0f;
margin: 0;
padding: 10px 20px 10px 20px;
border-bottom: solid 1px #b2e780; 
border-left: solid 1px #b2e780; 
border-right: solid 1px #b2e780; 
}

#contentInnerHeader {  /* height:auto; line-height:1.25;  */
background-image: url(../pics/background_contentHead.gif); background-repeat:repeat;  /**/
margin: 0;
padding: 0;
color: #5abd1a;
background-color: #c3f090;
border-top: solid 1px #b2e780; 
border-left: solid 1px #b2e780; 
border-right: solid 1px #b2e780; 
height:20px;
}

#footer {   
background-image: url(../pics/background_footer.gif); background-repeat:repeat-y; 
clear:both;
background-color: #f1fee2;
color: #5abd1a;
padding: 2px 20px;
text-align: right;
}

#zaehlmarke {	
position: absolute; 
top:0; 
left:0;
}

@media screen and ( min-width: 1000px ) 
{
	#wrapper { width: 950px; }
	#header { height: 90px; }	
	
	#headerText { padding-left: 220px; }	
	#logo { width: 220px; height: 90px; }	
	#menue { width: 220px; }	
	#content { margin: 0 0 0 220px; }		
	#footer { background-image: url(../pics/background_footer_220.gif); background-repeat:repeat-y; }
}

@media screen and ( min-width: 1200px ) 
{
	#wrapper { width: 1100px; }
	#header { height: 100px; }
	
	#headerText { padding-left: 240px; }	
	#logo { 	width: 240px; height: 100px; }	
	#menue { width: 240px; }	
	#content { margin: 0 0 0 240px; }	
	#footer { background-image: url(../pics/background_footer_240.gif); background-repeat:repeat-y; }
}

@media screen and ( max-width: 860px ) 
{
	#wrapper { width: 100%; margin: 0; border: none; }
	#header { height: 75px; }	
	
	#headerText { padding-left: 0; }	
	#logo { display: none; }	
	#menue { width: 220px; display: block; float: none;}	
	#content { margin: 0; padding: 10px; }	
	#footer { background-image: none; background-color: #b4e778; padding: 8px 10px; font-weight: bold;}	
}

@media screen and ( max-width: 500px ) 
{
	#content { margin: 0; padding: 0; }		
	#contentInner { padding: 5px 10px; border: none; }
	#footer {padding: 8px 5px; }	
}

@media print {
  body                { background-color: #fff; background-image: none; color: #000; font-family: 'Garamond', 'Times New Roman', 'Trebuchet MS', Verdana, Helvetica, Arial, serif; }
  #wrapper            { background-color: #fff; background-image: none; color: #000; margin: 0; width: 100%; text-align: left; border: none; }
  #header             { background-color: #fff; background-image: none; color: #000; padding: 0; text-align: center; }
  #headerText         { background-color: #fff; background-image: none; color: #000; padding: 0; text-align: center; }
  #logo               { display: none; }
  #menue              { display: none; }
  #content            { background-color: #fff; background-image: none; color: #000; margin: 0; }
  #contentInner       { background-color: #fff; background-image: none; color: #000; margin: 0; padding: 0; border: none;  }
  #contentInnerHeader { background-color: #fff; background-image: none; color: #000; border: none; height:100%; }
  #footer             { background-color: #fff; background-image: none; color: #000; text-align: left; }
  .Seitenanfang, .social_bookmarks  
                      { display: none; }
}