/**
 * 
 *************************************************************************
 *
 * 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: 356px;
      height: 198px;
    }      
      
          #logo
          { 
          	float: left;
            padding: 48px 0 0 35px ;
          }    
    
    #aa2
    { 
    	float: left;	
    	width: 345px;
      height: 198px;
    }          
    
          #BoxSchirmherr
          { 
          	padding: 48px 0 0 0 ;
          	height: 110px;
          } 
    
    #aa3
    { 
    	width: 279px;
      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:#d10019;
            	}
            	
            	#navioben a.aktiv
            	{	
            		color:#d10019;	
            	}            
          
      #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: 20px 40px 0 1px;
    		font-size: 12px;
    		text-align: left;
    		min-height: 400px;
    		height: auto !important;
    		height: 400px;
    	}  
            
    #c2 { 
    	float: right;	
    	width: 258px;
      margin: 0 7px 0 0;
    }  

	#boxnoborder {
		margin: 20px 0 10px 0;
		width: 235px;
		}

	.boxfooter {
		background: url(image_layout/boxbot.gif) no-repeat bottom left;
    width: 235px;
		padding: 0 0 15px 0;
		margin-top: 7px;
		margin-bottom: 5px;
		float: left;
		/* display:block; */ 
		}
	
	.boxinner {
    padding: 15px 0 0 0;
		width: 235px;
		min-height: 100px;
		height: auto !important;
		height: 100px;		
    background: url(image_layout/box.gif) no-repeat top left;
    float: left;
    text-align: center;
		}
	
	.boxinner2 {
    padding: 15px 0 0 0;
		width: 235px;
		min-height: 100px;
		height: auto !important;
		height: 100px;		
    background: url(image_layout/box.gif) no-repeat top left;
    float: left;
    text-align: left;
		}		
	
	#c2 p {
		padding: 0 10px 5px 10px;
		font-size: 12px;
		line-height: 16px;		
		}
	
	#c2 h3 {
		padding: 0 10px 5px 10px;
		font-size: 13px;
		font-weight: bold;
    color : #d10019;
    margin: 0 0 5px 0;    
		}
      		
		#c2 table {
		margin: 0 0 5px 0;
		}			

		#c2 table tr td {
		font-size: 10px;
		padding: 2px 8px 6px 8px;
		}		
		
/* ------------------------------------------------------------------------------- */

	#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: 63px 0 0 1px ;
      	}  
      
          	#pepesale a:link, #pepesale a:visited
          	{ 
              font-size:10px;
              text-decoration:none;
              color:#3b3b3b;	
          	}
          	
          	#pepesale a.aktiv, #pepesale a:hover
          	{	
              font-size:10px;
              text-decoration:none;
              color:#d10019;	
          	}    
	
	#d2
	{ 
		float: left;
    text-align: right;	
		height: 86px;
		width: 680px;		
	}	
	
      	#naviunten
      	{ 
      	  padding: 63px 13px 0 0;
      	}
        	
      	#naviunten ul li
      	{ 
      		display: inline;
      		list-style-type: none;
      	}    
             
      	#naviunten ul li a
      	{ 
      		font-size:10px;
      		text-decoration:none;
      		color:#3b3b3b;
          padding: 3px 15px 0  0  ;
      	}
      
          	#naviunten a:hover
          	{ 
          		color:#d10019;
          	}
          	
          	#naviunten a.aktiv
          	{	
          		color:#d10019;	
          	} 
             
/* ------------------------------------------------------------------------------- */

a:link, a:visited {
	text-decoration : underline;
	color : #3b3b3b;	
}

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

a.pfeil {
  background: url(image_layout/pfeil.gif) bottom right no-repeat;
  padding: 3px 15px 0  0  ;
  text-decoration: none;
}

a.pfeil {
  background: url(image_layout/pfeil.gif) bottom right no-repeat;
  padding: 3px 15px 0  0  ;
  text-decoration: none;
}


img {
border: 0;
}

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

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

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

#inhalt ul
	{
	line-height:20px;
	padding-left: 10px;
	margin-bottom: 20px;
	}
	
#inhalt ul li
	{
	padding-left:20px;
	padding-bottom:0px;
	list-style-type:none;
	background: url(image_layout/li.gif) center left no-repeat;
	color: #3b3b3b;	
	}		

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

#c1 h1  
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #889901;
	margin-bottom:15px;
	font-weight : normal;
	font-size:18px;
  letter-spacing: 1px;
  background: url(image_layout/h2.gif) top left no-repeat;
  padding: 20px 20px 0 32px;
}

#c1 h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #889901;
	margin-bottom: 9px;
	font-weight : bold;
	font-size: 16px;
}

#c1 h3  
{
	color : #d10019;
	margin-bottom: 10px;
	font-weight : bold;
	font-size: 13px;
}
/* ------------------------------------------------------------------------------- */

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 : #d10019;
    }	   
    
    #inhalt table.plan tr td, #inhalt table.plan tr th
    {
    	border: 1px solid #e6e6e6;
    	width: 16%;
    	padding: 2px 2px 2px 2px;
    }	

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

td.post_date. td.public-info {
font-size: 10px;
color : #c3c3c3;
}

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

#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 #889901;	
}	

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

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

.sendenbutton {
	height: 21px;
	padding: 0 4px 0 4px;
	font-weight: bold;
	font-size : 12px;
	color: #d10019;
	border: 1px solid #889901;
	background: #ffffff;
}

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