#ueberschrift
{
    color: #9399a5; font-size: 22px; font-weight: bold; padding-bottom: 10px; padding-top: 6px; margin-bottom:5px;
}


#fade
{

    /*background: url("images/job_start_klein.png");
    
    width: 249px;
    height: 811px;
    */

    /*
    background: url("images/job_neu_final_klein_fsj.png");
    width: 343px;
    height: 900px;*/

    
    background: url("images/job_neu_final_klein_hausmeister.png");
    width: 826px;
    height: 920px;
}


@media (min-width: 1025px) 
{
       
        #alles
        {
        background-image: url(images/hintergrund.png);
        background-repeat: repeat-y;
        width: 945px;
        margin-left: -472px;
        left: 50%;
        position:relative;
        }
        
        #haupt
        {
        margin-right: auto;
        margin-left: auto;
        width: 925px;
        background-color: white;
        }
        
        #head
        {
        background-image: url(images/head.jpg);
        margin-right: auto;
        margin-left: auto;
        height: 188px;
        width: 925px;
        }
        
        #navigation
        {
        width: 225px;
        float: left;
        }
        
        #content
        {
            background-color: white;
            float: left;
            padding-left: 25px;
            padding-right: 25px;
            padding-top: 25px;
            width: 650px;
            font-family: Verdana,Arial,Helvetica,sans-serif;
            
        }
        
        	#telefon
        	{
        	height: 61px;
        	background-image: url(images/telefon.png); 
        	}
        	#tabelle
        	{
        	width: 208px;
        	padding-top: 20px;
        	padding-left: 17px;
        	background-color: #9399A5; 
        	padding-bottom: 25px;
        	font-size: 14px;
        	font-family: Verdana,Arial,Helvetica,sans-serif;
        	color: #FFFFFF;
        	}
        		#tabelle a:hover
        		{
        		color: #ff6600;
        		}
        		#tabelle a
        		{
        		font-family: Verdana,Arial,Helvetica,sans-serif;
        		font-weight:100;
        		text-decoration:none;
        		color:#FFFFFF;
        		}
        	#einruecken
        	{
        	margin-top: 10px;
        	text-align: right;
        	}
        	#drucken
        	{
        	color: #8F758E;
        	text-decoration: none;
            text-align: right;
        	}
        		#drucken a
        		{
        		color: #8F758E;
        		text-decoration: none;
        		}
        		#drucken a:hover 
        		{ 
        		text-decoration:underline;
        		color: #ff6600;
        		} 
        
        #body
        {
        font-family: Verdana,Arial,Helvetica,sans-serif;
        font-size: 75%;
        }
        
        #background_nav
        {
               width: 225px;
                background-color: #dddddd;
               
        }
        

        
        	#bilder
        	{
        	background-color: #EAEAEA;
        	height: 180px;
        	background-image: url(images/bilderneu.jpg);
        	background-repeat: no-repeat;
        	width: 700px;
        	float:left;
        	}
        	
        	#bilder img
        	{
        	    float: right;
        	}
        	#balken
        	{
        	height: 30px;
        	background-color: #DDDDDD;
        	float: left;
        	width: 700px;
        	}
        		#text
        		{
        		width: 650px;
        		display: block;
        		}
        		
        		#text_mobil
                {
                width: 650px;
                display: none;
                }
        		
        		#texthaus
        		{
        		float: right;
        		}
        		
        		
        #footer
        {
        background-image: url(images/footer.png);
        background-repeat: repeat-x;
        width: 945px;
        margin-left: -472px;
        text-indent: 400px;
        padding-top: 10px;
        left: 50%;
        position: relative;
        color: #8F758E;
        padding-bottom: 10px;
        font-family: Verdana,Arial,Helvetica,sans-serif;
        }
        		#footer a
        		{
        		color: #8F758E;
        		text-decoration: none;
        		
        		font-family: Verdana,Arial,Helvetica,sans-serif;
        		}
        
        
        
        #randoben
        {
        background-image: url(images/randoben.png);
        background-position: bottom;
        background-repeat: repeat-x;
        width: 945px;
        margin-left: -472px;
        left: 50%;
        position:relative;
        }
        

}

@media (max-width: 1024px)
{
 
        #alles
        {
        background-image: url(images/hintergrund_mobil.png);
        background-repeat: repeat-y;
        width: 720px;
        
        }
        
        #haupt
        {
        margin-right: auto;
        margin-left: auto;
        width: 700px;
        background-color: white;
        }
        
        #head
        {
        background-image: url(images/head_mobil.jpg);
        margin-right: auto;
        margin-left: auto;
        height: 188px;
        width: 700px;
        }
        
        #navigation
        {
        visibility: hidden;
        width: 0px;
        height: 0px;
        }
        
        #content
        {
            background-color: white;
            
            padding-left: 25px;
            padding-right: 25px;
            padding-top: 25px;
            width: 650px;
            font-family: Verdana,Arial,Helvetica,sans-serif;
            
        }
        
            #telefon
            {
            height: 61px;
            background-image: url(images/telefon.png); 
            }
            #tabelle
            {
            width: 208px;
            padding-top: 20px;
            padding-left: 17px;
            background-color: #9399A5; 
            padding-bottom: 25px;
            font-size: 16px;
            font-family: Verdana,Arial,Helvetica,sans-serif;
            color: #FFFFFF;
            }
                #tabelle a:hover
                {
                color: #ff6600;
                }
                #tabelle a
                {
                font-family: Verdana,Arial,Helvetica,sans-serif;
                font-weight:100;
                text-decoration:none;
                color:#FFFFFF;
                }
            #einruecken
            {
            margin-top: 10px;
            text-align: right;
            }
            #drucken
            {
            color: #8F758E;
            text-decoration: none;
            text-align: right;
            }
                #drucken a
                {
                color: #8F758E;
                text-decoration: none;
                }
                #drucken a:hover 
                { 
                text-decoration:underline;
                color: #ff6600;
                } 
        
        #body
        {
        font-family: Verdana,Arial,Helvetica,sans-serif;
        font-size: 75%;
        }
        
        #background_nav
        {
               visibility: hidden;
               
        }
        
        #bilder_links
        {
            visibility: visible;
        }
        
            #bilder
            {
            background-color: #EAEAEA;
            height: 180px;
            background-image: url(images/bilderneu.jpg);
            background-repeat: no-repeat;
            width: 700px;
            
            }
            
            #bilder img
            {
                float: right;
            }
            #balken
            {
            height: 60px;
            background-color: #DDDDDD;
            
            width: 700px;
            }
                #text
                {
                width: 650px;
                display: none;
                }
                
                #text_mobil
                {
                width: 650px;
                display: block;
                }
                
                #texthaus
                {
                float: right;
                }
                
                
        #footer
        {
        background-image: url(images/footer_mobil.png);
        background-repeat: repeat-x;
        width: 720px;
        
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center;
        
        position: relative;
        color: #8F758E;
        
        font-family: Verdana,Arial,Helvetica,sans-serif;
        }
                #footer a
                {
                color: #8F758E;
                text-decoration: none;
                font-size: x-large;
                font-family: Verdana,Arial,Helvetica,sans-serif;
                }
        
        
        
        #randoben
        {
        background-image: url(images/randoben_mobil.png);
        background-position: bottom;
        background-repeat: repeat-x;
        width: 720px;
        
        position:relative;
        }
 
 
    
}

        body
        {
        background-color:#f4f4f4;
        margin: 0;
        line-height: 1.4em;
        font-family: Verdana,Arial,Helvetica,sans-serif;
        font-size: 80%;
        }


img
{
border: 0px;
}


table#tpflege { 
  margin: 0 auto;
  border-collapse: collapse;
  font-family: Agenda-Light, sans-serif;
  font-weight: 100; 
  background: #333; color: #fff;
  text-rendering: optimizeLegibility;
  border-radius: 5px; 
  line-height: 2.0em;
}
table#tpflege caption { 
  font-size: 2rem; color: #444;
  margin: 1rem;
  background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/miyazaki.png), url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/miyazaki2.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center left, center right; 
}
table#tpflege thead th { font-weight: 600; }
table#tpflege thead th, table#miyazaki tbody td { 
  padding: .8rem; font-size: 1.4rem;
}
table#tpflege tbody td { 
  padding: .8rem; font-size: 1.4rem;
  color: #444; background: #eee; 
}
table#tpflege tbody tr:not(:last-child) { 
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;  
}

@media screen and (max-width: 600px) {
  table#tpflege caption { background-image: none; }
  table#tpflege thead { display: none; }
  table#tpflege tbody td { 
    display: block; padding: .6rem; 
  }
  table#tpflege tbody tr td:first-child { 
    background: #666; color: #fff; 
  }
    table#tpflege tbody td:before { 
    content: attr(data-th); 
    font-weight: bold;
    display: inline-block;
    width: 6rem;  
  }
}