/*  
*   BASEG  werbung+kommunikation GmbH
*   @12/2008
*   Autor: R.Hbner
*
*   CSS-Standard FASA AG
*/

body,html {font-size:101%; font-family:Arial, Helvetica, sans-serif; color:#333;}

#head {font-size:11px;}

#middle .navi-left {font-size:11px;}

.content {font-size:12px; line-height:18px;}

.clear, .clr {clear:both; height:0; visibility:hidden;}

#footer {font-size:11px;}

#footer .footer-content {font-size:14px; font-weight:bold; color:#fff;}

/* speziell */
.fasarot {color:#c03;}
.orange {color: #DC8E17;}

/* Navi-Top */
/* 1. Stage */

#head-left .navi-top ul li {list-style:none; background:#fff;}

#head-left .navi-top ul {display:block; width:240px; margin-top:8px; background:#ebedee;}

#head-left .navi-top ul li a {color:#333; line-height:15px; padding-left:36px; height:15px; display:block; margin-top:1px; text-decoration:none; background:url(../images/arrow-red-navi.gif) no-repeat 220px 5px;}

#head-left .navi-top ul li a.active {color:#c03; line-height:15px; padding-left:36px; height:15px; display:block; margin-top:1px; text-decoration:none; background:url(../images/arrow-red-navi.gif) no-repeat 220px 5px;}

#head-left .navi-top ul li a.active:hover {background-color:#fff;}

#head-left .navi-top ul li a:hover {background:url(../images/arrow-red-navi-on.gif) no-repeat 220px 5px #ebedee;}

/* Navi-Left */
/* 2. Stage */

#middle .navi-left ul li {list-style:none;}

#middle .navi-left ul {display:block; margin-top:50px; width:230px; border-bottom:8px solid #E20620;}

#middle .navi-left ul li a {color:#333; line-height:15px; padding-left:35px; height:15px; display:block; border-top:1px solid #ebedee; text-decoration:none; background:url(../images/arrow-red-navi.gif) no-repeat 180px 5px;}

#middle .navi-left ul li a.active {color:#c03; line-height:16px; padding-left:35px; height:15px; display:block; border-top:1px solid #ebedee; text-decoration:none; background:url(../images/arrow-red-navi-open.gif) no-repeat 180px 5px;}

#middle .navi-left ul li a.open {color:#c03; line-height:16px; padding-left:35px; height:16px; display:block; border-top:1px solid #ebedee; text-decoration:none; background:url(../images/arrow-red-navi-open.gif) no-repeat 180px 5px;}

#middle .navi-left ul li a:hover {background:url(../images/arrow-red-navi-on.gif) no-repeat 180px 5px #ebedee;}

#middle .navi-left ul li a.active:hover {background:url(../images/arrow-red-navi-open.gif) no-repeat 180px 5px;}

/* 3. Stage */
#middle .navi-left ul li ul {display:block; margin-top:0; list-style:none; border:0;}

#middle .navi-left ul li ul li a {padding-left:45px; background-image:none;}

#middle .navi-left ul li ul li a.active {padding-left:45px; background-image:none; background-color:#fff;}

#middle .navi-left ul li ul li a:hover {background-image:none;}

#middle .navi-left ul li ul li a.active:hover {padding-left:45px; background-image:none; background-color:#fff;}

/* 4. Stage */
#middle .navi-left ul li ul li ul li a {padding-left:60px; background-image:none;}

#middle .navi-left ul li ul li ul li a.active {padding-left:60px; background-image:none; background-color:#fff;}

#middle .navi-left ul li ul li ul li a.active:hover {padding-left:60px; background-image:none; background-color:#fff;}

/* Footer */
#footer .footer-navi ul li {display:block; float:left; margin-right:30px;}

#footer .footer-navi ul li a {text-decoration:none; padding-left:10px; color:#ccc; background:url(../images/arrow-grey-navi.gif) no-repeat 0 5px; }

#footer .footer-navi ul li a:hover {color:#fff;}

/* Content-Styles */
.content h1 {font-size:16px;margin:10px 0;}
.content h1.sitehead-left {display:block; float:left; width:auto; font-size:18px; margin:0; margin-right:25px; color:#E20620;}
.content h2 {font-size:16px; margin:0 0 15px 0; color:#E20620; line-height:20px;}
.content h3 {font-size:12px;}
.content p {margin: 5px 0; line-height:18px; font-size:12px;} 
.content ul.list li {padding-left:10px;background:url(../images/arrow-red-navi.gif) no-repeat 0 7px;list-style:none;}
.content a {color:#c03; text-decoration:underline;}
.content a:hover {color:#333; text-decoration:none; }
.content a.link {color:#c03; background:url(../images/link.gif) no-repeat 0 4px;padding-left:22px;}
.content a.link-pdf {color:#c03; background:url(../images/pdf-logo.jpg) no-repeat 0 0;padding:3px 0 0 22px; line-height:2.1em;}
.content ol {margin:5px 0 5px 25px;}
.content ol li {margin-bottom:8px;}
.content ol ul {margin:5px 0 0 15px;}
.content ol ul li {margin:3px;}
.content ul {margin:3px 0 10px 25px;}
.content ul li {margin-bottom:4px;}
.content .content-left{width:530px;float:left;height:auto;}
.content .content-right{width:420px;height:auto;float:left;text-align:right;}
.content .content-right img{margin: 0 6px 5px 0; vertical-align:top;}
.content .content-right .img_desc img{margin: 0; vertical-align:top;}
.content .align-left {text-align:left;}

/*Solararchitektur links,rechts */
div.left-solar {float:left; width:745px;}
div.right-solar {float:left; width:175px;}
.float {float:left; margin:8px !important;}

/* Content Home */
#content-home .content em, #content-home .content strong {font-style:normal;font-weight:normal;}
#content-home .content p.bold strong {font-weight:bold;}

/* Links Navi-Right */
#head-right a {text-decoration:none; color:#909090; }
#head-right a:hover {text-decoration:none; color:#666; }

/* Info-Field */
#head-right .info {margin-top:52px; width:420px;}
#head-right .info .info-head {float:left; cursor:pointer; width:80px; padding-left:15px; border-top: 1px solid #ebedee; border-bottom: 1px solid #ebedee; background:#ebedee no-repeat url(../images/info.gif) 82px 3px;}
#head-right .info .info-text {padding:4px; float:left; font-size:9px; margin-top:-40px; color:#fff; background-color:#707072; width:123px;}


/* the Ticker */
#head-right .ticker {width:420px;}
#head-right .ticker .ticker-head {clear:both; float:left; padding-left:15px; width:80px; border-top: 1px solid #ebedee; border-bottom: 1px solid #ebedee; background:#ebedee;}
#ticker {border-top: 1px solid #ebedee; border-bottom: 1px solid #ebedee; text-align:center; color:#c0c0c0; white-space:nowrap;}
#ticker a {display:block;white-space:nowrap;}
#ticker a:hover {background:#ebedee;}
span.invis_ticker {color:#fff;}

/* News-List */
#head-right .news {width:420px; border-top: 1px solid #ebedee; }
#head-right .news .news-head {float:left; width:80px; padding-left:15px; border-top: 1px solid #ebedee; border-bottom: 1px solid #ebedee; background:#ebedee;}
#head-right .news .news-liste {float:left;}
#head-right .news .news-liste ul {list-style:none;}
#head-right .news .news-liste ul li {border-bottom: 1px solid #ebedee;}
#head-right .news .news-liste ul li a {display:block; width:315px; line-height:15px; height:15px; padding-left:10px; background:url(../images/arrow-red-navi.gif) no-repeat 316px 5px;}
#head-right .news .news-liste ul li a:hover {background:url(../images/arrow-red-navi-on.gif) no-repeat 316px 5px #ebedee;}


/* Termin-List */
#head-right .termin {width:420px;}
#head-right .termin .termin-head {float:left; width:80px; padding-left:15px; border-top: 1px solid #ebedee; border-bottom: 1px solid #ebedee; background:#ebedee;}
#head-right .termin .termin-liste {float:left;}
#head-right .termin .termin-liste ul {list-style:none;}
#head-right .termin .termin-liste ul li {border-bottom: 1px solid #ebedee;}
#head-right .termin .termin-liste ul li a {display:block; width:315px; line-height:15px; height:15px; padding-left:10px; background:url(../images/arrow-red-navi.gif) no-repeat 316px 5px;}
#head-right .termin .termin-liste ul li a:hover {background:url(../images/arrow-red-navi-on.gif) no-repeat 316px 5px #ebedee;}


/* Download-List */
#head-right .download {width:420px;}
#head-right .download .download-head {float:left; margin-top:-1px; width:80px; padding-left:15px; border-bottom: 2px solid #ebedee; background:#ebedee; border-top: 1px solid #ebedee; background:#ebedee;}
#head-right .download .download-liste {float:left;}
#head-right .download .download-liste ul {list-style:none;}
#head-right .download .download-liste ul li {border-bottom: 1px solid #ebedee;}
#head-right .download .download-liste ul li a {display:block; width:315px; line-height:15px; height:15px; padding-left:10px; background:url(../images/arrow-red-navi.gif) no-repeat 316px 5px;}
#head-right .download .download-liste ul li a:hover {background:url(../images/arrow-red-navi-on.gif) no-repeat 316px 5px #ebedee;;}


/* Zeitstrahl */
.timeline {clear:both; height:auto;}
.timeline .timeline-head {display:block; float:left; background:#666; color:#fff; padding-left:10px; padding-right:35px; border-top: 1px solid #666; border-bottom: 1px solid #666;}
.timeline ul {margin:0;}
.timeline ul li {list-style-type:none; display:block; float:left; padding:0 15px 0 8px; border-top: 1px solid #666; border-bottom: 1px solid #666; font-size:9px;}
.timeline-table {clear:both; margin-top:10px;}
.timeline-table dl {}
.timeline-table dl dt {font-size:18px; color:#E20620;}
.timeline-table dl dd {margin:-20px 0 15px 85px; width:450px;}

/* News-Übersicht */
.news-view {float:left;}
.news-view h2 {padding-left:12px; background:url(../images/arrow-red-navi.gif) no-repeat 0 8px; font-size:12px; font-weight:bold; color:#666;}
.news-view p {margin:-5px 0 5px 12px; line-height:20px; width:600px;}  

/* Termin-Übersicht */
.termin-view {float:left;}
.termin-view h2 {padding:0 0 5px 12px; margin:0; background:url(../images/arrow-red-navi.gif) no-repeat 0 8px; font-size:14px; font-weight:bold; color:#666;}
.termin-view h3 {padding:0 0 8px 12px; font-size:12px; font-weight:bold; color:#666;}
.termin-view p {margin:-5px 0 5px 12px; line-height:20px; width:600px;} 


/* Kontaktformular */
#contactForm {padding-bottom:30px;}
#contactForm .content_left {float:left; width:350px; margin-right:25px;}
#contactForm .content_right {float:left; width:350px;}
#contactForm .contactRow {clear:both; height:20px;}
#contactForm input {border: 1px solid #666; font-size:12px; font-family:Arial,Helvetica,San; }
#contactForm .contactRow label {display:block; float:left; width:150px;}
#contactForm table label {display:block; float:left; width:150px;}
#contactForm .contactRow input {display:block; float:left; width:150px;}
#contactForm .contactRow textarea {display:block; float:left; width:410px; height:80px; border: 1px solid #666; font-size:12px; font-family:Arial,Helvetica,San Serif;}
#contactForm textarea {display:block; width:410px; height:80px; border: 1px solid #666; font-size:12px; font-family:Arial,Helvetica,San Serif;}
#charcount {font-size:10px;}
#contactFormSubmit input {display:block; border:0; background:#E20620; color:#fff; font-weight:bold; width:150px; height:25px; }
#contactForm .info {font-size:.9em !important;}
#contactForm .contactSubmit {height:30px !important;}
 
/* Sitemap */
.sitemap li {list-style:none;}
.sitemap li.level1 a {font-weight:bold;}
.sitemap li ul {margin-left:15px;}


/*Bildbeschreibung */
div.img_desc {position:relative; margin-bottom: 10px; }

a.img_text{
display:block;
position:relative;
color:#FFF;
height:auto;
line-height:normal;
margin-top:-1px;
text-decoration:none;
padding: 3px 3px 3px 25px;
background: #707072 url(../images/more.gif) no-repeat 3px 3px;
overflow:hidden;
text-align:left;
font-size:11px;
cursor:pointer;
}

a.img_text:hover {color:#FFF; cursor:pointer;}

/* Bilder-Galerie */
.image-galery {position:relative; width:auto;height:120px;}
.image-galery img {display:block;float:left;width:104px;height:90px;margin-right:1px; border:0;}
.image-galery a img {display:block;float:left;width:104px;height:90px;margin-right:1px; border:0;}
.image-galery a .preview {display:none;}
.image-galery a:hover .preview {display:block; position:absolute; right:100px; top:91px; height:auto; width:auto; padding:0; border: 1px solid #ebedee;}
.image-galery a:hover .preview img {height:auto; float:none; width:auto;}
.image-galery a:hover .preview p {margin:0; color:#fff; width:286px; padding:3px 3px 3px 25px; background:#707072 url(../images/more.gif) no-repeat 3px 3px;}