/**
 * "CO2" - (X)HTML/CSS Framework
 *
 * @copyright       Copyright 2008, Florian Schade
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 * @link            http://www.purpled.de/CO2
 * @version         1.0
 * @lastmodified    Mo, 25 Feb 2008
*/


/* includesFw
------------------------------------- */
@import url(_co2/css/_pool.css);

/* baseConfig
------------------------------------- */
body                                             { background: url(../img/bg/bodyBlue.gif) repeat-y; }

*                                                { color: white; }
h1                                               { color: white;  }
h2                                               { color: white; font-size: 1.3em; font-weight: normal; margin-bottom: .5em; }
h2 a                                             { font-size: 1em; }
h3                                               { color: white; }
h4                                               { color: white; margin-bottom: .3em; font-weight: normal; }
p                                                { color: white; font-size: 1.1em; line-height: 1.4em; }
a                                                {  }
a:hover                                          { }
b                                                { font-weight: bold }
#contentArea .co_12 { overflow-x: hidden; }
#contentSection li { font-size: 1.1em; }
#contentSection li p { font-size: 1em; }
#contentSection li ul li { font-size: 1em; }
#contentSection .product { padding-top: 0; }

p img                                            { float: left; margin: .5em .5em .2em 0; }

/* helper
------------------------------------- */
.spacer                                          { margin-bottom: 0; margin-left: 3.5em; }
.block                                           { margin-bottom: 3em; }
.tx-rbflashobject-pi1-swf_altcontent             { border: 1px solid white; width: 630px; height:400px; }
.tCenter                                         { text-align: center; }
.tRight                                          { text-align: right; }
.upper                                           { text-transform: uppercase; }

/* content
------------------------------------- */
#breadcrumb                                      { position: absolute; top: 1.5em; left: 1em; text-transform: uppercase; width: 90%; }
#breadcrumb li                                   { padding-top: .1em; white-space: nowrap; display: block; padding-right: .3em; margin-bottom: .5em; }
#breadcrumb a                                    { color: white; font-size: 1em; padding-right: .5em; letter-spacing: .02em; padding-top: .1em; text-decoration: none !important; }


#layoutArea                                      { background: url(../img/bg/head.gif) repeat-x; height: 100%; }
#headArea                                        { position: relative; height: 12.5em; margin: 0 0 3.9em 0; }
#billboard img                                   { position: absolute; top: 5em; left: 1.5em;  }

#sectionHead                                     { position: relative; }
#anchor                                          { position: absolute; bottom: 1em; right: 2.8em; }

#navigationMain                                  { position: absolute; right: 1.2em; bottom: .1em; }
#navigationMain ul                               { }
#navigationMain li                               { }
#navigationMain a                                { color: #009900; font-weight: bold; padding: .5em 0 0 3em; }
#navigationMain .act                             { color: #858585 !important; background: none !important }
#navigationMain a:hover                          { color: #858585; }
#navigationMain li .act                          { color: white;  background: #d0d1d2; }

#navigationMain #searchArea a                    { color: #666666 }
#navigationMain #searchArea input                { border: #cccccc solid 1px; height: 1em; width: 11em; margin: 0 0 0 1em; color: black; }
#pows a { padding-bottom: 12px !important }
#navigationLeft                                  { }
#navigationLeft ul                               { }
#navigationLeft li                               { padding: 0; text-transform: uppercase; letter-spacing: .4em;  }
#navigationLeft a                                { border-bottom: 1px solid #cccccc; padding: 1.1em 0 1.1em 2em; color: white; font-size: 1.2em; background: #666666; font-weight: bold; }
#navigationLeft a:hover                          { background-color: #C0C0C0; }
#navigationLeft .open                            { background: #C0C0C0; }

#navigationLeft .level_2 a                       { font-size: 1.2em; padding: .6em 0 .6em 2.5em; background: #E6E6E6; color: #888888; letter-spacing: normal; font-weight: normal; }
#navigationLeft .level_2 a:hover                 { color: #5389b8; background-color: #E6E6E6; }
#navigationLeft .level_2 .act,
#navigationLeft .level_2 .open                   { color: #5389b8; background: white;}
#navigationLeft .level_2 .open:hover             { background-color: white; }
#navigationLeft .level_3 a                       { font-size: 1.1em; padding: .5em 0 .5em 5em; background: white; text-transform: none; }
#navigationLeft .level_3 a:hover                 { background-color: white; }
#navigationLeft .level_3 .isParent               { background-image: url(../img/icons/navigation/arrowClosed.gif); background-repeat: no-repeat; background-position: 4em 0.6em; }
#navigationLeft .level_3 .isParent:hover         { background-image: url(../img/icons/navigation/arrowClosedOv.gif); }
#navigationLeft .level_3 .act                    { color: #5389b8; background: white; }
#navigationLeft .level_3 .open                   { font-weight: normal; background-image: url(../img/icons/navigation/arrowOpen.gif); background-repeat: no-repeat; background-position: 4em 0.75em; background-color	: white; }
#navigationLeft .level_4 a                       { padding-left: 7em; }
#navigationLeft .level_4 .isParent               { background-image: url(../img/icons/navigation/arrowClosed.gif) !important; background-repeat: no-repeat; background-position: 6em 0.6em; }
#navigationLeft .level_4 .isParent:hover         { background-image: url(../img/icons/navigation/arrowClosedOv.gif) !important; }
#navigationLeft .level_4 .open                   { background-position: 6em 0.7em; background-image: url(../img/icons/navigation/arrowOpen.gif); }
#navigationLeft .level_5 a                       { padding-left: 8em; background-image: none !important; }
#navigationLeft .level_5 .act                    { font-weight: normal }
#navigationLeft .level_5 .isParent               { background-position: 7em 0.6em; }
#navigationLeft .level_5 .open                   { background-position: 7em 0.7em; background-image: url(../img/icons/navigation/arrowOpen.gif) !important; }
#navigationLeft .level_6 a                       { padding-left: 10em; background-image: none !important; }
#navigationLeft .level_6 .act                    { font-weight: normal }
#navigationLeft .level_6 .open                   { background-position: 9em 0.7em; }
#navigationLeft .level_6 .isParent               { background-position: 9em 0.6em !important; }
#navigationLeft .level_7 a                       { padding-left: 11em; background-image: none !important; }

#contentSection                                  { padding-top: 3.5em; }


.productGrid div div                                  { margin: 0 4em 3.5em 0; float: left; }
.productGrid a                                   { padding: 0; text-align: center; font-size: 1em; font-weight: normal; text-transform: uppercase; border: 1px solid #94bfd4; background: #94bfd4; height: 170px; text-decoration: none !important; }
.productGrid .spacer                             { margin: 0 }
.productGrid span                                   { width: 105px; margin: 0; padding-top: 5px; cursor: hand; clear: both; float: none; display: block; font-size: 1.1em; line-height: 1.4em}
.productGrid a:hover span                           { color: #5389b8; }

#productScroller                                 { overflow-y: auto; overflow-x: hidden; *margin-bottom: -50px }
.product                                         { border-bottom: solid 3px white; padding-top: 3.5em; zoom: 1; padding-bottom: 2em;}
.product h1                                      { color: white; font-size: 1.2em; }
.product p                                       { color: white; font-size: 1.1em; margin-left: 5em; }
.product ul                                      { margin: 2em 0 1em 5em; padding: 0; font-size: 1.1em; color: white; list-style-position: inside; }
.product table,
.contenttable                                   { font-size: 1.1em; color: white; border-color: #006699; margin-left: 3.5em; *margin-left: 2.3em; float: left; width: auto; }
.product table,
.contenttable,
.contenttable th,                     
.product table th,
.contenttable td,
.product table td                                { background: #4c94b7; }
.contenttable *,
.product table *                                 { border-color: #006699; }
.product table th                                { padding: 1em .5em; }
.contenttable td a,
.product td a                                    { display: block; text-align: center;  }
.product .productImage                           { text-align: center; }
.product .productImage img                       { margin-top: 1em; margin-bottom: 1em; border: 1px solid #94bfd4; }
.product li                                      { padding-bottom:.5em; font-size: 1em !important; }
.product .co_8                                   { overflow: hidden; }
.contenttable { float: none; margin-top: 20px }
.csc-mailform                                    { border: none }
.contenttable { margin-left: 0; }

.contenttable p { font-size: 1em; }

.conGroup input,
.conGroup textarea                        { margin-bottom: 0; width: 320px; color: black }
.conGroup textarea                        { height: 219px; *height: 206px }
.conGroup                              { width: 321px; overflow: hidden;  }
.conGroup label                        { color: white; float: none; margin: 3px 0 8px 0; }
.conName,
.conVorname,
.conPlz,
.conOrt,
.conFax,
.conTel                             { float: left; width: 158px;  }

.conPlz                             { width: 62px; }
.conOrt                             { width: 255px; }

.conName,
.conPlz,
.conTel                                  { margin-right: 4px }
.conGroup input                          { width: 98%; }
#mailformformtype_mail                   { width: 324px;  border: none; background-color: #94bfd4 }
#mailformformtype_mail:hover { background: #DFDEDE; }
.conLeft,
.conRight { float:left; width: 324px }
.conLeft { margin-right: 20px }
.conRight textarea { float: left; *margin-left: -35px; margin-bottom: 3px; *margin-bottom: 1px; }
.conRight input { float: left; *margin-left: -35px }

/*misc*/
.co_12 a { text-decoration: underline; font-size: 1em }
.co_12 a:hover { text-decoration: none; }
.csc-textpic-text h5   { font-weight:100 }
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
b a { font-size: 1em; text-decoration: none !important }

.category_630,
.category_951 { margin-bottom: 12px; }


.category_629 a { border-top: 1px solid #cccccc; border-bottom: none !important; }
.category_628 a { border-top: 1px solid #cccccc; }
.category_628 ul a { border-top: 0; }

#widgetMail input { border:1px solid #D0D1D2; }

.csc-textpic-border img { border: 1px solid #94bfd4 !important; }
.csc-textpic-border p img { border: none !important; }
hr {width: 100%; border: none; height: 3px; background: white; }
.c966,
.c965,
.c967,
.c970,
.c971 { border-bottom: solid 3px white; margin-bottom: 20px}



.hr40 {width: 730px; margin-left: -35px; *margin-left: -40px;  }
.csc-textpic-image dd { padding-top: 5px }
.align-right { text-align: right }

.csc-sitemap { padding: 0 40px 40px 40px;  }
.csc-sitemap a {margin-bottom: 10px; display: block; text-decoration: none}
.csc-sitemap a,
.c615 h2 { color: #747474 }
.c615 h2 { padding: 0 0 10px 40px }

.banner { margin: 0 !important; text-align:center }

.banner img { margin-top: 20px }
table .download { margin-left: 23px; margin-top: -7px; *margin-left: 18px; }









/*

*/



#greenPower .contenttable                                   { font-size: 1.1em; color: white; border-color: #00af41; margin-left: 3.5em; *margin-left: 2.3em; float: left; width: auto; }
#greenPower .product table,
#greenPower .contenttable,
#greenPower .contenttable th,                     
#greenPower .product table th,
#greenPower .contenttable td,
#greenPower .product table td                                { background: #4cae4c; }
#greenPower .contenttable *,
#greenPower .product table *                                 { border-color: #00af41 !important; }
#greenPower .product table th                                { padding: 1em .5em; }
#greenPower .contenttable td a,
#greenPower .product td a                                    { display: block; text-align: center;  }
#greenPower .product .productImage                           { text-align: center; }
#greenPower .product .productImage img                       { margin-top: 1em; margin-bottom: 1em; border: 1px solid #94bfd4; }
#greenPower .product li                                      { padding-bottom:.5em; font-size: 1em !important; }
#greenPower .product .co_8                                   { overflow: hidden; }
#greenPower .contenttable { float: none; margin-top: 20px }
#greenPower .csc-mailform                                    { border: none }
#greenPower .contenttable { margin-left: 0; }

.contenttable p { font-size: 1em; }
#greenPower label { color: white; padding-top: 5px}
#greenPower input { padding: 5px; border: 1px solid white; background:#4cae4c  }

#greenPower form { padding-left: 3.5em }
#greenPower #contentSection .spacer { margin-right: 12em; }
#greenPower .productGrid .spacer { margin-right: 0 !important; }
#greenPower .productGrid a { background: #4cae4c; border-color: #4cae4c }
#greenPower .productGrid a:hover span{ color:#aedeae}
#greenPower .csc-mailform { margin:0;padding:0 }
#greenPower input { float: right }
.field-Tragen_Sie_hier_Ihren_Code_ein label { width: 15em }
#greenPower .csc-mailform-field { clear: both; width: 320px; *width: 270px;}
.field-Tragen_Sie_hier_Ihren_Code_ein { width: 320px !important; *width: 270px !important }

/* ieBugfix
------------------------------------- */
#navigationMain #searchArea input                { *height: 1.5em; }


#mailformformtype_mail {
	width: auto !important;
  -moz-appearance: button;
  padding: 0px 6px 0px 6px !important;
  border: 2px outset ButtonFace !important;
  background-color: ButtonFace !important;
  color: ButtonText !important;
  font: -moz-button !important;
  line-height: normal !important !important;
  white-space: pre !important;
  cursor: default !important;
  -moz-box-sizing: border-box !important;
  -moz-user-select: none !important;
  -moz-binding: none !important;
  text-align: center !important;
}



#indexed_search input { color: black }

#indexed_search td,
#result_row td,
#indexed_search th,
#result_row th,
#indexed_search tr,
#result_row tr,
#result_row,
#indexed_search { border: none !important; background: transparent }



.productGrid { margin-right: 20px !important }

.c967 h3,
.c966 h3,
.c970 h3,
.c965 h3 { font-size: 12px;}



.csc-textpic-text br { clear: none }