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



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

body 											{ margin: 0; padding: 0; font: 12px/22px Cambria, Georgia, Times, "Times New Roman"; color: #323232; }



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



/* Banner 60 Unite For Children */

#banner_60ufc									{ position: absolute; top: 20px; left: 20px; }

#banner_60ufc img								{ border: 0; }



a,

a:link											{ color: #00b9d2; }

a:visited										{ color: #aaaaaa; }

a:hover, a:active,

a:focus											{ color: #00b9d2; text-decoration: none; }



a:link small									{ color: #4bdcf0; }

a:visited small									{ color: #969696; }

a:hover small, a:active small,

a:focus small									{ color: #969696; }



.debug											{ border: 1px solid #C80000; text-align: left; margin: 0 0 30px 0; background: #FAE6E6; cursor: pointer; }

.debug h1										{ padding: 5px 8px 5px 8px; margin: 0; background: #C80000; color: white; font: 1em/1.5em Calibri, Arial, Helvetica, sans-serif; }

.debug pre										{ padding: 15px; margin: 0; color: #C80000; font: 1em/1.5em Courier New; overflow: hidden; }



.nopad											{ padding: 0; }



hr												{ margin: 0 -5px 30px -5px; height: 1px; border: 0; border-top: 1px dotted #646464; }

hr.two											{ border-color: #b4b4b4; }

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

.nowrap											{ white-space: nowrap; }



small 											{ color: #aaaaaa; font: 12px/18px Calibri, Arial, Helvetica, sans-serif; }

small sup										{ font-size: 11px; }



small a:link,

small a:visited									{ color: #aaaaaa; }

small a:hover, .note a:active,

small a:focus									{ color: #00b9d2; text-decoration: none; }



small em										{ color: #00b9d2; font-style: normal; }

small em a:link,

small em a:visited								{ color: #00b9d2; }

small em a:hover, .note a:active,

small em a:focus								{ color: #323232; text-decoration: none; }



#header, #content, .alertbar					{ padding: 0 0 0 10%; }



#header											{ padding-top: 135px; padding-bottom: 30px; margin: 0; background-color: #00b9d2; background-repeat: repeat-x; background-position: left bottom; }

#header h1										{ height: 31px; padding: 2px 0 0 120px; margin: 0; font: 11px/13px Cambria, Georgia, Times, "Times New Roman"; color: white; }

#header h1 b									{ display: none; }

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

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



#navi											{ float: left; width: 90%; padding: 0 0 0 10%; background: #001417; border-top: 1px dotted #5a5a5a; }

#navi ul										{ float: left; width: 100%; padding: 0; margin: 0 0 0 -10px; list-style: none; border-left: 1px dotted #5a5a5a; }

#navi li										{ float: left; padding: 0; margin: 0; }

#navi li a:link,

#navi li a:visited								{ float: left; padding: 8px 10px 9px 10px; color: white; text-decoration: none; border-right: 1px dotted #5a5a5a; }

#navi li a:hover,

#navi li a:active,

#navi li a:focus,

#navi li a.active								{ background: #232323; }

#navi li.l1 a:link,

#navi li.l1 a:visited,

#navi li.l1 a:hover,

#navi li.l1 a:active,

#navi li.l1 a:focus

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

#navi li.l2 a:link,

#navi li.l2 a:visited,

#navi li.l2 a:hover,

#navi li.l2 a:active,

#navi li.l2 a:focus,

#navi li.l2 a.active							{ color: #aaaaaa; }



.alertbar										{ margin-top: 0; background: url(bck.alertbar.gif) left top repeat-x #c80000; }

.alertbar p										{ padding: 9px 10px 8px 20px; color: white; background: url(i.alert.ani.gif) left 11px no-repeat; }



#content										{ padding-top: 30px; padding-right: 10%; }

#footer	span									{ white-space: nowrap; }



.twocol											{ float: left; width: 70.33%; padding-right: 3.33%; }

.onecol											{ float: left; width: 23%; padding-right: 3.33%; }



h2, h3, h4, p, form, h4							{ padding: 0 0 30px 0; margin: 0; }

h2												{ font: 20px/26px Cambria, Georgia, Times, "Times New Roman"; color: #00b9d2; }

h3												{ padding: 0; margin: 0; font: 20px/26px Cambria, Georgia, Times, "Times New Roman"; color: #00b9d2; }

h3 em											{ color: #4bdcf0; font-style: normal; }

h4												{ padding: 0; margin: 0; font: 12px/22px Cambria, Georgia, Times, "Times New Roman"; color: #00b9d2; }

h5												{ padding: 0; margin: 0; font: 12px/18px Calibri, Arial, Helvetica, sans-serif; color: #323232; }

h5.blue											{ color: #00b9d2; }

h5.blue em										{ color: #4bdcf0; font-style: normal; }



h5 a:link,

h5 a:visited									{ color: #00b9d2; text-decoration: none; }

h5 a:hover,

h5 a:active,

h5 a:focus										{ color: #323232; }

h5 a:link em,

h5 a:visited em									{ color: #4bdcf0; }

h5 a:hover em,

h5 a:active em,

h5 a:focus em									{ color: #969696; }



h3 a:link,

h3 a:visited									{ color: #00b9d2; text-decoration: none; }

h3 a:hover,

h3 a:active,

h3 a:focus										{ color: #323232; }

h3 a:link em,

h3 a:visited em									{ color: #4bdcf0; }

h3 a:hover em,

h3 a:active em,

h3 a:focus em									{ color: #969696; }





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

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



ul.linklist										{ float: left; width: 100%; padding: 0 0 30px 0; margin: 0; list-style: none; }

ul.linklist li									{ float: left; padding: 0 10px 0 0; margin: 0; }

ul.linklist li a:link, ul.linklist li a:visited	{ float: left; padding: 0 10px 0 0; font-size: 28px; line-height: 32px; letter-spacing: -0.02em; color: #00b9d2; text-decoration: none; white-space: nowrap; border-right: 2px solid #d7f5fa; }

ul.linklist li a:visited						{ color: #c8c8c8; }

ul.linklist li a:hover,

ul.linklist li a:active,

ul.linklist li a:focus							{ color: #464646; }



ul.linklist li a:link sup,

ul.linklist li a:visited sup					{ color: #4bdcf0; letter-spacing: 0; }

ul.linklist li a:visited sup					{ color: #969696; }

ul.linklist li a:hover sup,

ul.linklist li a:active sup,

ul.linklist li a:focus sup						{ color: #969696; }



ul.linklist2									{ float: left; width: 100%; padding: 0 0 30px 0; margin: 0; list-style: none; }

ul.linklist2 li									{ float: left; padding: 0 7px 0 0; margin: 0; }

ul.linklist2 li a:link,

ul.linklist2 li a:visited						{ float: left; padding: 0 7px 0 0; font-size: 20px; line-height: 26px; color: #00b9d2; text-decoration: none; white-space: nowrap; border-right: 2px solid #d7f5fa; }

ul.linklist2 li a:visited						{ color: #c8c8c8; }

ul.linklist2 li a:hover,

ul.linklist2 li a:active,

ul.linklist2 li a:focus							{ color: #464646; }



ul.linklist2 li a:link sup,

ul.linklist2 li a:visited sup					{ color: #4bdcf0; }

ul.linklist2 li a:visited sup					{ color: #969696; }

ul.linklist2 li a:hover sup,

ul.linklist2 li a:active sup,

ul.linklist2 li a:focus	 sup					{ color: #969696; }



ul.linklist2 li a.new:link,

ul.linklist2 li a.new:visited					{ color: #c80000; }

ul.linklist2 li a.new:hover,

ul.linklist2 li a.new:active,

ul.linklist2 li a.new:focus						{ color: #464646; }



ul.linklist2 li a.new:link sup,

ul.linklist2 li a.new:visited sup				{ color: #e69b9b; }

ul.linklist2 li a.new:hover sup,

ul.linklist2 li a.new:active sup,

ul.linklist2 li a.new:focus	 sup				{ color: #969696; }



ul.linklist3									{ float: left; width: 100%; padding: 0 0 30px 0; margin: 0; list-style: none; }

ul.linklist3 li									{ float: left; padding: 0 5px 0 0; margin: 0; }

ul.linklist3 li a:link,

ul.linklist3 li a:visited						{ float: left; padding: 0 5px 0 0; color: #00b9d2; text-decoration: none; white-space: nowrap; border-right: 2px solid #d7f5fa; }

ul.linklist3 li a:visited						{ color: #c8c8c8; }

ul.linklist3 li a:hover,

ul.linklist3 li a:active,

ul.linklist3 li a:focus							{ color: #464646; }



ul.linklist3 li a:link sup,

ul.linklist3 li a:visited sup					{ color: #4bdcf0; }

ul.linklist3 li a:visited sup					{ color: #969696; }

ul.linklist3 li a:hover sup,

ul.linklist3 li a:active sup,

ul.linklist3 li a:focus	 sup					{ color: #969696; }



#chaser											{ position: absolute; top: -1000px; left: -1000px; display: none; padding: 0; color: #e6e6e6; }

#chaser .infobar								{ padding: 4px 15px 5px 15px; margin: 0; background: #232323; }

#chaser .img									{ padding: 0; margin: 0; }

#chaser h2										{ padding: 0 0 15px 0; margin: 0; font-size: 20px; line-height: 26px; font-weight: normal; }

#chaser p										{ padding: 11px 15px 12px 15px; margin: 0; background: #323232; }

#chaser small									{ color: #aaaaaa; line-height: 21px; }

#chaser .content small							{ float: left; width: 60px; }

#chaser .borderbottom							{ border-bottom: 1px dotted #646464; }



#chaser.blue									{ color: white; }

#chaser.blue .infobar							{ background: #0091a5; }

#chaser.blue p									{ background: #00b9d2; }

#chaser.blue small								{ color: #aff0fa; }



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



form											{ width: 100%; }

form .hide										{ display: none; }

form h4											{ padding: 0 0 5px 0; }



form#commentform								{ display: none; }

form#fileform									{ display: none; }



.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: 1px 0 0 0; }



.man input, .man textarea,

.opt input, .opt textarea,

.void input, .void textarea						{ background: transparent; border: 0px solid; width: 99%; font: 12px Courier New, courier; }



.fieldcontainer									{ padding: 0 5px 5px 5px; }



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

.info label, .checkboxhead, .radiohead,

.innerformalert, .innerformnote					{ display: block; padding: 0 0 0 5px; font: 11px/18px Calibri, Arial, Helvetica, sans-serif; cursor: pointer; }



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



.innerformalert									{ padding: 3px 0 3px 5px; color: #c80000; background: #F5D7D7; border-top: 1px dotted #c80000; }



.man, .man .bbcode a							{ background: #e1faff; color: #0091a5; }

.man .fieldcontainer							{ background: #e1faff; }

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



.opt, .opt .bbcode a							{ background: #f0f0f0; color: #646464; }

.opt .fieldcontainer							{ background: #f0f0f0; }

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



.void, .void .bbcode a							{ background: #FAE6E6; color: #C80000; }

.void .fieldcontainer							{ background: #FAE6E6; }

.void input, .void textarea						{ color: #C80000; }

.void label, .void .radiohead,

.void .checkboxhead								{ color: #c80000; padding: 0 0 0 20px; background: url(i.form.alert.ani.gif) 5px center no-repeat #FAE6E6; }



.info											{ background: #f0f0f0; color: #787878; }

.info .fieldcontainer							{ padding: 4px 5px 3px 5px; background: #f5f5f5; }

.info .infovalue								{ color: #787878; }

.info label										{ padding-left: 21px; 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: 12px Courier New, courier; background: transparent; margin: 0px 0px 0px 22px; padding: 3px 0px 1px 0px; }



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

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

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

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



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

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

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

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



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

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

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

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



a.submit:link,

a.submit:visited,

a.cancel:link,

a.cancel:visited								{ display: block; height: 1%; padding: 7px 5px 8px 15px; text-decoration: none; color: white; background: #323232; margin: 1px 0 0 0; }



a.cancel:link,

a.cancel:visited								{ background: #464646; }



a.submit:hover,

a.submit:active,

a.submit:focus,

a.cancel:hover,

a.cancel:active,

a.cancel:focus									{ background: #232323; }



.bbcode											{ padding: 0; }

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

.bbcode a										{ height: 1%; display: block; padding: 1px 5px 3px 5px; text-decoration: none; }

.bbcode a:link,

.bbcode a:visited								{ text-decoration: none; }

.bbcode a:hover,

.bbcode a:active,

.bbcode a:focus									{ color: #EBF0AF; background-color: #91A005; }