@charset "UTF-8";
/* CSS Document */

@font-face {
	font-family:'calibri';
	src: url(../Calibri/'Calibri/calibri.eot');
	src: 
		 url(../Calibri/'calibri.eot?#iefix') format('embedded-opentype'),
		 url(../Calibri/'calibri.woff') format('woff'),
		 url(../Calibri/'calibri.ttf') format('truetype'),
		 url(../Calibri/'calibri.svg') format('svg'); 
}

.*{
	padding: 0;
	margin: 0px auto;
}


body 
{
	font-family: 'calibri';
}

.row {
	color: #919394;
	font-size: 1em;
	line-height: 1.5;
	font-family: 'calibri';
}


#header
{
	background-image: url(../Bilder/Logo-Header.jpg);
	height: 308px;
    width:500px; 
    position: relative;
	float:right;
}

#headerGRAU
{
	background-image: url(../Bilder/Logo-Header-SW.jpg);
	height: 308px;
	margin-left: -1px;
}

.container {margin-bottom:50px;}


#logo_link
{
    margin-bottom:50px;
	z-index: 10;
	float: left;
}

#logo_link a:hover
{
	background-image: url(../Bilder/Logo-Header-SW2.jpg);
}


/*---------------Untertitel----------------*/

#untertitel
{
    font-family: 'calibri';
	text-align: right;
	padding-top: 25px;
	font-size: 1.6em;
	color: #cfd1d2;
	line-height:1.1em;



}

#untertitel-kontakt
{
	height: 350px;
	width: 280px;
	text-align: right;
	float:right;
	padding-top: 25px;
	font-size: 1.4em;
	color: #919394;
	margin-bottom: 45px;
	margin-right:63px;
	

}

#h
{
	color: #919394;
	font-size: 1em;
	
}


/*---------------HOME_TEXT----------------*/

#text_home
{
	color: #919394;
	font-size: 0.9em;
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;	
}

.text_klein_blau
{
	color: #2382c0;
	font-size: 1em;
	line-height: 0.1;
}




/*---------------FOOTER----------------*/


#footer
{
	clear: both;
	text-align: center;
	margin-top: -17px;
	margin-right: 2px;
	margin-bottom:30px;
}


/*---------------KOOPERATIONEN----------------*/


#text_kooperationen
{
	color: #919394;
	font-size: 0.9em;
	width:370px;
	margin-left: 310px;
	margin-bottom: 30px;
	line-height:1.5;
	float:left;
}


/*---------------PUBLIKATIONEN----------------*/


#text_publikationen
{
	color: #919394;
	font-size: 14px;
	width:370px;
	margin-bottom: 30px;
	line-height:1.5;

}

#text_publikationen a
{text-decoration:none; color:#d8d900;}

#text_nachtaktiv
{
	color: #919394;
	font-size: 14px;
	width:420px;
	margin-left: 310px;
	margin-bottom: 30px;
	line-height:1.5;
	float:left;
}

#text_nachtaktiv a
{text-decoration:none; color:#d8d900;}


/*---------------bertieblicheGF----------------*/

#text_betrieblicheGF 
{
	width:370px;
	height: 870px;
	margin-left:305px;
	float: left;
	color: #919394;
	font-size: 0.9em;	
	line-height:1.5;
}


#text_blau
{
	color: #2382c0;
	font-size: 22px;
	height: 250px;
	line-height: 1,3em;
	padding-top: 10px;
}

#empty
{
	height: 1000px;
}

/*---------------BILDER_HOME----------------*/

#bilder_home1{
	float:left;
	padding-right: 35px;
	margin-left: 150px;
	padding-bottom:20px; border:none;
}

.bilder_home2{
	float:right;
	padding: 0px 60px 20px 0px; border:none;
}

.bilder_video{
	float:right;
	padding: 0px 60px 20px 0px; border:none;
}

#bilder_home3{
	float:left;
	padding: 17px 10px 10px 10px;
	margin-left: 70px; border:none;
}
#bilder_home4{
	padding: 10px;
	margin-bottom: 25px;
	margin-left: 25px;
	margin-top: -70px; border:none;
	}

#leere_home
{
	height: 200px;
	width: 330px;
	float: left;
}

#leere_home2
{

	height: 25px;
}


#fade{
	width: 100px;
	height:20px;
}


/*---------------KABARETT----------------*/


#text_kabarett
{
	color: #919394;
	font-size: 0.9em;
	width:370px;
	margin-left:195px;
	margin-bottom: 30px;
	line-height:1.5;
	float:left;
}

#bilder_kabarett2{
	position:absolute;
	padding: 10px;
	clear:both;
	left: 800px;
	top: 751px;
}


/*---------------persoenlicheGF----------------*/

.text_persoenlicheGF
{
	color: #919394;
	font-size: 0.9em;
	width:370px;
	height: 710px;
	margin-left:35px;
	line-height:1.5;
	float: left;
	
}

/*---------------ausbildungen----------------*/

#text_ausbildungen
{
	color: #919394;
	font-size: 0.9em;
	width:500px;
	height: 1100px;
	margin-left:195px;
	line-height:1.5;
	float:left;
}

/*---------------referenzen-text----------------*/

#text_referenzen-text
{
	color: #919394;
	font-size: 0.9em;
	width:370px;
	height: 2250px;
	margin-left:195px;
	line-height:1.5;
	float:left;
	padding-right: 200px;
	text-align: justify;

} 

/*---------------impressum-text----------------*/

#text_impressum
{
	color: #919394;
	font-size: 0.9em;
	width:370px;
	height: 780px;
	margin-left:310px;
	line-height:1.5;
	float:left;
	padding-right: 200px;
	text-align: justify;

} 
 

/*---------------links----------------*/

#text_links
{
	color: #919394;
	
	font-size: 0.9em;
	width:370px;
	height: 730px;
	margin-left:310px;
	line-height:1.5;
	float:left;
	line-height:2em;

}

/*---------------kooperationen----------------*/

#text_kooperationen
{
	color: #919394;
	font-size: 0.9em;
	width:370px;
	height: 930px;
	margin-left:310px;
	line-height:1.5;
	float:left;
	line-height:2em;

}

#text_kooperationen a
{
	color: #919394;
	font-size: 1.2 em;
	text-decoration:underline;
}

#text_kooperationen a:visited
{
	color: #d8d900;
	font-size: 1.2 em;
	text-decoration:underline;
}


/*---------------PREISE----------------*/

#text_preise
{
	color: #919394;
	font-size: 0.9em;
	width:370px;
	height: 560px;
	margin-left:310px;
	line-height:1.5;
	float:left;
}

/*---------------ICH BIN VIELE----------------*/

#ichbinviele
{
	color: #919394;
	font-size: 0.9em;
	width:370px;
	height: 565px;
	margin-left:35px;
	line-height:1.5;
	float: left;
	
}


.gruen 
{
	color: #d8d900; 
	text-decoration:none;
}

.gelb 
{
	color: #eace2c; 
	text-decoration:none;
}

#text_links a
{
	text-decoration:none;
	color: #919394;
}

#text_links a:visited
{
	text-decoration:none;
	color: #d8d900;
}

#link_home
{
	position:absolute;
	height: 200px;
	width: 200px;
}

.bilder_persoenlicheGF 
{
	float:left;
	margin-left: 80px;
	margin-top:210px; border:none;
	clear:both; border:none;
	
}

.bilder_persoenlicheGF2
{
	padding: 10px;
	margin-bottom: 25px;
	margin-left: 35px;
	clear:both; border:none;
	
}

.bilder_referenzen
{

	padding: 10px;
	margin-bottom: 25px;
	margin-left: 20px;
	clear:both; border: none;
	
}

h2
{
	font-size:1.6em; 
	line-height:1.0em;
	font-weight:normal;
	color: #cfd1d2;
}

#fade
{
	text-transform: uppercase;
	color: #cfd1d2;
	font-size:0.9em; 
	width: 170px;
	z-index: 20;
	margin-top: 240px;
	margin-left: 707px;
	position: absolute;
	text-align: right;

}

/*---------------subdomain----------------*/

#voegl
{
	position:absolute;
	color: #919394;
	font-size: 0.9em;
	width:399px;
	height: 565px;
	left: 290px;
	top: 540px;
}
#hintergrund
{   position:relative;
	background-image:url(../Bilder/hg-voegl.jpg);
	height: 1191px;
	width:950px;
	margin:auto;
	z-index:14;
}

#voegl-kontakt
{
	position: absolute;
	color: #919394;
	font-size: 0.9em;
	width:158px;
	height: 141px;
	left: 90px;
	top: 654px;
	text-align:right;
	z-index:17;
}

#voegl-video
{
	position: absolute;
	background-image:url(../bilder/video-voegl.jpg);
	z-index:16;
	width: 187px;
	height: 187px;
	left: 702px;
	top: 823px;
}

#video{
	padding-bottom: 80px;
	height: auto;
}

#video a{
	color: #919394;
}
#gsa-logo {float:left; witdh:30px; margin-right: 25px;}
#buch-logo {float:right; witdh:30px; margin-right: 25px;}
#gsf-logo {float:left; witdh:30px; margin-right: 25px;}
#trainerlink {float:left; witdh:80px; margin-right: 25px; }


.scroll-pane { 
	overflow: auto; 
	width: 99%;
	height:300px; 
	float:left; 
}

.scroll-content { 
width: 8600px;
}

.scroll-content2 { 
width: 1550px;
}

.scroll-content3 { 
width: 1150px;
}

.scroll-content-item { 
	height: 220px; 
	float: left; 
	margin-right: 50px; 
}

.scroll-content-item img { 
	padding-top: 30px;
	height: 250px; 
}
  .scroll-bar-wrap { 
  		clear: left; 
		padding: 0 4px 0 2px; 
		margin: 0 -1px -1px -1px; 
	}
  .scroll-bar-wrap .ui-slider { 
  background: none; border:0; height: 2em; margin: 0 auto;  }
  .scroll-bar-wrap .ui-handle-helper-parent { position: relative; width: 100%; height: 100%; margin: 0 auto; }
  .scroll-bar-wrap .ui-slider-handle { top:.2em; height: 1.5em; }
  .scroll-bar-wrap .ui-slider-handle .ui-icon { margin: -8px auto 0; position: relative; top: 50%; }
  
  
@media screen and (max-width: 1200px){ 

	#logo_link{
		margin-bottom: 0px;
		width: 60%;
	}
	#logo_link img {
		width: 90%;
	}

}  
  
@media screen and (max-width: 992px){
	
	
	
	.float{
		float: left;
		margin: 20px 0;
	}
}
  
@media screen and (max-width: 768px){
	
	#logo_link{
		width: 100%;
	}

	#logo_link img {
		width: 80%;
		text-align:center;
	}
	
	
	.float{
		float: left;
		margin: 20px 0;
	}
}