/*************************************************************/
/*                                                           */
/*                     Boll Elektro                          */
/*            Stylesheet von C.Stetter                       */
/*        für Blueforest Design - und Medienbüro             */
/*               http://www.blueforest.ch                    */
/*                        									 */				
/*************************************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-weight: inherit;
   font-style: inherit;
   font-size: 100%;
   font-family: inherit;
   vertical-align: baseline;
}
table, caption, tbody, tfoot, thead, tr, th, td { vertical-align: top; }
caption, th, td {
   text-align: left;
   font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
body {
   text-align: center;
   margin-bottom: 10px;
   z-index: 1;
   background: #FFF url(img/bg.jpg) repeat-x left top;
   font: 12px Verdana, Arial, Helvetica, sans-serif;
   color: #333;
}
html { /*----------Dauer-Scrollbalken-verhindert Springen--------*/
   height: 100%;
   padding: 0 0 1px 0;
}
img:focus {/*----------Wie <a href="#" onfocus="blur()"> entfernt den gepunkteten Rahmen bei aktiven Elementen--------*/
   outline: 0;
   text-decoration:none;
   border:none;
}
/* remember to define focus styles! */
:focus { outline: 0; }
strong { font-weight:bold; }
em { font-style:italic; }
.mindesthoehe {
   min-height: 500px;
   height: auto !important;
   height: 500px;
}
a, a img, a:hover, img a:hover, img a:focus {
   outline: 0;
   text-decoration:none;
   border:none;
}
/* ---------------------------------------------------Listen--------------------------- */

.mod_navigation li, .mod_navigation ul, .mod_navigation ol {
   margin: 0;
   padding: 0;
   list-style: none;
   list-style-type: none;
}
ul, li {
   list-style-position:inside;
   list-style:disc;
   margin-left:5px;
   padding-left:2px;
}
.ce_text ul {
   margin-left:10px;
   padding-left:0px;
   list-style-type:disc;
   list-style-position: inside;
}
.ce_text ul li {
   margin-left:10px;
   padding-left:0px;
   list-style-type:disc;
   list-style-position: inside;
}
.ce_text ol li {
   margin-left:10px;
   padding-left:0px;
   list-style-type:decimal;
   list-style-position: inside;
}
input#button {/* ----------Text auf Button verstecken, Button mit Bild--------------------------- */
   text-indent: -9999px;
   font-size: 0px;
   overflow: hidden;
   background:url(img/button_weiter.png) no-repeat right;
   height: 32px;
   width: 32px;
   color: transparent;
   text-transform: capitalize;
}
/* ----------CONTAINER---------------------------- */
#side {
   position:absolute;
   top:0px;
   left:971px;
   height:300px;
   width:151px;
   background: url(img/strahlen.jpg) no-repeat left top;
}
#container {
   position: relative;
   width: 971px;
   margin-right: auto;
   margin-left: 0;
   z-index: 2;
}
#content {
   text-align: left;
   position: relative;
   z-index: 3;
}
a {
   color:#660000;
   text-decoration:none;
}
a:hover { color:#333; }
/* ----------Anordnung Design---------------------------- */
#oben {
   position: relative;
   height:217px;
   background: url(img/header_meta.jpg) no-repeat left top;
}
body.start #oben { background: url(img/header_start.jpg) no-repeat left top; }
body.ueberuns #oben { background: url(img/header_ueberuns.jpg) no-repeat left top; }
body.produkte #oben { background: url(img/header_produkte.jpg) no-repeat left top; }
body.referenzen #oben { background: url(img/header_referenzen.jpg) no-repeat left top; }
body.downloadcenter #oben { background: url(img/header_downloadcenter.jpg) no-repeat left top; }
#left {
   width:250px;
   float:left;
   padding-left:30px;
   padding-right:30px;
}
#mitte {
   position: relative;
   min-height: 380px;
   height: auto !important;
   height: 380px;
   background: #FFF url(img/dehn.jpg) repeat-y left;
   padding-top:40px;
   padding-bottom:20px;
   font-size: 11px;
   line-height: 16px;
}
#center {
   padding: 0px 260px 5px 300px;
   font-size:11px;
}
#mainmitte {
   padding-left:30px;
   width:650px;
   font-size:11px;
}
#rechts {
   float:right;
   width:250px;
}
#unten {
   position: relative;
   height:14px;
   background: url(img/unten.jpg) no-repeat left top;
}
#footer {
   position: relative;
   padding-bottom:20px;
}
/* ---------Mitte---------------------------- */

h1 {
   color:#660000;
   font-size:16px;
   padding-bottom:15px;
}
h2 {
   color:#660000;
   font-size:14px;
}
h3 {
   color:#660000;
   font-size:13px;
   padding-bottom:10px;
}
/* ----------Kontakt  ALLINONE---------------------------- */
span.mandatory { color:#db0133; }
label.feld {
   padding-right:5px;
   display:block;
   float:left;
   clear:left;
}
#kontaktform input, #kontaktform select {
   display:block;
   float:left;
}
#kontaktform p { display:block; }
input[type="text"], textarea, select {
   width:300px;
   background: #e4e4e4;
   color:#333;
   border: 1px solid #ccc;
   float:left;
   clear:right;
}
input[type="text"]:focus, textarea:focus, select:focus { border: 1px solid #db0133; }
#kontaktform table td { padding-bottom:10px; }
textarea {
   font: 12px Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
}
input.button { }
input#reset { }
input#send {
   float:left;
   clear:left;
}
.checkbox_container input { float:left; }
.checkbox_container label {
   float:left;
   clear:right;
}
/* ----------Blueforest Sign---------------------------- 
#blueforest {
   position: relative;
   font-size: 9px;
   font-weight: normal;
   text-transform: lowercase;
   background:transparent;
}*/


#blueforest {
   float:right;
   position: relative;
   font-weight: normal;
   text-transform: lowercase;
   background:transparent;
}
#blueforest a {
   font-size:10px;
   color: #999999;
   text-decoration:none;
}
#blueforest a:hover { text-decoration:none; }
/* --------------------------------------------Startseite News NACHRICHTEN Liste---------------------------- */
#rechts .mod_newslist { width:250px;}
#rechts #newsbox {
   height:60px;
   float:left;
   clear:both;
}
#rechts div.layout_full {
   background:  url(img/box_hg.jpg) repeat-y right bottom;
   height:150px;
   position:relative;
   right:10px; margin-bottom:10px;
}
#rechts .mod_newslist h1 {
   position:relative;
   top:30px;
   left:10px;
   z-index:490;
   width:110px; font-size:14px;
}
#rechts .image_container img {
   position:absolute;
   bottom:38px;
   right:10px;
   z-index:400;
}
#rechts .mod_newslist p.more {
   z-index:500;
   color: #000;
   position:absolute;
   bottom:18px;
   left:13px;
   font-size:11px;
}
#rechts .mod_newslist p.more a {
   color:#fff;
   text-decoration:none;
}
#rechts .mod_newslist p.more a:hover {
   color:#fff;
   text-decoration:underline;
}

body.newsreader p.back{margin-top:30px;}

.mod_newsreader .image_container{padding-left:20px;}
/* ------------------------------------------Produkte NACHRICHTEN Liste---------------------------- */

#mainmitte #produkte div.last { border-bottom:none; }
#mainmitte #produkte h2 { padding-bottom:20px; }
#mainmitte #produkte img { padding-right:20px; }
#mainmitte #produkte p.more { padding-top:10px; }
body.produkte img {
   width:242px !important;
   height:160px !important;
   background: url(img/shadow.jpg) no-repeat left bottom;
   padding: 3px 3px 7px 0px;
}
table#produkte td {
   height:180px;
   padding-bottom:20px;
   border-bottom: 1px dashed #999;
   padding-top:20px;
}
table#elektroinstallationen td {
   padding-top:20px;
   padding-bottom:20px;
   border-bottom: 1px dashed #999;
   padding-left:20px;
}
table#elektroinstallationen td:first-child { padding-left:0px; }
#adresse {
   position:absolute;
   top:42px;
   right:100px;
}
/* ---------------------------------------------------------Produkte ---------------------------- */
#solartechnik img, #photovoltaik img, #heizungstechnik img, #elektroinstallation img {
   padding-right:20px;
   margin-right:20px;
   margin-bottom:15px;
}
#elektroinstallation ul { padding-left:300px; }
#elektroinstallation ul li {
   list-style-position: inside;
   list-style-type: circle;
}
body.ueberuns .image_container, body.downloadcenter .image_container, body.referenzen .image_container {
   padding-bottom:20px;
   padding-right:20px;
}
/*----------------------------------Sitemap-------------------------------------*/
#sitemap li {
   position:relative;
   list-style:disc;
   list-style-position: inside;
}
#sitemap ul.level_1 li {
   padding-left:10px;
   padding-bottom: 3px;
}
#sitemap ul.level_2 li {
   list-style-image: none;
   padding-left:20px;
   padding-bottom: 0px;
}
#sitemap ul.level_3 li {
   padding-left:30px;
   padding-bottom: 0px;
}
#sitemap li.nositemap { display:none; }
#ueber-uns strong { color:#660000; }
/*--------------------------------------------------Downloads---------------------------------*/
body.downloadcenter table td, body.downloadcenter table td {
   vertical-align: middle;
   padding-bottom: 3px;
   padding-right:4px;
}
/*body.downloadcenter table a.pdf:before { content:url(img/images/pdf.gif)" "; }*/
 a.pfeil::before {
content: "\00BB\00A0";
}