@charset "UTF-8";
/* CSS Document */
/* Diese Datei ist Eigentum von Timo Wild */
/* Zur Verfügung gestellt für die FR-Frankensolar GmbH */
/* April 2010 */
/* E-Mail: timo.wild@frankensolar.de */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0; 
	padding: 0;
}

fieldset, img { border: 0; }


 
option { padding-left: 0.4em; }

hr {
	color:#222;
}

dl { margin: 1em 0; }
dd { padding-left: 40px; }

blockquote { 
    margin: 0 0 1em 1.5em; 
    font-style: italic;
    font-size: 120%;
    color: #7887A0;
}

p {	margin: 1em 0; }

td, th { padding: 1px; }

a {
	color:#999;
	font-weight:bold;
}

a.icon-pdf {
        padding-left: 17px;
        background: url(../images/pdf_button.png) 0 40% no-repeat;
}


a.icon-extern {
        padding-left: 17px;
        background: url(../images/icon_external.png) 0 40% no-repeat;
}

a.icon-mail {
        padding-left: 30px;
        background: url(../images/mail-button.png) 0 40% no-repeat;
}

/*
 *div und span box
 */

span.note,
span.info,
span.alert,
span.download,
span.tip {
	display: block;
}

div.note, span.note {
	margin: 10px 0px 10px 0px;
	padding: 5px 10px 5px 10px;
	background: #f4f5f6;
	border-top: 1px dotted #aab4be;
	border-bottom: 1px dotted #aab4be;
	text-align:justify;
}

div.info, span.info,
div.alert, span.alert,
div.download, span.download,
div.tip, span.tip {
	margin: 10px 0px 10px 0px;
	padding: 7px 10px 7px 35px;
}

div.info, span.info {
	background: #f4f5f6 url(../images/div_info.png) 3px 3px no-repeat;
	border-top: 1px dotted #aab4be;
	border-bottom: 1px dotted #aab4be;
}

div.alert, span.alert {
	background: #fff5eb url(../images/div_alert.png) 3px 3px no-repeat;
	border-top: 1px dotted #ffb4a0;
	border-bottom: 1px dotted #ffb4a0;
}

div.download, span.download {
	background: #f5faeb url(../images/div_download.png) 3px 3px no-repeat;
	border-top: 1px dotted #78be5a;
	border-bottom: 1px dotted #78be5a;
}

div.tip, span.tip {
	background: #fffdeb url(../images/div_tip.png) 3px 3px no-repeat;
	border-top: 1px dotted #ffc864;
	border-bottom: 1px dotted #ffc864;
}


h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-bottom: 0px;
	margin-bottom: 5px;
	line-height: 100%;
}

h1 {
	font-size: 250%;
	font-weight: normal;
	color: #7887A0;
}

h2 {
	font-size: 225%;
	color: #ffffff;
}

h3,{
	font-size: 200%;
	color: #646478;
}

h4 {
	font-size: 175%;
	font-weight: normal;
	color: #7887A0;
}

h5 {
	font-size: 150%;
	color: #878796;
}

h6 {
	font-size: 125%;
	color: #d0d0d2;
}

h1.center {
	font-size: 250%;
	font-weight: bold;
	color: #FFF;
	text-align: center;
}

h2.slogan {
	font-size: 225%;
	color: #575859;
}

a.button{
	background: url(../images/button.png) no-repeat;
	display:block;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	height:50px;
	line-height:45px;
	margin-bottom:14px;
	text-decoration:none;
	width:191px;
}
a:hover.button{
	color:#FF0;
	text-decoration:none;
}

span.download-fs{
		background:url(../images/download.png) no-repeat 10px 8px;
		text-indent:50px;
		display:block;
	}
	
	span.download-fs2{
		background:url(../images/download.png) no-repeat 10px 8px;
		text-indent:27px;
		display:block;
	}

 
 
html {
	height: 100%;
	margin-bottom: 1px;
}


/*
 * Seite
 */
 
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 150%;
	color: #000000;
}

body#page {
	background: #cccccc;
}


/* Seite zentrieren */
div#wrapper {
	margin: auto;
	width: 1000px;
	
}



div#page-body {
	background: #000000 url(../images/page_body_bg.png) 0 0 repeat-x;
}


div.wrapper-tl {
	background: #202020 url(../images/wrapper_tl.png) 0 0 no-repeat;	
}


div.wrapper-tr {
	padding: 0px 50px 0px 50px;
	background: url(../images/wrapper_tr.png) 100% 0 no-repeat;	
}

div#header {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: auto;
	height: 110px;  
	background: #222 url(../images/wrapper_tr.png) 0 0 repeat-x;
	position: relative;
	 
}



div#toolbar-bg {
	position: absolute;
	width: 900px;  
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	z-index: 2;
	  
}


div#toolbar-bg div.toolbar-l {
	height: 56px;
	background: url(../images/tool-bg.png) 0 0 repeat-x;
}




	
div#toolbar {
	position:absolute,
	height: 30px;  
	padding: 0px 0px 0px 0px;
	
  
}



div#slogan-links {
	position:absolute;
	margin: 12px 0px 0px 150px;
	float: left;
	color: #ffffff;
	font-size: 85%;
	left: 170px;
	top: 32px;
}


div#slogan-rechts {
	margin: 5px 0px 0px 150px;
	float: right;
	font-size: 85%;
}

div#twitter-icon {
	margin: 2px 0px 0px 20px;
	float: right;
	font-size: 85%;
}




div#textgroesse {
	margin: 5px 0px 0px 0px;
	float: right;
}



div#logo {
	position: absolute;
	top: 0px;
	z-index: 999;
	margin: 0px 0px 0px -10px;
	padding: 0px 0px 0px 0px;
	width: auto;
	height: 200px;
	
}


#main{
	/* Der Haupt Kontainer */
	margin:0px 0 0px 0px;
	text-align:center;
	width:890px;
	position:relative;
	z-index:20;
}


div#footer {
	width: auto;
	height:20px;  
	padding: 0px 0px 0px 0px;
	clear: both;  
	text-align: center;
	
}



div#footer-fixed {
    margin-bottom:0px;
	position:relative;
    text-align:center;
	width:auto;
    padding:0px;
	height:400px;
	background: #101010  url(../images/footer.png) 50% 0 repeat-x;
}

div#wrapper-footer {
	margin: auto;
	width: 1000px;
	min-height:120px;
	background:#202020;
	
}

div#footer-bottom {
	margin: auto;
	width: 1000px;
	height:150px;
	background: transparent  url(../images/footer-ende.png) 50% 0 no-repeat;
	
}

div#footer-bottom {
	margin: auto;
	width: 1000px;
	height:150px;
	padding: 30px 20px;
	color:#FFF;
	
}

#footer-text{
	/* Footer */
	margin:0px 0 15px 5px;
	text-align:center;
	width:890px;
	position:relative;
}

.footer-text-anschrift {
	margin: 0px 300px;
	text-align:center;
	color:#FFF;
	font-weight:normal;
	
	
}

	




/* Gallery styles */

#gallery{
	/* CSS3 Box Shadow */
	-moz-box-shadow:0 0 3px #AAAAAA;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	box-shadow:0 0 3px #AAAAAA;
	
	/* CSS3 Rounded Corners */
	
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
	
	border:1px solid #999;
	
	background:url(../img/panel.jpg) repeat-x bottom center #CCC;
	
	/* The width of the gallery */
	width:890px;
	overflow:hidden;
	position:relative;
	margin: 0px 0px 15px 0px;
}

#slides{
	/* Das ist die Slider Area */
	height:400px;
	
	/* Die Weite wird von der JQuery-Datei verändert. */
	width:890px;
	overflow:hidden;
}


.slide{
	float:left;
}

#menu {
	/* Thumbnailskontainer */
	height:45px;
}

#menu ul{
	margin:0px;
	padding:0px;
}

#menu li{
	/* Jedes Thumbnail ist ein Element */
	width:60px;
	display:inline-block;
	list-style:none;
	height:45px;
	overflow:hidden;
}

*+ html li{
	/* IE7 Hack - Jedes Thumbnail ist ein Element */
	width:60px;
	display:inline;
	list-style:none;
	height:45px;
	overflow:hidden;
}

#menu li.inact:hover{
	/* Der inaktive Status wird hervorgehoben durch einen Mouse Over Effekt */
	background:url(../img/pic_bg.png) repeat;
}

#menu li.act,#menu li.act:hover{
	/* Der Aktive Status der Thumbs */
	background:url(../img/active_bg.png) no-repeat;
}

#menu li.act a{
	cursor:default;
}

.fbar{
	/* Der linke Strich neben den Thumbs */
	width:2px;
	background:url(../img/divider.png) no-repeat right;
}

#menu li a{
	display:block;
	background:url(../img/divider.png) no-repeat right;
	height:35px;
	padding-top:10px;
}

#menu a img{
	border:none;
}


#menu a, a:visited {
	color:#FFF;
	text-decoration:none;
	outline:none;
}

#menu a, a:hover{
	color:#FFF;
	text-decoration:underline;
}

p{
	padding:10px 0 10px 0;
	text-align:left;
}

p .klein {
	padding:0 0 0 0;
	text-align:left;
}


.imgteaser {
	margin: 0;
	overflow: hidden;
	float: left;
	position: relative;
}
.imgteaser a {
	text-decoration: none;
	float: left;
}
.imgteaser a:hover {
	cursor: pointer;
}

.imgteaser a img {
	float: left;
	margin: 0;
	border: none;
	padding: 0px 0px 10px 0px;
	background: #fff;
	border: 0px solid #ddd;
}

*+ html .imgteaser a img {
	float: left;
	margin: 0;
	border: none;
	padding: 0px 0px 0px 0px;
	background: #fff;
	border: 0px solid #ddd;
}

.imgteaser a .more {
	position: absolute;
	right: 20px;
	bottom: 20px;
	font-size: 1.2em;
	color: #fff;
	background: #000;
	padding: 5px 10px;
	filter:alpha(opacity=65);
	opacity:.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; /*--IE 8 Transparency--*/
}
.imgteaser a:hover .desc{
	display: block;
	font-size: 1.2em;
	padding: 10px 0;
	background: #111;
	filter:alpha(opacity=75);
	opacity:.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
	color: #fff;
	position: absolute;
	bottom: 11px;
	left: -2px;
	padding:10px;
	margin: 0;
	width: 890px;
	border-top: 1px solid #999;
}
.imgteaser a:hover .desc strong {
	display: block;
	margin-bottom: 5px;
	font-size:1.5em;
}

.imgteaser a .desc {	display: none; }
.imgteaser a:hover .more { visibility: hidden;}


#headline-text {
	margin: 0px 0px 15px 0px;
	padding: 0px 0px;
	color: #ffffff;
	width:890px;
	

	background: #000000;
	-moz-box-shadow:0 0 3px #AAAAAA;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	box-shadow:0 0 3px #AAAAAA;
	
	/* CSS3 Runde Ecken */
	
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
	
	border:1px solid #504e4e;
}




	/* float-texte */
#float-text {
	margin: 0;
	padding: 0px 0px;
	color: #ffffff;
	width:890px;
	

	background: #000000;
	-moz-box-shadow:0 0 3px #AAAAAA;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	box-shadow:0 0 3px #AAAAAA;
	
	/* CSS3 Runde Ecken */
	
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
	
	border:1px solid #504e4e;
}


#float-text-sec {
	margin: 15px 0px;
	padding: 0px 0px;
	color: #ffffff;
	width:890px;
	

	background: #000000;
	-moz-box-shadow:0 0 3px #AAAAAA;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	box-shadow:0 0 3px #AAAAAA;
	
	/* CSS3 Runde Ecken */
	
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
	
	border:1px solid #504e4e;
}
.floatbox { 
	width:900px;
	overflow:hidden;		
}

.float-air-box { 
	float: left;
	width: 800px;
	margin: 5px 5px 5px 45px;
	padding:5px 0px 5px 5px;
	text-align:left;
	font-size:10px;
}

.float-left { float: left; overflow: hidden; }
.float-right { 
	float: right;
	padding: 0px 45px 20px 0px;
	overflow: hidden; }

.float-left-4 { 
	float: left;
	width: 280px;
	margin: 5px 0px 5px 5px;
	padding:5px 0px 5px 5px;
	text-align:left;
}

.float-left-4-air { 
	float: left;
	width: 280px;
	margin: 5px 0px 5px 5px;
	padding:5px 0px 5px 5px;
	text-align:left;
	font-size:10px;
}

.float-left-4-air-right { 
	float: left;
	width: 275px;
	margin: 5px 0px 5px 5px;
	padding:5px 0px 5px 5px;
	text-align:left;
	font-size:10px;
}

.float-left-5 { 
	float: left;
	width: 2px;
	margin: 5px 5px 5px 0px;
	padding:5px 5px 5px 0px;
}

.float-left-6 { 
	float: left;
	width: 850px;
	margin: 5px 5px 5px 5px;
	padding:5px 125px 5px 25px;
}

.float-left-7 { 
	float: left;
	width: 550px;
	text-align:left;
	margin: 5px 5px 5px 5px;
	padding:5px 0px 5px 0px;
}

.float-left-8 { 
	float: left;
	width: 250px;
	margin: 5px 0px 5px 5px;
	padding:5px 0px 5px 5px;
}

.float-left-9 { 
	margin: auto;
	width: 200px;
	left:50%;
	padding: 10px 0px 0px 0px;
	
}

.float-left-10 { 
	margin: auto;
	width: 400px;
	left:50%;
	padding: 10px 0px 0px 10px;
	
}

.float-left-11 { 
	margin: auto;
	float:left;
	width: 300px;
    left: 50%;
	padding: 10px 30px 0px 120px;
	text-align:left;
	
}

.float-left-12 { 
	margin: auto;
	width: 250px;
	left:50%;
	padding: 10px 0px 0px 0px;
	
}

.float-left-vid { 
	margin: auto;
	width: 191px;
	padding: 10px 0px 0px 0px;
	
}

ul.list li {
	width:auto;
	height: 25px;
	font-weight:bold;
	margin: 0px 0px 0px 0px;
	line-height: 10px;
	display: block;
}





/* Menü */

.nav-wrap { 
		margin: 0 auto; 
		padding: 57px 8px 0px 150px; 
		background-color: transparent;
		border-top: 0px solid white; 
		border-bottom: 0px solid white; 
}


*+html .nav-wrap { 
		margin: 0 auto; 
		padding: 20px 8px 0px 150px; 
		background-color: transparent;
		border-top: 0px solid white; 
		border-bottom: 0px solid white; 
}

.group:after { 
		visibility: hidden; 
		display: block; 
		font-size: 0; 
		content: " "; 
		clear: both; 
		height: 0; 
}


*:first-child+html .group { zoom: 1; } /* IE7 */


#tric-nav { 
		margin: 0 auto; 
		float:left;
		list-style: none; 
		position: relative; 
		width: 800px; 
}

#tric-nav li { 
		display: inline;

}

#tric-nav li a { 
		color: #575859; 
		font-size: 14px; 
		display: block; 
		float:left; 
		padding: 6px 20px 4px 20px; 
		text-decoration: none; 
		text-transform: none;
	
}

#tric-nav li a:hover { 
		color: white; 
}

#tric-nav li a:visited { 
 		
		
}

#magic-line { 
		position: absolute; 
		bottom: -2px; 
		left: 0;  
		height: 2px; 
		background: #575859;
		width:100px; 
}

.current_page_item a, .current_page_item_two a { color: #FFFFFF !important; }



/*--FAQ--*/





*, * focus {
 outline: none;
 margin: 0;
 padding: 0;
}

.container {
 width: 872px;
 margin: 0 auto;
}

h1.faq {
 font: 4em normal Arial, Helvetica, sans-serif;
 text-align:center;
 padding: 20px 0;
 color: #fff;
} 

h3.faq {
 font: 2em normal Arial, Helvetica, sans-serif;
 text-align:center;
 padding: 20px 0;
 color: #575859;
} 



h1 span { color: #666; }
h1 small{
 font: 0.3em normal Verdana, Arial, Helvetica, sans-serif;
 text-transform:uppercase;
 letter-spacing: 1.5em;
 display: block;
 color: #666;
}
h2.trigger {
 padding: 0 0 0 0px;
 margin: 0 0 5px 10px;
 background: url(../images/content/h2_trigger_a.png) no-repeat;
 height: 46px;
 line-height: 46px;
 width: 870px;
 font-size: 1.6em;
 font-weight: normal;

}
h2.trigger a {
 color: #fff;
 text-decoration: none;
 display: block;
}
h2.trigger a:hover {
 color: #ccc;
}
h2.active {background-position: left bottom;}
.toggle_container {
 padding: 0 0 0 50px;
 margin: 0 0 5px 10px;
 border-top: 1px solid #d6d6d6;
 background: #f0f0f0 url(toggle_block_stretch.gif) repeat-y left top;overflow: hidden;
 font-size: 1.2em;
 color:#000000;
 width: 815px;
 clear: both;
}
.toggle_container .block {
 padding: 20px;
 background: url(toggle_block_btm.gif) no-repeat left bottom;
}
.toggle_container .block p {
 padding: 5px 0;
 margin: 5px 0;
}

.toggle_container .block a {
	color:#600;
	text-decoration:none;
}

.toggle_container .block a:hover {
	color:#575859;
	text-decoration:none;
}

.toggle_container h3 {
 font: 1.5em normalVerdana, Arial, Helvetica, sans-serif;
 margin: 0 0 10px;
 padding: 0 0 5px 0;
 border-bottom: 1px dashed #ccc;
}
.toggle_container img {
 float: left;
 margin: 10px 15px 15px 0;
 padding: 5px;
 background: #ddd;
 border: 1px solid #ccc;
}


#flashcontent {
	width:215px; 
	height:180px;
	position: absolute;
	top:390px;
	left: 80px;
	z-index:9999;
	
	
}


#air-header {
	width:300px; 
	height:300px;
	position: absolute;
	top:220px;
	left: 80px;
	text-align:left;
	display:block;
	z-index:9999;
	
}

#air-hinweistext {
	width:800px; 
	height:40px;
	position: absolute;
	top:600px;
	left: 80px;
	text-align:left;
	display:block;
	z-index:9999;
	
}