/*******************************************************************************



       Project              :       PRO-KLIM



       Copyright       :             KLOKmedia

                                   www.klokmedia.zyns.com



*******************************************************************************/









/*       undo

*******************************************************************************/



:link,:visited { text-decoration:none; }

ul,ol { list-style:none }

h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }

img, a img,:link img,:visited img, fieldset { border:none }

img { margin:0; padding:0; vertical-align:bottom; }

address { font-style:normal }



table {       border:none; padding:0px; margin:0px; border-spacing:0px; font-size:1em;}

tr { border:none; padding:0px; margin:0px; }

td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }





legend { display:none; }



body, div,p,li { background-repeat:no-repeat; }



/*       reset some basic style

*******************************************************************************/

dl                     {margin: 0 0 0 0;}

dl dt              {margin: 0 0 0 0;}

dl dd+dt       {margin-top: 0;}

dl dd              {margin: 0 0 0 0;}



ol                     {list-style: none;}

ol li              {margin: 0 0 0 0;}

ol li ol       {margin: 0 0 0 0;}

ol li ul       {margin: 0 0 0 0;}



p                     {margin-bottom: 0em;}



ul                     {list-style: none;}

ul li              {margin: 0 0 0 0;}

ul li ul       {margin: 0 0 0 0; list-style: none;}

ul li ol       {margin: 0 0 0 0;}



pre                     {font-size:1.2em; }



a:hover { text-decoration:none; }



/*       html

*******************************************************************************/

html {

       min-height: 100%;

       margin-bottom: 1px;

}



/*       body

*******************************************************************************/

body {


       font-family:verdana, arial, helvetica, sans-serif;

       font-size: xx-small;

       voice-family: "\"}\"";

       voice-family: inherit;

       font-size: x-small;

}



.clearer {

       display:block;

       clear:both;

       line-height:0;

       height:1px;

       font-size:0;

       visibility:hidden;

}



.clear {

       clear:both;

}



.flLeft { float:left; }

.flRight { float:right; }



.warning { color:#f00; }





/*       website

*******************************************************************************/

#website {

       position:relative;

       display:block;

       margin:40px;

       padding:0;

       height:100%;

       width:800px;

       color:#000;

       text-align:left;

}



/*       header

*******************************************************************************/

#header {

       position:relative;

       margin:0;

       padding:0;

       height:255px;

       background-image:url(pro-klim.gif);

}



/*       logo / breadcrumb

*******************************************************************************/

#logo {

       position:absolute;

       top:0px;

       left:0px;

}



#logo a {

       display:block;

       height:100px;

       width:170px;

       text-indent:-700em;

}





#breadcrumb {

       position:absolute;

       bottom:9px;

       left:200px;

}



#breadcrumb a, 

#breadcrumb a:link {

       color:#000;

}



#breadcrumb a:hover {

       text-decoration:underline;

}

/*       content

*******************************************************************************/





#content, #content2 {

       display:block;

       clear:both;

       position:relative;

       padding:0 0 0 0;

}





/* hide from IE/MAC \*/

* html #content, * html #content2 {

       height:1px;

}

/* end hide */





#content {}



#content2 {

       background-image:url(bg_content.jpg);

       background-repeat:repeat-y;

}



#main {

       float:left;

       width:560px;

}



#main-block {}



#main-block2 {

       padding:14px;

}





/*       Navigation vertical - 

       Wenn die Navigation mit der ID 3 verwendet wird, kann alles bis 

       zum nächsten Kommentar gelöscht werden

------------------------------------------------------------------------------*/

#navigation {

       float:left;

       width:200px;

       padding:14px 0;

}



#navigation ul.nav1st {

       width:170px;

}





#navigation ul.nav1st li {

       padding:8px 0 8px 14px;

}



#navigation ul.nav1st li.active {

       background:#cdedf8;

}



#navigation ul.nav1st li.active a,

#navigation ul.nav1st li.active a:link {

       color:#090;

}



#navigation ul.nav1st a, 

#navigation ul.nav1st a:link {

       display:block;

       color:#2484fb;

       font-size:1.2em;

       font-weight:bold;

}



#navigation ul.nav1st a:hover {

       color:#090;

}





#navigation ul.nav1st li ul.nav2nd li {

       padding:0;

       margin-left:14px;

       list-style-type:square;

}



#navigation ul.nav2nd a, 

#navigation ul.nav2nd a:link {

       display:block;

       padding:4px 0 4px 0;

       font-size:1.1em;

       font-weight:normal;

}



#navigation ul.nav2nd a.current, 

#navigation ul.nav2nd a.current:link, 

#navigation ul.nav2nd a:hover {

       text-decoration:underline;

}





/*       Navigation horizontal and vertical - 

       Wenn die Navigation mit der ID 2 verwendet wird, kann alles bis 

       zum nächsten Kommentar gelöscht werden

------------------------------------------------------------------------------*/



#header-nav {

       position:absolute;

       bottom:30px;

       left:200px;

       width:560px;

       background:#fff;

}



#header-nav ul.nav1st {

}





#header-nav ul.nav1st li {

       display:block;

       float:left;

       padding:5px 7px 5px 7px;

}



#header-nav ul.nav1st li.active {

       background:#e2f3f9;

}



#header-nav ul.nav1st li.active a,

#header-nav ul.nav1st li.active a:link {

       color:#090;

}



#header-nav ul.nav1st a, 

#header-nav ul.nav1st a:link {

       color:#606060;

       font-size:1.2em;

       font-weight:bold;

}



#header-nav ul.nav1st a:hover {

       color:#090;

}





#navigation {

       float:left;

       width:200px;

       padding:14px 0;

}



#navigation ul.nav2nd li {

       padding:0;

       margin-left:14px;

       font-size:1.1em;

       font-weight:normal;

}



#navigation ul.nav2nd a, 

#navigation ul.nav2nd a:link {

       display:block;

       padding:4px 0 4px 0;

       color:#606060;

}



#navigation ul.nav2nd a.current, 

#navigation ul.nav2nd a.current:link, 

#navigation ul.nav2nd a:hover {

       color:#090;

       text-decoration:underline;

}





/*       donate Werbebanner

------------------------------------------------------------------------------*/

#donate {

       margin:2em 0 0 14px;

}





/*       Headlines

------------------------------------------------------------------------------*/



/* Headline 1 */

#main-block h1 {

       color:#090;

       font-family:arial, helvetica, verdana, sans-serif;

       font-size:1.7em;

       font-weight:bold;

       line-height:1.8em;

}



#main-block .teaser h1 {

       font-size:1.4em;

}



/* Headline 2 */

#main-block h2 {

       color:#000;

       font-family:arial, helvetica, verdana, sans-serif;

       font-size:1.4em;

       font-weight:bold;

       line-height:1.4em;

}





/*       Paragraphs / Lists

------------------------------------------------------------------------------*/

#main-block p,

#main-block ul,

#main-block ol {

       margin-bottom:1.2em;

       font-size:1.2em;

       line-height:1.6em;

}

#main-block ul li ul,

#main-block ul li ol,

#main-block ol li ol,

#main-block ol li ul {

       font-size:1em;

}



#main-block ul {

       margin-left:14px;

       list-style-type:square;

}



#main-block ol {

       list-style-type:decimal-leading-zero;

}





/*       Hyperlinks

------------------------------------------------------------------------------*/

#main-block a, #main-block a:link {

       color:#090;

       text-decoration:underline;

}



#main-block a:hover {

       color:#000;

}







/*       Images

------------------------------------------------------------------------------*/

#main-block div.image {

       margin-bottom:0;

}

#main-block div.image p {

       margin:0;

       font-size:0.9em;

}

#main-block div.flLeft {

       margin-right:14px;

}

#main-block div.flRight {

       margin-left:14px;

}





/*       footer

------------------------------------------------------------------------------*/

.footer {

       display:block;

       width:100%;


}

.footer2 {

       padding:0 14px;

}

.footer p {

       margin:0;

       padding:9px 0;

       font-size:10px;

       text-transform:uppercase;

}



.footer p, 

.footer p a,

.footer p a:link {

       color:#d20303;

}

.footer p a:hover {

       text-decoration:underline;

}



.footer .col-left {

       float:left;

       width:186px;

}

.footer .col-right {

       float:left;

}





/* form-module

*******************************************************************************/

#form-module * {

       padding:0px;

       margin:0px;

}



#form-module {

       margin:0px;

       padding:0px;

       width:520px;

       background-color:#f7f7f7;

       color:#666;

       font-size:1.2em;

}



#form-module fieldset {

       border:0px solid #fff;

}



#form-module legend {

       display:none;

}





#form-module p {

       margin:0;

       padding:5px;

       font-size:1em;

       font-weight:bold;

}



#form-module .element {

       display:block;

       clear:both;

       background-color:#f7f7f7;

       border-top:2px solid #fff;

}



#form-module label {

       display:block;

       float:left;

       padding:5px;

       width:120px;

       border-right:2px solid #fff;

}



#form-module label.checkbox {

       width:372px;

       border-left:2px solid #fff;

       border-right:none;

}



#form-module input, 

#form-module select, 

#form-module textarea {

       float:left;

       margin:5px;

       width:295px;

       border:1px solid #333;

}



#form-module input.text {

       height:20px;

}



#form-module input.checkbox {

       width:120px;

       padding:0;

       border:none;

}



#form-module input.submit { 

       margin:5px 5px 5px 137px;

       padding:2px 5px;

       border:1px solid #333;

       background-color:#fff;

       color:#666;

       text-align:center;

       cursor:pointer;

}



#form-module input.submit:hover { 

       background-color:#f7f7f7;

       color:#000;

}



#form-module label.textarea, 

#form-module textarea.textarea {

       height:96px;

}



#form-module-thanks {

       display:block;

       color:#666;

       font-size:1.2em;

}





/* download

*******************************************************************************/

#main-block .download-hdl p, 

#main-block .download-file p, 

#main-block .download-desc p {

       margin:0;

}

#main-block .download-hdl p {

       padding:5px 7px;

       background-color:#393;

       font-weight:bold;

       color:#fff;

}



#main-block .download-file {

       padding:1.2em 7px;

       border-left:2px solid #393;

       border-right:2px solid #393;

}



#main-block .download-desc {

       margin-bottom:1.2em;

       padding:1.2em 7px;

       background-color:#e5ffe5;

       border-left:2px solid #393;

       border-right:2px solid #393;

       border-bottom:2px solid #393;

}



#main-block .download-without-desc {

       margin-bottom:1.2em;

       border-top:2px solid #393;

}