html,
html * {
   margin: 0px;
   padding: 0px;
   color: #666666;
   font-size: 12px;
   font-family: Arial, Verdana;
}
body{
    color: #666666;
}
img{
    border: 0px;
}
td{
    vertical-align: top;
}
a{
    color: #339999;
    text-decoration: none;
}
a:hover{
    color: #339999;
    text-decoration: underline;
}
.clear{
    clear: both;
}
.align-left{
    text-align: left;
}
.align-right{
    text-align: right;
}
.align-center{
    text-align: center;
}


/*----------------------- layout -----------------------*/
#main{
    margin: 0px 20px 0px 60px;
    width: 970px;
    overflow: hidden;
    background-color: #ffffff;
}
#bannerright{
    position: absolute;
    top: 0px;
    left: 1070px;
    overflow: hidden;
}

#header{
    width: 970px;
    height: 190px;

    position: relative;
}
#headerimage{
    width: 970px;
    height: 190px;
    overflow: hidden;    
}
#logo{
    width: 334px;
    height: 55px;
    overflow: hidden;
    position: absolute;
    top: 35px;
    left: 19px;
}
#postit{
    width: 204px;
    height: 125px;    
    overflow: hidden;
    position: absolute;
    top: 115px;
    left: 103px;
    z-index: 10;
}

#middle{
    width: 970px;
    overflow: hidden; 
    margin-top: 50px;
}
#middleleft{
    float: left;
    width: 227px;
    overflow: hidden;
}
#middleright{
    float: right;
    width: 205px;
    overflow: hidden;
}
#middlemiddle{
    width: 470px;
    overflow: hidden;
    margin-left: 250px;
    margin-right: 250px;
    padding-top: 7px;    
}

#footer{
    width: 950px;
    height: 20px;
    overflow: hidden; 
    margin-top: 30px;
    padding: 10px 10px 0px 10px;
    background-image: url(../gfx/bg-footer.png);
    background-repeat: no-repeat;
}
#footerleft{
    float: left;
    width: 217px;
    overflow: hidden;
}
#footerright{
    float: right;
    width: 195px;
    overflow: hidden;
}
#footermiddle{
    width: 470px;
    overflow: hidden;
    margin-left: 240px;
    margin-right: 240px;
}


/*----------------------- nav -----------------------*/
.footer,
.footer *{
    color: #669933;
    text-decoration: none;
}
.footer a:hover{
    color: #669933;
    text-decoration: underline;
}
.footer ul{
    list-style-type: none;
}
.footer ul li{
    display: inline;
    padding-left: 6px;
}
.footer ul li a{
    text-decoration: none;
}

.footermiddle{
    text-align: center;
}
.footerright{
    text-align: right;
}


.navleft ul{
    list-style-type: none;
}
.navleft ul li{
    margin-bottom: 21px;
}
.navleft > ul > li,
.navleft > ul > li > a{
    color: #99CC33;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}
.navleft > ul > li > a{
    padding-left: 42px;
    background-image: url(../gfx/bg-blank.png);
    background-repeat: no-repeat;
    line-height: 31px;
    display: block;
}
.navleft > ul > li > a.uid-33{
    background-image: url(../gfx/bg-oekostrom-anbieter.png);
}
.navleft > ul > li > a.uid-43{
    background-image: url(../gfx/bg-oekostrom-zertifikate.png);
}
.navleft > ul > li > a.uid-133{
    background-image: url(../gfx/bg-oekostrom.png);
}
.navleft > ul > li > a.uid-141{
    background-image: url(../gfx/bg-oekostrom-blog.png);
}
.navleft > ul > li > a.uid-167{
    background-image: url(../gfx/bg-oekostrom-wechsel.png);
}
.navleft > ul > li > a.uid-181{
    background-image: url(../gfx/bg-oekostrom-vergleich.png);
}
.navleft ul li a{
    text-decoration: none;
}
.navleft ul li a:hover,
.navleft ul li.selected a{
    text-decoration: none;
}
.navleft > ul > li > a:hover,
.navleft > ul > li.selected > a{
    color: #339999;
    text-decoration: none;
}


.navleft ul li ul{
    margin-left: 42px;
}
.navleft > ul > li > ul > li{
    margin-bottom: 3px;
}
.navleft > ul > li > ul > li,
.navleft > ul > li > ul > li > a{
    color: #669933;
    font-size: 12px;
    /*line-height: 20px;*/
    font-weight: normal;
    text-transform: none;
}
.navleft > ul > li ul > li > a:hover,
.navleft > ul > li ul > li.selected > a{
    color: #339999;
    text-decoration: underline;
}


.navleft ul li ul li ul{
    margin-left: 0px;
    margin: 3px 0px 9px 0px;
    list-style-type: none;    
}
.navleft ul li ul li ul li{
    margin-bottom: 3px;
}
.navleft ul li ul li ul li a{
    color: #669933;
    padding-left: 9px;
}
.navleft > ul > li > ul > li > ul > li > a:hover,
.navleft > ul > li > ul > li > ul > li.selected > a{
    color: #339999;
    text-decoration: none;
    background-image: url("../gfx/bg-bullett-blue.png");   
    background-position: center left;
    background-repeat: no-repeat;
}




/*----------------------- content -----------------------*/
h1,h2,h3,h4,h5,h6{
    color: #99CC33;
    font-style: normal;
}





/*----------------------- columns -----------------------*/
.middlemiddle .ce{
    margin-bottom: 30px;
}
.middlemiddle .ce .textwrap,
.middlemiddle .ce .textwrap *{
    /*line-height: 18px;*/
    line-height: 150%;
}
.middlemiddle .ce .textwrap p{
    text-align: justify;
}
.middlemiddle a{
    color: #339999;
    font-style: italic;
}
.middlemiddle ul{
    margin-top: 3px;
    margin-left: 15px;
}
.middlemiddle ul li{
    padding: 3px 0px;
    list-style-image: url(../gfx/bg-bullett-green.png);
}
.middlemiddle ol{
    margin-top: 3px;
    margin-left: 20px;
}
.middlemiddle ol li{
    padding: 3px 0px;
}
.middlemiddle h1,
.middlemiddle h1 a{
    color: #99CC33;
    font-style: normal;
    font-size: 18px;
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 18px;
}
.middlemiddle h2,
.middlemiddle h3,
.middlemiddle h4,
.middlemiddle h5,
.middlemiddle h6{
    color: #99CC33;
    font-size: 14px;
    font-weight: bold;
    text-transform: none;
    margin-bottom: 14px;
}
.middlemiddle input, 
.middlemiddle select, 
.middlemiddle textarea{
    color: #339999;    
    background-color: #DFEFEF;
    border: 0px;
    padding: 2px;
    padding-right: -4px !important;
    border-radius: 5px 5px 5px 5px;    
}
.middlemiddle input.button{
    /*
    color: #ffffff;    
    background-color: #339999;
    border: 1px solid #ffffff;
    padding: 2px 2px;
    */
    background-color: #339999;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF !important;
    font-style: normal !important;
    padding: 5px 15px;    
}
.middlemiddle input.button:hover{
    text-decoration: underline; 
}
.middlemiddle .csc-textpic-imagewrap img{
    padding: 1px;
    border: 1px solid #666666;
    /*border: 1px solid #339999;*/
}


.middleright .ce{
    margin-bottom: 30px;
}
.middleright a,
.middleright ul li{

}
.middleright .ce .textwrap,
.middleright .ce .textwrap *{
    line-height: 16px;
    color: #8F8F8F;    
}
.middleright .ce .textwrap a,
.middleright .ce .textwrap ul li,
.middleright .ce .textwrap select,
.middleright .ce .textwrap select option{
    color: #339999;
    font-style: italic;
}
.middleright .ce .textwrap ul,
.middleright .ce .textwrap ol{
    margin-left: 15px;
}
.middleright .ce.layout-0 .headerwrap,
.middleright .ce.layout-1 .headerwrap{
    background-image: url(../gfx/bg-teaser-1-top.png);
    background-repeat: no-repeat;   
    border-bottom: 1px solid #ffffff;
    padding: 7px 10px 5px 10px;    
}
.middleright .ce.layout-0 .textwrap,
.middleright .ce.layout-1 .textwrap{
    background-image: url(../gfx/bg-teaser-1-bottom.png);
    background-repeat: no-repeat;  
    background-position: bottom;
    padding: 5px 10px 7px 10px;      
}
.middleright .ce.layout-0 .headerwrap .csc-header *,
.middleright .ce.layout-1 .headerwrap .csc-header *{
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: #ffffff;
    line-height: 18px;
}
.middleright .ce.layout-0 .headerwrap .csc-subheader,
.middleright .ce.layout-1 .headerwrap .csc-subheader{
    font-size: 12px;
    font-weight: normal;
    font-style: italic;
    text-transform: none;
    color: #ffffff;
    line-height: 16px;    
}


.middleright .ce.layout-2 .headerwrap{
    background-image: url(../gfx/bg-teaser-2-top.png);
    background-repeat: no-repeat;   
    padding: 7px 10px 5px 10px;   
}
.middleright .ce.layout-2 .textwrap{
    background-image: url(../gfx/bg-teaser-2-bottom.png);
    background-repeat: no-repeat;  
    background-position: bottom;
    padding: 0px 10px 7px 10px; 
}
.middleright .ce.layout-2 .headerwrap .csc-header *{
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: #99CC33;
    line-height: 18px;
}
.middleright .ce.layout-2 .headerwrap .csc-subheader{
    font-size: 12px;
    font-weight: normal;
    text-transform: none;
    color: #339999;
    line-height: 16px;    
}




/*----------------------- t3blog -----------------------*/
.tx-t3blog-pi2 .ce{
    margin-bottom: 20px;
}
.tx-t3blog-pi2 .clear{
    clear: none;	
}

.tx-t3blog-pi2 ul{
    margin: 0px !important;
    padding: 0px !important;
}

.tagCloud ul, dl.latestPostList, dl.viewsList, dl.latestCommentsList{
    /*padding: 6px 5px 3px 5px;*/
    /*background-color:#92A7C3;*/
    list-style-type: none;
}
.categories ul{
    /*padding: 6px 5px 3px 5px;*/
    /*background-color:#92A7C3;*/
    margin-left: 15px !important;
}

.categories ul li ul{
    padding: 0px 0px 0px 15px;
}
.categories ul li{
    margin-bottom: 3px;
}
.categories ul li ul{
    margin-top: 3px;
}

.tagCloud ul li{
    display: inline;	
}


.latestPostList dd,
.viewsList dd,
.latestCommentsList dd{
    margin-bottom: 5px;
    padding-bottom: 0px;	
    font-style: italic;
    /*color: #6A6F32;*/
    /*text-align: right;*/
    border-bottom: 1px dotted #fff;
}

.latestPostList dt,
.viewsList dt,
.latestCommentsList dt{
    padding-top: 5px;
    border-top: 1px dashed #99CC33;
}

/*
.nav-right a{
    color: #20313E;
}
*/

.blogList h1 a,
.blogList h2 a,
.blogList h3 a,
.blogList h4 a,
.blogList h5 a,
.blogList h6 a{
    color: #99CC33 !important;
    font-style: normal !important;
}

.blogList .item{
    padding-bottom: 20px;
    margin-bottom: 25px;
    border-bottom: 1px dashed #99CC33;
}
.blogList .item .ContentElements{
    margin-bottom: 10px;
}
.blogList .title{
    margin-bottom: 15px;
}
.blogList .item .itemBody{
    margin-bottom: 0px;	
}
.blogList .item .itemBody h1 a{
    text-decoration: none !important;
}


.blogList .item .itemBody h1{
    margin-bottom: 8px !important;
}
.blogList .item .itemBody h2{
    margin-bottom: 6px !important;
}


.single{
    margin-bottom:25px;	
}
.single .itemTop{
    margin-bottom: 5px;	
}
.single .itemBody h1 a{
    text-decoration: none !important;
}
.single .itemBody{
    margin-bottom: 5px;	
}
.single .itemBody{
    margin-bottom: 15px;	
}
.single .itemNav .label{
    display: inline-block;
    width: 75px;
    font-weight: bold;
}

.commentListListing h6, 
.commentFormStyle h4{
    margin-bottom:25px;
    padding: 0px;
    margin-bottom: 9px;
    font-size: 1.2em !important;
}
.commentListListing h6,
.commentFormStyle .mailform h6{
    color: #99CC33;
    font-size: 18px !important;
    font-style: normal;
    font-weight: normal;
    margin-bottom: 18px;
    text-transform: uppercase;
    border-bottom: 1px dashed #99CC33;
    padding: 3px 0px;
}

.commentListListing .item{
    margin-bottom:25px;
}
.commentListListing{
    margin-bottom:25px;
}

.commentFormStyle{
    margin-bottom: 25px;
}
.commentFormStyle .formElement {
    margin-bottom: 5px;
}
.commentFormStyle .formElement input, .commentFormStyle .formElement textarea{
    width: 100%;
}
.commentFormStyle .formElement.subscribe{
    padding-top:5px;
}

.commentTopNav{
    margin-bottom: 2px;
}
.commentTopNav .author{
    font-weight: bold;
}

.commentBody{
    margin-bottom: 2px;	
}
.commentBody h5{
    color: #99CC33;
    font-size: 1.2em !important;
    margin-bottom: 4px;
}

.commentError, .commentError *, .blogCommentMessage{
    color: red !important;	
}
ul.commentError, .blogCommentMessage {
    margin-bottom: 25px;
}
ul.commentError {
    margin-bottom: 25px !important;
}






/*----------------------- rte -----------------------*/

.unfett{
    font-weight: normal;
}

.rechts{
    text-align: right;
}

.mittig{
    text-align: center;
}

.tablehighlight{
    background-color: #EDF6F6;
}

.tablehighlight td{
    padding: 5px;	
}

.tablehighlight td a{

}

.align-center{
    text-align: center !important;
}
.align-right{
    text-align: right !important;
}
.morelink-green{
    color: #99CC33;
    font-style: normal !important;    
    background-image: url(../gfx/bg-morelink-green.png);
    background-position: right center;
    background-repeat: no-repeat;   
    display: inline-block;
    margin-top: 5px;
    padding-right: 15px;
    
}
.morelink-blue{
    color: #339999;   
    font-style: normal !important; 
    background-image: url(../gfx/bg-morelink-blue.png);
    background-position: right center;
    background-repeat: no-repeat;  
    display: inline-block;
    margin-top: 5px;
    padding-right: 15px;    
}
.buttonlink-blue{
    color: #ffffff !important;  
    background-color: #339999;
    font-style: normal !important;    
    padding: 5px 15px;
    border-radius: 5px;    
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}