/* ALLGEMEINE FORMATIERUNGEN ----------------------------------------------------------------------------------------------------------- */

a.txtcol						{ color: #006EAA; }
a.txtcol:hover					{ text-decoration: none; color: #FFFFFF; background: #006EAA; }

#main h3.alert					{ width: 519px; float: left; margin: 5px 5px 0px 0px; padding: 6px 15px 7px 15px; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #DC0000; background: url(../gfx/bck.h1.alert.gif) top left repeat-y #FAD7D7; }

/* HEADER ------------------------------------------------------------------------------------------------------------------------------ */

#logotype						{ float: left; width: 257px; margin: 0px 5px 0px 0px; padding: 43px 0px 0px 15px; background: url(../gfx/hp.company.l.jpg) top left no-repeat #B4D2E6; }
#logotype h2					{ float: left; height: 88px; margin: 0px; font-size: 9px; line-height: 16px; color: #FFFFFF; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; }

ul.headnavi						{ float: left; width: 272px; margin: 0px 5px 0px 0px; padding: 0; }
ul.headnavi li 					{ float: left; list-style: none; }
ul.headnavi a.company			{ background: url(../gfx/hp.company.rt.jpg) top left no-repeat #DCDCDC; color: #646464;}
ul.headnavi a.company:hover		{ background-position: 0px -63px; background-color: #B4D2E6; color: #006EAA; }
ul.headnavi a.magicbaker		{ background: url(../gfx/hp.company.rb.jpg) top left no-repeat #DCDCDC; color: #646464; margin: 5px 0px 0px 0px; }
ul.headnavi a.magicbaker:hover	{ background-position: 0px -63px; background-color: #F5B4B4; color: #DC0000; }
ul.headnavi a					{ float: left; width: 272px; height: 40px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; padding: 23px 0px 0px 0px; text-align: center; }

/* SPRACHAUSWAHL ------------------------------------------------- */

ul.language						{ width: 29px; float: right; margin: 0; padding: 0; }
ul.language li 					{ float: left; list-style: none; }
ul.language a.en				{ background: url(../gfx/op.i.en.gif) top left no-repeat #C8C8C8; }
ul.language a.de				{ background: url(../gfx/op.i.de.gif) top left no-repeat #C8C8C8; }
ul.language a					{ float: left; width: 29px; height: 29px; margin: 5px 0px 0px 0px; }
ul.language a:hover				{ background-color: #B4D2E6; background-position: 0px -29px; }

/* SUBNAVIGATION EBENE 1 ----------------------------------------- */

ul.subnavi						{ float: left; width: 131px; margin: 0px 5px 0px 0px; padding: 0px 0px 50px 0px; }
ul.subnavi li 					{ float: left; list-style: none; margin: 5px 0px 0px 0px; }
ul.subnavi a					{ float: left; width: 117px; padding: 6px 14px 7px 0px; text-decoration: none; color: #000000; text-align: right; }
ul.subnavi a					{ background: url(../gfx/op.bck.sn0.gif) top left repeat-y #DCDCDC; }
ul.subnavi a.new				{ background: url(../gfx/op.bck.sn0.new.gif) top left repeat-y #DCDCDC; }
ul.subnavi a:hover				{ background-position: -131px 0px; background-color: #B4D2E6; color: #FFFFFF; }

/* SUBNAVIGATION EBENE 2 ----------------------------------------- */

ul.subnavi_1					{ float: left; width: 131px; margin: 0; padding: 0; }
ul.subnavi_1 li 				{ float: left; list-style: none; margin: 5px 0px 0px 0px; }
ul.subnavi_1 a					{ float: left; width: 117px; padding: 6px 14px 7px 0px; text-decoration: none; color: #006EAA; text-align: right; font-style: italic; }
ul.subnavi_1 a					{ background: url(../gfx/op.bck.sn1.gif) top left repeat-y #D7E6F0; }
ul.subnavi_1 a.new				{ background: url(../gfx/op.bck.sn1.new.gif) top left repeat-y #D7E6F0; }
ul.subnavi_1 a:hover			{ background-position: -131px 0px; background-color: #B4D2E6; color: #006EAA; }

/* CONTENT ------------------------------------------------------- */

.content 						{ float: left; width: 549px; margin: 5px 0px 0px 0px; background: url(../gfx/bck.content.gif) top left repeat-y #F0F0F0; }
.content .leftcol				{ float: left; width: 272px; }
.content .rightcol				{ float: right; width: 272px; }

.content h3						{ padding: 11px 15px 11px 15px; margin: 0; font-size: 9px; font-weight: normal; color: #006EAA; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; }
.content h4						{ padding: 0px 15px 0px 15px; margin: 0; font-size: 9px; font-weight: normal; color: #006EAA; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; }
.content p						{ padding: 0px 15px 11px 15px; margin: 0; }
.content p.contact_person		{ padding: 0px 15px 11px 45px; margin: 0; background: url(../gfx/i.op.contact.person.gif) 15px 3px no-repeat; }
.content p.list					{ padding: 0px 15px 11px 45px; margin: 0; background: url(../gfx/i.op.list.gif) 15px 3px no-repeat; }
.content p.form					{ padding: 0px 15px 11px 45px; margin: 0; background: url(../gfx/i.op.form.gif) 15px 3px no-repeat; }
.content p.mailbox				{ padding: 0px 15px 11px 45px; margin: 0; background: url(../gfx/i.op.mailbox.gif) 15px 3px no-repeat; }
.content p.back					{ padding: 0px 15px 11px 45px; margin: 0; background: url(../gfx/i.op.back.gif) 15px 3px no-repeat; }
.content p.hotline_mobile		{ padding: 0px 15px 11px 45px; margin: 0; background: url(../gfx/i.op.hotline.mobile.gif) 15px 3px no-repeat; }
.content p.formalert			{ padding: 11px 15px 11px 34px; margin: 0;  color: #DC0000; background: url(../gfx/i.op.alert.gif) 15px 16px no-repeat #FAD7D7; border-bottom: 5px solid #FFFFFF; }
.content b						{ font-weight: normal; color: #000000; }
.content em						{ font-style: normal; color: #006EAA; }
.content img					{ display: block; border: 0; border-bottom: 5px solid #FFFFFF; }

.content .list					{ padding: 0px 15px 15px 15px; margin: 0; list-style: none; }
.content .list li				{ margin: 0; padding: 0 0 0 10px; list-style: none; background: url(../gfx/i.bullet.gif) top left no-repeat; }
.content .list ul				{ margin: 0; padding: 0; list-style: none; }
.content .list ul li			{ margin: 0; padding: 0 0 0 10px; list-style: none; background: url(../gfx/i.bullet1.gif) top left no-repeat; }
.content ol						{ padding: 0px 15px 15px 0px; margin: 0px 0px 0px 38px; }

.history						{ float: left; padding: 0px 15px 11px 15px; width: 242px; }
.history b						{ float: left; }
.history span					{ float: right; width: 208px; }

/* LINKS ZU BILDERN ---------------------------------------------- */
.imagelinks						{ height: 29px; margin: 0; padding: 0; }
.imagelinks ul					{ float: left; margin: 0; padding: 0; }
.imagelinks li 					{ float: left; list-style: none; }
.imagelinks a					{ float: left; width: 29px; height: 23px; padding: 6px 0px 0px 0px; color: #646464; background: url(../gfx/i.op.imagelink.gif) top left no-repeat #DCDCDC; border-right: 5px solid #FFFFFF; border-bottom: 5px solid #FFFFFF; text-align: center; text-decoration: none; }
.imagelinks a:hover				{ background-color: #B4D2E6; background-position: 0px -29px; color: #006EAA; }

/* FUSSZEILE ---------------------------------------------------------------------------------------------------------------------------- */

ul.footer						{ width: 583px; float: right; margin: 5px 0px 20px 0px; padding: 0; }
ul.footer li.copyright			{ float: left; width: 466px; height: 23px; list-style: none; background: url(../gfx/op.bck.copyright.gif) top left repeat-y #B4D2E6; padding: 6px 15px 0px 0px; text-align: right; color: #006EAA; }
ul.footer li 					{ float: left; list-style: none; margin: 0px 5px 0px 0px; }
ul.footer a.toplink				{ background: url(../gfx/i.toplink.gif) top left no-repeat #C8C8C8; }
ul.footer a.print				{ background: url(../gfx/i.print.gif) top left no-repeat #C8C8C8; }
ul.footer a						{ float: left; width: 29px; height: 29px; }
ul.footer a:hover				{ background-color: #78AED2; background-position: 0px -29px; }

/* FORMULARE --------------------------------------------------------------------------------------------------------------------------- */

form							{ width: 272px; margin: 0; padding: 0; }

.man, .opt, .void				{ float: left; width: 100%; border-bottom: 5px solid #FFFFFF; }

.man input, .man textarea,
.opt input, .opt textarea,
.void input, .void textarea		{ font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 9px; margin: 0; padding: 2px 0 0 3px; overflow: hidden; background: transparent; }

.man label, .opt label, .void label,
.boxhead, .radiohead			{ display: block; padding: 2px 4px 3px 5px; }

.man							{ background: #B4D2E6; }
.man .fieldcontainer			{ float: left; padding: 4px; background: #D7E6F0; border-left: 2px solid #78AFD2; border-top: 2px solid #78AFD2; }
.man input, .man textarea,
.man label, .man .boxhead
.man .radiohead					{ color: #006EAA; border: 0px solid; }

.opt							{ background: #E1E1E1; }
.opt .fieldcontainer			{ float: left; padding: 4px; background: #F0F0F0; border-left: 2px solid #C8C8C8; border-top: 2px solid #C8C8C8; }
.opt input, .opt textarea,
.opt label, .opt .boxhead,
.opt .radiohead					{ color: #646464; border: 0px solid; }

.void							{ background: #F5B4B4; }
.void .fieldcontainer			{ float: left; padding: 4px; background: #FAD7D7; border-left: 2px solid #F08C8C; border-top: 2px solid #F08C8C; }
.void input, .void textarea,
.void label, .void .boxhead,
.void .radiohead				{ color: #DC0000; border: 0px solid; }

.opt .xbox, .opt .box,
.man .xbox, .man .box,
.void .xbox, .void .box,
.opt .xradio, .opt .radio,
.man .xradio, .man .radio,
.void .xradio, .void .radio		{ float: left; }

.xbox label, .box label,
.xradio label, .radio label		{ margin: 0px 0px 0px 30px; padding: 1px 0px 2px 0px; }

.opt .xbox						{ cursor: pointer; background: url(../gfx/op_optbox.gif) bottom left no-repeat; }
.opt .box						{ cursor: pointer; background: url(../gfx/op_optbox.gif) top left no-repeat; }
.opt .xradio					{ cursor: pointer; background: url(../gfx/op_optradio.gif) bottom left no-repeat; }
.opt .radio						{ cursor: pointer; background: url(../gfx/op_optradio.gif) top left no-repeat; }

.man .xbox						{ cursor: pointer; background: url(../gfx/op_manbox.gif) bottom left no-repeat; }
.man .box						{ cursor: pointer; background: url(../gfx/op_manbox.gif) top left no-repeat; }
.man .xradio					{ cursor: pointer; background: url(../gfx/op_manradio.gif) bottom left no-repeat; }
.man .radio						{ cursor: pointer; background: url(../gfx/op_manradio.gif) top left no-repeat; }

.void .xbox						{ cursor: pointer; background: url(../gfx/op_voidbox.gif) bottom left no-repeat; }
.void .box						{ cursor: pointer; background: url(../gfx/op_voidbox.gif) top left no-repeat; }
.void .xradio					{ cursor: pointer; background: url(../gfx/op_voidradio.gif) bottom left no-repeat; }
.void .radio					{ cursor: pointer; background: url(../gfx/op_voidradio.gif) top left no-repeat; }

a.submitbutton					{ float: left; padding: 8px 0px 0px 0px; text-align: center; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #006EAA; background: #B4D2E6; border-right: 2px solid #69A5CD; border-bottom: 2px solid #69A5CD; }
a.backbutton					{ float: left; padding: 8px 0px 0px 0px; text-align: center; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000; background: #DCDCDC; border-right: 2px solid #C8C8C8; border-bottom: 2px solid #C8C8C8; }

a.backbutton					{ float: left; padding: 8px 0px 0px 0px; text-align: center; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000; background: #DCDCDC; border-right: 2px solid #C8C8C8; border-bottom: 2px solid #C8C8C8; }