/**
 * 
 *************************************************************************
 *
 * copyright for this layout:
 * 
 * @author     pepesale gmbh (www.pepesale.de)
 * @copyright  pepesale gmbh 2009
 * @platform   Website Baker 2.7
 * 
 * It is not allowed, to copy or modify or redistribute this template and this layout
 * 
 *************************************************************************
 *  
 * @license for the content mangemant system:
 *
 * Website Baker is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 * Website Baker is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *  ************************************************************************* 
*/

/* Anfang Seitenaufbau allgemein */
* 
	{ 
	margin: 0; 
	padding: 0; 
	}
	
html
{
    height:100%;
}

body 
{ 
  background: url(image_layout/body.gif) top left repeat-x #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; 
	color: #3b3b3b;
	text-align: center;
  min-width: 980px;
	height: 100%; 
}

#container 
{ 
	width: 980px;
  margin: 0 auto;
  text-align: left;
  	
}	

/* ------------------------------------------------------------------------------- */

#a
{ 
	float:left;	
	width: 980px;
  height: 238px;
  background: url(image_layout/a.jpg) top left no-repeat;	  
}

    #aa
    { 
    	float: left;	
    	width: 980px;
      height: 198px;
    }
    
    #aa1
    { 
    	float: left;	
    	width: 350px;
      height: 198px;
    }      
      
          #logo
          { 
            padding: 10px 0 0 22px ;
          }    
      
          #adresse
          { 
            padding: 10px 0 0 22px ;
          }
          #adresse table
          { 
            margin: 3px 0 0 23px ;
          }   
             
          #adresse table tr td
          { 
            padding: 0 10px 5px 0;
            color: #707173;
          }          
          
                
    #aa2
    { 
    	width: 630px;
      height: 198px;
    	float: right;
      text-align: right;	      
    } 
               
        	#navioben
        	{ 
        	  padding: 10px 26px 20px 0 ;
        	}
        	
        	#navioben ul li
        	{ 
        		display: inline;
        		list-style-type: none;
        	}   
               
        	#navioben ul li a
        	{ 
        		font-size: 10px;
        		text-decoration: none;
        		color:#3b3b3b;
            padding: 0 0 3px 14px ;
        	}
        
            	#navioben a:hover
            	{ 
            		color:#e18a00;
            	}
            	
            	#navioben a.aktiv
            	{	
            		color:#e18a00;	
            	}            
      
          
      #ab
      { 
      	width: 980px;
        height: 40px;
      }

   
            	
/* ------------------------------------------------------------------------------- */

#b
{ 
	float: left;
  /*background: url(image_layout/b.jpg) top left no-repeat;*/	
	width: 980px;
  height: 39px;
}
            	
/* ------------------------------------------------------------------------------- */

#c
{ 
	float: left;	
	width: 980px;
}
    
    #c1
    { 
    	float: left;	
    	width: 715px;
    } 
    
        	#inhalt 
        	{
        		padding: 9px 40px 0 10px;
        		font-size: 11px;
        		text-align: left;
        		min-height: 400px;
        		height: auto !important;
        		height: 400px;
        	}  
            
    #c2
    { 
    	float: right;	
    	width: 258px;
      margin: 0 7px 0 0;
    }  

		.boxheader
		{
		background: url(image_layout/boxtop.gif) no-repeat top left;
    width: 231px;
		padding: 15px 0 0 0;
		margin-top: 7px;
		margin-bottom: 5px;
		float: left;
		}
	
	.boxinner
		{
		width: 231px;
		padding: 0;
		min-height: 100px;
		height: auto !important;
		height: 100px;		
    background: url(image_layout/box.gif) no-repeat bottom left #e9f1a1;
    float: left;
		}
	
	.boxinner p
		{
		padding: 0 10px 20px 10px;
		font-size: 11px;
		line-height: 16px;		
		}

  #c2 a.pfeil {
	  font-family: Arial, Verdana, Helvetica, sans-serif; 
    color: #91ae01; 
    background: url(image_layout/pfeil.gif) center right no-repeat;
    padding: 3px 20px 0 0;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
  }

		
/* ------------------------------------------------------------------------------- */

	#d { 
		float: left;	
		width: 980px;
		height: 86px;	
		padding-bottom: 20px;
		background: url(image_layout/d.gif) top left no-repeat;
	}

	
	#d1 { 
		float: left;	
		height: 86px;
		width: 300px;		
	}	
	
      	#pepesale { 
      	  padding: 83px 0 0 13px ;
      	}  
      
          	#pepesale a:link, #pepesale a:visited { 
              font-size:11px;
              text-decoration:none;
              color:#3b3b3b;	
          	}
          	
          	#pepesale a.aktiv, #pepesale a:hover {	
              color:#e18a00;	
          	}    
	
	#d2 { 
		float: left;
    text-align: right;	
		height: 86px;
		width: 680px;		
	}	
	
      	#naviunten { 
      	  padding: 83px 3px 0 0;
      	}
        	
      	#naviunten ul li { 
      		display: inline;
      		list-style-type: none;
      	}    
             
      	#naviunten ul li a { 
      		font-size: 11px;
      		text-decoration:none;
      		color:#3b3b3b;
          padding: 3px 15px 0 0;
      	}
      
          	#naviunten a:hover { 
          		color:#e18a00;
          	}
          	
          	#naviunten a.aktiv {	
          		color:#e18a00;	
          	} 
             
/* ------------------------------------------------------------------------------- */

a:link, a:visited {
	text-decoration : none;
	color : #889901;	
}

a:active, a:hover {
	text-decoration : underline;
}

a.pdf:link, a.pdf:visited {
	text-decoration : none;
	color : #889901;
  background: url(image_layout/pdficon_small.gif) center left no-repeat;
  padding: 3px 0 3px 25px;  	
}

strong {
	color : #889901;
	font-weight: bold;
}

hr {
	height: 0;
	color: #e9f1a1;
	border-bottom: 1px solid #e9f1a1;
	border-top: 0;
	border-left:0;
	width: 100%;
	margin: 15px 0 15px 0;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #889901;
	font-weight : normal;
	font-size:18px;
  letter-spacing: 1px;
  margin: 10px 0 10px 0;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #889901;
	font-weight : bold;
	font-size:14px;
  margin: 13px 0 5px 0;
}

h3 {
	color : #889901;
  margin: 0 0 12px 0;
	font-weight : bold;
	font-size: 13px;
}

img {
border: 0;
}

.imgleft {
padding: 0 10px 10px 0  ;
float:left;
}

.imgright {
padding: 0 0 10px 10px  ;
float:right;
}

/* ------------------------------------------------------------------------------- */

#inhalt ul {
	line-height:16px;
	padding-left: 15px;
	margin-bottom: 10px;
	}
	
#inhalt ul li {
	padding-left: 4px;
	padding-bottom:0px;
	list-style:none;
	list-style-image: url(image_layout/li.gif);
	}		

/* ------------------------------------------------------------------------------- */
	
#inhalt p { 
    font-size:11px; 
    line-height:16px;
    margin: 3px 0px 10px 0;
    text-align: justify;
}

/* ------------------------------------------------------------------------------- */

table {
	border-collapse: collapse;
}

    #inhalt table tr th {
    	vertical-align:top;	
    	color : #3b3b3b;
    	font-weight : bold;
    	font-size: 11px;
      padding: 0 12px 3px 0;	
    }
    
    #inhalt table tr td
    {
    	line-height: 12px;
    	vertical-align: top;	
      padding: 4px 12px 4px 0;
    }	
    
    #inhalt table tr td a
    {
      color : #e18a00;
    }	   
    
    #inhalt table.plan tr td, #inhalt table.plan tr th
    {
    	border: 1px solid #e6e6e6;
    	width: 16%;
    	padding: 2px 2px 2px 2px;
    }	


/* ------------------------------------------------------------------------------- */

#inhalt table.galerie /* Bildergalerie */
{
  margin-bottom: 15px;
  border: 0;
  width: 100%;
}	

#inhalt table.galerie tr td
{
	font-family: Verdana,Arial,Helvetica,Sans-serif;
	font-size: 11px;
	padding: 2px 4px 10px 4px;
	vertical-align: top;
	text-align: center;
}

#inhalt table.galerie tr td a:link, #inhalt table.galerie tr td a:visited
{
	font-family: Verdana,Arial,Helvetica,Sans-serif;
	font-size: 11px;
	text-decoration: none;
}

#inhalt table.galerie tr td a:hover, #inhalt table.galerie tr td a:active
{
	text-decoration: underline;
}

#inhalt table.galerie tr td a img, #inhalt table.galerie tr td img
{
	margin: 8px 5px 5px 5px;
	border: 1px solid #c6d54f;
}

#inhalt table.galerie tr td p
{
		text-align: center;
}

/* ---------------------------------------------------------------------- */

.textfield, .email
{
	background: #ffffff;
	color : #3b3b3b;
	font-family: Verdana,Arial,Helvetica,Sans-serif;
	font-size: 11px;
	width: 180pt;
	border: 1px solid #e18a00;	
}	



select.inputmittel
{
	background: #ffffff;
	color : #3b3b3b;
	font-family: Verdana,Arial,Helvetica,Sans-serif;
	font-size: 11px;
	width: 125pt;
	border: 1px solid #e18a00;	
}	

.textarea
{
	font-family : Verdana,Arial,Helvetica,Sans-serif;
	border: 1px solid #e18a00;	
	font-size : 11px;
	color : #3b3b3b;
	width: 180pt;	
	background: #ffffff;
}


.sendenbutton /* Formularfelder Button */
{
	height: 21px;
	/*width: 23px;*/
	padding: 0 4px 0 4px;
	font-weight: bold;
	font-size : 12px;
	color: #889901;
	border: 1px solid #e18a00;
	background: #ffffff;
}

/* ------------------------------------------------------------------------------- */