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

html											{ overflow: -moz-scrollbars-vertical !important; }
body 											{ margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 0.75em; line-height: 1.7em; color: #000; background: url(../../gfx/bck.body.gif) left top repeat-x #FFF; }
#format											{ width: 950px; text-align: left; margin: 30px auto 0 auto; }

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

.hide											{ display: none; }

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

a,
a:link											{ color: #5596C8; text-decoration: none; border-bottom: 1px dotted #5596C8; }
a:visited										{ color: #969696; border-color: #969696; }
a:hover, a:active,
a:focus											{ color: #000; border-color: #000; }

a.nodec,
a.nodec:link									{ color: #5596C8; text-decoration: none; border-bottom: 0; }
a.nodec:visited									{ color: #5596C8; }
a.nodec:hover, a.nodec:active,
a.nodec:focus									{ color: #000; }

a.anchor										{ color: #000; border: 0; }

pre												{ text-align: left; border: 1px solid #c80000; padding: 15px; background: #FAE6E6; }
small											{ font-size: 0.95em; color: #969696; }

/* HEADER ============================================================================================================================== */

#header											{ height: 192px; padding: 0; margin: 0; background: url(../../gfx/bck.header.gif) left top no-repeat; }
#header h1										{ width: 250px; height: 192px; padding: 0; margin: 0; }

/* Den IE ausschließend das Hintergrundbild der h1 setzen */
html>body #header h1 { background: url(../../gfx/logo.png) top left transparent no-repeat; }


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

#main_container									{ float: left; margin: 0 0 30px 0; width: 100%; background: url(../../gfx/bck.main_container.gif) left top repeat-y; }
#main											{ float: left; padding: 0; margin: 0; background: url(../../gfx/bck.main.gif) left bottom no-repeat; }

/* NAVI -------------------------------------------------------------------------------------------------------------------------------- */

#navi											{ float: left; position: relative; width: 250px; padding: 0; margin: 0; }

#navi ul										{ padding: 0; margin: 0; list-style: none; }
#navi li										{ display: inline; }

#navi ul b										{ display: none; }

#navi ul a										{ height: 41px; }

#navi ul a.news									{ background: url(../../gfx/n.news.gif) left top no-repeat; height: 48px; }
#navi ul a.images								{ background: url(../../gfx/n.images.gif) left top no-repeat; }
#navi ul a.team									{ background: url(../../gfx/n.team.gif) left top no-repeat; }
#navi ul a.idartist								{ background: url(../../gfx/n.idartist.gif) left top no-repeat; }
#navi ul a.master								{ background: url(../../gfx/n.master.gif) left top no-repeat; }
#navi ul a.products								{ background: url(../../gfx/n.products.gif) left top no-repeat; }
#navi ul a.guestbook							{ background: url(../../gfx/n.guestbook.gif) left top no-repeat; }
#navi ul a.contact								{ background: url(../../gfx/n.contact.gif) left top no-repeat; }

#navi ul a:link,
#navi ul a:visited								{ display: block; border: 0; }
#navi ul a:hover,
#navi ul a:active,
#navi ul a:focus,
#navi ul a.active								{ background-color: #73BEFF; background-position: left 100%; }

#navi #buchteaser								{ position: relative; left: -20px; bottom: 0; margin-top: 25px; }
#navi #buchteaser a								{ float: left; width: 256px; height: 295px; background: url(../../gfx/buchteaser.png) left top no-repeat; border: none; }
#navi #buchteaser a b							{ display: none; }

/* INHALT ============================================================================================================================== */

#content										{ float: right; width: 641px; padding: 30px 29px 25px 29px; margin: 0; background: url(../../gfx/bck.header.gif) -251px -192px no-repeat; }

#content .leftcol								{ float: left; width: 130px; margin: 0; padding: 0 20px 0 0; }
#content .rightcol								{ float: left; width: 485px; margin: 0; padding: 0; }

#content_leftcol								{ float: left; width: 418px; margin: 0; padding: 0 28px 0 0; }
#content_rightcol								{ float: left; width: 195px; margin: 0; padding: 0; color: #5596C8; }

h2, h3, p, ul									{ padding: 0 0 15px 0; margin: 0; }
h2												{ font-size: 1.3em; color: #5596C8; line-height: 1.45em; }
h3												{ font-size: 1.3em; padding: 0; color: #5596C8; font-weight: normal; line-height: 1.45em; }

hr												{ clear: both; margin: 0 0 20px 0; height: 1px; background-color: transparent; color: transparent; border: 0; border-top: 1px dotted #8CCDFF; }

h1												{ height: 60px; padding: 0; margin: 0; background-repeat: no-repeat; }
h1 b											{ display: none; }
h1.index										{ background-image: url(../../gfx/h1.index.gif); }
h1.news											{ background-image: url(../../gfx/h1.news.gif); }
h1.wowirhinmuessen								{ background-image: url(../../gfx/h1.wowirhinmuessen.gif); }
h1.wowiraktivwerden								{ background-image: url(../../gfx/h1.wowiraktivwerden.gif); }
h1.images										{ background-image: url(../../gfx/h1.images.gif); }
h1.team											{ background-image: url(../../gfx/h1.team.gif); }
h1.idartist										{ background-image: url(../../gfx/h1.idartist.gif); }
h1.master										{ background-image: url(../../gfx/h1.master.gif); }
h1.products										{ background-image: url(../../gfx/h1.products.gif); }
h1.guestbook									{ background-image: url(../../gfx/h1.guestbook.gif); }
h1.contact										{ background-image: url(../../gfx/h1.contact.gif); }
h1.imprint										{ background-image: url(../../gfx/h1.imprint.gif); }
h1.err404										{ background-image: url(../../gfx/h1.err404.gif); }

h3 i											{ color: #B4B4B4; }

.script											{ font-family: Georgia, Times, Times New Roman, serif; }

ul.bulletlist li								{ margin: 0; padding: 0 0 0 10px; list-style: none; background: url(../../gfx/li.bulletlist.gif) left top no-repeat; }

ul.gallerylist li								{ margin: 0; padding: 0; list-style: none; }
ul.gallerylist li.padded						{ padding: 0 0 15px 0; }
ul.gallerylist a:link,
ul.gallerylist a:visited						{ color: #5596C8; padding: 0 0 0 23px; text-decoration: none; background: url(../../gfx/li.gallerylist.gif) 0px 1px no-repeat; border: 0; }
ul.gallerylist a:hover,
ul.gallerylist a:active,
ul.gallerylist a:focus							{ color: #000; background-position: 0 -29px; }

.linklist										{ padding: 0; margin: 0; }
.linklist li									{ list-style: none; margin: 1px 0 0 0; }

.linklist .add a								{ background: url(../../gfx/i.add.gif) #73BEFF left top; }
.linklist .back a								{ background: url(../../gfx/i.back.gif) #73BEFF left top; }
.linklist .forth a								{ background: url(../../gfx/i.forth.gif) #73BEFF left top; }

.linklist a:link,
.linklist a:visited								{ height: 1%; display: block; padding: 3px 4px 5px 35px; color: #fff; border: 0; background-repeat: no-repeat; }
.linklist a:hover,
.linklist a:active,
.linklist a:focus								{ background-color: #000; }

a.zoomlink:link,
a.zoomlink:visited								{ border: 1px solid #D2D2D2; float: left; text-decoration: none; background: #D2D2D2; color: #505050; font-family: Verdana, Tahoma, Arial, Helvetica, Arial, sans-serif; font-size: 0.75em; }
a.zoomlink:hover,
a.zoomlink:active,
a.zoomlink:focus								{ background-color: #73BEFF; border-color: #73BEFF; color: #fff; }

a.zoomlink:link em,
a.zoomlink:visited em							{ padding: 0 0 0 18px; font-style: normal; background: url(../../gfx/i.google.gif) 3px 1px no-repeat; }
a.zoomlink:hover em,
a.zoomlink:active em,
a.zoomlink:focus em								{ background-position: 3px -29px; }

.zoomimg										{ border: 1px solid #D2D2D2; }
img												{ border: 0; }

.note_alert										{ margin: 0 0 15px 0; padding: 4px 10px 6px 33px; color: #C80000; border: 1px solid #C80000; }
.note_alert										{ background: url(../../gfx/i.alert.ani.gif) 10px 10px no-repeat; }

.rounded										{ background: url(../../gfx/rounded.b.gif) left bottom no-repeat #EEF7FF; margin: 0 0 20px 0; }
.rounded h3										{ background: url(../../gfx/rounded.t.gif) left top no-repeat #E1F0FF; color: #5087B4; padding: 13px 15px 13px 15px; }
.rounded p										{ padding: 13px 15px 15px 15px; color: #5087B4; border-top: 1px solid white; }

.note											{ color: #969696; }
/* FOOTER ------------------------------------------------------------------------------------------------------------------------------ */

#footer											{ float: left; width: 641px; padding: 15px 0 0 0; margin: 10px 0 0 0; list-style: none; border-top: 1px dotted #8CCDFF; }
#footer li										{ float: left; }
#footer li.right								{ float: right; font-style: italic; }

#footer a:link,
#footer a:visited								{ color: #5596C8; border: 0; }
#footer a:hover,
#footer a:active,
#footer a:focus									{ color: #000; }

#footer li.right a								{ margin: 0 0 0 10px; }

#footer a.toplink, #footer a.printlink			{ padding: 0 20px 0 20px; background: url(../../gfx/i.footer.gif) left top no-repeat; }
#footer a.toplink:hover							{ background-position: 0 -25px; }
#footer a.printlink								{ background-position: 0 -50px; }
#footer a.printlink:hover						{ background-position: 0 -75px; }

#printaddress									{ display: none; }
#printheader									{ display: none; }

/* 808 EDIT ============================================================================================================================ */

#chaser											{ position: absolute; top: -1000px; left: -1000px; display: none; padding: 10px; color: black; background: #fff; border: 1px dotted #5596C8; }
#chaser p										{ padding: 0 0 12px 0; margin: 0; }
#chaser small									{ font-size: 0.95em; color: #5596C8; }
#chaser.img										{ background: url(../../gfx/loading.gif) center center no-repeat white; }
#chaser img										{ border: 0; }

/*
#chaser											{ position: absolute; top: 0px; left: 0px; display: none; padding: 4px 7px 4px 7px; color: #000; text-align: left; background: #fff; border: 1px dotted #5596C8; }
#chaser small									{ font-size: 1em; color: #5596C8; }
*/
.thumbnails 									{ padding: 0; margin: 0; }
.thumbnails img									{ border: 0; }

.thumbnails a:link,
.thumbnails a:visited							{ margin: 0 7px 7px 0; float: left; border: 1px solid #73BEFF; }
.thumbnails a:hover,
.thumbnails a:active,
.thumbnails a:focus								{ border-color: #000; }

a.imglink:link img,
a.imglink:visited img							{ margin: 4px 10px 4px 0; float: left; border: 1px solid #73BEFF; }
a.imglink:hover img,
a.imglink:active img,
a.imglink:focus img								{ border-color: #000; }

#image											{ padding: 0; margin: 0; }
#image img										{ cursor: pointer; }
#caption										{ position: absolute; top: 5px; left: 5px; height: 25px; width: 25px; padding: 0; margin: 0; background: url(../../gfx/i.gif) left top no-repeat #73BEFF; cursor: help; border: 2px solid #fff; }
#caption i										{ display: none; }

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

form											{ margin: 0; padding: 0 0 20px 0; }

.man, .opt, .void, .info						{ margin: 1px 0 0 0; }

.man input, .man textarea,
.opt input, .opt textarea,
.void input, .void textarea						{ font-family: Georgia, Times, Times New Roman, serif; font-size: 1em; background: transparent; border: 0px solid; width: 99%; }

.fieldcontainer									{ padding: 4px; }

.man label, .opt label, .void label,
.info label, .checkboxhead, .radiohead,
.innerformalert, .innerformnote					{ display: block; padding: 0 4px 1px 5px; font-size: 0.95em; }

.man span, .opt span, .void span				{ display: block; border-bottom: 1px dotted white; background: #E1F0FF; }

.innerformalert									{ color: #C80000; background: #FAE6E6; border-top: 1px solid #fff; }

.man											{ background: #E1F0FF; color: #416E96; }
.man .fieldcontainer							{ background: #EEF7FF; }
.man input, .man textarea						{ color: #000; }

.opt											{ background: #E1F0FF; color: #416E96; }
.opt .fieldcontainer							{ background: #EEF7FF; }
.opt input, .opt textarea						{ color: #000; }

.void											{ background: #C80000; color: #fff; }
.void .fieldcontainer							{ background: #FAE6E6; }
.void input, .void textarea						{ color: #C80000; }
.void label, .void .radiohead,
.void .checkboxhead								{ padding: 2px 4px 2px 23px; background: url(../../gfx/i.form.alert.ani.gif) 6px 6px no-repeat; }

.info											{ background: #F0F0F0; color: #969696; }
.info .fieldcontainer							{ background: #FAFAFA; }
.info .infovalue								{ color: #969696; }
.info label										{ padding: 2px 4px 2px 21px; background: url(../../gfx/i.form.info.gif) 6px 6px no-repeat;}

.opt .xcheckbox, .opt .checkbox,
.man .xcheckbox, .man .checkbox,
.void .xcheckbox, .void .checkbox,
.opt .xradio, .opt .radio,
.man .xradio, .man .radio,
.void .xradio, .void .radio						{ cursor: pointer; height: 1%; display: block; }

.xcheckbox label, .checkbox label,
.xradio label, .radio label						{ background: transparent; margin: 0px 0px 0px 20px; padding: 1px 0px 1px 0px; }

.opt .checkbox									{ background: url(../../gfx/checkbox.gif) 0px 0px no-repeat; color: #416E96; }
.opt .xcheckbox									{ background: url(../../gfx/checkbox.gif) 0px -50px no-repeat; color: #416E96; }
.opt .radio										{ background: url(../../gfx/radio.gif) 0px 0px no-repeat; color: #416E96; }
.opt .xradio									{ background: url(../../gfx/radio.gif) 0px -50px no-repeat; color: #416E96; }

.man .checkbox									{ background: url(../../gfx/checkbox.gif) 0px -100px no-repeat; color: #416E96; }
.man .xcheckbox									{ background: url(../../gfx/checkbox.gif) 0px -150px no-repeat; color: #416E96; }
.man .radio										{ background: url(../../gfx/radio.gif) 0px -100px no-repeat; color: #416E96; }
.man .xradio									{ background: url(../../gfx/radio.gif) 0px -150px no-repeat; color: #416E96; }

.void .checkbox									{ background: url(../../gfx/checkbox.gif) 0px -200px no-repeat; color: #C80000; }
.void .xcheckbox								{ background: url(../../gfx/checkbox.gif) 0px -250px no-repeat; color: #C80000; }
.void .radio									{ background: url(../../gfx/radio.gif) 0px -200px no-repeat; color: #C80000; }
.void .xradio									{ background: url(../../gfx/radio.gif) 0px -250px no-repeat; color: #C80000; }

a.submit:link,
a.submit:visited,
a.abort:link,
a.abort:visited									{ height: 1%; display: block; padding: 4px 5px 6px 10px; text-decoration: none; color: #fff; background: #73BEFF; margin: 1px 0 0 0; border: 0; }

a.abort:link,
a.abort:visited									{ color: #416E96; background: #E1F0FF; }

a.submit:hover,
a.submit:active,
a.submit:focus,
a.abort:hover,
a.abort:active,
a.abort:focus									{ color: #FFF; background: #000; }