/* CSS Document */

body { 
margin : 0 0 0 0; 
padding : 0; 
background: #ffffff url(Bilder/index_02.jpg) 0 0 repeat-x;

} 
div, p, h1, h2, h3, ul, li, a, form, input, label, img { 
margin : 0; 
padding : 0; 
list-style : none; 
} 
.spacer { 
line-height : 0; 
font-size : 0; 
clear : both; 
} 
.iconspan { 
float : right; 
margin : 6px; 
cursor : pointer; 
font-weight : bold; 
} 
#container {
	margin : 0 auto;
	padding : 0 0 0 0;
	width : 1004px;
	position : relative;
	background-color:#FFFFFF;
}

#bg {
	margin : 0 auto;
	padding : 0 0 0 0;
	width : 1004px;
	background : #fff url(Bilder/bg-container.jpg) repeat-y 0 0;
	float:left;
}



#formular {
	width : 344px;
	height : 770px;
	margin : 0 0 0 34px;
	padding : 0;
	float : left;
	background : #fff url(Bilder/bg-formular.jpg) no-repeat 0 0;
	display:inline;
} 

#formular h1 {
	font : normal 19px Arial;
	color : #fff;
	padding : 10px 0 20px 35px;
} 

#formular h2 {
	font : normal 19px/19px Arial;
	color : #000;
	padding : 5px 0 20px 67px;
} 

#formular p {
	font : normal 13px/18px Arial;
	color : #1f6599;
	margin : 0 0 0 0;
	padding : 5px 0 0 12px;
	float:left;
	width: 180px

}

#formular ul {
	margin:7px 10px 0 0;
	padding:0;
	float:right;
	display:inline;
}

	#formular ul li {float:left;margin:0 0 0 0; padding:0; text-align:center;}

	#formular ul li a {
	margin:0 0 0 0;
	padding:0 0 0 0;
	display: block;
	font : bold 14px/14px Lucida Sans;
	text-decoration:none;
}
	

#formular ul li a.button1 {background-image:url(Bilder/button-marken.jpg); width:157px; height:19px; color: #313131; }
#formular ul li a:hover.button1 { background-image:url(Bilder/button-marken-over.jpg); width:157px; height:19px; color:#FFFFFF;}


#header {
	width : 619px;
	height : 257px;
	margin : 0 0 0 0;
	padding : 0;
	float : left;
	display:inline;
	background : #fff url(Bilder/header-grafik-start.jpg) no-repeat 0 0;
} 

#header p {
	font : normal 14px/18px Arial, sans-serif;
	color : #9c894b;
	padding : 0 15px 0 28px;
	margin : 170px 0 0 225px;
} 

#header1 {
	width : 1004px;
	height : 148px;
	padding : 0 0 0 0;
	float : left;
	background : #fff url(Bilder/bg-head.jpg) no-repeat 0 0;
} 

#header1 ul {
	margin:35px 0 0 34px;
	padding:0;
	float:left;
	display:inline;
}

	#header1 ul li {float:left;margin:0 0 0 0; padding:0; text-align:left;}

	#header1 ul li a {
	margin:0 0 0 0;
	padding:12px 0 0 32px;
	display: block;
	font : normal 20px/20px Arial;
	text-decoration:none;
}
	

#header1 ul li a.button1 {background-image:url(Bilder/button-variante-1.jpg); width:312px; height:33px; color: #8e7a3d; }
#header1 ul li a:hover.button1 { background-image:url(Bilder/button-variante-1-over.jpg); width:312px; height:33px; color:#fff;}



#navi ul {
	margin:19px 4px 0 0;
	padding:0;
	float:right;
	display:inline;
}

	#navi ul li {float:left;margin:0 0 0 0;padding:0; text-align:center;}
	
	#navi ul li a {
	margin:0 0 0 0;
	padding:14px 0 0 0;
	display: block;
	font : bold 12px/12px Lucida Sans;
	text-decoration:none;
	text-transform:uppercase;
}
	
	#navi ul li a.button1 {background-image:url(Bilder/button-home.jpg);  width:66px; height:26px; color: #fff; }
	#navi ul li a.button2 {background-image:url(Bilder/button-goldankauf.jpg); width:105px; height:26px; color: #fff; }
	#navi ul li a.button3 {background-image:url(Bilder/button-goldrechner.jpg); width:115px; height:26px; color: #fff; }
	#navi ul li a.button4 {background-image:url(Bilder/button-info.jpg); width:48px; height:26px; color: #fff; }
	#navi ul li a.button5 {background-image:url(Bilder/button-ablauf.jpg); width:69px; height:26px; color: #fff; }
	#navi ul li a.button6 {background-image:url(Bilder/button-begleitschreiben.jpg); width:144px; height:26px; color: #fff; }
	#navi ul li a.button7 {background-image:url(Bilder/button-kontakt.jpg); width:86px; height:26px; color: #fff; }
	
	
	
	
	#navi ul li a:hover.button1 {background-image:url(Bilder/button-home-over.jpg);  width:66px; height:26px; color: #fff; }
	#navi ul li a:hover.button2 {background-image:url(Bilder/button-goldankauf-over.jpg); width:105px; height:26px; color: #fff; }
	#navi ul li a:hover.button3 {background-image:url(Bilder/button-goldrechner-over.jpg); width:115px; height:26px; color: #fff; }
	#navi ul li a:hover.button4 {background-image:url(Bilder/button-info-over.jpg); width:48px; height:26px; color: #fff; }
	#navi ul li a:hover.button5 {background-image:url(Bilder/button-ablauf-over.jpg); width:69px; height:26px; color: #fff; }
	#navi ul li a:hover.button6 {background-image:url(Bilder/button-begleitschreiben-over.jpg); width:144px; height:26px; color: #fff; }
	#navi ul li a:hover.button7 {background-image:url(Bilder/button-kontakt-over.jpg); width:86px; height:26px; color: #fff; }
	
	
	#navi ul li a.button1-current {background-image:url(Bilder/button-home-over.jpg);  width:66px; height:26px; color: #fff; }
	#navi ul li a.button2-current {background-image:url(Bilder/button-goldankauf-over.jpg); width:105px; height:26px; color: #fff; }
	#navi ul li a.button3-current {background-image:url(Bilder/button-goldrechner-over.jpg); width:115px; height:26px; color: #fff; }
	#navi ul li a.button4-current {background-image:url(Bilder/button-info-over.jpg); width:48px; height:26px; color: #fff; }
	#navi ul li a.button5-current{background-image:url(Bilder/button-ablauf-over.jpg); width:69px; height:26px; color: #fff; }
	#navi ul li a.button6-current {background-image:url(Bilder/button-begleitschreiben-over.jpg); width:144px; height:26px; color: #fff; }
	#navi ul li a.button7-current {background-image:url(Bilder/button-kontakt-over.jpg); width:86px; height:26px; color: #fff; }
	


#middle {
	width : 619px;
	padding : 0 0 0 0;
	float : left;
} 


#contend {
	width : 619px;
	padding : 0 0 15px 0;
	float : left;
	margin : 0 0 0 0;
	background: transparent url(Bilder/bg-content.jpg) repeat-x 0 0;
	display: inline;
} 

#contend h1 {
	font : normal 20px Arial;
	color : #8b7736;
	padding : 20px 0 20px 28px;
} 

#contend h2 {
	font : normal 18px Arial;
	color : #000;
	padding : 0px 0 20px 28px;
} 


#contend h2 a { 
font : bold 14px Arial, Helvetica, sans-serif; 
color : #749205; 
text-decoration : none; 
} 
#contend h2 a:hover { 
font : bold 14px Arial, Helvetica, sans-serif; 
color : #749205; 
text-decoration : underline; 
} 
#contend h2 span { 
font : bold 15px Arial, Helvetica, sans-serif; 
color : #51524e; 
padding : 0 0 0 0; 
} 

#contend p {
	font : normal 13px/18px Arial, sans-serif;
	color : #000;
	padding : 0 15px 0 28px;
	margin : 0 0 0 0;
} 

#contend tr td p {
	font : normal 13px/18px Arial, sans-serif;
	color : #000000;
	padding : 0 0 0 28px;
}

#contend ul {
	margin:20px 0 0 28px;
	padding:0;
	float:left;
	display:inline;
}

#contend ul li {float:left;margin:0 0 0 0; padding:0; text-align:center;}

#contend ul li a {
	margin:0 0 0 0;
	padding:8px 0 0 0;
	display: block;
	font : normal 20px/20px Arial;
	text-decoration:none;
}
	

#contend ul li a.button1 {background-image:url(Bilder/button-more.jpg); font : bold 14px/14px Arial; width:244px; height:23px; color: #fff; }
#contend ul li a:hover.button1 { background-image:url(Bilder/button-more-over.jpg); font : bold 14px/14px Arial; width:244px; height:23px; color:#fff;}

#contend ul li a.button2 {background-image:url(Bilder/begleitschreiben.jpg); width:288px; height:52px; padding:0; margin:0;  }
#contend ul li a:hover.button2 { background-image:url(Bilder/begleitschreiben-over.jpg); width:288px; height:52px; padding:0; margin:0; }


#contend span { 
font : normal 11px/20px Arial; 
} 
#contend ul.sitemap {
	font : normal 13px/16px "Arial", Arial, Helvetica, sans-serif;
	color : #6d6d6d;
	padding : 0 15px 0 37px;
	margin : 0 0 0 0;
} 
#contend ul.sitemap-u1 { 
font : normal 12px/16px "Arial", Arial, Helvetica, sans-serif; 
color : #51524e; 
padding : 0 15px 0 25px; 
margin : 0 0 0 0; 
} 
#contend ul.sitemap-u2 { 
font : normal 12px/16px "Arial", Arial, Helvetica, sans-serif; 
color : #51524e; 
padding : 0 15px 0 30px; 
margin : 0 0 0 0; 
} 


#contend p.more { 
text-align : center; 
margin : 0 0 0 0;
float : right; 

} 
#contend p.more a { 
background : url(Bilder/mehrinfo-button.jpg) no-repeat;
float:left;
margin : 0 0 0 0; 
font : bold 11px/11px Arial; 
color : #b3bda7; 
text-decoration : none; 
padding : 8px 0 0 0; 
width : 95px; height: 26px;

} 
#contend p.more a:hover { 
font : bold 11px/11px Arial; 
background : url(Bilder/mehrinfo-button.jpg) no-repeat;
float : left; 
color : #cf7142; 

} 

#contend a {
	font : normal 13px/18px Arial, sans-serif;
	color : #000;
	text-decoration : underline;
} 
#contend a:hover {
	font : normal 13px/18px Arial, sans-serif;
	color : #000;
	text-decoration : none;
} 


#informationen {
	width : 206px;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	float : left;
	background: transparent url(Bilder/bg-content-right.jpg) repeat-x 0 0;


} 

#informationen ul {
	margin:0 10px 0 0;
	padding:0;
	float:right;
	display:inline;
}

	#informationen ul li {float:left;margin:0 0 0 0; padding:0; text-align:center;}

	#informationen ul li a {
	margin:0 0 0 0;
	padding:0 0 0 0;
	display: block;
	font : bold 14px/14px Lucida Sans;
	text-decoration:none;
}
	

#informationen ul li a.button1 {background-image:url(Bilder/button-anfahrt.jpg); width:88px; height:24px; color: #313131; }
#informationen ul li a:hover.button1 { background-image:url(Bilder/button-anfahrt-over.jpg); width:88px; height:24px; color:#FFFFFF;}

 
#informationen h1 {
	font : bold 14px/18px Lucida Sans;
	color : #a79363;
	padding : 10px 0 0 20px;
	margin : 0 0 0 0;
	float : left;
	
} 

#informationen h2 {
	font : bold 15px/22px Lucida Sans;
	color : #a79363;
	padding : 5px 0 0 50px;
	margin : 0 0 0 0;
	width: 180px;
	float:left;
	background: url(Bilder/tel-icon.jpg) no-repeat 21px 5px;
} 

#informationen h3 {
	font : bold 18px/24px Arial, serif;
	color : #201210;
	padding : 5px 0 0 70px;
	margin : 0 0 0 0;
	width: 140px;
	float: left;
	background : url(Bilder/telefon.jpg) no-repeat 21px 3px;
	height: 40px;
} 

#informationen h3 span { 
font : normal 10px/12px Arial, serif;  
color : #201210; 
padding : 5px 0 0 0px; 
margin : 0 0 0 0;
} 

 
#informationen p {
	font : normal 13px/18px Arial;
	color : #1f6599;
	margin : 0 0 0 0;
	padding : 5px 0 0 12px;
	float:left;
	width: 180px

} 

#informationen p span { 
font : bold 13px/30px Arial; 
padding : 0 25px 0 0; 
background : url(Bilder/tel.jpg) no-repeat 95px 0; 
} 


#footerOutside { 
margin : 0 ; 
padding : 0 0 0 0; 
width : 1000px; 

} 
#footer {
	width : 1004px;
	height : 67px;
	margin : 0 auto;
	padding : 0 0 0 0;
	float:left;
	background : transparent url(Bilder/bg-footer.jpg) no-repeat;
}


#footer-copyright{
	width:510px;
	margin:0 auto;
	padding:0 0 0 45px;
	float:left;
	}

#footer-baseplus{
	width:440px;
	height:35px;
	margin:0 auto;
	padding:0 0 0 0;
	float:right;
	text-align:right;
	}
	
#footer-baseplus p{
	padding:0 50px 0 0;
	}

#footer p {
	font : normal 12px/16px Arial;
	color : #000;
	margin : 15px 0 0 0;
} 
#footer p a {
	font : normal 12px/16px Arial;
	color : #796523;
	text-decoration : none;
} 
#footer p a:hover {
	font : normal 12px/16px Arial;
	color : #000;
	text-decoration : underline;
} 



#contentForm {
	display: block;
	width: 344px;
	margin:0;/*this line will center the page*/
	padding: 0 0 0 0;
	font:bold 13px/16px "Arial", Arial, Helvetica, sans-serif;
	color:#fff;
 
}

/* and now the form formatting itself */
label {
	display: block;
	float: left;
	clear: left;
	Width: 125px;
	line-height: 20px;
	margin-bottom: 10px;
	margin: 5px 0;
	padding:0 0 0 10px;
  
}

input, textarea, select {
        padding: 7px 0 7px 5px;
		font-size: 14px;
		font-weight: normal;
		font-family: Arial;
		color: #000;
		margin:  0 0 10px 0 ;
		width: 190px;
		background: url(Bilder/bg-input.jpg) no-repeat ;
		border:none;
}   
input:focus, textarea:focus, select:focus {
  border: 1px solid #000;
 
}

input.button {
  cursor: pointer;
  border: none;
  font-weight: bold;
  background: url(Bilder/formular-senden-button.jpg) no-repeat left top;
  width: 305px;
  height: 47px;
  margin: 15px 0 0 15px;
}

span.required{
  font-size: 13px !important;
  color: black !important;
}

.errormsg {
  display: block;
  color: #ff0000;
  text-align:left; 
  background-color:#000000; 
  width:300px; 
  margin:0 0 15px 0; 
  font:bold 13px/13px Arial;
  padding:10px;
}

.msgSent {
  font-size: 20px;
  text-align: center;
}