/*
Theme Name: Theme Name
Theme URI: http://netzartig.net
Description: Design FF-2010 for FRANKE-Filter GmbH Germany 
Version: 1.0
Author: Tobias Franke
Tags: blueprintcss, grid system, fixed width, two columns, widgets

Design by T. Franke 2010 || http://netzartig.net
*/
body {
 background: #fff url(images/bgFrontpageBody.jpg) repeat-x 0 125px;
}
#header {
 background: url(images/bgHeaderFrontpage.png) repeat-x;
 border-bottom: 5px solid #E6E7E8;
 height: 120px;
}
#main {
 background: url(images/bgFrontpageSlider.jpg) no-repeat center top;
 padding-top: 0;
}
#slider {
 height: 400px;
}
#fader .innerfade {
 padding: 40px 20px 20px 0;
}
#fader li {
 list-style: none;
 padding: 0; margin: 0;
}
#fader .text {
 color: #D9E5F5;
 float: left;
 font-size: 18px;
 margin-right: 80px;
 width: 602px;
}
#fader .title-link {
 color: #fff;
 font-size: 40px;
 text-decoration: none;
}
#fader .title-link:hover {
 text-decoration: underline;
}
#fader .thumb {
 float: right;
}


/*************** begin slider ***************/
/* manual configuration of slider unless WP Plugin smooth slider is used */
#jFlowSlide{ background: url(images/bgSlider.jpg) no-repeat; font-family: Georgia; }
#myController { font-family: Georgia; padding:2px 0; width:100%; background: transparent; }
#myController span {

}
#myController span.jFlowSelected { color: #0071bc; }

.slide-wrapper { padding: 20px 25px; }
.slide-thumbnail { width:200px; float:right; display: none; }
.slide-thumbnail img {max-width:200px; display: none;}
.slide-details { color: #fff; width:100%; float:left;}
.slide-details h2 { font-size:1.5em; font-style: italic; font-weight:normal; line-height: 1; margin:0; }
.slide-details .description { margin-top:10px; }

.jFlowControl, .jFlowPrev, .jFlowNext {
 color:#e1e1e1;
 cursor:pointer; 
 font-size: 60px; 
 padding-left: 5px; 
 padding-right: 5px; 
 padding-top: 2px; 
 padding-bottom: 2px; 
}
.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover {
 color: #0071bc: 
}
.jFlowPrev, .jFlowNext {
 font-size: 12px;
}

.slide-wrapper h2,slide-wrapper h2 a {
 color: #fff;
 font: 24px/120% normal bold Arial, Verdana, sans-serif;
}
.slide-wrapper .description {
 font: 14px/150% normal normal Arial, Verdana, Helvetica, sans-serif;
 width: 430px;
}
.slide-wrapper a.link-to-article {
 background: url(images/icon-arrow-right.png) no-repeat;
 color: #5E6260;
 display: block;
 font: 18px normal bold Arial, Verdana, sans-serif;
 height: 30px;
 padding: 4px 0 0 35px;
}
.slide-wrapper .date {
 color: #efefef;
 font-size: 11px;
 font-style: italic;
}
/*************** slider end ***************/