/* 
schrift: 273a45
orange: fd6103
dunkelgrau hintergrund: 7a8d98
hellgrau hintergrund: ebeeef
 */



/* Anfang Seitenaufbau allgemein */
* 
	{ 
	margin: 0; 
	padding: 0; 
	}
	
html
{
    height:100%;
    scrollbar-3dlight-color:#7a8d98;      /* rahmen außen links und oben */
    scrollbar-arrow-color:#7a8d98;        /* pfeilfüllung */
    scrollbar-darkshadow-color:#7a8d98;   /* rahmen außen rechts und unten */
    scrollbar-face-color:#ebeeef;         /* hintergrund balken und pfeile */
    scrollbar-highlight-color:#fd6103;    /* rahmen innen links und oben */
    scrollbar-shadow-color:#fd6103;       /* rahmen innen links und oben */
    scrollbar-track-color:#7a8d98;        /* hintergrund hinter Bildlaufleiste */	
}

body 
{ 

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px; 
	color: #273a45;
  width: 960px;
	height:100%;
  background: #ebeeef;   
}

#container 
{ 
	width: 960px;
	height: 100%;
  background: url(image_layout/container.jpg) top left no-repeat #7a8d98;  	
}	
/* Ende Seitenaufbau allgemein */

#oben
{ 
	float:left;	
	width: 960px;
	height: 223px;
}
/* Anfang Bild rechts neben Navi */
    #logo
    { 
    	padding: 39px 0 0 26px;
    	height: 80px;
    	float:left;
    }	
    
#oben2  
{
	width: 880px;
	float: left;
	height:24px;
  background: url(image_layout/square.gif) bottom right no-repeat #7a8d98;	  		
}

  	#navioben
  	{ 
  	  padding: 4px 10px 0 10px ;
  	  color:#ffffff;
  	}
  
  	#navioben a
  	{ 
  		font-size:11px;
  		text-decoration:none;
  		color:#ffffff;
      padding: 0 5px 0 5px ;
  	}
  
  	#navioben a:hover
  	{ 
  		font-size:11px;
  		text-decoration:underline;
  		color:#ffffff;
  	}
  	
  	#navioben a#aktiv
  	{	
  		color:#FDC503;	
  	}


/* Ende Bild rechts neben Navi */
#mitte
{ 
  background: #d9edf7;
	width: 918px;
	min-height:350px;
	height: auto !important;
	height:350;
	float:left;
}

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

        #links
        { 
        	width: 300px;
        	min-height:350px;
        	height: auto !important;
        	height:350;
        	float:left;
        }

        #rechts
        { 
        	width: 578px;
        	min-height:350px;
        	height: auto !important;
        	height:350;
        	float:right;
        }

/* Anfang Fußbereich */	
	#unten
	{ 
		float:left;	
		width: 960px;
		height:30px;
    text-align: right;	
	}
	
		#pepesale
		{ 
		  text-align:right;
			padding: 5px 42px 0 0 ;		
			color:#ffffff;
		}
	
		#pepesale a
		{ 
		  text-decoration: none;		
			color:#ffffff;
			font-size:10px;
		}		
/* Ende Fußbereich */

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

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

#galerieaktiv 
{
text-decoration: underline;
}

.tdgalerie
{
	padding:20px 10px 20px 10px;
}

p 
{ 
	font-size:11px; 
	line-height:16px;
	padding:0 0 10px 0;
	margin: 10px 0;
}

h1  
{
	background: url(image_layout/h1.gif) left no-repeat;
	padding-left: 20px;
  margin-bottom:15px;
	font-size : 12px;
	text-decoration : none;
	font-weight : bold;
	color : #273a45;
}

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

ul#listbox 
	{
	line-height:12px;
	padding-left:20px;
	margin-bottom: 20px;
	}
	
ul#listbox li
	{
	padding-left:5px;
	padding-bottom:7px;
	list-style-image:url(image_layout/li.gif)
	}	
	

hr
{
	height:0;
	color: #7a8d98;
	border-bottom: 1px solid #7a8d98;
	border-top: 0;
	border-left:0;
}

/* Ende allgemeine Textformatierungen  */	


/* Anfang Styles Kontaktformular */

#inhalt .tk /* Außentabelle */
{
	border-top: 1px dashed #7a8d98;
}	

#inhalt .tk1 /* Tabellenfeld links */
{
	color : #000000;
	font-family: Verdana,Arial,Helvetica,Sans-serif;
	font-size: 11px;
	padding:2px 6px;
}

#inhalt .tk1p /* Tabellenfeld links Pflichtfeld*/
{
	color : #000000;
	font-family: Verdana,Arial,Helvetica,Sans-serif;
	font-size: 11px;
	font-weight:bold;
	padding:2px 6px;
}

#inhalt .tk2 /* Tabellenfeld rechts */
{
	padding:2px 6px;
}

.tk2 input  /* Formularfelder rechts */
{
	background: #ffffff;
	color : #000000;
	font-family: Verdana,Arial,Helvetica,Sans-serif;
	text-decoration: none;
	font-size: 11px;
	width: 180pt;
	border: 1px solid #7a8d98;
	
}	

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

input.sendenbutton /* Formularfelder Button */
{
	width:114px;
	height:29px;
	border:0;
}
/* Ende Styles Kontaktformular */