@charset "UTF-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre, p,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, tt, var,
dl, dt, dd, ol, ul, li,

.clear, .clear_both         {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: white;
	background: white;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.75em;
}


ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* END RESET */

  /* Layout: Width, Background, Border | Layout: Breite, Hintergrund, Rahmen */
  
#sprachbox {  position:absolute; left:50%; top:50%; width:200px; height:20px; margin-left:-400px; margin-top:-246px; border:none; color: #515151;  text-align: left; letter-spacing: 0; vertical-align: top; margin-bottom: 20px; font-weight: bold;  }
 
#impressum { font-weight: bold; position:absolute; left:50%; top:50%; width:200px; height:20px; margin-left:200px; margin-top:-246px; color: #515151; text-align: right; letter-spacing: 0; vertical-align: top; margin-bottom: 20px; }

#framebox { background-color: black; position:absolute; left:50%; top:50%; width:800px; height:444px; margin-left:-400px; margin-top:-222px;}

#menue { position:absolute; left:50%; top:50%; width:900px; height:40px; margin-left:-445px; margin-top:236px; text-align: center; }
#menue ul, #menue ul li{ display:inline; margin-right: 0.9em; }


 /* Aktuelle termin Seite */
 
#aktuelle-termine {
	 position: absolute;
		left: 140px;
		top: 100px;
		width: 600px;
		height: auto;
		line-height: 1.225;
		font-size: 120%;
	}
	
#aktuelle-termine p span, #termine-frame p {
	margin-left: 1.5em;
	}
#aktuelle-termine h2, #termine-frame h2, #news h2 {
	font-weight: bold;
	}
#aktuelle-termine h3, #termine-frame h3, #news h3 {
	font-style: italic;
	margin-bottom: 1.5em;
	}
	
	
/*  über die Arbeit   */

#arbeit {
		position: absolute;
		left: 280px;
		top: 85px;
		width: 470px;
		height: auto;
		line-height: 1.18;
		font-size: 125%;
	}	
	
#arbeit-neu {
		position: absolute;
		left: 250px;
		top: 85px;
		width: 520px;
		height: 330px;
		line-height: 1.225;
		font-size: 130%; 
		overflow: auto; 
		padding: 0 50px 0 0;
		text-align: justify;
	}	
		
	#arbeit-neu p, #arbeit-neu ul {
	margin: 0px 0 28px 0;
	}	
	
	#arbeit-neu h2{
		font-size: 130%;
		font-weight: bold;
		margin-bottom: 14px;
	}		

	#arbeit-neu li{
		padding-left: 12px;
		list-style: circle;
		list-style-position: inside;
	}		
	
		#arbeit-neu em {
		font-style: itylic;
	}		
	
#arbeit p.space {
	margin-top: 1.8em;
	}
#arbeit p span.bigspace {
	margin-right: 1.65em;
	}
#arbeit p {
	margin-bottom: 0.7em;
	}
#arbeit h2 {
	margin-bottom: 1.15em;
	font-size: 1.35em;
	font-weight: bold;
	}
#arbeit h3 {
	margin-top: 1.4em;
	font-style: italic;
	font-weight: bold;
	}
#arbeit ul li {
	list-style-type: circle;
	list-style-position: inside;
		margin-bottom: 0.5em;
	}
#arbeit ultra-condensed {
		margin-top: 1em;
		margin-bottom: 1.5em;
	}
	
/*  Lichtflüsse */

#termine-bildwechsler {
	position: absolute;
	left: 754px;
	}
	
#termine-frame { height: 325px; width: 710px; position: absolute; left: 80px; top: 95px; visibility: visible; overflow: auto; padding: 0 30px 0 0; line-height: 1.22; font-size: 128%; font-weight: bold;}
#termine-frame2 { width: 430px; position: absolute; left: 270px; top: 95px;  line-height: 1.225; font-size: 127%; }
.topmargin { margin-top: 2em;  }  	
.scrollbar-black {scrollbar-3d-light-color: #fcff00; scrollbar-arrow-color: #ffffff; scrollbar-base-color: #e0e0df; scrollbar-darkshadow-color: #4d453d; scrollbar-face-color: #2b241d; scrollbar-highlight-color: #000000; scrollbar-shadow-color: #dfdfdf; scrollbar-track-color: #fff }
.h2-details { font-size: 125%; margin-bottom: 0.9em; }
	

/* news */

.news-p { margin: 6px 0 0px 20px; }
#news h3 { margin: 0px 0 0px 20px; }


#news {
	position: absolute;
		left: 80px;
		top: 90px;
		width: 685px;
		height: 330px;
		line-height: 1.225;
		font-size: 129%; 
		overflow: auto; 
		padding: 0 60px 0 0;
	}

#news h2 {
	margin-top: 14px;
	}

#news h2.h2-news {
	font-weight: bold;
	font-size: 128%;
	margin-bottom: 20px;
	}

#news.news-details p { margin: 14px 0; }


/* erfahrungen */

.erfahrungen { font-size: 120%; line-height: 1.225; }
.erfahrungen strong {  font-size: 1.20em;  letter-spacing: 0.06em; }
#erfahrungen-left { height: auto; width: 248px; left:37px; top: 130px; position: absolute; visibility: visible; }
#erfahrungen-left p { margin-bottom: 1em; }
#erfahrungen-right {  height: 360px; width: 390px; left: 347px; top: 55px; position: absolute; visibility: visible; display: block; overflow: scroll; padding: 5px; }
#erfahrungen-right2 {  height: 380px; width: 400px; left: 380px; top: 42px; position: absolute; }
#erfahrungen-right table { margin-bottom: 1.1em; }

input, textarea {
	margin-bottom: 0.75em;
	border: white 1px solid;
	background: black;
	color: white;
	padding: 7px; 
	font-size: 0.9em;
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	}	
input:focus, textarea:focus {
 color: #000;
 background: #fff;
 outline: 2px solid red;
 padding: 9px;
}

/*  kontakt  */

#kontakt { 
	height: auto; 
	width: 540px; 
	position: absolute;
	left:220px; 
	top: 95px; 
	}
	
#kontakt .left {
	 float: left;
	 text-align: right;
	 width: 40%;
	 margin-right: 2%;
	}

#kontakt button, #kontakt .right {
 	margin-left : 42%;
	}

#kontakt label {
	font-weight: bold;
	font-size: 1.05em;
 	margin-right : 0.5em;
	}
	
#fragen-antwort {
	background-color: white; 
	color: black;
	text-align: center; 
	height: auto; 
	width: 280px; 
	position: absolute;
	left: 400px; 
	top: 250px; 
	padding: 25px; 
	border: solid 8px blue;
	font-size: 1.1em;
	}

/* IMPRESSUM */

#legal {
	position: absolute;
	width: 380px; 
	left: 325px;
	top: 100px; 
	line-height: 1.125; 
	font-size: 115%; 
	}
#legal p {
	margin-bottom: 1em;
	}
#legal .url {
	font-size: 1.4em;
	font-weight: bold;
	}

/* das energieteam */

#inlay-dasenergieteam {
	position: absolute;
	width: 268px;
	height: 345px; 
	left: 270px;
	top: 50px; 
	line-height: 1.225; 
	font-size: 115%; 
	color: #363f4e;
	}

#inlay-dasenergieteam h2 {
	font-size: 130%;
	margin-bottom: 1em;
	}
#inlay-dasenergieteam h3 {
	font-size: 115%;
	margin-bottom: 1em;
	}
#inlay-dasenergieteam p {
	margin-bottom: 0.8em;
	}
	

/* LINKS */
	
			a:visited,  a:link {
			color: black;
			text-decoration: none;
			}
			a:hover, a:focus, a:active {
			color: #ff7200;
			text-decoration: underline;
			}			
			
			#framebox a:visited, #framebox a:link {
			color: white;
			text-decoration: underline;
			}
			#framebox a:hover, #framebox a:focus, #framebox a:active {
			color: #ff7200;
			text-decoration: none;
			}
			
			#inlay-dasenergieteam a:visited, #inlay-dasenergieteam a:link {
			color: #363f4e;
			text-decoration: underline;
			}
			#inlay-dasenergieteam a:hover, #inlay-dasenergieteam a:focus, #inlay-dasenergieteam a:active {
			color: #94313c;
			text-decoration: none;
			}			
			
			#framebox a.url:visited, #framebox a.url:link {
			color: white;
			text-decoration: none;
			}
	

/* ADD ONS */

a.mousefrage { cursor: help; }

	

  /*  Skiplinks - Content unsichtbar machen für Sehende */

   .skiplinks, h1, #erfahrungen-right2 label {
    position: absolute;
    left: -2000px;
    top: -2000px;
    width: 0;
    height: 0;
    overflow: hidden;
    display: inline;
  }


  /*  Markuploses Clearen von div´s */

  .clearfix:after { content: "."; display: block; height: 0; clear:both; visibility: hidden; }
  .clearfix { display: inline-block; }
  /* hide from ie \*/
  * html .clearfix {height:1%;}
  .clearfix {display:block;}
  /* ende hide ie */

  #ie_clearing { display: none }
  *:first-child+html #ie_clearing { display:block }
  * html #ie_clearing { display:block }