/*
weinrot hintergrund: 670016
hellgrau hintergrund: e8e8e4
hellgrau hintergrund inhalt: f4f4f2
hellgrau navi oben: f4f4f2
graue linien inhalt: d1d1cf
grau schrift unten: 949494
altrosa linien rechts: 954e5d
*/

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

body 
{ 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px; 
	color: #670016;
	background: #e8e8e4;
	text-align: center; /* zentrieren */
  min-width: 990px; /* zentrieren */
	height:100%; 
}

#container 
{ 
	width: 990px; /* zentrieren */
  margin: 0 auto; /* zentrieren */
  text-align: left; /* zentrieren */	
}	

#a
{ 
	width: 990px;
	height:135px;
}

    #a1
    { 
    	width: 112px;
    	height:135px;
      background: url(image_layout/a1.gif) top left no-repeat;
      float:left;
    }
        #logo
        { 
        	padding: 59px 0 0 28px;
        	float:left;
        }	
        #logo img
        { 
        	border: 0;
        }	
    #a2
    { 
    	width: 653px;
    	height:135px;
    	text-align: right;
    	float:left;
    }

      #a21
      { 
      	width: 653px;
      	height:116px;
        background: url(image_layout/a21.gif) bottom left no-repeat #670016;
      }
            
            	#navioben
            	{ 
            	  padding: 98px 13px 0 0 ;
            	}
            
            	#navioben a
            	{ 
            		font-size:11px;
            		text-decoration:none;
            		color:#f4f4f2;
                padding: 0 0 0 10px ;
            	}
            
            	#navioben a:hover
            	{ 
            		font-size:11px;
            		text-decoration:underline;
            		color:#f4f4f2;
            	}
            	
            	#navioben a#aktiv
            	{	
            		color:#f4f4f2;	
            	}
            	
      #a22
      { 
      	width: 653px;
      	height:19px;
        background: #f4f4f2;
      }

    #a3
    { 
    	width: 225px;
    	height:135px;
      background: url(image_layout/a3.jpg) top left no-repeat;
      float:right;
    }


#b
{ 
	background: url(image_layout/b.gif) top left repeat-y;
  width: 990px;
  float:left;
}

    #b1
    { 
    	width: 765px;
    	float:left;
    }

    #b2
    { 
    	width: 225px;
    	min-height:380px;
    	height: auto !important;
    	height:380px;
      background: url(image_layout/b2.jpg) top left no-repeat;
      float:right;
    }    

#c
{ 
	background: url(image_layout/b.gif) top left repeat-y;
  width: 990px;
  float:left;
}

    #c1
    { 
    	width: 765px;
    	height: 110px;
    	float:left;
      border-bottom: 10px solid #670016;
    }

    #c11
    { 
    	padding: 0 50px 0 112px;
    	float:left;
    	
    }    

    #c2
    { 
    	width: 225px;
    	height:90px;
      float:right;
    }     


/* Anfang Navigationsbereich */
#navi
{ 

	float: left;
	min-height:350px;
	height: auto !important;
	height:350px;
}

	
	/* Navigation */
  #navi ul
		{
		list-style-type:none;
		margin: 21px 0 0 0;
		font-size:12px;
		color: #670016;
		}
	
  #navi ul li
		{
    display: block;
    list-style-type: none;
    margin: 0 0 10px 0;
    color: #670016;
		}
	
	#navi ul li a
		{	
		color: #670016;
		font-weight:bold;
		padding: 0 0 0 30px;
		text-decoration:none;
		
		}
		
	#navi ul li a:hover
		{
		color: #7e7e7e;		
		}
		
	#navi ul li.aktiv a
		{	
				font-weight:bold;	
				color: #7e7e7e;
		}	

	/* Unternavigation */
	#navi ul li ul	
		{
		list-style-type:none;
		margin: 0 0 0 0;
		font-size:11px;
		color: #000000;
		}
		
		#navi ul li ul li
			{
      display: block;
      list-style-type: none;
      margin: 10px 0px 10px 0px;
      color: #670016;
			}
		
		#navi ul li ul li a
			{	
  		color: #670016;
  		font-weight:normal;
  		padding: 0 0 0 40px;
  		text-decoration:none;
			}
			
		#navi ul li ul li a:hover
			{
			color: #7e7e7e;
			text-decoration:none;			
			}
		
	#navi ul li ul li.sub1aktiv a
		{	
				text-decoration:underline;	
				color: #7e7e7e;
		}	

/* Ende Navigationsbereich */


	#inhalt 
	{
		padding: 13px 40px 20px 112px;
		font-size:11px;
		text-align:left;
		min-height:370px;
		height: auto !important;
		height:370px;
	}

	#unten 
	{  
	  border-top: 1px dashed #949494;
		padding: 10px 0 0 0;
		margin: 0 0 20px 0;
		min-width:603px;
		width: auto !important;		
		width: 603px;
		color: #949494;
		font-size:10px;
		float: left;
	}

    #unten h3  
    {
    		color: #949494;
    		font-size:10px;
        font-weight : bold;
    }

    #unten table tr td 
    {
    		padding: 0 10px 10px 0;
    }

.maps
      {
      	border: 1px solid #670016;
      	float: left;
      	margin: 0 10px 10px 0;
      }

/* Anfang Fußbereich */	

	
		#pepesale
		{ 
		  text-align:left;
			padding: 50px 0 0 25px ;		
			color:#cefa74;
		}
	
		#pepesale a
		{ 
		  text-decoration: none;		
			color:#cefa74;
			font-size:11px;
		}		
/* Ende Fußbereich */

/* Anfang allgemeine Textformatierungen  */	
a:link, a:visited {
	text-decoration : underline;
	color : #7e7e7e;	
}

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

h1  
{
  margin-bottom:15px;
	font-size : 12px;
	text-decoration : none;
	font-weight : bold;
	color : #670016;
}

h2  
{
	color : #670016;
	margin-bottom:10px;
	font-weight : bold;
	font-size:11px;
}

#inhalt ul.nxbox
	{
	line-height:12px;
	padding-left: 4px;
	margin-bottom: 15px;
	list-style-position: inside;
	}
	
#inhalt ul, #inhalt ol
	{
	line-height:12px;
	padding-left: 17px;
	margin-bottom: 15px;
	}
	
#inhalt ul li
	{
	padding-left: 4px;
	padding-bottom:7px;
	list-style-image:url(image_layout/li2.gif)
	}	
	
#inhalt ol li
	{
	padding-left: 4px;
	padding-bottom:7px;
	}		
	
#inhalt table
{
	border-collapse:collapse;
}

#inhalt table tr th
{
	padding: 0 10px 10px 0;
	vertical-align:top;	
	color : #670016;
	font-weight : bold;
	font-size:11px;	
}

#inhalt table tr td
{
	padding: 0 10px 5px 0;
	vertical-align:top;	
}	

#inhalt table tr td a:link, #inhalt table tr td a:visited
{
	text-decoration : underline;
	color : #7e7e7e;	
}

#inhalt table tr td a:hover
{
  color : #670016;
}	

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

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

p 
{ 
	font-size:11px; 
	line-height:16px;
	margin: 10px 0;
}
/* Ende allgemeine Textformatierungen  */	


/* Kontaktformular----------------------------------------------------------------- */

#inhalt table.tk /* Aussentabelle */
{
  margin-top: 10px;
  border-top: 1px dashed #d1d1cf;
}	

#inhalt table tr td.tk1 /* Tabellenfeld links */
{
	color : #670016;
	font-family: Verdana,Arial,Helvetica,Sans-serif;
	font-size: 11px;
	padding: 4px 6px 0 0;
	vertical-align: top;
}

#inhalt table tr td.tk1p /* Tabellenfeld links Pflichtfeld*/
{
	color : #670016;
	font-family: Verdana,Arial,Helvetica,Sans-serif;
	font-size: 11px;
	font-weight:bold;
	padding: 4px 6px 0 0;
	vertical-align: top;	
}

#inhalt table tr td.tk1w /* Tabellenfeld Warnung*/
{
	color : #670016;
	font-family: Verdana,Arial,Helvetica,Sans-serif;
	font-size: 11px;
	font-weight:bold;
	padding: 4px 6px 0 0;
	vertical-align: top;	
}

#inhalt table tr td.tk2 /* Tabellenfeld rechts */
{
	padding: 4px 6px 0 0;
	vertical-align: top;	
}

input.inputlang  /* Formularfelder rechts */
{
	background: #ffffff;
	color : #670016;
	font-family: Verdana,Arial,Helvetica,Sans-serif;
	font-size: 11px;
	width: 180pt;
	border: 1px solid #d1d1cf;	
}	

input.inputkurz  /* Formularfelder rechts */
{
	background: #ffffff;
	color : #670016;
	font-family: Verdana,Arial,Helvetica,Sans-serif;
	font-size: 11px;
	width: 50pt;
	border: 1px solid #d1d1cf;	
}	

input.inputmittel  /* Formularfelder rechts */
{
	background: #ffffff;
	color : #670016;
	font-family: Verdana,Arial,Helvetica,Sans-serif;
	font-size: 11px;
	width: 125pt;
	border: 1px solid #d1d1cf;	
}	

select.inputmittel  /* Formularfelder rechts */
{
	background: #ffffff;
	color : #670016;
	font-family: Verdana,Arial,Helvetica,Sans-serif;
	font-size: 11px;
	width: 150pt;
	border: 1px solid #d1d1cf;	
}	

textarea.inputlang  /* Textareas rechts */
{
	font-family : Verdana,Arial,Helvetica,Sans-serif;
	border: 1px solid #d1d1cf;	
	font-size : 11px;
	color : #670016;
	width: 180pt;	
	background: #ffffff;
}

input.sendenbutton /* Formularfelder Button */
{
	width: 81px;
	height: 19px;
	border: 1px dotted #d1d1cf;
}

.sendenbutton /* Formularfelder Button */
{
	width: 81px;
	height: 19px;
	border: 1px dotted #d1d1cf;
}
/* ------------------------------------------------------------------------------- */