/*

ORANGE-TON: #ff6d29
GELB-TON:	#ffce1e

*/


body
{
	font-family: tahoma, arial;
	font-size: 8pt;
	color: #777777;	
	background-color: white;
	text-align: center;
}

span.navigation
{
	color: white; 
	font-size: 8pt; 
	font-weight: bolder;
}

span.navigation a
{
	color: white; 
	text-decoration: none;
}

span.navigation a:hover
{
	color: #ff6d29; 
	text-decoration: none;
}

div.site
{
    text-align: left;   
    margin: 0 auto;      /* horizontale Zentrierung */
    width: 740px; 
    padding: 0px; 
    border-spacing: 0px;   
}

div.content
{
	padding-top: 16px;
	padding-left: 32px;
	padding-right: 128px;
	padding-bottom: 16px;	
	background: url('grafiken/kopf.png');
}

h1
{
	color: #ff6d29;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 2px;
}

h2
{
	color: black;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 4px;
}

h3
{
	margin-bottom: 4px;
}

img
{
	padding: 8px;
}

img.rahmen
{
	padding: 0px;
	margin: 8px;
	border: 5px solid #ffce1e;
}


a
{
	cursor: pointer;
	color: #ff6d29;	
	text-decoration: none;	
	font-weight: bolder;	
}

a:hover
{
	color: black;	
}

a.text
{
	font-family: tahoma, arial;
	font-size: 8pt;
	color: #777777;	
	background-color: white;
	text-align: center;
	text-decoration: none;	
	font-weight: normal;
}

a.text:hover
{
	color: #ff6d29;	
}

fieldset
{
	border: 1px solid silver;	
}

legend
{
	font-weight: bold;	
}

/*#################### 
	EINGABEFELDER 
####################*/

input,textarea
{
  border-left: 1px solid gray;
  border-top: 1px solid gray;    
  border-right: 1px solid silver;
  border-bottom: 1px solid silver;
  font-size: 8pt;
  font-family: sans-serif, verdana, arial;
  background-color: rgb(255,200,0);  
  color: black;
}

input.text,textarea.text
{
  background-color: white;    
}

input.email,input.key,input.guestbook,input.yes,input.no,input.house
{
  border-left: 2px solid #777777;
  border-top: 2px solid #777777;    
  border-right: 2px solid #000000;
  border-bottom: 2px solid #000000;
  background-color: #333333;
  padding: 2px;
  padding-left: 22px;
  padding-right: 10px;
  margin-top: 2px;
  background-repeat: no-repeat;
  background-position: 2px 2px;  
  color: #ffffff;
  font-weight: bold;
}

input.email:hover,input.key:hover,input.guestbook:hover,input.yes:hover,input.no:hover,input.house:hover
{
  background-color: #333333; 
  cursor: pointer;
  /*color: white;*/
  color: #ff6d29;
}

input.email
{
  background-image: url(../grafiken/inhalt/brief.png);
}

input.email:hover
{
  background-image: url(../grafiken/inhalt/brief_pfeil.png);
}

input.guestbook
{
  background-image: url(../img/ico/book.png);
}

input.guestbook:hover
{
  background-image: url(../img/ico/book_go.png);
}

input.key
{
  background-image: url(../img/ico/key.png);
}

input.key:hover
{
  background-image: url(../img/ico/key_go.png);
}

input.yes
{
  background-image: url(../img/ico/tick.png);	
}

input.no
{
  background-image: url(../img/ico/cancel.png);	
}

input.house
{
  background-image: url(../grafiken/inhalt/haus.png);
}

input.house:hover
{
  background-image: url(../grafiken/inhalt/haus_pfeil.png);
}



div#erfolg,div#fehler
{
    color: #08C739;
    font-family: sans-serif, verdana, arial;
    font-size: 10px;
    text-decoration: none;
    font-weight: bold;
    line-height: 120%;
    text-align: left;
    padding: 10px;
    padding-left: 32px;

    margin-top: 5px;
    margin-bottom: 5px;

    border: 1px solid;
    border-top-color: silver;
    border-left-color: silver;
    border-bottom-color: #808080;
    border-right-color: #808080;    
    background-color: #eeeeee;
    color: #333333;
}

div#erfolg
{
    background-image: url(../grafiken/inhalt/abgehakt.png);
    background-repeat: no-repeat;
    background-position: 10px 10px;    
}


div#fehler
{
    background-image: url(../grafiken/inhalt/stop.png);
    background-repeat: no-repeat;
    background-position: 10px 10px;  
}

/* IMGs mit hover */

span.img_verweis
{
	padding-left: 0px;
}

span.img_verweis:hover
{
	padding-left: 20px;
	background: url(../grafiken/inhalt/pfeil.png) left no-repeat;
}