/*
 * CSS www.nrw-denkt-nachhaltig.de
 * 
 * @author marx@ecmc.de
 * @copyright ecmc.de
 * @version .9
 * created 2008-08-25
 *
 * wrap_all for centering
 * wrap_bg for background
 * 2 columnns: wrap_left / wrap_rite
*/

body { background: #DDE3EB; margin:0; padding:0; text-align: center; font: 84% Georgia, serif; }

* { margin:0; padding:0; border:none; }
ul { list-style-type:none; }

a:link    { color:#000000; text-decoration:underline; }
a:active  { color:#CC0000; text-decoration:underline; }
a:focus   { color:#CC0000; text-decoration:underline; }
a:hover   { color:#F27D00; text-decoration:underline; }   
a:visited { color:#666666; text-decoration:underline; }

hr {color: #FFF; background-color: #FFF; border: 1px dotted #666; border-style: none none dotted; }
hr.trenner { margin:28px 0; }
hr.trenner2 { margin:21px 0; }

h1 { font: bold italic 1.5em Georgia, serif; color:#595959; letter-spacing: .02em; margin: 0 0 1em 0; }
h2 { font: bold italic 1.3em Georgia, serif; color:#595959; letter-spacing: .02em; margin: 0 0 .5em 0; }
h3 { font: bold italic 1.0em Georgia, serif; color:#595959; letter-spacing: .02em; margin: 0 0 .5em 0; }
h4 { font: bold italic 0.9em Georgia, serif; color:#595959; letter-spacing: .02em; margin: 0 0 .5em 0; }

/* Forms */
fieldset { margin: 1em 0; border: 1px solid #CCC; padding: 10px; }
legend { font: bold italic 1.3em Georgia, serif; color:#595959; letter-spacing: .02em; padding: 10px;}

input, select, textarea { border: 1px solid #CCCCCC; background-color: #F3F5F6; margin: 0 0 10px 0;}
textarea#beschreibung { font: normal .9em Arial, sans-serif; line-height: 1.4em; }

label, fieldset, input, select { font-family: Arial, sans-serif; }

label, input, select { display: block; float: left; }
label { width: 100px; text-align: left; }
label#Ansprechpartner { margin: 0 0 10px 0; }
label#jahr      { width: 68px; margin: 2px 0 10px 10px; }

input#year_id       { width: 68px; margin: 2px 2px 10px 3px; }
input#regval        { border: none; }
input#bestaetigung1 { border:none; background-color: transparent; }

select#geschlecht { width: 51px; margin: 0 0 10px 0; }
select#day_id     { width: 68px; margin: 0 0 10px 0; }
select#month_id   { width: 68px; margin: 0 0 10px 17px; }

form br { clear: both; }

input#submit { float: none; width: 168px; }

/* IDs*/
#wrap_all { border: 1px outset #999; width: 966px; margin:0 auto; padding:11px; text-align: center; background: #FFF; }
#wrap_bg  { min-height:840px; margin:0; padding:0; background:url(http://www.nrw-denkt-nachhaltig.de/cms/upload/pix/bghalf.gif) #FFF 160px 21px no-repeat; }

#header    { height: 121px; min-height: 121px; text-align: left; }
#wrap_left { float:left; margin:5px 0 0 0; min-width: 350px; }
#wrap_rite { float:left; margin:5px 0 0 19px; min-width: 350px; width:460px;  }

#navi-a         { position:relative; top:33px; left:5px; font: .91em Georgia, serif; letter-spacing: .02em; }
#navi-a a:link  { color:#000000; }
#navi-a a:hover { color:#F27D00; }

#navi-b { position:relative; top: 70px; left:0px; font: bold 1em Georgia, serif; line-height: 1.8em; width:480px; height:24px; max-height:24px; background: #EDEDED;}
#navi-b .nolink   { color:#FFFFFF; padding: 3px 13px; border-right: 1px dotted #000; background: #ABABAB; }
#navi-b a:link    { color:#996600; text-decoration:none; padding: 3px 13px; border-right: 1px dotted #000; }
#navi-b a:active  { color:#F27D00; text-decoration:none; padding: 3px 13px; border-right: 1px dotted #000; }
#navi-b a:hover   { color:#F27D00; text-decoration:none; padding: 3px 13px; border-right: 1px dotted #000; background: #FFFFFF; }
#navi-b a:visited { color:#666666; text-decoration:none; padding: 3px 13px; border-right: 1px dotted #000; }

#navi-k { position:relative; float:left; top:70px; left:0px; font: bold 1em Georgia, serif; width:480px; height:24px; max-height:24px; background: #EDEDED; }

#logo { position:relative; top:0; left:480px; margin:-40px 0 0 0; float:left; }

#navi-c { visibility: hidden; width:315px; margin: 32px 0 0 15px; text-align: left; font: bold 1em Georgia, serif; color:#595959; }
#navi-c a:link    { color:#CC6600; }
#navi-c a:active  { color:#CC0000; }
#navi-c a:hover   { color:#F27D00; }
#navi-c a:visited { color:#666666; }

#adressen { width:315px; margin: 35px 0 0 32px; text-align: left; font: normal .9em Arial, sans-serif; line-height: 1.6em; color:#666666; overflow:visible; }
#kalender { width:315px; margin: 35px 0 0 11px; text-align: left; font: normal .9em Arial, sans-serif; line-height: 1.6em; color:#666666; overflow:visible; }

#teaserimg { margin:5px 0 0 0; }

#kalender_1 { float:left; min-height: 310px; width:360px; text-align: left; padding: 0; margin:5px 0 0 0; overflow:visible; }
#kalender_1 h1 { margin:0; }
#kalender_1 hr { margin:0; padding: 0; line-height:0; }
#kalender_1 p  { margin:0; padding: 19px 0; font: normal .9em Arial, sans-serif; line-height:1.2em; border: 1px dotted #666; border-style: none none dotted; }
#kalender_1 a:link    { font: bold 1.1em Arial, sans-serif; color:#CC6600; }
#kalender_1 a:active  { font: bold 1.1em Arial, sans-serif; color:#CC0000; }
#kalender_1 a:hover   { font: bold 1.1em Arial, sans-serif; color:#F27D00; }
#kalender_1 a:visited { font: bold 1.1em Arial, sans-serif; color:#666666; }

#kalender_1 .all           { font: normal 1em Arial, sans-serif; margin: 21px 0 0 0; padding:0; line-height:1em; border:none; }
#kalender_1 .all a:link    { font: normal 1em Arial, sans-serif; color:#CC6600; }
#kalender_1 .all a:active  { font: normal 1em Arial, sans-serif; color:#CC0000; }
#kalender_1 .all a:hover   { font: normal 1em Arial, sans-serif; color:#F27D00; }
#kalender_1 .all a:visited { font: normal 1em Arial, sans-serif; color:#666666; }

#artikel_1 { text-align: left; width:580px; margin:5px 0 0 0; font: normal 1em Arial, sans-serif; line-height: 1.4em; }
#artikel_1 ul { list-style-type: circle; }

#artikel_1 p,
#artikel_1 ol,
#artikel_1 ul,
#artikel_1 td { font: normal 1em Arial, sans-serif; line-height: 1.4em; }
#artikel_1 ul#categories { margin: 12px 0 0; }

#artikel_1 p  { margin: 10px 0; }
#artikel_1 ol li { margin: 0 0 0 21px; }
#artikel_1 ul li { margin: 0 0 0 21px; }

#artikel_1 a:link    { color:#CC6600; }
#artikel_1 a:active  { color:#CC0000; }
#artikel_1 a:hover   { color:#F27D00; }
#artikel_1 a:visited { color:#666666; }

#artikel_1.bild_1   { margin: 5px 12px 5px 0; }
#artikel_1.bild_u { font: bold italic .8em Georgia, serif; color:#595959; margin: 2px 0;}
.detail { font: normal 1em Arial, sans-serif; line-height: 1.4em; }

#artikel_1 #navi-g { height:19px; min-height:19px; margin:0 0 10px 0; }
#artikel_1 #navi-g .nolink   { font: bold .91em Georgia, serif; color:#595959; }
#artikel_1 #navi-g a:link    { font: bold .91em Georgia, serif; color:#CC6600; }
#artikel_1 #navi-g a:active  { font: bold .91em Georgia, serif; color:#CC0000; }
#artikel_1 #navi-g a:hover   { font: bold .91em Georgia, serif; color:#F27D00; }
#artikel_1 #navi-g a:visited { font: bold .91em Georgia, serif; color:#666666; }

#icons   { height: 326px; width: 84px; float:right; text-align: center; }
#icons p { margin: 0 0 6px 0; line-height: .6em; }
#icons a { color:#333; text-decoration:none; font: normal .7em Arial, Helvetica, sans-serif; }

#projekt   { float:left; text-align: left; width: 214px; height: 147px; margin: 21px 0 0 1px; padding: 18px 5px 5px 18px; border: 1px dotted #666; border-right:none; }
#projekt h2 { margin: 0 0 .8em 0; }
#projekt p  { margin: 0 0 11px 0; font: normal .9em Arial, sans-serif; line-height: 1.3em; }
#projekt a:link    { font: bold 1em Arial, sans-serif; color:#CC6600; }
#projekt a:active  { font: bold 1em Arial, sans-serif; color:#CC0000; }
#projekt a:hover   { font: bold 1em Arial, sans-serif; color:#F27D00; }
#projekt a:visited { font: bold 1em Arial, sans-serif; color:#666666; }
#projekt a.all     { font: normal 1em Arial, sans-serif; }

#projekt .all           { font: normal 1em Arial, sans-serif; }
#projekt .all a:link    { font: normal 1em Arial, sans-serif; color:#CC6600; }
#projekt .all a:active  { font: normal 1em Arial, sans-serif; color:#CC0000; }
#projekt .all a:hover   { font: normal 1em Arial, sans-serif; color:#F27D00; }
#projekt .all a:visited { font: normal 1em Arial, sans-serif; color:#666666; }

#thema   { float:left; text-align: left; width: 214px; height: 147px; margin: 21px 0 0 1px; padding: 18px 5px 5px 18px; border: 1px dotted #666; }
#thema h2 { margin: 0 0 .8em 0; }
#thema p  { margin: 0 0 11px 0; font: normal .9em Arial, sans-serif; line-height: 1.3em; }

#thema a:link    { font: bold 1em Arial, sans-serif; color:#CC6600; }
#thema a:active  { font: bold 1em Arial, sans-serif; color:#CC0000; }
#thema a:hover   { font: bold 1em Arial, sans-serif; color:#F27D00; }
#thema a:visited { font: bold 1em Arial, sans-serif; color:#666666; }

#thema a.all     { font: normal 1em Arial, sans-serif; }
#thema .all           { font: normal 1em Arial, sans-serif; }
#thema .all a:link    { font: normal 1em Arial, sans-serif; color:#CC6600; }
#thema .all a:active  { font: normal 1em Arial, sans-serif; color:#CC0000; }
#thema .all a:hover   { font: normal 1em Arial, sans-serif; color:#F27D00; }
#thema .all a:visited { font: normal 1em Arial, sans-serif; color:#666666; }

#projektdw { float:left; text-align: left; width: 214px; height: 84px; margin: 21px 0 0 1px; padding: 18px 5px 5px 18px; border: 1px dotted #666; border-right:none; }
#projektdw a:link    { font: bold .9em Arial, sans-serif; color:#CC6600; }
#projektdw a:active  { font: bold .9em Arial, sans-serif; color:#CC0000; }
#projektdw a:hover   { font: bold .9em Arial, sans-serif; color:#F27D00; }
#projektdw a:visited { font: bold .9em Arial, sans-serif; color:#666666; }

#blogbox   { float:left; text-align: left; width: 214px; height: 84px; margin: 21px 0 0 1px; padding: 18px 5px 5px 18px; border: 1px dotted #666; }
#blogbox p { margin: 0 0 11px 0; font: normal 1em Arial, sans-serif; line-height: 1.3em; }
#blogbox a:link    { font: bold .9em Arial, sans-serif; color:#CC6600; }
#blogbox a:active  { font: bold .9em Arial, sans-serif; color:#CC0000; }
#blogbox a:hover   { font: bold .9em Arial, sans-serif; color:#F27D00; }
#blogbox a:visited { font: bold .9em Arial, sans-serif; color:#666666; }

#testimonial { float:left; }
#testimonial img { border: 1px dotted #666; }

#tagcloud { background: #F3F7FB; width:464px; max-width:464px; margin: 14px 0 0 1px; padding: 6px; float:left; border: 1px dotted #666; font: bold 1em Georgia, serif; color:#666666; word-spacing: .6em; }
#tagcloud .fs0 { font-size:  .8em }
#tagcloud .fs1 { font-size: 1.3em }
#tagcloud .fs2 { font-size: 1.6em }
#tagcloud .fs3 { font-size: 1.8em }
#tagcloud .fs4 { font-size: 2.1em }

#kalender_2 { float:left; width:360px; text-align: left; padding: 0; margin: 18px 0 0 0; }

#kalender_2 h1 { margin:0; }
#kalender_2 hr { margin:0; padding: 0; line-height:0; }
#kalender_2 p  { margin:0; padding: 19px 0; font: normal .9em Arial, sans-serif; line-height:1.2em; border: 1px dotted #666; border-style: none none dotted; }

#kalender_2 a:link    { font: bold 1.1em Arial, sans-serif; color:#CC6600; }
#kalender_2 a:active  { font: bold 1.1em Arial, sans-serif; color:#CC0000; }
#kalender_2 a:hover   { font: bold 1.1em Arial, sans-serif; color:#F27D00; }
#kalender_2 a:visited { font: bold 1.1em Arial, sans-serif; color:#666666; }

#kalender_2 .all           { font: normal 1em Arial, sans-serif; margin: 21px 0 0 0; padding:0; line-height:1em; border:none; }
#kalender_2 .all a:link    { font: normal 1em Arial, sans-serif; color:#CC6600; }
#kalender_2 .all a:active  { font: normal 1em Arial, sans-serif; color:#CC0000; }
#kalender_2 .all a:hover   { font: normal 1em Arial, sans-serif; color:#F27D00; }
#kalender_2 .all a:visited { font: normal 1em Arial, sans-serif; color:#666666; }

#icons_2 { width: 80px; float:right; text-align:right; margin:21px -2px 0 0; border: 1px dotted #666; }

#grusswort     { width:455px; max-width:455px; margin: 20px 0 0 1px; padding: 11px; border: 1px dotted #666; text-align: left; font: normal .9em Arial, sans-serif; color:#666666; }
#grusswort p   { float:left; width:80%; margin: 0 0 11px 0; }
#grusswort img { float:right; }
#grusswort a:link    { font: bold 1em Arial, sans-serif; color:#595959; text-decoration:none ;}
#grusswort a:active  { font: bold 1em Arial, sans-serif; color:#CC0000; }
#grusswort a:hover   { font: bold 1em Arial, sans-serif; color:#F27D00; }
#grusswort a:visited { font: bold 1em Arial, sans-serif; color:#666666; text-decoration:none; }

#stk { width:270px; float:right; text-align: left; margin:42px 0 0 0; font: normal .8em Arial, Helvetica, sans-serif; }
#stk span { margin: 0; float:left; }
#stk img  { display:inline; float:right; margin:-11px 0 0 0; }
#stk a:link    { font: normal 1em Arial, sans-serif; color:#595959; text-decoration:none; }
#stk a:active  { font: normal 1em Arial, sans-serif; color:#CC0000; }
#stk a:hover   { font: normal 1em Arial, sans-serif; color:#F27D00; }
#stk a:visited { font: normal 1em Arial, sans-serif; color:#666666;  text-decoration:none; }

#footer         { height: 48px; text-align: left; margin: 15px 0 0 0; font: bold .8em Arial, sans-serif; color:#666; }
#footer #navi-e { float:left; margin:-2px 2px; }
#footer #navi-f { float:right; margin:-2px 2px; }
#footer hr      { margin:8px 0; }
#footer img     { float:left; }
#footer a:link    { font: bold 1em Arial, sans-serif; color:#595959; text-decoration:none; }
#footer a:active  { font: bold 1em Arial, sans-serif; color:#CC0000; }
#footer a:hover   { font: bold 1em Arial, sans-serif; color:#F27D00; }
#footer a:visited { font: bold 1em Arial, sans-serif; color:#666666; text-decoration:none; }

/* classes */
.adresse { margin:0 0 11px 0; line-height: 1.6em; }

.bild_links      { float:left; margin: 5px 12px 2px 0; }
.bild_rechts     { float:right; margin: 5px 0 2px 12px; }
.bild_links_unterzeile  { float:left;  font: bold italic .8em Georgia, serif; color:#595959; margin: 2px 0;}
.bild_rechts_unterzeile { float:right; font: bold italic .8em Georgia, serif; color:#595959; margin: 2px 0;}

.clean_  { clear:both; line-height:0; font-size:0; }
.clean5  { clear:both; line-height:0; font-size:0; margin: 5px 0;}
.clean10 { clear:both; line-height:0; font-size:0; margin: 10px 0;}

.invisible { position:absolute; left:-1000px; top:-1000px; width:1px; height: 1px; overflow:hidden; display:inline; }
/* eof */