/* http://seitenmanufaktur.info */

body {
	text-align: center;
	font-family: arial, sans-serif;
	color: #646464;
}

ul {
	list-style-image:url(images/li.gif);
}

hr {
	clear: both;
	height: 1px;
	visibility: hidden;
	color: #fff;
	border: none;
}

a {
	text-decoration: none;
	color: #009ee3;
}

strong {
	color: #009ee3;
}

em {
	font-weight: bold;
	font-style: normal;
}

.clear {
	clear: both;
}

#url {
	display: none;
}


#bodywrapper {
	width: 778px;
	margin: 30px auto 20px auto;
}

#contentwrapper {
	text-align: left;
}

#headerwrapper {
	
}

#header {
	
}

#sitename {
	float: left;
	width: 210px;
	margin: 0 0 0 40px;
}

#sitename h1 {
	
}

#sitename h1 a {
	display: block;
	background: url(images/h1.gif) no-repeat;
	width: 202px;
	height: 46px;
	text-indent: -999em;
}



/* Kopfmenü */


#headermenu {
	float: left;
	width: 525px;
}

#headermenu ul {
	list-style-type: none;
	list-style-image: none;
	margin: 19px 0 0 114px;
}

#headermenu ul li {
	float: left;
	margin-right: 41px;
}


#headermenu ul li a {
	background-position: 0 -4px;
	background-repeat: none;
	text-indent: -999em;
	display: block;
	height: 16px;
}

#headermenu ul li a:hover,
#headermenu ul li.active a {
	background-position: 0 16px;
}

#headermenu ul li.home a {
	background-image: url(images/a-home.gif);
	width: 40px;
}

#headermenu ul li.vorteile a {
	background-image: url(images/a-vorteile.gif);
	width: 83px;
}

#headermenu ul li.kontakt a {
	background-image: url(images/a-kontakt.gif);
	width: 52px;
}

#headermenu ul li.impressum a {
	background-image: url(images/a-impressum.gif);
	width: 72px;
}



/* Inhaltsbereich */


#maincontent {
	margin: 27px 0 0 0;
	position: relative;
}

.home #maincontent {
	background: url(images/home-maincontent.jpg) bottom center no-repeat;
}

.kontakt #maincontent {
	background: url(images/kontakt-maincontent.gif) center 390px no-repeat;
}

.kontakt.error #maincontent {
	background: none;
}



/* Banner */

.bigbanner #contentbanner {
	background: url(images/bigbanner-contentbanner.jpg) no-repeat;
	width: 778px;
	height: 355px;
	margin-bottom:37px;
}

.smallbanner #contentbanner {
	width: 778px;
	height: 178px;
	text-indent: -999em;
	margin-bottom:25px;
}

.kontakt #contentbanner {
	background: url(images/kontakt-smallbanner-contentbanner.jpg) no-repeat;
}

.impressum #contentbanner {
	background: url(images/impressum-smallbanner-contentbanner.jpg) no-repeat;
}



/* Spalten und Zeilen */

.home #leftcol,
.kontakt #leftcol {
	float: left;
	width: 420px;
	margin: 0 0 0 32px;
	font-size: 70%;
	line-height: 160%;
}

.home #rightcol{
	float: right;
	width: 208px;
	margin: 0 26px 0 0; 
	font-size: 80%;
	font-weight: bold;
	line-height: 140%;
}

.kontakt #rightcol{
	float: right;
	width: 200px;
	margin: 290px 76px 0 0; 
	font-size: 11px;
	line-height: 140%;
}

.kontakt.error #rightcol{
	clear: both;
	float: none;
	margin: 0px 26px 0 32px;
}

.row {
	width: 667px;
	margin: 0 0 45px 33px;
}

.impressum .no1 {
	background: url(images/impressum-no1.jpg) bottom right no-repeat;
}



/* Überschriften */

#maincontent h2 {
	text-indent: -999em;
	margin-bottom: 26px;
}

.home #leftcol h2 {
	background: url(images/home-leftcol-h2.gif) no-repeat;
	width: 343px;
	height: 63px;
}

.home #rightcol h2 {
	background: url(images/home-rightcol-h2.gif) no-repeat;
	width: 208px;
	height: 62px;
}

.vorteile h2 {
	background: url(images/vorteile-h2.gif) no-repeat;
	width: 121px;
	height: 18px;
}

.kontakt h2 {
	background: url(images/kontakt-h2.gif) no-repeat;
	width: 600px;
	height: 82px;
}

.kontakt.success h2 {
	background: url(images/kontakt-success-h2.gif) no-repeat;
	width: 600px;
	height: 82px;
}

.kontakt.error h2 {
	background: url(images/kontakt-error-h2.gif) no-repeat;
	width: 600px;
	height: 82px;
}

.impressum .no1 h2 {
	background: url(images/impressum-no1-h2.gif) no-repeat;
	width: 399px;
	height: 24px;
}

.impressum .no2 h2 {
	background: url(images/impressum-no2-h2.gif) no-repeat;
	width: 399px;
	height: 24px;
}



/* Inhalt */

#maincontent p {
	margin-bottom: 1.25em;
}

#maincontent ul {
	margin: 0 0 0 25px;
}

#maincontent ul li {
	
}

.home #rightcol ul {
	width: 144px;
	height: 123px;
	text-indent: -999em;
	overflow: hidden;
	background: url(images/home-rightcol-ul.gif) no-repeat;
	margin: 0 0 0 5px;
}

.vorteile #maincontent ul li {
	font-size: 70%;
	line-height: 130%;
	width: 550px;
	margin: 0 0 13px 0;
}

.kontakt.error #leftcol form {
	display: none;
}

.impressum #maincontent {
	font-size: 70%;
	line-height: 125%;
}



/* Formular */

.inputSubmit {
	color: white ! important;
	border: none;
}

input.submit {
	background: url(images/input-submit.jpg) repeat-x;
	height: 24px;
}

input.cancel {
	background: url(images/input-cancel.jpg) repeat-x;
	height: 24px;
}



/* Footer */

#footer {
	margin-bottom: 50px;
	text-indent: -999em;
}

.home #footer {
	background: url(images/home-footer.jpg) no-repeat;
	width: 778px;
	height: 226px;
}

.vorteile #footer {
	background: url(images/vorteile-footer.jpg) no-repeat;
	width: 778px;
	height: 239px;
	margin-top: -195px;
}

.kontakt #footer {
	background: url(images/vorteile-footer.jpg) no-repeat;
	width: 778px;
	height: 239px;
	margin-top: -115px;
	position: relative;
	z-index: -10;
	text-indent: 10px;
}

.kontakt #footer p {
	position: absolute;
	bottom: 35px;
	font-size: 11px;
}

.impressum #footer {
	background: #009ee3;
	height: 9px;
}