/* Styles */
/*
orange: #DC8E17;
*/

/* allg. */
a:link, a:visited, a:active, a:hover {text-decoration: none; color:#DC8E17; -moz-outline:0;}

/* Head */
.logo {float:left; border:0; display:block;}
.energetikhaus-illu {float:right;}
.orange {color: #DC8E17;}
.blau {color: #2B4663;}
.rot {color: #C81E17;}

/* Top-Navi */
#navi ul {display:block; height:20px; width:890px; border-top:1px dotted #ccc; list-style:none; clear:both;}
#navi ul li {display:block; float:left; margin-right: 15px;}
#navi ul li a {font-size: .85em; font-weight:bold;}
#navi ul li a:hover {text-decoration:underline;}
#navi ul li a.active {color:#9ea1a4;}
#navi ul li a#Ziegel.active {color:#FF6B00;}
#navi ul li a#Flachs.active {color:#C81E17;}
#navi ul li a#Solardach.active {color:#2B4663;}

/* Content */
#content a {padding-left: 15px;}
#content h1, #content h2, #content h3, #content h4 {color:#444; font-weight:bold;}
#content h1 {font-size: 1em; margin: 10px 0 5px;}
#content h2 {font-size: .9em; margin: 8px 0 5px;}
#content h3 {font-size: .85em; margin: 6px 0 6px;}
#content h4 {font-size: .8em; margin: 5px 0 3px;}
#content p {margin: 0 0 10px 0; font-size:.8em;}
#content ul {font-size:.8em; list-style:square;} 
#content ul li {margin:8px 20px; }
.kleiner {font-size: .8em;}
.link_intern {background:url(../images/link_intern.gif) no-repeat 0 3px;}
.link_extern {background:url(../images/link_extern.gif) no-repeat 0 3px;}
.zoom {padding-left:15px; background:url(../images/zoom.gif) no-repeat 0 2px;}
.pdf {background:url(../images/icon_pdf.gif) no-repeat 0 3px; line-height:3.5em; padding: 20px 0 10px 40px !important}
.boxed {padding:5px; border:1px dashed #DC8E17;}
.float {float:left; margin:8px !important;}
.float-right {float:right;}
.float-left {float:left;}
.float a {padding:0 !important;}
.block {display:block; height:auto; width:400px; /*margin:20px 0 !important;*/ clear:both;}
.dotted {border-bottom: 1px dotted #515658; padding-bottom:20px; width:100%;}
.top {display:block; border-top: 1px dotted #515658; border-bottom:0; padding:5px 0; width:100%;}
span.einzug {display:block; height:auto; padding-left:110px;}

/* Presseliste */
div.presse-list {margin-bottom:12px; font-size:.8em;}
div.presse-list a {font-weight:bold; font-size:1.1em;}

.back-link {background:url(../images/back-link.gif) 0 3px no-repeat; font-size:.8em;}

/* Terminliste */
#termine {}
#termine h1 {font-size:.75em; color:#515658; border-bottom:1px dotted #515658; }
#termine .termin-item h1 {font-size:.90em; color:#000; border-bottom:0; }
#termine .termin-item {margin-bottom:25px; }

/* Tagebuch */
div.tagebuch {margin: 20px 0; clear:both;}
div.tagebuch i.tagebuch {color:#DC8E17;}
.bild-link {border:0 !important; padding:0 !important; text-decoration:none !important;}
.bild-link img {border:0 !important;}

/* Left-Navi */
#left ul.e1 {list-style:none; display:block; margin:25px 0 35px 0; font-size: .9em;}
#left ul.e1 li {display:block; margin:5px 0;}
#left ul.e1 li a {display:block; border-bottom:1px dotted #DC8E17; color:#DC8E17; font-weight:bold; padding: 5px 20px 5px 0;}
#left ul.e1 li a.active {border-bottom: 1px dotted #515658; color: #9ea1a4;}

/*Left, Right */
#left, #right {font-size: .85em;}
#left a, #right a {padding-top:3px;}
#left p, #right p {font-size: .8em; margin: 15px 0;}
#left a.link_extern, #right a.link_extern, #left a.link_intern, #right a.link_intern {padding-left: 15px;} 

/* Kontaktformular */
#contactForm {padding-bottom:30px; line-height:1.15em;}
#contactForm p {margin:10px 0 5px;}
#contactForm .warn {border: 1px dotted #DC8E17;}
#contactForm .content_left {float:left; width:350px; margin-right:25px;}
#contactForm .content_right {float:left; width:350px;}
#contactForm .contactRow {clear:both; height:20px; margin:8px 0;}
#contactForm input {border: 1px solid #666; font-size:12px; font-family:Arial,Helvetica,San; }
#contactForm .contactRow label {display:block; float:left; width:150px; font-size:.85em;}
#contactForm table label {display:block; float:left; width:150px; font-size:1.15em;}
#contactForm .contactRow input {display:block; float:left; width:150px;}
#contactForm .info {font-size:.7em !important;}
#contactForm .message {font-size:.8em !important; font-weight:bold; color:#DC8E17;}
#contactForm textarea {display:block; width:300px; height:80px; border: 1px solid #666; font-size:12px; font-family:Arial,Helvetica,San;}
#charcount {font-size:10px; position:absolute; margin-top:80px; margin-left:185px;}
#contactFormSubmit input {display:block; border:0; background:#DC8E17; color:#fff; cursor:pointer; font-weight:bold; width:150px; height:25px; }
#contactForm td {font-size:.8em;}

/* Footer */
#footer {font-size:.75em; padding-top:4px;}
.topsolar50 {float:left; width:195px;}