@charset "UTF-8";

@import "basic_contao.css";
@import "basic_own.css";

@import "input_select_textarea_submit.css";
@import "nav_header_hover.css";
@import "layout_boxed.css";

@import "news_list_small.css";
@import "news_list_full.css";
@import "galerie_liststyle.css";
@import "google_buttons.css"; 
@import "mediabox.css";
@import "slider.css";

/************************************************ FONT */
body {font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 125%; color: #000;}
h1, h2, h3, h4, h5, h6, .costum nav {font-size: 20px;margin-top: 5px;}
h1, h2, h3, h4, h5, h6, .custom nav {font-size: 20px;}
h1 { font-size: 23px; color: #000000; font-weight: bold;}
h2 { font-size: 17px; font-weight: bold;}
#gruender h1 { color: #005ec3;}
a { text-decoration: none; color: #444;}
a:hover { color: #8ed300;}
.clear {clear: both;}
.invisible {display: none;}
.sc-clear {
}
.float_right {float: right;}
.float_left {float: left;}

h2{color: #027706;}

/************************************************ BACKGROUND */

 body { 
    background-image: url("../img/page_elements/earth_layer.jpg");
    background-attachment: fixed;
background-position: 90% top;
background-repeat: no-repeat;
	 }

@media (max-width: 991px) {
    body {background: none;}
}


#container, #header .inside { background: transparent;}


/************************************************ SHADOW */
#header .inside, #container, #footer .inside {box-shadow: 0 0 12px rgba(0, 0, 0, 0.0);}
/************************************************ WRAPPER */
#header .inside, #container, #footer .inside {width: 975px;}
#container {width: px;}
#left { background: tranparent; width: 25px;}
#right { background: #fff; margin-bottom: 20px; opacity: 0.9;}
#kontakt-3 { clear: both;}
/************************************************ CONTAINER */
#container, #main {overflow: hidden;}
#container { clear: both; margin-top: 0px; padding-top: 0px;}
#left {	margin:0;	padding:0; width:0;}
#main {float: left; width: 680px;}
#main .inside {	padding: 2px 10px 0px 0px; }
#right {float: right;}
#right { padding-top: 		2px; width: 285px;}
#right nav, #right ul, #right li, #right a, #right  #sidebar_right { margin: 0 !important; padding: 0 !important;}
#nav_right_DCTI { margin-top: 30px; text-align:center;}
#nav_right_buch { margin-top: 30px; text-align:left;}
/************************************************ HEADER */
#logo { 
	margin: 0;
	width: 233px;
	height: auto;
}

@media (max-width: 991px) {
    #logo {margin: 20px 0 0 20px; float: left;}
}


#header .inside { background: transparent; height: 175px; border-radius: 5px 5px 0 0; margin-top: 20px;}
#box_right { 
	display: block; 
	right: 50%; 
	margin-right: -514px; 
	position: absolute; 
	background: #ffffff; 
	height: 111px; 
	width: 26px;
	border-bottom: #ddb77e;
	border-top: #ddb77e;
	margin-top: 2px;
}

#right {
	position: relative;
	margin: 0;
}

@media (max-width:1024px) {
      #right {width: 100%;text-align: center;}
      #right .inside {width: 95%; margin: 0 auto; text-align: left;}
}

/************************************************ HÄUSER LAYOUT 1 
#haeuser { background: url("../img/page_elements/haeuser_1.jpg") no-repeat scroll 0 0 transparent; border: 1px solid #918e8d; border-radius: 5px 5px 5px 5px; float: left; height: 147px; margin: 10px 10px 0; width: 660px;
	}
.atum #haeuser {background: url("../img/page_elements/haeuser_1.jpg") no-repeat scroll 0 0 transparent;}
.qualitaet-sichern #haeuser {background: url("../img/page_elements/haeuser_2.jpg") no-repeat scroll 0 0 transparent;}
.zukunft-vermitteln #haeuser {background: url("../img/page_elements/haeuser_3.jpg") no-repeat scroll 0 0 transparent;}
.potentiale-entdecken #haeuser {background: url("../img/page_elements/haeuser_4.jpg") no-repeat scroll 0 0 transparent;}
*/
/************************************************ BUTTON */
.button {
	background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    font-size: 10px;
    padding: 3px 8px;
}
.button a { color: #444; text-decoration: none; font-weight: bold;}
.button a:hover { text-decoration: underline;}
.pdf_link {float: left; margin-right: 3px; margin-left: 78px;}
/************************************************ NAV */
#nav_left { display: block; left: 50%; margin-left: -540px; margin-top: 0px; position: absolute;}
#nav_left li { list-style-type: none;}
header nav {float: left; margin-left: 18px; font-size: 12px;}

nav li a, 
nav .level_1 li span, 
nav li a:hover, 
nav .level_2 li span, 
nav .level_2 li a.trail, 
nav .level_2 li a:hover, 
nav .level_2 li span { padding: 0; font-size: 14px;}

header nav .level_2 ul {margin: -29px -10px 0 146px;}
header nav li {list-style-type: none; margin-left: 0px;}
nav.mod_sitemap a { color: #444; text-decoration: none;}
nav.mod_sitemap a:hover { color: #444; text-decoration: underline;}
nav.mod_sitemap .level_1 { font-size: 14px; font-weight: bold;}
nav.mod_sitemap .level_2 { font-size: 12px; font-weight: normal;}



/*===========  MOBILE  MENUE ================*/
@media (max-width: 991px) {
    #header .mod_navigation ul {display: none;}
}


.mod_mobile_menu {
	float: right;
	margin-right: 50px;
	
}

.mobile_menu_trigger  {
	width: 100%;
	min-width: 40px;
	position: relative;
}

.mobile_menu_trigger .button {
	margin: 30px 0 0 30px;
}

.mobile_menu {
    position: absolute;
    z-index: 100;
    display: none;
}

.mobile_menu .inner {
    background: #918E8D;
	text-align: left;
	height: 100%;
}

.mobile_menu .inner ul {
   list-style-type: none;
}

.mobile_menu .inner ul li {
	display: block;
}

.mobile_menu .inner ul.level_1 li a,
.mobile_menu .inner ul.level_2 li a,
.mobile_menu .inner ul.level_3 li a {
    color: #918E8D;
	font-size: 3em;
	padding: 40px 0 40px 30px;
	width: 100%;
	display: block;
	color: #fff;
	border-bottom: 2px solid #fff;
}

.mobile_menu .inner ul.level_2 li a,
.mobile_menu .inner ul.level_3 li a {
	padding: 40px 0 40px 60px;
}

.mobile_menu .inner ul.level_3 li a {
	padding: 40px 0 40px 90px;
}

.mobile_menu .inner ul.level_1 li.active a.active,
.mobile_menu .inner ul.level_1 li.trail a.active,
.mobile_menu .inner ul.level_1 li.trail a.trail {
    background-color: #47B3E2;
}

@media (max-width:1024px) {
      body {font-size: 1.1em;}
      #container {width: 100%;}
      #main {width: 100%;text-align: center;}
      #main .inside {width: 95%; margin: 0 auto; text-align: left;}
      h1 {font-size: 2.5em; margin-bottom: 1em; line-height: 110%;}
      h2 {font-size: 1.8em; margin-bottom: 1em; line-height: 110%}
      p {margin-bottom: 40px;}
      #main .mod_newsmenu {float: none; width: 100%;}
      #main .mod_newsarchive {float: none; width: 100%;}
      #main .mod_newsarchive .more { font-size: 1.1em; margin-bottom: 30px;}
      #main .mod_newsarchive .info { font-size: 1.1em; margin-bottom: 30px;}
      #main .mod_newsarchive .layout_short {border-bottom: 3px solid #ccc;}
}



@media (min-width:580px) and (max-width:991px){
	body {font-size: 1.9em;}

	.mobile_menu .inner ul.level_1 li a,
.mobile_menu .inner ul.level_2 li a,
.mobile_menu .inner ul.level_3 li a {
	font-size: 1.2em;
	padding: 20px 0 20px 30px;
}
}

@media (min-width:420px) and (orientation: portrait){
	body {font-size: 1.9em;}
	.mobile_menu .inner ul.level_1 li a,
.mobile_menu .inner ul.level_2 li a,
.mobile_menu .inner ul.level_3 li a {
	font-size: 1.3em;
	padding: 20px 0 20px 30px;
}
}

/*  KONTAKTFORMULAR  */
@media (max-width:991px) {
	#main .sc2 {float: none; display: block; width: 100%;}
	#main form .widget {width: 100%;}
	#main form {width: 100%;}
	#main form .widget {width: 100%; display: block;margin-bottom: 20px;}
	#main form .widget p {display: block;}
	#main form .widget input {display: block; width: 95%; padding: 20px 10px;}
	#main form .widget textarea {display: block; width: 95%; padding: 20px 10px;}
	#main form .widget select {display: block; width: 100%; padding: 20px 0;}
	#main form .submit {display: block; width: 100%; padding: 20px 10px;}
	#main .ce_comments {width: 100%;}
	#main .ce_comments .form {width: 100%;}
	#main form .checkbox_container input.checkbox {float: left; margin-top: 30px ;width: 50px; height: 50px;}
	#main form .checkbox_container label {float: right; width: 90%; margin: 30px 0 50px 0;}
}
/************************************************ FOOTER */
#footer {
	clear: both;
	text-align: center;
}

#footer .inside {
	margin-top: 20px;
	border-top: 2px solid #40b2e4;

	background: #ffffff;
	opacity: 0.9;

}

@media (max-width:991px) {
	#footer .inside {width: 95%; margin: 0 auto; text-align: left; border-top: none;}
}

#footer_green { 
	background: #0b4b01;
	height: 80px;
	padding: 0 30px;
}

@media (max-width:991px) {
      #footer_green {text-align: left; height: auto;}
      #footer_green table {width:100%;}
      #footer_green table tr td {display: block; float: left; margin: 0 30px 30px 0; padding: 0 30px 30px 0;}
	
}


/***********************************************  RIGHT BOXES */
#right .mod_contentbox .mod_box_items {
	width: 263px;
	height: auto;
	padding: 10px;
}

#right .mod_contentbox .mod_box_items .mod_box_items {
	width: 260px;
	height: auto;
	padding: 0;
	border-bottom: 2px solid #40b2e4;
}

#right .mod_contentbox .mod_box_items h1 {
	font-size: 1.5em;
}

#right .mod_contentbox .mod_box_items.blogbeitrag {
	padding-bottom: 30px;
}

#right .mod_contentbox .mod_box_items.last {
	border: none;
}

/*====  RIGHT MOBILE  ==========*/
@media (max-width:1024px) {
	 #right {display: none;}
      .startseite #right {display: block; float: none; clear: both; width: 100%; border-top: 10px solid #ccc;}
      .startseite #container #right .inside { max-width: 100%;}
      .startseite #right .inside .mod_contentbox { width: 99%; text-align: center;}
      .startseite #right .inside .mod_contentbox .mod_box_items {width: 100%; text-align: left;margin: 0 auto;}
	.startseite #right .mod_newslist .more { font-size: 1.1em; margin-bottom: 30px;}
	.startseite #right p.info time {font-size: 2.5em;}
}


/************************************************ ARTICLE */
#container #main .inside .mod_article  {
	background: #ffffff;
	padding: 20px 15px 0px 0px;
	margin-bottom: 15px;
	opacity: 0.9;
}

@media (max-width:1024px) {
      #container #main .inside .mod_article {padding: 20px;}
}

#container #main .inside .mod_article section {
	padding: 0px 40px 0 10px;
}
#container #main .inside .mod_article div.subcolumns {
	margin: 0px 40px 0 10px;
}
#container #main .inside .mod_article .subcolumns section {
	padding: 0px 0px 0 0px;
}
#blog_list section {
	padding: 0px 0px 0 0px !important;
}
#blog_list section div.layout_short {
	padding: 0px 40px 0 10px;
        border-top: 30px solid #fff;
}
#blog_list section h1 {
	padding: 0px 40px 15px 10px;
}
#container #main .inside .mod_article section.ce_gallery {
	padding: 0px 0px 0 0px;
        margin-left: 150px;
}
.kontakt section.ce_gallery {
	padding: 0px 0px 0 0px;
        margin-left: 20px !important;
}
.subcolumns {
    overflow: hidden;
    width: 553px;
}

.ce_download,
.enclosure {
	clear: both;
	font-size: 1em; 
}

.ce_downloads ul {list-style: none;}

ul.enclosure {list-style: none; padding: 0;}
ul.enclosure li {padding: 5px 0 0 10px; }
/************************************************ GALERY */
.row_1 .col_1 figure, .row_0 .col_1 figure {padding: 0 !important;}
.ce_gallery {
    display: block;
    margin-bottom: 30px;
}

.ce_gallery ul {
	list-style: none;
}

.ce_gallery ul li {
	float: left;
	margin: 0;
	padding: 0;
}

.ce_gallery ul li.even.col_first,
.ce_gallery ul li.odd.col_first {
	clear: left;
}

#adresse .ce_gallery {
    border-radius: 5px;
    display: block;
    height: 160px;
    width: 160px;
	behavior: url(../plugins/css3pie/PIE.htc);;
}
.image_container img {padding-right: 4px;}
section .ce_gallery {margin-bottom: 30px ;margin-left: 70px;}
section #adresse .ce_gallery {margin-bottom:0px ;margin-left:0px;}
/************************************************ LINK_CLOUD */
#link_cloud {
	/*background: url(../img/page_elements/link_cloud.jpg) no-repeat;*/
	width: 272px;
	height: 169px;
	padding: 10px 15px;
}
#link_cloud section {
	line-height: 130%;
}
#link_cloud a {
	line-height: 100%;
	text-decoration: none;
	color: #918e8d;
	font-weight: bold;
}
#link_cloud a:hover {
	color: #666;
}

/************************************************ BUCH*/
#buch {
	
	padding: 10px 15px;
	}
	

/*=================== SUCHE  ===============*/
#main #suchergebnis form {
	display: block;
	border: 1px solid #fff;
}

#main #suchergebnis p.header {
	display: block;
}


/************************************************ TRENNSTRICH*/
.trennstrich {
    background: none repeat scroll 0 0 #FFFFFF;
    clear: both;
    height: 20px;
}


/*==========  SEITE ENERGIE  ===========*/
/*anker*/
#main #energie h1 {
	position: relative;
}

#main #energie h1 a {
	position:absolute;
	top: -100px;
}


#main #energie table tr td {
	vertical-align: top;
	padding: 0 0 20px 0;
}


#main #energie table tr td img {
	margin-right: 20px;
}

#main #energie .angebot {
	
	text-align: right;
	font-size: 1.2em;
	height: 60px;
	padding: 5px 0 0 0;

}

#main #energie .angebot a {
	border: 1px solid #999;
	padding:  0 4px 4px 4px;
}

#main #energie .angebot a:hover {
	border: 1px solid #8ed300;
		padding:  0 3px 3px 3px;
}

/*============  STARTSEITE BUTTONS  ============*/
#main #atum .planung a {
	display: block;
	width: 150px;
	height: 150px;
	background: url(../img/planung.jpg) no-repeat;
}

#main #atum .planung a:hover {
	display: block;
	width: 150px;
	height: 150px;
	background: url(../img/planung_hover.jpg) no-repeat;
}

#main #atum .erzeugung a {
	display: block;
	width: 150px;
	height: 150px;
	background: url(../img/erzeugung.jpg) no-repeat;
}

#main #atum .erzeugung a:hover {
	display: block;
	width: 150px;
	height: 150px;
	background: url(../img/erzeugung_hover.jpg) no-repeat;
}

#main #atum .optimierung a {
	display: block;
	width: 150px;
	height: 150px;
	background: url(../img/optimierung.jpg) no-repeat;
}

#main #atum .optimierung a:hover {
	display: block;
	width: 150px;
	height: 150px;
	background: url(../img/optimierung_hover.jpg) no-repeat;
}

/*==============  NEWS  =================*/
#main .mod_newsarchive {
	background-color: #fff;
	width: 642px;
	padding: 0 15px;
}

#main .mod_newsarchive h2,
#main .mod_newslist h2{
	display: block;
	width: 100%;
	float: none;
	clear: both;
}

#main .mod_newsarchive .image_container,
#main .mod_newslist .image_container{
	margin: 0 10px 10px 0;
}

#main .mod_newsarchive .teaser,
#main .mod_newslist .teaser{
	display: inline;
}

#main .mod_newsarchive figure.image_container {
	float: left;
}

/*==============  ARCHIV MENUE  =================*/
#main .mod_newsmenu {
	background-color: #fff;
	float: none;
	clear: both;
	padding-bottom: 30px;
}

#main .mod_newsmenu ul {
	list-style: none;
}

#main .mod_newsmenu ul li {
	float: left;
	margin: 0 20px 0 0;
	padding: 0 20px 0 0 ;
	border-right: 1px solid #aaa;
}



hr {
	display: block;
	border-bottom: 1px solid #000;
	margin: 20px 0;
}

/*=============  KONTAKT  ===============*/
.kontakt form {
	width: 265px;
	margin-right: 0px;
}

.kontakt .explanation {
}

.kontakt input,
.kontakt textarea {
	border: 1px solid #ccc;
	margin-bottom: 10px;
	width: 250px;
	padding: 5px;
}
.kontakt textarea{
	height: 120px;
}
.kontakt select {
	border: 1px solid #ccc;
	margin-bottom: 10px;
	width: 261px;
	padding: 5px;
}
.kontakt button[type="submit"] {
	background: none repeat scroll 0 0 #000000;
	border: medium none;
	color: #FFFFFF;
	width: 261px;
	margin: 20px 0;
	-webkit-transition: background 0.218s linear 0s, color 0.218s linear 0s;
	-moz-transition: background 0.218s linear 0s, color 0.218s linear 0s;
	-o-transition: background 0.218s linear 0s, color 0.218s linear 0s;
	-ms-transition: background 0.218s linear 0s, color 0.218s linear 0s; 	
}
.kontakt button[type="submit"]:hover {
	background: none repeat scroll 0 0 #666;
	cursor: pointer;
}
.kontakt .ce_gallery {
    border-radius: 10px 10px 10px 10px;
    display: block;
    height: 164px;
    width: 164px;
}
.kontakt p {
margin-bottom: 0px;
}

.kontakt .widget-captcha input {
		width: 14px;
		float: right;
}
	

.sitemap #sitemap nav {
padding-left: 50px;
}

ul li {list-style: none;}
.button ul li {list-style: none;}

/*  SLIDER RECHTE SPALTE  */
#right .ce_sliderStart .slider-control {
	display: none;
}

/*  KUNDENMEINUNGEN STARTSEITE  */
#main #kundenmeinungen .ce_text {
	font-size: 1.2em;
	font-style: italic;
	color: #244d5e;
}

.invisible {
	display: none; 
}

.clear {
	clear: both;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.borderbottom {
	border-bottom: 1px solid #47B3E2;
	padding-top: 20px;
	margin-bottom: 20px;
}

#main a {
	color: #8ed300;
}


/*=================  Bilder - neue Logik  ================*/
.content-gallery figure {
  margin-top: 5px;
  margin-right: 9px;
  margin-bottom: 5px;
}

.content-image figure{
  text-align: center;
}
.content-text.media--above figure {
    text-align: center;
}

.content-text.media--left figure {
  margin-right: 20px;
}


.content-text.media--right figure {
  margin-left: 20px;
}