/* BODY ================================================================================================================================ */

body 						{ float: left; margin: 1px 0 1px 0; padding: 0; text-align: left; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 0.7em; line-height: 1.8em; color: #1E6E00; background: url(../gfx/bck.body.gif) 0px 48px repeat-x #FFF; }
#format, #copy				{ float: left; width: 747px; }
#copy						{ text-align: right; font-size: 0.8em; color: #7DAF69; }

/* ALLGEMEINE FORMATIERUNGEN =========================================================================================================== */

.hide						{ display: none; }

/* BEREICHSÜBERGREIFENDE FORMATIERUNGEN ================================================================================================ */

#header, #main, #footer		{ float: right; width: 631px; }

a:link						{ color: #964B05; text-decoration: none; }
a:visited					{ color: #509632; text-decoration: underline; }
a:hover, a:active			{ color: #964B05; text-decoration: underline;}
a:focus						{ color: #C80000; }

/* SMARTNAVI =========================================================================================================================== */

#smartnavi					{ float: left; width: 115px; margin: 0; padding: 0; background: url(../gfx/logo.1.gif) 0px 47px repeat-x; border-right: 1px solid #FFF; }
#smartnavi li				{ float: left; width: 115px; list-style: none; margin: 1px 0 0 0; }
#smartnavi li.home			{ margin: 0 0 116px 0; }
#smartnavi a				{ float: right; width: 46px; height: 46px; }
#smartnavi a.home			{ background: url(../gfx/i.home.gif) top left no-repeat #B9D7AF; }
#smartnavi a.mailto			{ background: url(../gfx/i.mailto.gif) top left no-repeat #D2E6CD; }
#smartnavi a.sitemap		{ background: url(../gfx/i.sitemap.gif) top left no-repeat #D2E6CD; }
#smartnavi a.imprint		{ background: url(../gfx/i.imprint.gif) top left no-repeat #D2E6CD; }
#smartnavi a:hover			{ background-position: 0px -46px; background-color: #509632; }

/* KOPFZEILE =========================================================================================================================== */

#header						{ background: url(../gfx/bck.header.gif) top left repeat-y #B9D7AF; }
#header h1, #header h2		{ float: left; height: 162px; padding: 0; margin: 0; }
#header h1					{ width: 230px; background: url(../gfx/logo.2.gif) 0px 46px no-repeat; border-right: 1px solid #FFF; }
#header h2					{ width: 400px; background: url(../gfx/services.gif) 0px 46px no-repeat; }

/* MAIN ================================================================================================================================ */

#main						{ background: url(../gfx/bck.main.gif) top left repeat-y #E6F0E1; margin: 1px 0 0 0; }

#navi						{ float: left; width: 230px; margin: 0; padding: 0;  }
#navi li					{ float: left; list-style: none; border-bottom: 1px solid #FFF; }
#navi a						{ float: left; width: 230px; height: 46px; }
#navi a.service				{ background: url(../gfx/n.service.gif) top left no-repeat; }
#navi a.references			{ background: url(../gfx/n.references.gif) top left no-repeat; }
#navi a.profile				{ background: url(../gfx/n.profile.gif) top left no-repeat; }
#navi a.anfrage				{ background: url(../gfx/n.anfrage.gif) top left no-repeat; }
#navi a.guestbook			{ background: url(../gfx/n.guestbook.gif) top left no-repeat; }
#navi a:hover				{ background-position: 0px -46px; }

#content					{ float: right; width: 400px; border-left: 1px solid #FFF; background: url(../gfx/bck.content.gif) 0px 50px repeat-y; }
#content h3					{ height: 46px; width: 400px; padding: 0; margin: 0 0 11px 0; border-bottom: 1px solid #FFF; }
#content h3.index			{ background: url(../gfx/h3.index.gif) top left no-repeat #D2E6CD; }
#content h3.service			{ background: url(../gfx/h3.service.gif) top left no-repeat #D2E6CD; }
#content h3.references		{ background: url(../gfx/h3.references.gif) top left no-repeat #D2E6CD; }
#content h3.profile			{ background: url(../gfx/h3.profile.gif) top left no-repeat #D2E6CD; }
#content h3.anfrage			{ background: url(../gfx/h3.anfrage.gif) top left no-repeat #D2E6CD; }
#content h3.guestbook		{ background: url(../gfx/h3.guestbook.gif) top left no-repeat #D2E6CD; }
#content h3.sitemap			{ background: url(../gfx/h3.sitemap.gif) top left no-repeat #D2E6CD; }
#content h3.imprint			{ background: url(../gfx/h3.imprint.gif) top left no-repeat #D2E6CD; }

#content h4, #content h5	{ margin: 0; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1em; line-height: 1.8em; }
#content h4					{ padding: 0 15px 15px 15px; color: #964B05; }
#content h5					{ padding: 0 15px 0px 15px; color: #287D05; }
#content h4.formhead		{ padding: 10px 0 2px 0; color: #287D05; }

#content p					{ padding: 0 15px 15px 15px; margin: 0; }
#content p.exclam			{ padding: 15px 15px 15px 53px; margin: 0; background: url(../gfx/i.exclam.gif) 13px 17px no-repeat; border-top: 1px solid #FFF; }
#content p.exclam_brown		{ color: #FFF; padding: 15px 15px 15px 53px; margin: 0 0 20px 0; background: url(../gfx/i.exclam.brown.gif) 13px 17px no-repeat #964B05; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; }


#content p.refimg			{ padding: 0; margin: 0 0 10px 0; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; }
#content p.refimg img		{ width: 400px; border: 0; }

#content ul.list,
#content ul.linklist		{ padding: 0 15px 15px 15px; margin: 0; }
#content ul.list li			{ padding: 0 0 0 15px; list-style: none; background: url(../gfx/list.flower.gif) 0px 7px no-repeat; }
#content ul.linklist li		{ padding: 0 0 0 15px; list-style: none; background: url(../gfx/list.links.gif) 0px 7px no-repeat; }

#content ul.linklist a:link				{ color: #1E6E00; text-decoration: none; }
#content ul.linklist a:visited			{ color: #509632; text-decoration: none; }
#content ul.linklist a:hover, a:active	{ color: #964B05; text-decoration: underline;}

/* FUSSZEILE =========================================================================================================================== */

#footer						{ background: url(../gfx/bck.main.gif) top left repeat-y #E6F0E1; margin: 1px 0 0 0; }
#footer .phone,
#footer .address			{ float: left; height: 50px; padding: 0; margin: 0; }
#footer .phone				{ width: 230px; background: url(../gfx/bck.phone.gif) top left no-repeat; }
#footer .address			{ width: 400px; background: url(../gfx/bck.address.gif) top left no-repeat #D2E6CD; border-left: 1px solid #FFF; }

/* FORMULARE =========================================================================================================================== */

.form											{ margin: 0; padding: 0 15px 15px 15px; }

.alert											{ color: #964B05; }

.man,
.opt,
.void,
.info,
.spacer											{ float: left; width: 100%; margin: 0 0 1px 0; }

.man label, .man .boxlabel,
.opt label, .opt .boxlabel,
.void label, .void .boxlabel,
.info label										{ float: left; padding: 0 2px 0 5px; }

.formfield, .hintfield							{ float: right; width: 70%; border-left: 1px solid #E6F0E1; }

.hintfield										{ font-style: italic; }
.hintfield .input								{ float: left; padding: 2px 2px 4px 5px; }

.man											{ background: #D2E6CD; color: #1E6E00; }
.opt											{ background: #D2E6CD; color: #1E6E00; }
.void											{ background: #964B05; color: #FFF; }
.info											{ background: #DCDCDC; color: #787878; }
.spacer											{ height: 15px; margin: 0; }

.xcheckbox, .checkbox, .xradio, .radio			{ cursor: pointer; float: left; width: 100%; }

.man .formfield,
.man .hintfield,
.man .xcheckbox, .man .checkbox,
.man .xradio, .man .radio						{ background-color: #FFF; }
.man input, .man textarea						{ border: 0px solid #FFF; background: transparent; width: 98%; }

.opt .formfield,
.opt .hintfield,
.opt .xcheckbox, .opt .checkbox,
.opt .xradio, .opt .radio						{ background-color: #FFF; }
.opt input, .opt textarea						{ border: 0px solid #FFF; background: transparent; width: 98%; }

.void .formfield,
.void .hintfield,
.void .xcheckbox, .void .checkbox,
.void .xradio, .void .radio						{ background-color: #EBDCCD; }
.void input, .void textarea						{ border: 0px solid #821932; background: transparent; width: 98%; }

.info label										{ font-style: italic; }
.info .formfield, .info .hintfield				{ background-color: #E6E6E6; }
.info .input									{ float: left; padding: 2px 2px 4px 5px; color: #787878; }

.man input, .man textarea,
.man .hintfield .input,
.man .xcheckbox label, .man .checkbox label,
.man .xradio label, .man .radio label			{ color: #1E6E00; }
.opt input, .opt textarea,
.opt .hintfield .input,
.opt .xcheckbox label, .opt .checkbox label,
.opt .xradio label, .opt .radio label			{ color: #1E6E00; }
.void input, .void textarea,
.void .hintfield .input,
.void .xcheckbox label, .void .checkbox label,
.void .xradio label, .void .radio label			{ color: #964B05; }

.man .xcheckbox									{ background-image: url(../gfx/box.man.gif); background-position: 0px -50px; background-repeat: no-repeat; }
.man .checkbox									{ background-image: url(../gfx/box.man.gif); background-position: 0px 0px; background-repeat: no-repeat; }
.man .xradio									{ background-image: url(../gfx/radio.man.gif); background-position: 0px -50px; background-repeat: no-repeat; }
.man .radio										{ background-image: url(../gfx/radio.man.gif); background-position: 0px 0px; background-repeat: no-repeat; }

.opt .xcheckbox									{ background-image: url(../gfx/box.opt.gif); background-position: 0px -50px; background-repeat: no-repeat; }
.opt .checkbox									{ background-image: url(../gfx/box.opt.gif); background-position: 0px 0px; background-repeat: no-repeat; }
.opt .xradio									{ background-image: url(../gfx/radio.opt.gif); background-position: 0px -50px; background-repeat: no-repeat; }
.opt .radio										{ background-image: url(../gfx/radio.opt.gif); background-position: 0px 0px; background-repeat: no-repeat; }

.void .xcheckbox								{ background-image: url(../gfx/box.void.gif); background-position: 0px -50px; background-repeat: no-repeat; }
.void .checkbox									{ background-image: url(../gfx/box.void.gif); background-position: 0px 0px; background-repeat: no-repeat; }
.void .xradio									{ background-image: url(../gfx/radio.void.gif); background-position: 0px -50px; background-repeat: no-repeat; }
.void .radio									{ background-image: url(../gfx/radio.void.gif); background-position: 0px 0px; background-repeat: no-repeat; }

.xcheckbox label, .checkbox label,
.xradio label, .radio label						{ border-left: 1px solid #E6F0E1; margin: 0px 0px 0px 21px; }

.man input, .man textarea,
.opt input, .opt textarea,
.void input, .void textarea						{ float: left; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 1em; margin: 1px 0 1px 5px; padding: 3px 0 4px 0; }

a.submit, a.cancel								{ float: left; width: 98%; height: 19px; padding: 0px 2px 2px 5px; text-decoration: none; margin: 0px 0px 1px 0px; }
a.submit:link, a.submit:visited					{ background: #509637; color: #FFF; text-decoration: none; }
a.cancel:link, a.cancel:visited					{ background: #B9D7AF; color: #1E6E00; text-decoration: none; margin: 0 0 15px 0; }
a.submit:hover, a.submit:active, a.submit:focus,
a.cancel:hover, a.cancel:active, a.cancel:focus	{ text-decoration: none; background-color: #964B05; color: #FFF; }