/*------------------------------------------------ Reset */


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border:0; font-size:1em; margin:0; padding:0;}
body {font-size: 12px; color: #3e3d40;}
a {outline: none; color: #00c1d8; text-decoration: none;}
a:hover {cursor: pointer; text-decoration: underline;}
table {border-collapse:collapse; border-spacing:0;}
fieldset, img {border:0;}
del, ins {text-decoration:none;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 {font-size:1em; font-weight:normal;}
q:before, q:after {content:'';}
abbr, acronym {border:0; font-variant:normal;}
sup, sub {vertical-align:baseline;}
legend {color:#000;}
input, button, textarea, select, optgroup, option {font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit;}
input, button, textarea, select {font-size:1em;}
ul, li {list-style: none; margin: 0; padding: 0}
hr {border-bottom: 1px solid #888; background: none; height: 1px}

/*------------------------------------------------*/
/* Fonts */
/*------------------------------------------------*/

@import url("//hello.myfonts.net/count/2bb751");

@font-face {
  
  font-family: 'SkitchShaded';
  src: url('../fonts/2BB751_0_0.eot');
  src: url('../fonts/2BB751_0_0.eot?#iefix') format('embedded-opentype'),
       url('../fonts/2BB751_0_0.woff') format('woff'),
       url('../fonts/2BB751_0_0.ttf') format('truetype');
       
  font-weight: normal;
  font-style: normal;
}

/*------------------------------------------------*/
/* Start */
/*------------------------------------------------*/
html {height:100%; margin-bottom:1px;}
body {background-color:#fff; color: #3e3d40;
      font:normal normal normal 87.5%/1.5em;
      font-family:"Lucida Grande", Arial, "Lucida Sans", Tahoma, Helvetica, sans-serif;
      height:100%; text-align:center;
      font-weight: normal;
}

/*------------------------------------------------*/
/* Headlines*/
/*------------------------------------------------*/
h2{font-size: 22px}
h3{font-size: 16px}
h4{font-size: 12px}
  
h2.contentheading, h3.contentheading{
  margin-bottom:10px;
  clear: both;
}

/*------------------------------------------------*/
/* Layout*/
/*------------------------------------------------*/
#siteContainer {
    margin: 0 auto;
    text-align: left;
    width: 860px;
}

/*------------------------------------------------*/
/* Header */
/*------------------------------------------------*/
#headerWrapper {
}
#headerInfo{
}
#headerLogo {
  margin-top: 20px;}
/*------------------------------------------------*/
/* Header Login*/
/*------------------------------------------------*/
/*
in modules

*/
#headerLogin {
  float: right;
  height: 98px;
  background-color: #00C1D8;
  margin-top: -20px;
  overflow: hidden
}

/*------------------------------------------------*/
/* Main Navigation */
/*------------------------------------------------*/

#navigationWrapper {
  position: relative;
  margin-top: 20px;
}
#mainNavi {
  width: 100%;
  overflow: hidden;
}
#mainNavi ul.menu {
  background: url("../images/main_navi_bg.gif") repeat-x;
  width:105%;
  min-height: 31px;
}
#mainNavi .menu li{
  margin: 0;
  float: left;
  text-align: center;
  background: url("../images/main_navi_li_bg.gif") no-repeat;
  height: 31px;
}
#mainNavi .menu li a {
  color: #fff;
  font-size: 17px;
  display: block;
  padding: 4px 0px 6px;
}
#mainNavi .menu li:first-child#current{
  background: url("../images/main_navi_li_first_current_bg.gif") no-repeat;
  height: 31px;
}
#mainNavi .menu li:first-child{
  background: url("../images/main_navi_li_first_bg.gif") no-repeat;
  height: 51px;
}
/*------------------------------------------------*/
/* Sub Navigation */
/*------------------------------------------------*/

#mainNavi .menu li li:first-child {height: 20px;}

#mainNavi .menu li#current ul,
#mainNavi .menu li ul {display: none; position: absolute; top: 31px; height: 20px;left: 0;line-height: 10px;}

#mainNavi .menu li ul li,
#mainNavi .menu li ul li#current:first-child {text-align: left;height: 20px;}
#mainNavi .menu li ul li a {background: none #ffa600 no-repeat;padding: 5px 27px 5px 13px;}

#mainNavi .menu li#current ul a,
#mainNavi .menu li.active ul a,
.menu li ul a {font-size: 12px;border: 0;
}
#mainNavi .menu li#current ul,
#mainNavi .menu li.active ul {display: block;width: 100%;background-color: #ffa600;}

#mainNavi .menu li ul li.active a {color:#000 !important;}

/*------------------------------------------------*/
/* Main Navigation Feste Breiten fuer MainNavi li Elemente*/
/* Muss angepasst werden wenn sich die classennamen (item XY) verändern*/
/*------------------------------------------------*/
#mainNavi .menu li.item1{width: 126px;}
#mainNavi .menu li.item53{width: 125px;}
#mainNavi .menu li.item54{width: 154px;}
#mainNavi .menu li.item55{width: 126px;}
#mainNavi .menu li.item56{width: 121px;}
#mainNavi .menu li.item57{width: 106px;}
#mainNavi .menu li.item58{width: 118px;}
#mainNavi .menu li.item101{width: 105px;}


/*------------------------------------------------*/
/* Main Navigation Current and Rolloverstates*/
/*------------------------------------------------*/
#mainNavi .menu li#current , #mainNavi .menu li.active {
  background: url("../images/main_navi_li_hover_bg_v2.gif") no-repeat;
}
#mainNavi .menu a:hover{
  text-decoration: none;
}
#mainNavi .menu li:hover{
  background: url("../images/main_navi_li_hover_bg.gif") no-repeat;
}
#mainNavi .menu li.active:hover{
  background: url("../images/main_navi_li_hover_bg_v2.gif") no-repeat;
}
#mainNavi .menu li:first-child:hover{
  background: url("../images/main_navi_li_first_hover_bg.gif") no-repeat;
}

/*------------------------------------------------ Sub Navigation Current and Rolloverstates*/

#mainNavi .menu li ul li a:hover{ color: #000;}

/*------------------------------------------------ Main */

#mainWrapper { margin-top: 5px;}

/*------------------------------------------------ Leftsidebar */

#leftSidebar {float: left;width: 190px;}
#leftSidebar .moduleWrapper{/*width: 170px;*/padding: 10px 15px;}
#leftSidebar .hrLine{border: 0px;padding: 0px;}

/*------------------------------------------------*/
/* LeftSidebar */
/*------------------------------------------------*/
#leftSidebar_wettbewerb {
  float: left;
  width: 170px;
  border: none;
    
}
.sidebarParcel{
    padding: 10px;
}
/*------------------------------------------------*/
/* Content */
/*------------------------------------------------*/
#contentWrapper_wettbewerb {
  padding: 0;
}
#contentWrapper_wettbewerb.withoutBreadcrumbs {
  padding-top: 10px;
  border-top: 1px solid #888;
}
.contentWide  {
  width: 100%;
}
.contentWide h1 {
  text-align: center;
}
.contentWide table {
  border: 2px solid #ffa600;
  width: 100%;
  margin: 20px auto;
}
.contentheading,
.articleIntro {
  display: none;
}
.contentWide table td {
  padding: 18px;
}
.articleContent h1 {
  margin: 20px auto;
}
.gruener-ratgeber .contentWide table {
  border: 0;
  border-spacing: 20px 30px;
  border-collapse: separate;
  margin: 0 -20px;
  min-width: 100%;
}
.gruener-ratgeber .contentWide table tr td {
  border: 3px solid #84c24b;
  height: 320px;
  width: 33.33%;
  vertical-align: top;
  text-align: center;
}
.gruener-ratgeber .contentWide table tr td img {
  display: block;
  margin: 0 auto !important;
  width: 231.3px;
  height: auto;
}
.gruener-ratgeber .contentWide table tr td h3 {
  font-size: 15px;
  font-weight: bold;
  height: 50px;
}
.contentWide .jumi-wrapper {
  text-align: center;
}
.contentNarrow{
  margin-left: 200px;
  text-align: left;
}
#innerContentWrapper {
  width: 100%;
  padding-bottom: 20px;
}
.partner .contentWide p.img_caption {
  font-size: 13px !important;
  margin-top: 10px;
  color: #888;
}
.partner .contentWide h3 {
  line-height: 140%;
  margin: 15px 0;
}

/*------------------------------------------------*/
/* Wettbewerb */
/*------------------------------------------------*/

.menue_wettbewerb {
  font-size: 12px;
}

.menue_wettbewerb li {
  background-color: #84c24b;
  padding: 8px 10px;
  display: inline-block;
  width: 144px;
  /* width: 187.5px; nicht vergessen beim Hinzufügen des Menüpunkts .last von 5 auf 4 */
  margin: 5px;
}

.menue_wettbewerb li.first {
  margin-left: 0;
}

.menue_wettbewerb li.last {
  margin-right: 0;
}

.menue_wettbewerb a {
  text-decoration: none;
  color: #000;
  font-weight: bold;
}

.parent.item93 > ul, 
.parent.active.item93 > ul, 
.parent.item102 > ul, 
.parent.active.item102 > ul, 
.parent.item111 > ul, 
.parent.active.item111 > ul, 
.parent.item162 > ul, 
.parent.active.item162 > ul,
.parent.item222 > ul, 
.parent.active.item222 > ul {
  display: none !important;
}

.item92, .item94, .item95, .item96, .item97, .item98, .item99, .item100, .item102, .item112, .item113, .item114, .item115, .item116, .item117, .item162 {
  display: none !important;
}

.menue_wettbewerb ul li#current, .menue_wettbewerb ul li#current a {
  font-weight: bold;
  color: #fff;
}

/*------------------------------------------------*/
/* Newsticker */
/*------------------------------------------------*/

#wettbewerb_ticker {
  height: 20px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  width: 100%;
  padding: 6px 0 10px;
  background-color: #00c1d8 !important;
}

#wettbewerb_ticker ul {
  float: left;
}

#wettbewerb_ticker li {
  line-height: 26px;
  padding: 0 5px;
}

#wettbewerb_ticker a {
  color: #FFF;
  font-size: 16px;
  text-decoration: none;
  font-weight: bold;
}

/*------------------------------------------------*/
/* Articles */
/*------------------------------------------------*/
.articleContainer {
    padding: 0 10px;
}
.articleContainer .bgBlue,.articleContainer .bgOrange{
    padding: 10px 10px;
}
.articleContainer img{
    margin-left: -10px;
}
.articleFooter {
    font-size: 0.8em;
    float: right;
}
.articleContent{
}
.noLRpadding{
    margin: 0 -10px;
}
.articleFooter ul li{
    list-style-image: url("../images/list_arrow.gif");
}

span.dachzeile {
  display: none !important;
}

/*------------------------------------------------*/
/* Zwischentitel */
/*------------------------------------------------*/

.zwischentitel {
  background-color: #00c1d8;
  color: #fff;
  padding: 6px 10px;
  letter-spacing:0.02em;
}

/*------------------------------------------------*/
/* Download-Box */
/*------------------------------------------------*/

.download-box {
  float: right;
    padding-right: 20px;
  padding-top: 16px;
  font-size: 12px;
    text-align: center;
}

/*------------------------------------------------ Footer */

#footerWrapper {margin: 20px 0 0;padding: 30px 0 0;width: 100%;}
#footer {padding: 0 30px;position: relative;}
#footerNavi{margin: 0 auto;}
#footerNavi ul {margin: 0 auto;width: 100%;}
#footerNavi ul li{float: left;line-height: 16px; font-weight: bold;font-size: 12px;}
#footerNavi ul li a{padding: 0 15px;color: #ec7a19;}
#footerNavi ul li a:hover{text-decoration: none;}
#footerNavi li ul{margin-top: 3px;}
#footerNavi li li{clear: left;font-weight: normal;}
#footerNavi li li a{color: #3E3D40;text-decoration: underline;}
#footerNavi li li a:hover{text-decoration: underline;color: #ec7a19;}
#footerImprint{text-align: center;padding: 40px 0;margin-top: 10px;font-size: 10px;}
#footerImprint ul, #footerImprint ul li{display: inline;}
#footerImprint ul li{margin-right: 3px;}
#footerImprint a{color: #3E3D40;}
#footerImprint span{margin-right: 10px;}
#twitterLogo {background-image: url("../images/twitter_test.gif");position: absolute;width: 34px;
  height: 34px;top: 164px;left: 46px;display:none;}
#footerNavi .item1 {display:none;}


/*------------------------------------------------ Messages */

#systemMessageWrapper{background-color: #eee;border-top: 5px solid #ddd;border-bottom: 5px solid #ddd;
  margin-bottom: 5px;padding: 10px 0;}
#systemMessageWrapper dt.message,
#systemMessageWrapper dt.error {display:none;}
#systemMessageWrapper ul {color:#00C0D7; font-weight: bold; padding: 0 10px 0 10px;}

div.in-content-message {color:#C5C6C8; font-weight: bold; padding: 20px 50px 20px 80px; clear:both;}
div.in-content-message span.explanation{font-weight: normal; color:#3E3D40;}


/*------------------------------------------------ BreadCrumbs */

#breadcrumbs {border-top: 1px solid #888;border-bottom: 1px solid #888;
    margin: 0 0 10px 0;padding: 2px 0;}
#breadcrumbs span{padding: 0 10px;display:block;}
#breadcrumbs span a{color: #3E3D40;text-decoration: underline;}


/*------------------------------------------------ Userlisten und Initiavenlisten */

.user-list {clear: both;}
.user-list li {float: left;margin-bottom: 10px; overflow: hidden;}
.user-list img{float: left; width: 80px; height: 80px;}
.user-list div{margin-left: 94px;padding-bottom: 5px;}
.user-list h4{font-weight: bold;}
.user-list h4 a{color: #3E3D40;}
.user-list div span {display: block;}

ul.user-list.as-boxes li,
.iniOverview ul.user-list li,
.userOverview ul.user-list li {background-color: #F8F4F3;padding:10px; width:260px; margin-bottom: 10px;}

.moduleWrapper ul.user-list.as-boxes li {}



/*------------------------------------------------ Userlisten und Initiavenlisten: In contentWide */

.contentWide .user-list {padding-top: 10px;}
.contentWide .user-list li {margin-bottom: 20px;width: 284px;min-height:80px;}
.contentWide .user-list.fullWidth li {margin-bottom: 20px;width: 570px;}
.contentWide .user-list h4 {margin-bottom: 5px;}
.contentWide .user-list h4 a {color: #3E3D40;margin-bottom: 10px;}
/*------------------------------------------------*/
/* Userlisten: In RightSidebar*/
/*------------------------------------------------*/
#rightSidebar .user-list li{}

/*------------------------------------------------*/
/* Userlisten und Initiavenlisten: In contentNarrow */
/*------------------------------------------------*/
.contentNarrow .user-list{
}
.contentNarrow .user-list li{
  padding: 0px;
  margin-top: 10px;
  margin-bottom: 0px;
  width: 370px;
}
#rightSidebar .moduleWrapper .user-list {
  padding:20px 0 0 0;
}
/*------------------------------------------------*/
/* Color Classes*/
/*------------------------------------------------*/


.bgOrange {background-color: #ec7a19}
.bgBlue {background-color: #bfecf2}
.bgBrown{background-color: #e4ddd7}
.bgLightGray{background-color: #faf3e6}
.bgLightGreen {background-color: #4ce199}
.bgLightBlue {background-color: #58dae2}
.bgLightOrange {background-color: #ffd73f}

.lightOrange {color: #ffd73f}
.orange {color: #ec7a19}

.blue90 {color: #006675}
.black30 {color: #c5c6c8}
.black90 {color: #3e3d40}
.lightGreen {background-color: #4ce199}
.lightblue {background-color: #58dae2}


/*------------------------------------------------*/
/* Initiativen und User Profile: mainNavi */
/*------------------------------------------------*/
.space {margin-bottom: 10px !important;}

#profileMainNavi ul li {background-image: url(../images/btn_backs.jpg);}

#profileMainNavi ul li.red {background-repeat: repeat-x; background-position: 0px -116px;}
#profileMainNavi ul li.red.active{background: #FF0023 none;}
#profileMainNavi ul li.red:hover {background: #FF0023 none;}

#profileMainNavi ul li.green {background-repeat: repeat-x;}
#profileMainNavi ul li.green.active{background: #00C66E none;}
#profileMainNavi ul li.green:hover {background: #00C66E none;}

#profileMainNavi ul li.blue {background-repeat: repeat-x;background-position: 0px -138px;}
#profileMainNavi ul li.highNavPoint.blue {background-repeat: repeat-x;background-position: 0px -161px;}
#profileMainNavi ul li.blue.active {background: #00C0D7 none;}
#profileMainNavi ul li.blue:hover {background: #00C0D7 none;}

#profileMainNavi ul li.yellow {background-repeat: repeat-x;background-position: 0px -69px;}
#profileMainNavi ul li.highNavPoint.yellow {background-repeat: repeat-x;background-position: 0px -92px;}
#profileMainNavi ul li.yellow.active {background: #FFDA28 none;}
#profileMainNavi ul li.yellow:hover {background: #FFDA28 none;}



/*------------------------------------------------ Sitemap */

.sitemap h1 {display: none;}
.sitemap ul#mainmenu_menu {padding-top: 10px;}
.sitemap ul#mainmenu_menu li {padding-top: 15px; font-size: 16px; }
.sitemap ul#mainmenu_menu li ul {padding-left: 10px;}
.sitemap ul#mainmenu_menu li ul li {padding-top: 0px !important;font-size: 12px;}





/*------------------------------------------------ Formulare */

form.form-as-box {padding:10px; background-color: #F8F4F3; margin:10px 0 10px 0;}
input {font-size: 14px; font-weight: bold; color:#C5C6C8;border:1px solid #C5C6C8;
background-image:url(../images/ipt-html_back.jpg); padding:3px;}
form.form-as-box label {padding-right:5px;}
form.form-as-box div {padding-bottom: 10px;}


input:hover, input:focus {color:#3D3D3F;}

button, input.button, a.button{font-size: 12px !important; color:#005165;border: solid #E4DCD6;
    border-width: 3px 3px 2px !important; height:25px; font-weight: bold; padding:0px 5px 3px 5px; background-color: white;
    background-image:url(../images/btn-html_back.gif);
    background-repeat:repeat-x; background-position: 0px -10px;}
a.button {padding:2px 8px 3px;}
a.button:hover{text-decoration: none; color: #000;}
button:hover, input.button:hover, a.button:hover {color:black;/*border-color:#C5C6C8*/;
       background-image:url(../images/btn-html_back_hover.gif);
}


input.file-input {font-size: 12px;border:none;}

select {margin-bottom: 10px;}
select option {color:#3D3D3F; }
optgroup {color:silver; padding-bottom: 10px;font-weight: bold;}

.ini-tags {border: none;font-size: 10px; float:left;height:500px;background-color: #F8F4F3;padding:3px;}


/*------------------------------------------------ Diverses */

b {width: 500px;display:block;}

.hrLine{border-bottom: 1px solid #888;clear: both;padding:10px 0 0 0;margin: 0 0 10px 0;}
.clearfix:after{ display: block;height: 0;clear: both;visibility: hidden;}
.cb {clear: both}
.fr {float: right}
.fl {float: left}

a.delete, .profileTable a.delete {background-color:#FFCEC2; color:#FF0023; padding: 3px;
        font-size: 10px; text-decoration: none; line-height: 24px;}
a.delete:hover {background-color:#BE0057; color: white;}

.user-list.as-boxes a.delete {
    color: #FFFFFF !important;
}

a.edit, .profileTable a.edit {background-color:#CBF5F6; color:#00C0D7; padding: 3px;
      font-size: 10px; text-decoration: none; line-height: 24px;}
a.edit:hover {background-color:#006475; color: white;}

a.accept {background-color:#C7FAE0; color:#006A18; padding:3px; font-size: 10px; 
        text-decoration: none; line-height: 24px;}
a.accept:hover {background-color:#006A18; color:white;}

.sorry {font-size: 16px; font-weight: bold; color:#C5C6C8; padding: 20px;}

/*------------------------------------------------ Wettbewerb */

.wettbewerb_sieger_wrapper {
  margin: 0 0 10px;
}

.wettbewerb_sieger {
  height: 240px;
  padding: 10px 0;
}

.wettbewerb_sieger img {
  padding-left: 10px;
}

#contentWrapper_wettbewerb a {
  color: #84c24b;
  font-weight: bold;
}

#wettbewerb_ticker a {
  text-decoration: none;
}

#sidebar-link img {
  width: auto;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.4);
  -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.4);
  box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.4);
  margin-bottom: 5px;
}