body {
background: #ffffff;

}

#language {
background: url(bg_blue_tr.jpg) top left repeat-x;
}
#language ul {
/* width: 190px; */
padding: 4px 0px 4px 10px;
background: url(tr_lang.png); 
margin: 6px 45px 0px 650px;
border: 1px solid #ffffff;
font-weight: bold;
}
#language ul li {
padding-left:21px;
display:inline;
margin: 0px 0px 10px 10px;
background: #ececec;
}

#language ul li a {
	color: #000000;
}


#language ul li.lang-0 {
	background: url(new_de.png) top left no-repeat;
}
#language ul li.lang-1 {
	background: url(new_uk.png) top left no-repeat;

}

#language ul li.dk {
	background: url(new_dk.png) top left no-repeat;

}

.spacer {
margin-top:10px;
margin-bottom:10px;
	
}
#navbar {
background: #057eb4;
padding: 0;
font-size:14px;
margin-bottom:20px;
}
#navbar ul {
list-style: none;
display: block;
margin: 0 10px;
color: #ffffff;
}
#navbar ul li {
display: inline;
float: left; 
}

#navbar ul li a {
float: left;
margin: 0 1.4em;
font-family: "trebuchet ms", verdana, arial, sans-serif;
font-weight: bold;
padding: 6px 6px;
color: #ffffff;
display: inline;
}

#navbar ul li a:hover {
background: #ffffff;
color: #057eb4;
}
#navbar ul li.rex-current {
background: #ffffff;
color: #057eb4;
}
#navbar ul li a.rex-current {
background: #ffffff;
color: #057eb4;
}

#navbar ul li a.visited {
background: #057eb4;	
color: #ffffff;
}
#innercontainer
.spacer {
background-color: #8FC73E;
height: 1em;
}


#footer {
background: #ffffff url(bg_formular.gif) repeat-x top left;
border-top: 1px solid #cccccc;
margin-top: 40px;
padding:0px 0px 10px 0px;
z-index: 988;
}
#footer p {
	font-size:11px;
}
#footer img {
margin-right: 6px;
}
#footer .grid_5 ul {
	line-height:17px;
}

/************************ Typography ***************/
h1 {
font-family: "trebuchet ms", verdana, arial, sans-serif;
font-size:14px;
margin: 10px 0;
color: #057eb4;
font-weight: bold;
	
}
h2 { 
	font-size: 12px;
	margin: .2em 0;
	text-align: left;
	color: #057eb4;
display:block;
}

p {
margin-top:10px;
color: #000066;
line-height:17px;
font-size:12px;
}
a {
	color: #057eb4;
	text-decoration: none;
}

/* ************************************ BLÖCKE STARTSEITE ********************* */


#teaserblock1 p, #teaserblock2 p, #teaserblock3 p, #teaserblock4 p {
font-size:11px;
}

#teaserblock1 {
}

#teaserblock2, #teaserblock3, #teaserblock4 {
text-align:justify;
min-height: 230px;
height:  auto !important;
height: 230px; 
background: url(bg_introblock.gif) repeat-x;
background: url(bg_blue.jpg) repeat-x;
background: url(bg_blue_tr.jpg) repeat-x;
/* border-top: 1px solid #057eb4;
border-left: 1px solid #057eb4;
border-right: 1px solid #057eb4;
*/
}

#teaserblock3 {
/* border-top: 1px solid #bf0f02;
border-left: 1px solid #bf0f02;
border-right: 1px solid #bf0f02;
*/
}
#teaserblock4 {
/*
border-top: 1px solid #fff402;
border-left: 1px solid #fff402;
border-right: 1px solid #fff402;
*/
}

#teaserblock2 p, #teaserblock3 p, #teaserblock4 p {
line-height: 18px;
margin: 0px 8px 0px 8px;
}
#teaserblock2 h1, #teaserblock3 h1, #teaserblock4 h1 {
margin: 0px 8px 8px 8px;
padding-top:8px;
}

/* ************************* MENU STARTSEITE LINKS ********************** */

.grid_3 p a.jobs {
margin: 0px 0px 0px 10px;
font-weight:bold;
color: #057eb4;
font-size:12px;
padding: 5px 0px 5px 6px;
background: url(bg_blue_tr.jpg) repeat-x;
border-bottom: 1px dotted #057eb4;
border-top: 1px dotted #057eb4;
display: block;

}

/* ************************************* MITARBEITER MODUL ******************* */
.mitarbeiter {
background: url(bg_mitarbeiter) top left repeat-x;
background: url(bg_blue_tr.jpg) repeat-x;
background: url(bg_light.gif) repeat-x;
min-height: 100px;
height:  auto !important;
height: 100px; 
float:left;
width: 210px;
display: inline;
margin: 0px 8px 8px 0px;
padding:5px 0px 0px 5px;
border: 1px dotted #057eb4;
}
.mitarbeiter h6 {
font-size:11px;
color: #057eb4;

}
.mitarbeiter p {
	font-size: 11px;
}
.mitarbeiter p a {
	color: #000066;
}
p.name_mit {
margin-top:2px;
}
p.email_mit {
background: url(email_icon.gif) no-repeat top left;
padding-left:24px;
line-height:16px;
}
p.fon_mit {
background: url(fon_icon.gif) no-repeat top left;
padding-left:24px;
font-size:11px;
line-height:16px;
}
p.fax_mit {
background: url(fax_icon.gif) no-repeat top left;
padding-left: 24px;
}
.spr_allgemeinkontakt {
clear: left;
background: url(bg_formular.gif) repeat-x;
background: url(bg_blue_tr.jpg) repeat-x;
background: url(bg_light.gif) repeat-x;
margin:0px 20px 0px 0px;
border: 1px dotted #057eb4;
padding: 5px 0px 0px 5px;
min-height: 115px;
height: auto !important;
height: 115px;
}
.spr_allgemeinkontakt p {
	line-height: 17px;
font-size:11px;
}
.spr_allgemeinkontakt p a{
color: #000066;
}

.spr_allgemeinkontakt h6 {
font-size:11px;
color: #057eb4;

}


/* ************************************* Firmenhistorie MODUL ******************* */

.chronik {
padding:5px 5px 10px 5px; 
margin-bottom:10px;
background: url(bg_light.gif) repeat-x;
}

.chronik h2 {
margin: 1px 0px 3px 0px;
color: #057eb4;
padding:4px;
}

.chronik li.chroniktext {
font-size:12px;
line-height: 19px;
/*
margin-left: 9px;
padding-left: 14px;
background: url(arrow.gif) no-repeat 0px 4px; */

}

.grid_6 ul {
color: #000066;
list-style-image: url(arrow.gif);
margin-top: 5px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 24px;
font-size:12px;
line-height:20px;
}


/* ****************** KONTAKTFORMULAR DEUTSCH ******************** */


#doform28 {
padding: 10px;
background: #fafafd;
}
#doform28 label {
float:left;	
width:110px;
padding-top:2px;
font-weight: bold;
}
#doform28 fieldset {
margin-bottom:10px;
border: 0;
}

#doform28 fieldset .formtext {
width:200px;
font-size:11px;
}

#doform28 .formtextfield {
width:280px;
height:140px;
font-size:11px;
padding: 3px;
overflow:auto;
}

#doform28 fieldset legend {
font-weight: bold;
color: #057eb4;

}

#doform28 .formheadline {
padding: 4px 0px;
}


/* ****************** KONTAKTFORMULAR ENGLISCH ******************** */


#doform436 {
padding: 10px;
background: #fafafd;
}
#doform436 label {
float:left;	
width:110px;
padding-top:2px;
font-weight: bold;
}
#doform436 fieldset {
margin-bottom:10px;
border: 0;
}

#doform436 fieldset .formtext {
width:200px;
font-size:11px;
}

#doform436 .formtextfield {
width:280px;
height:140px;
font-size:11px;
padding: 3px;
overflow:auto;
}

#doform436 fieldset legend {
font-weight: bold;
color: #057eb4;

}

#doform436 .formheadline {
padding: 4px 0px;
}

/* ************** KONTAKTFORMULAR ALLGEMEIN ************ */


#form-module-thanks {
	border: 1px dotted #25ae1f;
margin-bottom: 20px;
}

#form-module-thanks p {
color: #25ae1f;
margin: 15px;
font-weight: bold;
}

.forminfo {
color: #ff3300;
margin-bottom: 10px;
}

.forminfo p {
background: #ff3300;
color: #ffffff;
padding: 2px;
}

/* **************** GOOGLE MAPS ROUTENPLANER ***************** */

#static_map {
margin:0 auto;
border:1px solid #000;
}

#map_route {
width:220px;
height:450px;
border:1px solid #000;
float:left;
margin-top:10px;
}

#map_route span {
	display:block;
}

#directions {
float:right;
width:220px;
max-width:220px;
font-size:11px;
}
#directions tbody,#directions tr, #directions table {
width:220px;
}

#routenplaner {
margin-bottom:20px;
font-size:13px;
}
#routenplaner fieldset {
border: 1px dotted #057eb4;
margin: 0px 0px 10px 0px;
padding:10px 0px 15px 10px;
}
#routenplaner legend {
font-weight:normal;
color: #333333;
padding-left: 3px;
padding-right: 3px;
background: #ffffee;

}
#routenplaner input {
border:1px solid #aaa;
display:block;
width:40%;

margin-right:1em;
padding:0.1em 0.3em;
}

#routenplaner input#fromAddress {
	width: 80%;
}

/* ********************** PARTNERBOXEN und JQUERY SLIDER****************** */
.partner {
background: url(bg_mitarbeiter_inv.gif) repeat-x top left;
min-height: 110px;
height:  auto !important;
height: 110px; 
margin-bottom:15px;
padding-top:8px;
}
.grid_3 div.partner:hover {
	background: url(bg_mitarbeiter.gif) repeat-x top left;
}
.grid_3 .partner h1 {
margin:0;
padding:0;
margin-left: 8px;
margin-right:8px;
font-size:12px;
margin-bottom:3px;
}
.grid_3 .partner p {
margin: 0px 8px 0px 8px;
line-height:16px;
font-size:11px;
}
.grid_3 .jquery_logo {
}

.grid_3 .jquery_logo .galerie {
width:220px;
overflow: hidden;
border-top: 1px dotted #057eb4;
border-bottom: 1px dotted #057eb4;
background: #ffffff;
 }

.grid_3 .jquery_logo .galerie ul {
	margin:0;
	padding:0;
	list-style:none;
}
.grid_3 .jquery_logo .galerie ul li {
margin:0;
padding:0;
width:220px;
height:110px;
overflow:hidden;
list-style: none;
}

/* ************** Bild mit Text Highslide für Bereich Produkte ********* */
.floatLeft {
	float:left;
margin-right: 10px;
display:inline;
}
.floatRight {
	float: right;
margin-left: 10px;
display:inline;
}
#produkte_mitte p {
	line-height:18px;
}

.grid_8 .produkte_mitte {
margin: 0px 10px 0px 10px;
}

.produkte_mitte .bildtextblock {
clear:both;
background: url(bg_formular.gif) top left repeat-x;
background: url(bg_blue_tr.jpg) repeat-x top left;
background: url(bg_light.gif) repeat-x top left;
padding:10px 5px 10px 5px;
min-height:120px;
margin-bottom: 12px;
border-bottom: 1px dotted #057eb4;
border-top: 1px dotted #057eb4;
}
.produkte_mitte .bildtextblock ul {
	color: #000066;
list-style-image: url(arrow.gif);
margin-top: 5px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 24px;
font-size:12px;
}
.produkte_mitte .bildtextblock ul li {
	line-height: 20px;
}
/* ************************ NAVI PRODUKTE ZWEISPALTEN *************** */
#menu_left {
}

#menu_left a, #menu_right a { 
display:block;
width:100px;
height:100px;
line-height:30px;
position:relative;
font-size:7px;
text-align:center;
padding:60px 0 0 40px;
text-indent: -6000px;
outline: none;
}
#menu_left a:hover, #menu_right a:hover,#menu_left .current a,#menu_right .current a { 
background:url(imagemap_menu.png) no-repeat 0 -600px transparent;
}
#menu_left span, #menu_right span {
position:absolute;
top:42px;
left:40px;
width:100px;
height:100px;
}
#rex-article-11 span {
background:url(imagemap_menu.png) no-repeat 0 0 transparent;
}
#rex-article-12 span {
background:url(imagemap_menu.png) no-repeat 0 -100px transparent;
}
#rex-article-13 span {
background:url(imagemap_menu.png) no-repeat 0 -200px transparent;
}
#rex-article-10 span {
background:url(imagemap_menu.png) no-repeat 0 -500px transparent;
}
#rex-article-14 span {
background:url(imagemap_menu.png) no-repeat 0 -300px transparent;
}
#rex-article-15 span {
background:url(imagemap_menu.png) no-repeat 0 -400px transparent;
}


#rex-article-11_en span {
background:url(imagemap_menu_en.png) no-repeat 0 0 transparent;
}
#rex-article-12_en span {
background:url(imagemap_menu_en.png) no-repeat 0 -100px transparent;
}
#rex-article-13_en span {
background:url(imagemap_menu_en.png) no-repeat 0 -200px transparent;
}
#rex-article-10_en span {
background:url(imagemap_menu_en.png) no-repeat 0 -500px transparent;
}
#rex-article-14_en span {
background:url(imagemap_menu_en.png) no-repeat 0 -300px transparent;
}
#rex-article-15_en span {
background:url(imagemap_menu_en.png) no-repeat 0 -400px transparent;
}


/* ****************** JOBS ********************* */
.grid_6 .jobs {
padding: 0px 0px 10px 0px;
border-right: 1px dotted #057eb4;
margin-bottom: 20px;
}
.grid_6 .jobs p{
	margin-right:15px;
}
.grid_6 .jobs ul {
	margin: 10px 15px 10px 20px;
}
.grid_6 .jobs ul li{
margin-bottom:5px;
list-style-type: square;
font-size:12px;
line-height:17px;
}
.grid_6 .jobs .jobonline p{
font-size:10px;
color: #333333;
font-style: italic;
}

/* ******************* SERVICE CONTENT ***************** */
.grid_10 .service_content, .grid_9 .service_content {
	margin-right:10px;
margin-left:30px;
}

.grid_10 .service_content ul {
color: #000066;
list-style-image: url(arrow.gif);
margin-top: 5px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 24px;
font-size:12px;
line-height:20px;
}
/* ******************* SERVICE RECHTS ***************** */
.grid_5 .service_rechts ul {
color: #000066;
list-style-image: url(arrow.gif);
margin-top: 5px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 24px;
}

/* ************************** GALERIE HIGHSLIDE ********************* */
.produkte_mitte .g_bild {
	margin-right: 50px;
margin-left:0;
}




/* ********************** DOWNLOAD mit jquery *************************** */



.infothek_content {
font-size:12px;
padding-left:20px;
overflow:auto
}

* html .infothek_content {
height:1%;
} 

/* ERSTE KATEGORIE */

.infothek_content ul.depth-0 {
width:300px;
float: left;
}

.infothek_content ul.depth-0 li{
font-weight:bold;
margin-bottom: 10px;
background: url(bg_blue_tr.jpg) top left repeat-x;
padding: 8px;
}

/* ZWEITE KATEGORIE */


.infothek_content ul.depth-1 {
margin-top:8px;
font-weight: normal;
margin-left:25px;
background: transparent;
}

.infothek_content ul.depth-1 li {
list-style-image: url(arrow.gif);
padding: 4px;
background: none;
font-weight: normal;
}

.infothek_content ul.depth-1 li.current {
font-weight: bold;
background: url(arrow_right.gif) top right no-repeat;
}


/* DRITTE KATEGORIE */

.infothek_content ul.depth-2 {
	margin-top:10px;
margin-left: 20px;
}


/* VIERTE KATEGORIE */

.infothek_content ul.depth-3 {
	margin-top:10px;
margin-left: 20px;
}




.infothek_content ul.file-list {
float: left;
display: inline;
margin-left: 40px;
width: 500px;
height: 200px;
border-bottom: 1px solid #057eb4;
border-top: 1px solid #057eb4;
padding: 8px;
}
.infothek_content a.haschildren,.infothek_content span.haschildren {
cursor:pointer;
display:block;
}
ul.file-list li {
	background: url(pdf_icon.png) no-repeat;
}
ul.file-list li a {
display:block;
padding:0;
margin:0;
padding:4px 0px 8px 12px;
margin: 0px 0px 10px 10px;
}



/* ******************************** MEDIATHEK ****************************** */

#mediaplayer {
padding-left: 5px;
}



.flow_left {
width: 270px;
float: left;
margin-right: 20px;
margin-bottom: 16px;
padding: 4px;
border: 1px solid #cccccc;
background: #ececec;
}

.flow_left p {
margin: 0px 0px 5px 0px;
padding: 5px;
background: #cccccc;
font-weight: bold;
}

.backlink {
padding: 6px 0px 6px 3px;
background: url(bg_blue_tr.jpg) 0px -70px repeat-x;
margin-top: 10px;
font-size:12px;
font-weight: bold;
width: 400px;
}

/* Karte mit Referenzen */

.detail {
display:none;
position:absolute;
left:-480px;
top:0;
width:450px;
background: url(bg_formular.gif);
padding: 5px;
border: 1px dotted #057eb4;

}

.detail h3 {
background: url(bg_light.gif) repeat-x;
color: #057eb4;
padding: 3px;
}

.description p {
	font-size: 10px;
}

.dot {
margin:-5px 0 0 -5px;
padding:0;
display:block;
width:9px;
height:9px;
background:#0a0;
border:1px solid #000;
}



.reference:hover .detail {
display:block;
margin-bottom: 50px;


}

.reference {
overflow: hidden;
margin-bottom: 50px;

}


/* ********************* SOLARERTRAGSRECHNER ************************ */

#map {
float: left;
cursor: pointer;
}

#solarrechner {
float: left;
width: 430px;
background: url(bg_rechner.jpg) top left no-repeat;
display: inline;
margin-left: 20px;
font-size:12px;
padding:10px;
color: #057eb4;


}

#solarrechner label {
width:190px;
float:left;
font-weight: bold;
padding-left:13px;
background: url(bg_fieldset_rechner.gif) 0px 15px no-repeat;
}

#solarrechner fieldset {
line-height: 40px;
border: 1px dotted #057eb4;
margin-bottom:20px;

}

#solarrechner #input {
background: url(bg_rechner_trans.png);
padding: 15px 120px 15px 15px;

}

#solarrechner #input .input_element {
	border-top: 1px dotted #ffffff;

}

#solarrechner #input .input_element #flaeche {
width: 40px;
margin-right: 5px;
}

#solarrechner #input .input_element #wirkungsgrad {
width: 40px;
margin-right: 5px;
}

#solarrechner #input .input_element #dachneigung {
width: 50px;
margin-right: 5px;
}

#solarrechner #input .input_element #suedabweichung {
width: 50px;
margin-right: 5px;
}


#solarrechner legend {
width: 200px;
background: url(bg_formular.gif);
font-weight: bold;
border: 1px dotted #057eb4;
padding: 3px;
font-size:13px;
line-height: 19px;
}
#solarrechner #submit {
font-weight: bold;
padding: 2px;
background: url(bg_light.gif);
border: 1px solid #ffffff;
font-size:12px;
cursor: pointer;
text-transform: uppercase;
}

#solarrechner #output {
background: url(bg_rechner_trans.png);
padding: 15px;
}

#solarrechner #output #ergebnis {
font-weight: bold;
border: 1px dotted #057eb4;
padding: 0px 10px 10px 6px;
background: url(bg_light.gif); 

}

#solarrechner #output #ergebnis p {
color: #057eb4;
padding-left: 36px;
background: url(bg_numbers_3.gif) no-repeat;

}
/* *********************** ZWEISPALTER MIT TINYMCE ********************** */

.grid_12 .linkszwei {
	
float: left; 
width: 419px; 
background: url(bg_light.gif); 
padding:0px 6px 12px 6px;
}

.grid_12 .linkszwei p {
	padding-left:40px;
background: url(bg_numbers_1.gif) no-repeat;
}

.grid_12 .rechtszwei p {
	padding-left:40px;
background: url(bg_numbers_2.gif) no-repeat;
}

.grid_12 .rechtszwei {
	
float: left; 
width: 430px; 
background: url(bg_light.gif); 
padding:0px 6px 10px 6px;
margin-left: 20px;
display: inline;

}
/* ************************* INFOLINK ZUR MEDIATHEK *************** */

.infolink {

border: 1px dotted #057eb4;

}

.infolink p {
	
background: url(bg_info.gif) top left no-repeat;
padding: 0px 5px 15px 25px;
margin-left:6px;
}
/* ******************* NEWS STARTSEITE ************************** */

.news {
border: 1px dotted #057eb4;
background: url(bg_light.gif) repeat-x;
padding: 6px;
margin: 10px 0px 0px 10px;
}
.newsbild {
margin-top:6px;
border:1px dotted #cccccc;

}
/* *************************** AKTUELLE PROJEKTE *********** */


h2.h2_projekte {
padding-top: 9px;
padding-right: 0px;
padding-bottom: 9px;
padding-left: 6px;
background-image: url("bg_blue_tr.jpg");
background-repeat: repeat-x;
background-position: 0px -70px;
font-size: 14px;

}
.projekte_allg {
margin: 10px 0px;
background: url(bg_light.gif) repeat-x;
border: 1px dotted #057eb4;
}

.projekte_allg ul {
	margin-left: 10px;
}

.projekte_allg h2 {
	margin: 10px;
}

.projekte_allg p {
	margin: 10px;

}

.projekte_det {
margin: 20px 0px;
background: url(bg_light.gif) repeat-x;
border: 1px dotted #057eb4;
}

.projekte_det h2 {
	margin: 10px;
}

.projekte_det p {
	margin: 10px;

}
.projektbild {
padding: 3px;
background: url(bg_light.gif) repeat-x;
border: 1px dotted #057eb4;
margin-bottom: 10px;
}

#projektecontainer .soh {
	margin-left:10px;
}

span.soh {
	text-indent: -2000px;
display:block;
}


/* *************** DOWNLOAD MODUL SWG ***************** */

.dl {
padding: 6px;
border: 1px solid #cccccc;
background: url(bg_light.gif) repeat-x top left;
overflow: auto;
margin: 10px 20px 10px 0px;
}

.dl h2 {
font-size: 14px;
}

.dl_a {
float: left; 
margin-right: 20px;
width: 270px;
}


.dl_b {
float: left; 
border-left: 1px solid #cccccc;
width: 120px;
padding-left: 15px;
}

.dl_b a img {
border:0;
text-decoration: none;
}




/* ******************************* TEASER DK ********************** */

.teaser_dk {

}

.wrapper_a {
display:block;
overflow: auto;
padding-bottom: 5px;
border-bottom: 1px dotted #cccccc;
}

#innercontainer {
overflow: hidden;
}

.grid_4 .bildtextblock {

background: url(bg_light.gif) repeat-x top left;
padding:10px 5px 10px 5px;
min-height:120px;
margin-bottom: 12px;
border-bottom: 1px dotted #057eb4;
border-top: 1px dotted #057eb4;
}

.grid_4 .bildtextblock p {
font-size: 11px;
}



.spr_allgemeinkontakt2 {
clear: left;
background: url(bg_formular.gif) repeat-x;
background: url(bg_blue_tr.jpg) repeat-x;
background: url(bg_light.gif) repeat-x;
margin:0px 20px 0px 0px;
border: 1px dotted #057eb4;
padding: 0px 0px 0px 5px;

}
.spr_allgemeinkontakt2 p {
	line-height: 24px;
font-size:13px;
margin:0;
}
.spr_allgemeinkontakt2 p a{
color: #000066;
}