/*----------------------------------------------------------------------------------
/*
/* Think-Eco.org 2.0
/* Layout von: Birgit Lippeck
/* Erstellt von: Daniel Sitzmann (http://daniel.sitzmann.org)
/* Stand: 22.01.2009
/*
/*----------------------------------------------------------------------------------*/

html {
    padding: 0; margin: 0; border: 0;
    font-size: 100.01%
}


body {
    font-family: verdana, sans-serif;
    background-color: #fff;
    text-align: center;
}

#overall {
    width: 961px;
    text-align: left;
    margin: 0 auto;
}

#header {
    background-color: #ffffff;
    width: 100%;
    height: 90px;
}

#logo {
    float: left;
    width: 600px;
}

#top-nav {
    float: left;
    width: 360px;
    height: 60px;
    padding-top: 15px;
}

#flags {
    float: right;
    width: 330px;
    text-align: right;
    padding-bottom: 15px;
    padding-right: 18px;
}

#suche {
    float: right;
    width: 360px;
    text-align: right;
    font-size: 12px;
}

#suche input.feld {
    border: 2px solid #7fbc00;
    font-size: 10px;
    width: 160px;
    padding: 2px 5px 2px 5px;
    color: #aaaaaa;
}

#suche input.button {
    border: 0;
    width: 20px;
    height: 20px;
    background-image: url("../images/magnifier.gif");
    background-repeat: no-repeat;
    cursor: pointer;
}

.clear {
    clear: both;
}

/* Felder */

.login_window{
    border:1px solid #333333;
    color: #333333;
    text-align: left;
    background-color:#e0ffc9;
    font-size:11px;
}
.login_window_2{
    border:1px solid #333333;
    color: #333333;
    font-size:11px;
}
.form_groups{
    border:1px solid #333333;
    color: #333333;
    text-align: left;
    background-color:#e0ffc9;
    font-size:11px;
    width:200px;
}

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

.navigation {
    float: left;
    height: 31px;
    font-size: .9em;
    margin-bottom: 8px;
    /* width: 68.75em;*/
    width: 961px;
    background: red;
}


.navigation.green-bg { background-color: #7fbc00; }
.navigation.blue-bg { background-color: #80a9e7; }
.navigation.orange-bg { background-color: #ffaa01; }

.navigation li { 
    display: inline;
    line-height: 31px;
}

.navigation li a {
    color: #ffffff;
    font-weight: bold;
    padding: 7px 27px;
}


.navigation li a.last { float:right; line-height: 17px; }
.navigation li a.last, x:-moz-any-link { float: none; padding: .5em 30px .5em 2.2em; }
.navigation li a.last, x:-moz-any-link, x:default { float:right; line-height: 17px; }


}
*+html .navigation li a.last { float: none; padding: .5em 28px .5em 29px; }
*html .navigation li a.last { float: none; padding: .5em 28px .5em 29px; }


.navigation li a:hover {
    background-color: #5a5a5a;
    text-decoration: none;
    color: #ffffff;
}

.navigation li .current {
    background-color: #5a5a5a;
    color: #ffffff;
}

.navigation li .current:hover  {
    background-color: #5a5a5a;
    text-decoration: none;
    color: #ffffff;
}

.navigation a:link {
    color: #ffffff;
}
.navigation a:visited {
    color: #ffffff;
}


/* Boxen oben: Info und Login --------------------------------------- */

.box-top-head-green { background: url("../images/box-top-green-green.gif") bottom no-repeat; height: 13px; }
.box-top-background-green { float: left; width: 961px; background: url("../images/box-background-green-green.gif") repeat-y; }
.box-top-bottom-green { background: url("../images/box-bottom-green-green.gif") no-repeat; height: 13px; float: left; width: 961px; margin-bottom: 10px; }


.box-top-head-blue { background: url("../images/box-top-blue-green.gif") bottom no-repeat; height: 13px; }
.box-top-background-blue { float: left; width: 961px; background: url("../images/box-background-blue-green.gif") repeat-y; }
.box-top-bottom-blue { background: url("../images/box-bottom-blue-green.gif") no-repeat; height: 13px; float: left; width: 961px; margin-bottom: 10px; }


.box-top-head-orange { background: url("../images/box-top-orange-green.gif") bottom no-repeat; height: 13px; }
.box-top-background-orange { float: left; width: 961px; background: url("../images/box-background-orange-green.gif") repeat-y; }
.box-top-bottom-orange { background: url("../images/box-bottom-orange-green.gif") no-repeat; height: 13px; float: left; width: 961px; margin-bottom: 10px;
}



/* Boxen auf der Startseite ----------------------------------------- */

#start-top { background: url("../images/box-start-header.gif") no-repeat bottom; height: 16px; }
#start-background { float: left; width: 961px; background: url("../images/box-start-background.gif")}
#start-bottom { float: left; background: url("../images/box-start-bottom.gif") no-repeat; height: 18px; width: 961px; margin-bottom: 11px; }


/* Boxen auf den anderen Seiten --------------------------------------- */

#left-top-blue { height: 12px; width: 961px; background: url("../images/box-info-top-blue.gif") no-repeat bottom; }
#left-top-green { height: 12px; width: 961px; background: url("../images/box-info-top-green.gif") no-repeat bottom; }
#left-top-orange { height: 12px; width: 961px; background: url("../images/box-info-top-orange.gif") no-repeat bottom; }

#left-background-blue { float: left; width: 961px; background: url("../images/box-info-background-blue.gif") repeat-y; }
#left-background-green { float: left; width: 961px; background: url("../images/box-info-background-green.gif") repeat-y; }
#left-background-orange { float: left; width: 961px; background: url("../images/box-info-background-orange.gif") repeat-y; }

#left-bottom-blue { float: left; height: 13px; width: 961px; margin-bottom: 11px; background: url("../images/box-info-bottom-blue.gif") no-repeat; }
#left-bottom-green { float: left; height: 13px; width: 961px; margin-bottom: 11px; background: url("../images/box-info-bottom-green.gif") no-repeat; }
#left-bottom-orange { float: left; height: 13px; width: 961px; margin-bottom: 11px; background: url("../images/box-info-bottom-orange.gif") no-repeat; }



/* INFOS -------------------------- */

#leftcol {
    float: left;
    width: 150px;
    padding: 2px 5px 10px 10px;
    margin-right: 20px;
    font-size: 10px;
    font-weight: bold;
}
*html #leftcol {
    width: 150px;
    padding-left: 10px;
    margin-right: 0px;
    width: expression( document.implementation ? '150px' : null );
}

#leftcol-var-green {
    float: left;
    width: 185px;
    margin-right: 1px;
    background: url(../images/leftcol-var-green.gif) repeat-y;
}
#leftcol-var-blue {
    float: left;
    width: 185px;
    margin-right: 1px;
    background: url(../images/leftcol-var-blue.gif) repeat-y;
}
#leftcol-var-orange {
    float: left;
    width: 185px;
    margin-right: 1px;
    background: url(../images/leftcol-var-orange.gif) repeat-y;
}



#leftcol-var-content {
    padding: 5px 5px 10px 10px;
    font-size: 10px;
    font-weight: bold;
}

#leftcol-var-footer-green {
    float: left;
    width: 185px;
    height: 13px;
    background: url(../images/leftcol-var-footer-green.gif) no-repeat;
}
#leftcol-var-footer-blue {
    float: left;
    width: 185px;
    height: 13px;
    background: url(../images/leftcol-var-footer-blue.gif) no-repeat;
}
#leftcol-var-footer-orange {
    float: left;
    width: 185px;
    height: 13px;
    background: url(../images/leftcol-var-footer-orange.gif) no-repeat;
}


#subnav ul {
    list-style: none;
    line-height: 18px;
    padding-left: 10px;
}
#subnav ul ul {
    padding-left: 15px;
}

.subnav-header-green { width: 155px; height: 25px; padding: 0px 0px 0px 10px; font-size: 13px; background: url(../images/subnav-green.gif) no-repeat; }
.subnav-header-blue { width: 155px; height: 25px; padding: 0px 0px 0px 10px; font-size: 13px; background: url(../images/subnav-blue.gif) no-repeat; }
.subnav-header-orange { width: 155px; height: 25px; padding: 0px 0px 0px 10px; font-size: 13px; background: url(../images/subnav-orange.gif) no-repeat; }

#main {
    float: left;
    width: 490px;
    padding: 0 10px 10px 10px;
    margin-right: 5px;
}
*html #main { width: 480px; }

#main-content-detail {
    padding: 0 15px 10px 15px;
    font-size: 11px;
}

#main-var-green { float: left; width: 521px; background: url(../images/main-var-background-green.gif) repeat-y; }
#main-var-blue { float: left; width: 521px;  background: url(../images/main-var-background-blue.gif) repeat-y; }
#main-var-orange { float: left; width: 521px; background: url(../images/main-var-background-orange.gif) repeat-y;}
#main-var-content {
    padding: 0 10px 10px 10px;
}

*html #main-var { width: 499px; }
*html #main-var-content { width: 499px; }
*html #main-var-footer { width: 499px; }

#main-var-footer-green { width: 521px; height: 13px; background: url(../images/main-var-footer-green.gif) no-repeat; }
#main-var-footer-blue { width: 521px; height: 13px; background: url(../images/main-var-footer-blue.gif) no-repeat; }
#main-var-footer-orange { width: 521px; height: 13px; background: url(../images/main-var-footer-orange.gif) no-repeat; }
*html #main-var-footer-green { width: 513px; padding:0; margin:0;}
*html #main-var-footer-blue { width: 513px; padding:0; margin:0;}
*html #main-var-footer-orange { width: 513px; padding:0; margin:0;}

#main-pic {
    float: left;
    width: 100px;
    margin-right: 15px;
}

#main-content {
    float: left;
    width: 375px;
    color: #3A3A3A;
    font-size: 11px;
    line-height: 16px;
}
*html #main-content { width: 360px; }

#rightcol {
    float: left;
    width: 254px;
    padding: 0 0px 10px 0px;

}
*html #rightcol { width: 254px; padding: 0; margin: 0; margin-left: expression( document.implementation ? '2px' : null ); }

.rightcol-content {
    padding-left: 16px;
    padding-right: 4px;
    background: url(../images/rightcol-var-blue.gif) repeat-y;
}

.rightcol-content-orange {
    padding-left: 8px;
    width: 246px;
    background: url("../images/rightcol-background-orange.gif") repeat-y;
}
*html .rightcol-content-orange { padding:0; width: 254px; }

#social-footer {
    width: 254px;
    height: 13px;
    background: url("../images/social-footer.gif") repeat-y;
}

#rightcol .box-close-open-green { float: left; height: 31px; width: 254px;  background: url("../images/box-close-open-green.gif") no-repeat; }
#rightcol .box-close-open-blue { float: left;  height: 31px;  width: 254px;  background: url("../images/box-close-open-blue.gif") no-repeat; }
#rightcol .box-close-open-orange { float: left; height: 31px; width: 254px;  background: url("../images/box-close-open-orange.gif") no-repeat; }
#rightcol .box-close-open-blue-orange { clear: both; height: 34px; width: 254px; background: url("../images/box-close-open-blue-orange.gif") no-repeat; }

*html .message {
    margin-left: 10px;
}

.message-image {
    float: left;
    width: 40px;
    height: 40px;
    margin-bottom: 10px;
}

.message-content {
    float: left;
    width: 190px;
    height: 40px;
    font-size: 10px;
    padding-left: 2px;
    color: #3A3A3A;
    margin-bottom: 10px;
    font-weight: bold;
}
*html .message-content {
    width: 180px;
}


#to-archive {
    float:left;
    width: 115px;
    font-size: 12px;
    padding: 10px 0;
}

#comment {
    float:left;
    width: 115px;
    font-size: 13px;
    padding: 10px 0;
}

#new-comment {
    float:left;
    width: 250px;
    font-size: 13px;
    padding: 10px 0;
}

/* Teaser ------------------------- */

#main-teaser {
    float: left;
    width: 510px;
    padding: 0px 4px 0px 1px;
    margin: 0 7px 0 0;
}
*html #main-teaser { margin-right: 4px; }

.teaser {
    float: left;
    padding-left: 20px;
}

.teaser-pic {
    float: left;
    width: 100px;
    margin-right: 15px;
}

.teaser-content {
    float: left;
    width: 345px;
    color: #3A3A3A;
    font-size: 11px;
    line-height: 16px;
}
*html .teaser-content { width: 370px; }


.box-info-close-open-green { float: left; height: 34px; width: 515px; background: url("../images/box-info-close-open-green.gif") no-repeat; }
.box-info-close-open-blue { float: left; height: 34px; width: 515px; background: url("../images/box-info-close-open-blue.gif") no-repeat; }
*html .box-info-close-open-blue { width: 254px; }
.box-info-close-open-orange {  float: left;  height: 34px;  width: 515px;  background: url("../images/box-info-close-open-orange.gif") no-repeat; }

/* Runde Ecken Navigationsleiste ----------------- */

.navigation a.first-green { background: url("../images/navigation-left-green.gif") no-repeat;}
.navigation a.first-blue  { background: url("../images/navigation-left-blue.gif") no-repeat;}
.navigation a.first-orange  { background: url("../images/navigation-left-orange.gif") no-repeat;}

.navigation a.first-hover:hover { background: url("../images/navigation-left-grey.gif") #5a5a5a no-repeat;}
.navigation a.first-current { background: url("../images/navigation-left-grey.gif") #5a5a5a no-repeat;}

.navigation a.last-green  { background: url("../images/navigation-right-green.gif") no-repeat right bottom;}
.navigation a.last-blue { background: url("../images/navigation-right-blue.gif") no-repeat right bottom; }
.navigation a.last-orange { background: url("../images/navigation-right-orange.gif") no-repeat right bottom;}

.navigation a.last:hover { background: url("../images/navigation-right-grey.gif") no-repeat #5a5a5a right bottom;}
.navigation a.last-current { background: url("../images/navigation-right-grey.gif") #5a5a5a no-repeat right bottom;}


/* Drei Boxen auf der Startseite ---------------- */


.box-start {
    float: left;
    width: 290px;
    margin-right: 15px;
    padding: 0 10px 10px 10px;
}
*html .box-start {
    width: 310px;
    w\idth: 290px;
}

.last {
    margin: 0;
}

.start-content {
    padding-left: 15px;
    font-size: 11px;
}

.start-image {
    text-align: center;
    border: 0;
}


/* Content-Top-Left ------------------------- */


#box-top-left {
    float: left;
    width:700px;
    margin-right: 10px;
}

#content-top-left-image {
    float: left;
    width: 25%;
    padding: 0 10px 0 20px;
    z-index: 0;
	
}

#content-top-left-text {
    float: left;
    width: 70%;
    font-size: 11px;
}

/* Login-Box -------------------------------- */


#login {
    float: left;
    width: 230px;
    padding: 0 10px 10px 10px;
}

#login-left {
    float: left;
    width: 59%;
    font-size: 10px;
    line-height: 18px;
    color: #202020;
}

#login-image {
    float: right;
    width: 40%;
    padding: 15px 0 0 0;
    margin: 0;
}

#login input.feld {
    border: 0;
    font-size: 10px;
    width: 100px;
    height: 15px;
    padding: 3px 7px 1px 7px;
    background-image: url("../images/insert-field-background.gif");
    background-repeat: no-repeat;
}
*html #login input.feld {
    width: 120px;
    height: 20px;
}


#login input.button {
    border: 0;
    background-image: url("../images/login-button.gif");
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 5px;
    width: 50px;
    height: 22px;
}

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



#footer {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
}

#footer li {
    display: inline;
    font-size: .7em;
    padding-right: 1em;
}

#footer li a:link {
    color: #484848;
}

#footer li a:visited {
    color: #484848;
}

#footer li a:hover {
    color: #484848;
    text-decoration: underline;
}

/* Farben --------------------------- */

.green { color : #7fbc00; }
.blue { color  : #80a9e7; }
.orange { color: #ffaa01; }
.white { color : #ffffff; }
.black { color : #3A3A3A; }
.grey { color  : #202020; }

/* Textformatierungen ---------------------------------------- */

h1 {
    font-size: 12px;
    font-weight: bold;
    padding: 0;
    margin: 0 0 .5em 0;
}

*html h1.green {color : #7fbc00; }
*html h1.blue {color : #80a9e7; }
*html h1.orange {color : #ffaa01; }

h2 {
    font-size: 13px;
    padding-bottom: 0px;
    margin-top: 0;
}
*html h2.green {color : #7fbc00; margin: 5px 0;}
*html h2.blue {color : #80a9e7; margin: 5px 0;}
*html h2.orange {color : #ffaa01; margin: 5px 0;}

.rightcol-content h2 { margin-top:0; }
.html .rightcol-content h2 { margin-top:0; }
.rightcol-content-orange h2 { margin-top:0; }


h3 { font-size: 11px; margin-top: 0; }
h3.pre-header { font-weight:bold; margin-top:0; }


ul, li { margin: 0; padding: 0; }
ol { padding-left: 25px; }
*html ol { padding-left: 0px; }
*html ol { padding-left: 0px; }

p { margin: 0; padding: 0; padding-bottom: 10px; color: #3A3A3A; }

.headline-start {
    text-align: center;
    font-size: 17px;
}

ul.startlist {
    padding: 10px 10px 10px 40px;

}
ul.startlist.green { list-style-image: url(../images/list-arrow-green.gif); }
ul.startlist.blue { list-style-image: url(../images/list-arrow-blue.gif); }
ul.startlist.orange { list-style-image: url(../images/list-arrow-orange.gif); }

img {
    border:0;
	border-radius: 10px;
}

.center {
    text-align: center;
}

.actual-date-small {
    font-size: 9px;
}

.actual-date-bold {
    font-size: 10px;
    font-weight: bold;
}

.article-url {
    font-size: 9px;
    font-weight: bold;
}

.article-references {
    font-size: 9px;
}

.article-date {
    font-size: 11px;
}

#page-nav {
    clear: left;
    font-size: 9px;
    padding-top: 20px;
    margin-left: 115px;
}

.page-nav-image {
    float:left;
    padding-top:5px;
    padding-right: 1px;
}

.page-nav-text {
    float:left;
    padding-top:7px;
    padding-right: 12px;
}

.startlist-left {  padding-left: 23px; }

.spacer {  height: 20px; }

.inline-img {float:right; padding-left:10px;}



/* blue */
.bgcolor_1 {
    background-color: #cfddf3;
}
.bgcolor_2 {
    background-color: #eff1f4;
}

/* orange */
.bgcolor_3 {
    background-color: #ffe5b1;
}
.bgcolor_4 {
    background-color: #fcf6e9;
}

/* green */
.bgcolor_5 {
    background-color: #d9e6ba;
}
.bgcolor_6 {
    background-color: #e9edde;
}


.my-menu-tab {
    font-size: 11px;
}


/* Linkformatierungen ---------------------------------------- */


a {
    text-decoration: none;
    color: #3A3A3A;
}

a:link {
    color: #3A3A3A;
}

a:visited {
    color: #3A3A3A;
}

a:hover {
    text-decoration: underline;
}

a.link-green {
    color: #7fbc00;
    font-size: 13px;
    background-image: url(../images/link-green.gif);
    background-repeat: no-repeat;
    background-position: 0px 1px;
    padding-left: 20px;
}

a.link-blue {
    color: #80a9e7;
    font-size: 13px;
    background-image: url(../images/link-blue.gif);
    background-repeat: no-repeat;
    background-position: 0px 1px;
    padding-left: 20px;
}

a.link-orange {
    color: #ffaa01;
    font-size: 13px;
    background-image: url(../images/link-orange.gif);
    background-repeat: no-repeat;
    background-position: 0px 1px;
    padding-left: 20px;
}

#subnav a.white { color: #ffffff; }
#subnav ul li a.green { color: #7fbc00; }
#subnav ul li a.blue { color: #80a9e7; }
#subnav ul li a.orange { color: #ffaa01; }
#subnav ul li a.white { color: #ffffff; }

.subnav-header a { color: #ffffff; }

#subnav a.green:hover, #subnav a.blue:hover, #subnav a.orange:hover { color: #5a5a5a; text-decoration: none; }

a.start-list-green { font-size: 12px; color: #7fbc00; }
a.start-list-blue { font-size: 12px; color: #80a9e7; }
a.start-list-orange { font-size: 12px; color: #ffaa01; }

a.headline-start-green  { color: #7fbc00; }
a.headline-start-blue  { color: #80a9e7; }
a.headline-start-orange { color: #ffaa01; }

a.green  { color: #7fbc00; }
a.blue  { color: #80a9e7; }
a.orange { color: #ffaa01; }

strong {color: #3A3A3A;}

.headline_small {
    font-size: 11px;
}