/* CSS Document */

/* formatierung der hauptbereiche */
body				{
	font-size: medium;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0px;
	padding: 0px;
	background-image: url(../pics-layout/site-hg.gif);
	background-repeat: repeat;
}

* html body			{
	font-size: x-small;
	f\ont-size: small;
}

#site				{
	font-size: 95%;
	padding-top: 20px;
	padding-bottom: 10px;
	background-image: url(../pics-layout/site-hg-verlauf.jpg);
	background-position: top;
	background-repeat: repeat-x;
}

* html site			{
	font-size: 95%;
	f\ont-size: 95%;
}


#head-top			{
	position: relative;
	left: 0;
	top: 0;
	width: 860px;
	height: 29px;
	padding: 0;
	margin: 0;
	border: 0;
	background-image: url(../pics-layout/head-top.gif);
}

#head-image			{
	position: relative;
	width: 860px;
	height: 200px;
	padding: 0;
	margin: 0;
	border: 0;
	background-color: #fff;
}

#head-bottom		{
	position: relative;
	left: 0;
	top: 0;
	width: 860px;
	height: 25px;
	padding: 0;
	margin: 0;
	border: 0;
	background-image: url(../pics-layout/head-bottom.jpg);
}

#container			{
	position: relative;
	left: 0;
	top: 0;
	width: 860px;
	padding: 0;
	margin: 0;
	border: 0;
	background-image: url(../pics-layout/hg-content.gif);
	background-repeat: repeat-y;
}


#nav				{
	position: relative;
	float: left;
	left: 0px;
	top: 45px;
	text-align: right;
	width: 190px;
	padding: 0px 20px 0px 30px;
	margin: 0px;
	border: 0px;
}

* html #nav 		{
	width: 240px;
	w\idth: 190px;
}

#content			{
	position: relative;
	float: right;
	text-align: left;
	left: 0;
	top: 0;
	width: 515px;
	padding: 30px 55px 20px 50px;
	margin: 0;
	border: 0;
}

* html #content		{
	width: 520px;
	w\idth: 515px;
} 

.clear				{
	clear: both;
}

#bottom				{
	position: relative;
	left: 0;
	top: 0;
	width: 860px;
	height: 11px;
	padding: 0;
	margin: 0;
	border: 0;
	background-image: url(../pics-layout/hg-bottom.jpg);
}

/* ********************** Formatierung des Textes *********************** */

p 					{
	color: #333333;
	line-height: 145%;
	padding: 0px;
	margin: 0px 0px 30px 0px;
}

p.border 					{
	border-top: 1px solid #C3BDB2;
	padding: 0px;
	padding-top: 10px;
}

p.anschrift 					{
	color: #333333;
	line-height: 145%;
	padding: 0px;
	margin: 0px 0px 20px 0px;
}



h1					{
	font-size: 160%;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #A49882;
	font-weight: 500;
	letter-spacing: 1px;
	padding: 0px;
	padding-bottom: 5px;
	margin: 0px;
	margin-bottom: 35px;
	border-bottom: 1px solid #C3BDB2;
}

.buttonRight				{
	text-align: right;
	padding-top: 15px;
}

.buttonDownload				{
	text-align: right;
	padding-top: 15px;
	padding-bottom: 5px;
	margin-bottom: 30px;
	border-bottom: 1px solid #C3BDB2;
}

h2					{
	font-size: 105%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #633024;
	font-weight: 600;
	padding: 0px;
	margin: 0px;
	margin-bottom: 20px;
}

h3					{
	font-size: 90%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-weight: 600;
	padding: 0px;
	margin: 0px 0px 5px 0px;
}

.imageleft			{
	position: relative;
	float: left;
	border: 1px solid #1D335E;
	margin: 0px 15px 20px 0px;
	padding: 2px;
} 

.noborder			{
	border: 0px;
	margin: 0px 15px 20px 0px;
	padding: 0px;
} 



#content a:link		{
	color: #A49882;
	text-decoration: none;	
}

#content a:visited	{
	color: #A49882;
	text-decoration: none;	
}

#content a:hover	{
	color: #A49882;
	text-decoration: underline;
}

#content a:active	{
	color: #A49882;
	text-decoration: none;	
}

#content a:link.pic		{
	color: #A49882;
	text-decoration: none;	
}

#content a:visited.pic	{
	color: #A49882;
	text-decoration: none;	
}

#content a:hover.pic	{
	color: #A49882;
	text-decoration: none;
}

#content a:active.pic	{
	color: #A49882;
	text-decoration: none;	
}

ol					{
	padding: 0px;
	margin: 10px 0px 30px 20px;
}

ul					{
	padding: 0px;
	margin: 10px 0px 30px 20px;
	list-style: square;
}

li					{
	font-size: 95%;
	padding: 0px;
	margin: 0px;
	margin-bottom: 9px;
}

	

/* ********************** Formatierung der Elemente *********************** */

.top				{
	text-align: right;
	font-size: 90%;
	color: #A49882;
	margin: 0px;
	margin-bottom: 15px;
	padding: 0px;
	padding-top: 10px;
	border-top: 1px solid #C3BDB2;
}


/* ********************** Formatierung der Navigation *********************** */

#nav a:link	{
	position: relative;
	display: block;
	width: 170px;
	text-decoration: none;
	color: #A49882;
	border: 0px;
	border-top: 1px solid #C3BDB2;
	padding: 5px 5px 5px 5px;
}

#nav a:visited	{
	position: relative;
	display: block;
	width: 170px;
	text-decoration: none;
	color: #A49882;
	border: 0px;
	border-top: 1px solid #C3BDB2;
	padding: 5px 5px 5px 5px;
}


#nav a:hover		{
	position: relative;
	display: block;
	width: 170px;
	text-decoration: none;
	color: #6E6554;
	border-top: 1px solid #C3BDB2;
	padding: 5px 5px 5px 5px;
	background-image: url(../pics-layout/hg-nav-rollover.jpg);
	background-position: right;
}


#nav a:active	{
	position: relative;
	display: block;
	width: 170px;
	text-decoration: none;
	color: #A49882;
	border: 0px;
	border-top: 1px solid #C3BDB2;
	padding: 5px 5px 5px 5px;
}



#nav a:link.nav-bottom		{
	border-bottom: 1px solid #C3BDB2;
}


#nav a:visited.nav-bottom	{
	border-bottom: 1px solid #C3BDB2;
}


#nav a:hover.nav-bottom		{
	border-bottom: 1px solid #C3BDB2;
}

#nav a:active.nav-bottom	{
	border-bottom: 1px solid #C3BDB2;
}


/* *** ArrowTop *** */

#content a:link.arrowTop {
		padding: 0px 0px 0px 13px;
		margin: 0px 0px 0px 0px;
		background-image: url(../pics-layout/button-top.gif);
		background-repeat: no-repeat;
		background-position: left;
}

#content a:visited.arrowTop {
		padding: 0px 0px 0px 13px;
		margin: 0px 0px 0px 0px;
		background-image: url(../pics-layout/button-top.gif);
		background-repeat: no-repeat;
		background-position: left;
}
#content a:hover.arrowTop {
		padding: 0px 0px 0px 13px;
		margin: 0px 0px 0px 0px;
		background-image: url(../pics-layout/button-top.gif);
		background-repeat: no-repeat;
		background-position: left;
}
#content a:active.arrowTop {
		padding: 0px 0px 0px 13px;
		margin: 0px 0px 0px 0px;
		background-image: url(../pics-layout/button-top.gif);
		background-repeat: no-repeat;
		background-position: left;
}

/* *** ArrowRight *** */

#content a:link.arrowRight, a:visited.arrowRight, a:hover.arrowRight, a:active.arrowRight {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		background-image: url(../pics-layout/button-right.gif);
		background-repeat: no-repeat;
		background-position: left;
}

/* *** ArrowLeft *** */

#content a:link.arrowLeft, a:visited.arrowLeft, a:hover.arrowLeft, a:active.arrowLeft {
		padding: 0px 0px 0px 0px;
		margin: 0px;
		background-image: url(../pics-layout/button-left.gif);
		background-position: right;
		background-repeat: no-repeat;
}


/* ********************** Formatierung des Kontaktformulars *********************** */

input				{
						border: #C3BDB2 1px solid;
						}
select				{
						border: #C3BDB2 1px solid;
						}						
						
textarea			{
						border: #C3BDB2 1px solid;
						}

