/*
gruen flaeche: d3ed8e
tuerkis flaeche + h1: 2eb5cb
blau schrift inhalt + navi: 0a7488
gruen gestrichelte linie: b2cf65
*/

/* Anfang Seitenaufbau allgemein */
* 
	{ 
	margin: 0; 
	padding: 0; 
	}
	
html
{
    height:100%;
    scrollbar-3dlight-color:#2eb5cb;      /* rahmen außen links und oben */
    scrollbar-arrow-color:#ffffff;        /* pfeilfüllung bei scroll*/
    scrollbar-darkshadow-color:#ffffff;   /* rahmen außen rechts und unten */
    scrollbar-face-color:#2eb5cb;         /* hintergrund balken und pfeile */
    scrollbar-highlight-color:#2eb5cb;    /* rahmen innen links und oben, Schatten Pfeil */
    scrollbar-shadow-color:#2eb5cb;       /* rahmen innen links und oben, pfeilfüllung bei nicht-scroll */
    scrollbar-track-color:#ffffff;        /* hintergrund hinter Bildlaufleiste */	
    scrollbar-base-color:#ffffff;         /* grundfarbe scrollbalken*/	
}

body 
{ 

	font-family:Verdana, Arial, Helvetica, sans-serif;
  	background: #ffffff;	
	font-size:11px; 
	color: #0a7488;
	text-align: center;
  	min-width: 990px;
	height:100%; 
}

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

/* Ende Seitenaufbau allgemein */

#a
{ 
	float:left;	
	width: 985px;
	height: 239px;
	background: url(image_layout/a.gif) top left no-repeat;
}
      
      #a1
      { 
      	float:left;	
      	width: 785px;
      	height: 239px;	
    
      }
      
          #logo
          { 
		  	     float:left;	
          	 padding: 50px 0 0 298px;
          	 font-family: Arial, Helvetica, sans-serif;
          	 font-size : 30px;
          	 font-weight : bold;
             text-decoration : none;
          }	
		  
            #logo a
            {
            	padding: 0 0 150px 0;
            	text-decoration : none;
            	color : #ffffff;
              font-size : 30px;
            }
		  
            #logo h2
            {
            	padding: 0 0 20px 0;
            }            

		#a2
      { 
      	float:right;	
      	width: 200px;
      	height: 239px;	
      } 
		  
	/* Navigation oben*/  
		  #navioben
          { 
		  	float:right;	
          	padding: 153px 20px 0px 0px;
			text-align: right;
          }	
          
	
  #navioben ul
		{
		margin-top: 0px;
		list-style-type:none;
		font-size:11px;
		color: #0a7488;
		display: block;
		}
	
  #navioben ul li
		{
    display: block;
    list-style-type: none;
    margin: 5px 0px 0 0px;
	padding-right: 30px;
    color: #0a7488;
	background: url(image_layout/li_navioben.gif) no-repeat top right;
		}
	
	#navioben ul li a
		{
		color: #0a7488;
		text-decoration:none;
		}
		
	#navioben ul li a:hover
		{
		color: #0a7488;	
		text-decoration:underline;
		}
	
	#navioben ul li.aktiv
		{	
		color: #0a7488;
		text-decoration:none;
		}
	
	#navioben ul li.aktiv a
		{	
		color: #0a7488;
		text-decoration:none;
		}
		  
     
#b
{ 
	float:left;	
	width: 990px;
  	background: #ffffff;
}
      
      #b1
      { 
      	float:left;	
      	width: 280px;
      }

	  #b11
      { 
      	float:left;	
      	width: 280px;
      	height: auto !important;
      }
	  
	  
	 #anschrift
      { 
      	float:left;	
		padding: 10px 0 10px 10px;
		border-top: 1px dotted #b2cf65;
		width: 96%;
      }
	  
      #b2
      { 
      	float:right;	
      	width: 710px;
      }

      
#c
{ 
	float:left;	
	width: 990px;
	height: 28px;
	background: url(image_layout/c.gif) top left no-repeat;
	}	
          
    #c1
    { 
    float:left;	
    width: 280px;
    height: 28px;
    }	
          

      
      		#copyright
      		{ 
      		padding: 4px 0 0px 10px;		
      		color:#2eb5cb;
      		font-size:10px;
      		}
      	
      		#copyright a
      		{ 
      		text-decoration: none;		
      		color:#2eb5cb;
      		font-size:10px;
      		}
			
	#c2
    { 
    float:right;
    text-align: right;	
    width: 710px;
   	height: 28px;
    }			
						
			#pepesale
			{ 
			text-align:right;
			padding: 3px 30px 0px 0px;		
			color:#ffffff;
			}

			#pepesale a
			{ 
			text-decoration: none;		
			color:#ffffff;
			font-size:10px;
			}		
		
			#pepesale a:hover
			{ 
			text-decoration: underline;		
			color:#ffffff;
			font-size:10px;
			}			
      
#d
{ 
	float:left;	
	text-align: center;	
	width: 990px;
	height: 50px;
	}	
	
	    #d1
    { 
    float:left;	
    width: 990px;
    height: 50px;
    }	
	
	      	#footer
      		{ 
	    	color:#2eb5cb;
      		font-size:10px;
      		}
			
			#footer a
      		{ 
      		text-decoration: none;		
      		color:#2eb5cb;
      		font-size:10px;
      		}

	
/* Anfang Navigationsbereich */
#navi
{ 
	float: left;
}
	
	/* Navigation */
  #navi ul
		{
		list-style-type:none;
		margin: 10px 0 10px 0px;
		font-size:11px;
		color: #0a7488;
		}
	
  #navi ul li
		{
    	display: block;
    	list-style-type: none;
    	padding: 4px 0px 4px 10px;
    	width:270px;
    	color: #0a7488;
		}
	
	#navi ul li a
		{
		color: #0a7488;
		padding: 3px 0 0px 0px;
		text-decoration:none; 		
		}
		
	#navi ul li a:hover
		{
		text-decoration:none;
		}
	
	#navi ul li.aktiv
		{	
		  background: url(image_layout/li_aktiv.gif) no-repeat top left;
			width:270px;
			color: #0a7488;
		}
		
	#navi ul li.aktiv a
		{	
			color: #0a7488;
		}	
		
	/* Unternavigation 
	#navi ul li ul	
		{
		list-style-type:none;
		font-size:11px;
		color: #000000;
		}
		
		#navi ul li ul li
			{
      margin-left:40px;
      list-style-type: none;
      color: #1c4169;
      display: block;
			}

		#navi ul li ul li a
			{	
  		color: #1c4169;		
      margin-left:0px;
  		font-weight:normal;
  		text-decoration:none;
			}
			
		#navi ul li ul li a:hover
			{
			color: #000000;
			text-decoration: underline;			
			}
		
	#navi ul li ul li.sub1aktiv a
		{	
				text-decoration: underline;	
		}	
*/

/* Ende Navigationsbereich */


/* Anfang Inhaltsbereich */

	#inhalt 
	{
		padding: 12px 10px 20px 20px;
		font-size:11px;
		text-align:left;
		min-height:200px;
		height: auto !important;
		height:200px;
	}

  #inhalt p 
  { 
  	font-size:11px; 
  	line-height:17px;
  	margin: 10px 0px 10px 0;
	text-align: justify;
  }
  
  #anschrift p
  { 
  	font-size:11px; 
  	line-height:15px;
  	margin: 5px 0px 5px 0;
	text-align: left;
  }

/* Ende Inhaltsbereich */

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

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

a.angebot:link, a.angebot:visited, a.angebot:active, a.angebot:hover {
	text-decoration : none;
	background: url(image_layout/pfeil-anfrage.gif) no-repeat center left #ffffff;
	padding: 4px 4px 4px 24px;
    margin-top:4px;
	margin-bottom:0px;
	font-size : 11px;
	font-weight : bold;
	color : #0f4782;
	border: 1px solid #9e9d9d;
}


h1  
{
  	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 7px 0;
	font-size : 17px;
	text-decoration : none;
	font-weight : normal;
	color : #2eb5cb;
}

h2  
{
  	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 7px 0;
	font-size : 14px;
	text-decoration : none;
	font-weight : normal;
	color : #2eb5cb;
	letter-spacing: 1px;
}


h4  
{
  	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 7px 0;
	font-size : 14px;
	text-decoration : none;
	font-weight : bold;
	color : #2eb5cb;
	letter-spacing: 1px;
}

h5  
{
  	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 3px 0;
	font-size : 11px;
	text-decoration : none;
	font-weight : bold;
	color : #2eb5cb;
	letter-spacing: 1px;
}


hr
{
	height:0;
	color: #b2cf65;
	border-bottom: 1px dotted #b2cf65;
	border-top: 0;
	border-left:0;
	width: 100%;
}


ul#listbox 
	{
	line-height:16px;
	padding-left:40px;
	margin-bottom: 10px;
	margin-top: 5px;
	}
	
ul#listbox li
	{
	padding-left:0px;
	padding-bottom:2px;
	list-style-image:url(image_layout/li.gif)
	}	

table.infobox {
	border-color: #b2cf65;
	border-style: dotted;
	border-width: 1px;
	margin: 0 0px 10px 20px;
	width: 252px;
}	

table.infobox tr td {
	padding:3px 3px 3px 3px;
	text-align: left;
	vertical-align: top;
}	

table.nadja {
	border-color: #b2cf65;
	border-style: dotted;
	border-width: 1px;
	margin: 0 0px 10px 0px;
	width: 100%px;
}	

table.nadja tr td {
	padding:3px 3px 3px 3px;
	text-align: left;
	vertical-align: top;
}

td.abstandlinks
{
padding-left: 20px;
}	


.imginhalt
{ 
	padding:0px 0px 3px 0px;
	border: 0px;
	width: 240px;
	height: 221px;
}

.imgthumb
{ 
	width: 134px;
}

.floatleft {
float: left;
vertical-align: top;
line-height: 17px;
}	

.floatright {
float: right;
vertical-align: top;
text-align: right;
line-height: 17px;
}	
	
.buttonstart 
{
	background: url(image_layout/pfeil1.gif) no-repeat center left #d3ed8e;
	padding: 4px 4px 4px 20px;
	font-size : 12px;
	font-weight : normal;
	color : #0a7488;
	border: 1px solid #d3ed8e;
	width: 260px;
	margin-bottom: 20px;
}	

.buttonstart a
{
   padding: 0 0 0px 0;
   text-decoration : none;
   color : #0a7488;
   font-size : 12px;
}

/* Ende allgemeine Textformatierungen  */	


/* Anfang Styles Kontaktformular */

table.tk /* Aussentabelle */
{
  margin-top: 15px;
}	

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

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

td.tk1w /* Tabellenfeld Warnung*/
{
	color : #63a93f;
	font-family: Verdana,Arial,Helvetica,Sans-serif;
	font-size: 11px;
	font-weight:normal;
	padding: 3px 6px 3px 0;
	vertical-align: top;	
}

td.tk2 /* Tabellenfeld rechts */
{
	padding: 3px 6px 3px 0;
	vertical-align: top;	
}

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

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

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

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

textarea.inputlang  /* Textareas rechts */
{
	font-family : Verdana,Arial,Helvetica,Sans-serif;
	border: 1px solid #b2cf65;	
	font-size : 11px;
	color : #0a7488;
	width: 180pt;	
	background: #ffffff;
    scrollbar-3dlight-color:#ffffff;      /* rahmen außen links und oben */
    scrollbar-arrow-color:#b2cf65;        /* pfeilfüllung */
    scrollbar-darkshadow-color:#ffffff;   /* rahmen außen rechts und unten */
    scrollbar-face-color:#ffffff;         /* hintergrund balken und pfeile */
    scrollbar-highlight-color:#b2cf65;    /* rahmen innen links und oben */
    scrollbar-shadow-color:#b2cf65;       /* rahmen innen links und oben */
    scrollbar-track-color:#ffffff;        /* hintergrund hinter Bildlaufleiste */	
}

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

.sendenbutton /* Formularfelder Button */
{
	width: 81px;
	height: 19px;
	border: 1px solid #d3ed8e;
}
/* Ende Styles Kontaktformular */