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



html											{ overflow: -moz-scrollbars-vertical !important; }

body 											{ margin: 0; padding: 0; font: 0.8em/1.5em /*Calibri, */Arial, Helvetica, sans-serif; color: rgb(80,80,80); }



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



a,

a:link											{ color: rgb(180,5,5); }

a:visited										{ color: rgb(140,140,140); }

a:hover, a:active,

a:focus											{ text-decoration: none; }



.nopad											{ padding: 0; }



hr												{ margin: 0 0 2em 0; height: 1px; border: 0; border-top: 1px dotted rgb(80,80,90); }

.clear											{ clear: both; line-height: 0; }

.nowrap											{ white-space: nowrap; }

.grey											{ background: rgb(240,240,240); }

.grey hr										{ border-color: rgb(80,80,90); }

.noscreen										{ display: none; }



small 											{ color: rgb(140,140,140); font-size: 0.85em; line-height: 1.5em; }

small a:link,

small a:visited									{ color: rgb(140,140,140); }

small a:hover, .note a:active,

small a:focus									{ color: rgb(180,5,5); text-decoration: none; }



code											{ font: 1em/1.5em "Courier New", monospace; }



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



#header											{ float: left; width: 90%; padding: 2em 0 2em 10%; background: url(bck.header.gif) left bottom repeat-x rgb(180,5,5); }

h1												{ position: relative; float: left; width: 100%; margin: 0; font-size: 3.5em; line-height: 1.1em; color: white; }

h1 strong										{ color: rgb(230,175,175); font-size: inherit; line-height: inherit; }

#header h1 .logo								{ position: absolute; left: -75px; top: -5px; width: 55px; height: 55px; padding: 0; margin: 0; }

#header h1 .logo strong							{ display: none; }

/* Den IE ausschließend das Hintergrundbild setzen */

html>body #header h1 .logo	 					{ background: url(logo.png) left top no-repeat; }



#header h1 .hand								{ position: absolute; left: 60%; top: -7px; width: 175px; height: 180px; padding: 20px 160px 0 21px; margin: 0; font-size: 11px; line-height: 14px; color: rgb(80,80,80); font-weight: normal; }

#header h1 .hand strong							{ color: rgb(180,5,5); }

#header h1 .hand a 								{ color: rgb(180,5,5); }

/* Den IE ausschließend das Hintergrundbild setzen */

html>body #header h1 .hand	 					{ background: url(hand.png) left top no-repeat; }





/* NAVI ================================================================================================================================ */



#navi											{ float: left; width: 90%; padding: 0 0 0 10%; margin: 0; background-color: rgb(40,40,45); border-top: 1px solid rgb(120,120,120); }

#navi li										{ float: left; padding: 0; margin: 0; list-style: none; padding: 0.7em 0 0.9em 0; }

#navi li a:link,

#navi li a:visited								{ float: left; margin-right: 2em; color: rgb(180,180,190); text-decoration: none; }

#navi li a:hover,

#navi li a:active,

#navi li a:focus,

#navi li a.active								{ color: white; }



/* ALERTS ============================================================================================================================== */



.notebar										{ border-top: 2px solid rgb(205,160,0); background: rgb(255,200,0); color: rgb(100,80,0); }

.notebar p										{ padding: 0.7em 10% 0.9em 10%; }



.alert											{ padding: 2px; margin-bottom: 2em; border: 1px dotted rgb(185,5,5); }

.alert p										{ padding: 0.8em 1em 1em 1em; color: white; background: rgb(185,5,5); }



/* CONTENT ============================================================================================================================= */



.contheader										{ padding: 2em 10% 2em 10%; margin: 0; border-bottom: 1px solid rgb(80,80,90); }

.contheader h2									{ position: relative; padding: 0; margin: 0; font-size: 1.5em; line-height: 1.4em; }



.contheader h2 a.recommend:link,

.contheader h2 a.recommend:visited				{ position: absolute; left: -85px; top: 5px; width: 71px; height: 21px; padding: 5px 0 0 10px; margin: 0; font-size: 11px; line-height: 14px; font-weight: normal; background: url(recommend.gif) left top no-repeat; text-decoration: none; color: rgb(125,0,0); }

.contheader h2 a.recommend:hover,

.contheader h2 a.recommend:active,

.contheader h2 a.recommend:focus				{ background-position: left -100px; color: white; }



.content										{ float: left; width: 83.34%; padding-left: 10%; padding-right: 6.66%; padding-top: 2em; border-bottom: 1px solid rgb(80,80,90); }



.onecol											{ float: left; width: 30%; margin-right: 3.33%; }

.twocol											{ float: left; width: 63.33%; margin-right: 3.33%; }

.trecol											{ float: left; width: 96.66%; margin-right: 3.33%; }



h3, h4, h5, p, ul								{ padding: 0 0 2em 0; margin: 0; }

h3, h4											{ font-size: 1.3em; line-height: 1.4em; font-weight: normal; }

h4												{ position: relative; padding: 0; }



h4 a:link,

h4 a:visited									{ color: rgb(80,80,80); text-decoration: none; }

h4 a:hover,

h4 a:active,

h4 a:focus										{ color: rgb(180,5,5); }



h4.lastvisited span								{ position: absolute; left: -85px; top: 3px; width: 71px; height: 37px; padding: 5px 0 0 10px; margin: 0; font-size: 11px; line-height: 14px; background: url(lastvisited.gif) left top no-repeat; }



h5												{ font-size: 1em; padding: 0; }



ul.list li										{ margin: 0 0 4px 0; padding: 0 0 0 17px; list-style: none; background: url(li.bullet.gif) left 6px no-repeat; }



ul.linklist										{ padding: 2px 2px 1px 2px; margin: 0 0 2em 0; list-style: none; border: 1px dotted rgb(200,200,200); }

ul.linklist li									{ padding: 0; margin: 0; margin-bottom: 1px; }



ul.linklist li.back a							{ background: url(i.back.gif) left top no-repeat rgb(240,240,240); color: rgb(80,80,80); }

ul.linklist li.forth a							{ background: url(i.forth.gif) left top no-repeat rgb(240,240,240); color: rgb(80,80,80); }

ul.linklist li.down a							{ background: url(i.down.gif) left top no-repeat rgb(240,240,240); color: rgb(80,80,80); }

ul.linklist li.permalink a						{ background: url(i.permalink.gif) left top no-repeat rgb(240,240,240); color: rgb(80,80,80); }

ul.linklist li.dialog a							{ background: url(i.dialog.gif) left top no-repeat rgb(240,240,240); color: rgb(80,80,80); }

ul.linklist li.link a							{ background: url(i.link.gif) left top no-repeat rgb(240,240,240); color: rgb(80,80,80); }

ul.linklist li.download a						{ background: url(i.link.gif) left top no-repeat rgb(240,240,240); color: rgb(80,80,80); }

ul.linklist li.up a								{ background: url(i.up.gif) left top no-repeat rgb(240,240,240); color: rgb(80,80,80); }

ul.linklist li.print a							{ background: url(i.print.gif) left top no-repeat rgb(240,240,240); color: rgb(80,80,80); }

ul.linklist li.dialog_cat a						{ background: url(i.dialog.gif) left top no-repeat rgb(210,210,210); color: rgb(50,50,50); }



ul.linklist li.lastvisited a					{ background-color: rgb(230,230,230); }

ul.linklist li.lastvisited span					{ display: block; font-size: 0.85em; line-height: 1.5em; padding: 4px 8px 6px 28px; color: rgb(110,110,110); background: url(i.lastvisited.gif) left top no-repeat rgb(220,220,220); }



ul.linklist li a:link,

ul.linklist li a:visited						{ height: 1%; display: block; padding: 6px 8px 7px 28px; text-decoration: none; }

ul.linklist li a:hover,

ul.linklist li a:active,

ul.linklist li a:focus							{ color: white; background-color: rgb(180,5,5); background-position: left -300px; }



ul.linklist li a:link small,

ul.linklist li a:visited small					{ color: rgb(140,140,140); }

ul.linklist li a:hover small,

ul.linklist li a:active small,

ul.linklist li a:focus small					{ color: rgb(230,175,175); }



.squote											{ display: block; padding: 2px; margin-bottom: 2em; border: 1px dotted rgb(200,200,200); }

.squote em										{ display: block; padding: 0.8em 1em 1em 1em; font-family: Georgia, Times, serif; font-style: normal; color: rgb(125,0,0); background: rgb(245,225,225); }



.squote a:link,

.squote a:visited								{ color: rgb(125,0,0); }

.squote a:hover,

.squote a:active,

.squote a:focus									{ text-decoration: none; }



.quote											{ display: block; padding: 2px; margin-bottom: 2em; border: 1px dotted rgb(200,200,200); }

.quote em										{ display: block; padding: 0.8em 1em 1em 1em; font-family: Georgia, Times, serif; font-style: normal; background: rgb(240,240,240); }

.quote code										{ display: block; padding: 0.8em 1em 1em 1em; background: rgb(240,240,240); }

.quote span										{ display: block; padding: 0.5em 0.5em 0.5em 0.8em; font-size: 0.85em; line-height: 1.5em; color: rgb(110,110,110); background: rgb(230,230,230); }

.grey .quote									{ border-color: rgb(180,180,180); }

.grey .quote em									{ background: rgb(230,230,230); }



table											{ margin: 0 0 2em 0; width: 100%; table-layout: auto; border-spacing: 2px; border: 1px dotted rgb(200,200,200); }

td, th											{ padding: 0.4em 0.5em 0.4em 0.5em; vertical-align: top; text-align: left; border: 0; }

th												{ background: rgb(245,225,225); color: rgb(125,0,0); font-size: 1.3em; line-height: 1.4em; font-weight: normal; }

td												{ background: rgb(240,240,240); }

tr.grey td										{ background: rgb(230,230,230); }



/* FOOTER ============================================================================================================================== */



#footer											{ padding: 2em 10% 2em 10%; }



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



form											{ padding: 0; margin: 0; }

form .hide										{ display: none; }

fieldset										{ padding: 2px 2px 1px 2px; margin: 0 0 2em 0; border: 1px dotted rgb(200,200,200); }

.grey fieldset									{ padding: 2px 2px 1px 2px; margin: 0 0 2em 0; border: 1px dotted rgb(180,180,180); }



.info ul										{ padding: 0; margin: 0; }

.info ul li										{ list-style: none; margin: 0; padding: 0 0 0 11px; background: url(li.forminfo.gif) 1px 8px no-repeat; }



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



.man input, .man textarea,

.opt input, .opt textarea,

.void input, .void textarea						{ background: transparent; border: 0px solid; width: 99%; font-size: 1em; font-family: Courier New, courier, monospace; color: rgb(80,80,80); }



.fieldcontainer									{ padding: 0 0.2em 0.3em 0.4em; }



.man label, .opt label, .void label,

.info label, .checkboxhead, .radiohead,

.innerformalert, .innerformnote					{ display: block; padding: 0 0.4em 0 0.4em; font-size: 0.85em; }



label a, label u								{ text-decoration: none; }

label .lefty									{ float: left; }

label .righty									{ float: right; }



.man span, .opt span, .void span				{ display: block; border-bottom: 1px dotted white; background: rgb(230,230,230); }



.innerformalert									{ padding: 0.2em 0 0.2em 0.4em; color: #c80000; background: #F5D7D7; border-top: 1px dotted #c80000; }



.man, .man .bbcode a							{ background: rgb(230,230,230); color: rgb(80,80,80); }

.man .fieldcontainer							{ background: rgb(230,230,230); }

.man input, .man textarea						{ color: black; }



.man label a:link,

.man label a:visited							{ color: rgb(80,80,80); }

.man label a:hover,

.man label a:active,

.man label a:focus								{ color: rgb(180,5,5); }



.opt, .opt .bbcode a							{ background: rgb(240,240,240); color: rgb(100,100,100); }

.opt .fieldcontainer							{ background: rgb(240,240,240); }

.opt input, .opt textarea						{ color: black; }



.opt label a:link,

.opt label a:visited							{ color: rgb(100,100,100); }

.opt label a:hover,

.opt label a:active,

.opt label a:focus								{ color: rgb(180,5,5); }



.grey .opt, .grey .opt .bbcode a				{ background: rgb(235,235,235); color: rgb(100,100,100); }

.grey .opt .fieldcontainer						{ background: rgb(235,235,235); }

.grey .opt input, .grey .opt textarea			{ color: black; }



.void, .void .bbcode a							{ background: rgb(245,225,225); color: rgb(125,0,0); }

.void .fieldcontainer							{ background: rgb(245,225,225); }

.void input, .void textarea						{ color: rgb(125,0,0); }

.void label, .void .radiohead,

.void .checkboxhead								{ color: rgb(125,0,0); padding: 0 0.4em 0 20px; background: url(i.form.alert.ani.gif) 5px center no-repeat rgb(245,225,225); }



.void label a:link,

.void label a:visited							{ color: rgb(125,0,0); }

.void label a:hover,

.void label a:active,

.void label a:focus								{ color: rgb(180,5,5); }



.info											{ background: rgb(240,240,240); color: rgb(100,100,100); }

.info .fieldcontainer							{ padding: 0.2em 0.2em 0.2em 0.4em; background: rgb(240,240,240); }

.info .infovalue								{ color: rgb(100,100,100); }

.info label										{ padding-left: 20px; background: url(i.form.info.gif) 5px center 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						{ font-size: 1em; font-family: Courier New, courier; background: transparent; margin: 0px 0px 0px 22px; padding: 0.1em 0 0.2em 0; cursor: pointer; }



.opt .checkbox									{ background: url(radiocheck.gif) left -900px no-repeat; color: black; }

.opt .xcheckbox									{ background: url(radiocheck.gif) left -1050px no-repeat; color: black; }

.opt .radio										{ background: url(radiocheck.gif) left top no-repeat; color: black; }

.opt .xradio									{ background: url(radiocheck.gif) left -150px no-repeat; color: black; }



.man .checkbox									{ background: url(radiocheck.gif) left -1200px no-repeat; color: black; }

.man .xcheckbox									{ background: url(radiocheck.gif) left -1350px no-repeat; color: black; }

.man .radio										{ background: url(radiocheck.gif) left -300px no-repeat; color: black; }

.man .xradio									{ background: url(radiocheck.gif) left -450px no-repeat; color: black; }



.void .checkbox									{ background: url(radiocheck.gif) left -1500px no-repeat; color: #c80000; }

.void .xcheckbox								{ background: url(radiocheck.gif) left -1650px no-repeat; color: #c80000; }

.void .radio									{ background: url(radiocheck.gif) left -600px no-repeat; color: #c80000; }

.void .xradio									{ background: url(radiocheck.gif) left -750px no-repeat; color: #c80000; }



a.submit:link,

a.submit:visited,

a.cancel:link,

a.cancel:visited								{ display: block; height: 1%; padding: 4px 8px 5px 8px; text-decoration: none; color: white; background: rgb(150,150,150); margin: 0 0 1px 0; }



a.cancel:link,

a.cancel:visited								{ background: rgb(180,180,180); }



a.submit:hover,

a.submit:active,

a.submit:focus,

a.cancel:hover,

a.cancel:active,

a.cancel:focus									{ background: rgb(180,5,5); }