



	
/* ================================================================================================== */	

header, nav, section, footer {
    display: block;
}

body{
	margin:0;
	font: 100% Arial,Helvetica, sans-serif;
	color:#ffffff;
	background-color:#ffffff;	
	max-width:2000px;
	margin-left:auto;
	margin-right:auto;
		
	
	}
	

	/*grosses Hintergrundbild mit kleiner Navigation*/

header{ 


padding:-5% 0% 0% 0%;
max-width:2000px;
margin-left:auto;
margin-right:auto;
font: 150% Arial,Helvetica, sans-serif;
border-bottom:solid 0px #ffffff;

	    box-shadow: 0px 0px 0px #000000 ;
   -moz-box-shadow: 0px 0px 0px #000000 ;
-webkit-box-shadow: 0px 0px 0px #000000 ;

}


#slideshow { 

 
height: 100%;     
overflow:hidden;
background:#ffffff;


}

#slideshow > div { 

position:relative; 	
height:100%;

}


#bildstyle {
width:100%;
margin-left:auto;
margin-right:auto;
font: 100% Verdana, sans-serif;
text-align:center;
}

#bildstyle_mob {
width:100%;
margin-left:auto;
margin-right:auto;
margin-top:10px;
margin-bottom:10px;
font: 100% Verdana, sans-serif;
text-align:center;
}

	
/* Navigationsleiste mit Logo */	
nav{
margin-top:40px;	
position:relative;
max-height:250px;
margin-left:auto;
margin-right:auto;
font: 70% Arial,Helvetica, sans-serif;
width:100%;

color:red;
background:#ffffff;
padding: 2.5% 0% 0% 0px;
border-bottom:solid 0px gray;


	background-image: url(einleitung/logo2.png);
	background-repeat: no-repeat;
	background-position:center;
	background-attachment:scroll;

	-webkit-background-size: 70%;
	-moz-background-size: 70%;
	-o-background-size:70%;
	background-size: 70%;



}




.inh_anz{
background:#ffffff;
padding:5px;
width:18%;
text-align:center;
border-top-left-radius:5px;
border-top-right-radius:5px;
margin-bottom:-10px;
border-top:solid 1px #ffffff;
margin-left:30px;
font: 45% Arial,Helvetica, sans-serif;
color:red;
	    box-shadow: 0px 2px 2px gray ;
;
}


/* Navigationslinks */

a.link:link,
a.link:visited {	

float:left;
text-decoration:none;
text-align:center;
width:6%;
padding:5px 0px 5px 0px;
color:red;
margin-right:1%;

margin-bottom:0.7%;
margin-top:0px;



border-top-right-radius:5px;


border-top:solid 3px #ffffff;
border-left:solid 1px #ffffff;
border-right:solid 1px #000000;
border-bottom:solid 1px #000000;

		
	-webkit-transition-property: color,background,border;
	-webkit-transition-duration: 2s;
	-webkit-transition-timing-function: ;

	-moz-transition-property: color,background,border;
	-moz-transition-duration:2s;
	-moz-transition-timing-function: ;
	
	-o-transition-property: color,background,border;
	-o-transition-duration:2s;
	-o-transition-timing-function: ;
	
	-ms-transition-property: color,background,border;
	-ms-transition-duration:2s;
	-ms-transition-timing-function: ;	
 }

 a.link:hover {
color:#000000;
background:#8d8d8d;

border-top:solid 3px #ffffff;
border-left:solid 1px #ffffff;
border-right:solid 1px #000000;
border-bottom:solid 1px #000000;

/*
background-image: linear-gradient(to top, yellow 20%, #000000 100%);
background-image: linear-gradient(0deg,  yellow 20%, #000000 100%);
*/

	    box-shadow: 0px 2px 2px gray ;
;
}


#but{
	margin-left:2.1%;
}


a.link1:link,
a.link1:visited {	

float:left;
text-decoration:none;
text-align:center;
width:6%;
padding:5px 0px 5px 0px;
color:red;
margin-right:0.5%;
margin-left:0.5%;
margin-bottom:0.5%;
border-bottom-left-radius:5px;	
border-bottom-right-radius:5px;
border-top-left-radius:5px;	
border-top-right-radius:5px;

text-shadow: 1px 1px 0px #000000;
border-left:solid 1px #ffffff;
border-right:solid 1px #ffffff;
border-top:solid 1px #ffffff;
border-bottom:solid 1px #ffffff;
	
	    box-shadow: 0px 2px 2px gray ;
;

background:green;

		
	-webkit-transition-property: color,background;
	-webkit-transition-duration: 1s;
	-webkit-transition-timing-function: ;

	-moz-transition-property: color,background;
	-moz-transition-duration:1s;
	-moz-transition-timing-function: ;
	
	-o-transition-property: color,background;
	-o-transition-duration:1s;
	-o-transition-timing-function: ;
	
	-ms-transition-property: color,background;
	-ms-transition-duration:1s;
	-ms-transition-timing-function: ;	
 }

 a.link1:hover {
color:#ffffff;
background:darkgreen;
border-left:solid 1px #ffffff;
border-right:solid 1px #ffffff;
border-top:solid 1px #ffffff;
border-bottom:solid 1px #ffffff;

	    box-shadow: 0px 2px 2px gray ;
;




}


a.link1a:link,
a.link1a:visited {	

float:left;
text-decoration:none;
text-align:center;
width:6%;
padding:5px 0px 5px 0px;
color:red;
margin-right:0.5%;
margin-left:0.5%;
margin-bottom:0.5%;
border-bottom-left-radius:9px;	
border-bottom-right-radius:9px;
border-top-left-radius:9px;	
border-top-right-radius:9px;

text-shadow: 1px 1px 0px #000000;
border-left:solid 1px #ffffff;
border-right:solid 1px #ffffff;
border-top:solid 1px #ffffff;
border-bottom:solid 1px #ffffff;
	
	    box-shadow: 0px 2px 2px gray ;
;

background:blue;

		
	-webkit-transition-property: color,background;
	-webkit-transition-duration: 1s;
	-webkit-transition-timing-function: ;

	-moz-transition-property: color,background;
	-moz-transition-duration:1s;
	-moz-transition-timing-function: ;
	
	-o-transition-property: color,background;
	-o-transition-duration:1s;
	-o-transition-timing-function: ;
	
	-ms-transition-property: color,background;
	-ms-transition-duration:1s;
	-ms-transition-timing-function: ;	
 }

 a.link1a:hover {
color:#ffffff;
background:darkblue;
border-left:solid 1px #ffffff;
border-right:solid 1px #ffffff;
border-top:solid 1px #ffffff;
border-bottom:solid 1px #ffffff;

	    box-shadow: 0px 2px 2px gray ;
;

}


a.link2:link,
a.link2:visited {	


float:left;
text-decoration:none;
margin-bottom:1%;
border-radius:5px;
width:28%;
color:red;
padding:10px;
margin-top:1%;
margin-left:2.5%;
border:solid 1px darkgreen;

	    box-shadow: 0px 2px 2px gray ;
;
	
		
	-webkit-transition-property: color,background,border;
	-webkit-transition-duration: 1s;
	-webkit-transition-timing-function: ;

	-moz-transition-property: color,background,border;
	-moz-transition-duration:1s;
	-moz-transition-timing-function: ;
	
	-o-transition-property: color,background,border;
	-o-transition-duration:1s;
	-o-transition-timing-function: ;
	
	-ms-transition-property: color,background,border;
	-ms-transition-duration:1s;
	-ms-transition-timing-function: ;	
 }

 a.link2:hover {
background:darkgreen;
text-decoration:none;
margin-bottom:1%;
border-radius:5px;
width:28%;
color:#ffffff;
padding:10px;
margin-top:1%;
margin-left:2.5%;
border:solid 1px #ffffff;

	    box-shadow: 0px 2px 2px gray ;
;
}






/* Navigationsbilder */

.bild-nav{
max-width:45%;
}


.unter_nav{
margin-top:3%;

	background-image:url(einleitung/leer.png), url(einleitung/slogan-pic2.png);
	background-repeat: no-repeat,no-repeat;
	background-position:top right,bottom right;
	background-attachment:scroll;fixed;

	-webkit-background-size: 50%,50%;
	-moz-background-size: 50%,50%;
	-o-background-size:50%,50%;
	background-size:50%,50%;



}


a.link3:link,
a.link3:visited {	

text-decoration:none;
color:red;

 }

 a.link3:hover {
font:bold;
}


/* ================================================================================================== */



/* Inhalt Mitte - Rahmen */

section{

background-color:#ffffff;
width:100%;
margin-left:auto;
margin-right:auto;
margin-top:0px;
color:red;
redpadding:0px;
border-top:solid 1px #ffffff;
	    box-shadow: 0px 2px 2px gray ;
;
}




/* Text links (schmal) */

.text1p2{
float:left;
margin-bottom:1%;
border-radius:5px;
width:28%;

padding:10px;
margin-top:1%;
margin-left:2.5%;

/*
background: rgba(0,0,0,0.6);

border-top:solid 1px #ffffff;
border-left:solid 1px #ffffff;
*/

	    box-shadow: 0px 2px 2px gray ;
;


}

.text1p2a{
float:left;
margin-bottom:1%;
border-radius:5px;
width:98%;

padding:30px 0px 10px 0px;
margin-top:1%;
background:#ffffff;

	    box-shadow: 0px 0px 0px gray ;
   -moz-box-shadow: 0px 0px 0px gray ;
-webkit-box-shadow: 0px 0px 0px gray ;



}



/* Text rechts (breit) */

.text1p{

float:left;
margin-bottom:1%;
border-radius:5px;


width:60%;
padding:10px;
margin-top:1%;
margin-left:2.5%;

/*
border-top:solid 1px #ffffff;
border-left:solid 1px #ffffff;
*/

	    box-shadow: 0px 2px 2px gray ;
;

background: ;

	background-image: url(einleitung/fahne.png);
	background-repeat:no-repeat;
	background-position:top right;

	background-attachment:scroll;

	-webkit-background-size:10%;
	-moz-background-size:10%;
	-o-background-size:10%;
	background-size:10%;	

}



/* Text über ganze Seite */

.text1p3{
float:left;
margin-bottom:1%;
border-radius:5px;
width:96%;

padding:4px 0px 4px 4px;
margin-top:1%;
margin-left:2.5%;

/*
background: rgba(0,0,0,0.6);
border-top:solid 1px #ffffff;
border-left:solid 1px #ffffff;

	    box-shadow: 0px 2px 2px gray ;
;
*/

}

.text1p3a{
float:left;
width:98%;
margin-right:10px;
}


.text1p3b{
float:left;
width:100%;
margin-right:10px;
}


/* Bilder Rahmen (bestimmt die Grösse = 3 Bilder 28%, 2 Bilder 45%) */
.text2{
float:left;
margin-bottom:1%;
border-radius:0px;
width:96%;
min-height:100px;
padding:0px 0px 20px 0px;
margin-top:1%;
margin-left:2.5%;
border-bottom:solid 1px gray;


/*

	    box-shadow: 0px 2px 2px gray ;
;

*/

	-webkit-transition-property: border-bottom,color;
	-webkit-transition-duration: 0.5s,0.5s;
	-webkit-transition-timing-function: ;

	-moz-transition-property: border-bottom,color;
	-moz-transition-duration:0.5s,0.5s;
	-moz-transition-timing-function: ;
	
	-o-transition-property: border-bottom,color;
	-o-transition-duration:0.5s,0.5s;
	-o-transition-timing-function: ;
	
	-ms-transition-property: border-bottom,color;
	-ms-transition-duration:0.5s,0.5s;
	-ms-transition-timing-function: ;	


}

.text2:hover{


border-bottom:solid 1px orange;
color:gray;
}


/* Bilder Rahmen (bestimmt die Grösse = 3 Bilder 28%, 2 Bilder 45%) */
.texta{
float:left;
margin-bottom:1%;
border-radius:5px;
width:20%;
min-height:170px;
padding:10px;
margin-top:1%;
margin-left:2.5%;
/*
background: rgba(0,0,0,0.6);
border-top:solid 1px #ffffff;
border-left:solid 1px #ffffff;
*/
	    box-shadow: 0px 2px 2px gray ;
;

	-webkit-transition-property: background;
	-webkit-transition-duration: 1s;
	-webkit-transition-timing-function: ;

	-moz-transition-property: background;
	-moz-transition-duration:1s;
	-moz-transition-timing-function: ;
	
	-o-transition-property: background;
	-o-transition-duration:1s;
	-o-transition-timing-function: ;
	
	-ms-transition-property: background;
	-ms-transition-duration:1s;
	-ms-transition-timing-function: ;	


}

.texta:hover{
background:#fedd01;
}



/* Bilder Rahmen (bestimmt die Grösse = 3 Bilder 28%, 2 Bilder 45%) */
.texta1{

float:left;
overflow:hidden;
margin-bottom:1%;
border-radius:5px;
border:solid 1px #ffffff;
width:28%;
min-height:550px;
padding:10px;
margin-top:1%;
margin-left:2.5%;
color:red;



	    box-shadow: 0px 2px 2px gray ;
;

	
}







/* Bilder direkt (Mitte) */

.bilder1{

width:100%;
border-radius:5px;
/*
border-top:solid 1px #ffffff;
border-left:solid 1px #ffffff;

	    box-shadow: 0px 2px 2px gray ;
;

*/

}

/* ================================================================================================== */

/* footer Rahmen */
.footer{

margin-top:30px;
margin-bottom:60px;
padding:0px 10px 0px 10px;
}

/*footer Text oben */
.text{
color:#000000;
width:50%;
text-align:center;
padding:20px 0px 5px 0px;
font: 75% Arial,Helvetica, sans-serif;
border-bottom:solid 1px #2c2c2c;
margin-left:auto;
margin-right:auto;

}

/*footer Text unten */
.text1a{
color:#000000;
text-align:center;
padding:5px 0px 6% 0px;
font: 75% Arial,Helvetica, sans-serif;
}

.nav_klein{
color:#000000;
text-decoration:none
}


/* ================================================================================================== */


/* float aufheben */
.dummy{
clear:left;
}

/* Karte */
.map{
border:0;
width:100%;
height:500px;
}


div.tab:not(:target) div.content, div.tab:target div.show, div.tab div.hide 
{ display: none;}
 
div.tab:target div.content, div.tab:target div.hide 
{ display: block; }



.link_aus
{
float:left;
text-decoration:none;
margin-bottom:1%;
border-radius:5px;
width:28%;
color:red;
padding:10px;
margin-top:1%;
margin-left:2.5%;
border:solid 1px darkgreen;

	    box-shadow: 0px 2px 2px gray ;
;
	
		
	-webkit-transition-property: color,background,border;
	-webkit-transition-duration: 1s;
	-webkit-transition-timing-function: ;

	-moz-transition-property: color,background,border;
	-moz-transition-duration:1s;
	-moz-transition-timing-function: ;
	
	-o-transition-property: color,background,border;
	-o-transition-duration:1s;
	-o-transition-timing-function: ;
	
	-ms-transition-property: color,background,border;
	-ms-transition-duration:1s;
	-ms-transition-timing-function: ;		
	
}

/*Navigation*/


.ret_ob{
position:absolute;	
z-index:2;
overflow:hidden;
padding:5px 5px 5px 5px;
text-align:left;
float:left;
top:0px;
left:5px;
color:#ffffff;
max-height:35px;
width:40px;
border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
font: 80% Verdana, sans-serif;	

	

	-webkit-transition-property:max-height,background,width;
	-webkit-transition-duration: 0s,0s,1s;
	-webkit-transition-delay: 0s,0s,0s;	
	-webkit-transition-timing-function:;

	-moz-transition-property:max-height,background,width;
	-moz-transition-duration:0s,0s,0.5s;
	-moz-transition-delay: 0s,0s,0s;	
	-moz-transition-timing-function: ;
	
	-o-transition-property:max-height,background,width;
	-o-transition-duration:0s,0s,1s;
	-o-transition-delay:0s,0s,0s;	
	-o-transition-timing-function: ;
	

	
	-ms-transition-property:max-height,background,width;
	-ms-transition-duration:0s,0s,1s;
	-ms-transition-delay:0s,0s,0s;	
	-ms-transition-timing-function: ;
	}
	
	
.ret_ob:hover{

width:230px;
max-height:1000px;

}


.ret_ob2{
position:absolute;
z-index:3;
overflow:hidden;
padding:5px 5px 15px 5px;
text-align:left;
float:left;
top:0px;
left:55px;
color:#ffffff;
max-height:25px;
width:40px;
border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
font: 80% Verdana, sans-serif;	


	-webkit-transition-property:max-height,background,width;
	-webkit-transition-duration: 0s,0s,0.5s;
	-webkit-transition-delay: 0s,0s,0s;	
	-webkit-transition-timing-function:;

	-moz-transition-property:max-height,background,width;
	-moz-transition-duration:0s,0s,0.5s;
	-moz-transition-delay: 0s,0s,0s;	
	-moz-transition-timing-function: ;
	
	-o-transition-property:max-height,background,width;
	-o-transition-duration:0s,0s,0.5s;
	-o-transition-delay:0s,0s,0s;	
	-o-transition-timing-function: ;
	

	
	-ms-transition-property:max-height,background,width;
	-ms-transition-duration:0s,0s,0.5s;
	-ms-transition-delay:0s,0s,0s;	
	-ms-transition-timing-function: ;
	}
	
	
.ret_ob2:hover{

width:240px;
max-height:600px;
	
}




.ret_ob3{
position:absolute;
z-index:4;
overflow:hidden;
padding:5px 5px 15px 5px;
text-align:left;
float:left;
top:0px;
left:105px;
color:#ffffff;
max-height:25px;
width:40px;
border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
font: 80% Verdana, sans-serif;	


	-webkit-transition-property:max-height,background,width;
	-webkit-transition-duration: 0s,0s,0.5s;
	-webkit-transition-delay: 0s,0s,0s;	
	-webkit-transition-timing-function:;

	-moz-transition-property:max-height,background,width;
	-moz-transition-duration:0s,0s,0.5s;
	-moz-transition-delay: 0s,0s,0s;	
	-moz-transition-timing-function: ;
	
	-o-transition-property:max-height,background,width;
	-o-transition-duration:0s,0s,0.5s;
	-o-transition-delay:0s,0s,0s;	
	-o-transition-timing-function: ;
	

	
	-ms-transition-property:max-height,background,width;
	-ms-transition-duration:0s,0s,0.5s;
	-ms-transition-delay:0s,0s,0s;	
	-ms-transition-timing-function: ;
	}
	
	
.ret_ob3:hover{

width:200px;
max-height:600px;
	
}


.ret_ob4{
position:absolute;
z-index:5;
overflow:hidden;
padding:4px 5px 15px 5px;
text-align:left;
float:left;
top:0px;
left:155px;
color:#ffffff;
max-height:25px;
width:90px;
border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
font: 80% Verdana, sans-serif;	


	-webkit-transition-property:max-height,background,width;
	-webkit-transition-duration: 0s,0s,0.5s;
	-webkit-transition-delay: 0s,0s,0s;	
	-webkit-transition-timing-function:;

	-moz-transition-property:max-height,background,width;
	-moz-transition-duration:0s,0s,0.5s;
	-moz-transition-delay: 0s,0s,0s;	
	-moz-transition-timing-function: ;
	
	-o-transition-property:max-height,background,width;
	-o-transition-duration:0s,0s,0.5s;
	-o-transition-delay:0s,0s,0s;	
	-o-transition-timing-function: ;
		
	-ms-transition-property:max-height,background,width;
	-ms-transition-duration:0s,0s,0.5s;
	-ms-transition-delay:0s,0s,0s;	
	-ms-transition-timing-function: ;
	}
	
	
.ret_ob4:hover{

width:160px;
max-height:600px;
	
}



.ret_ob5{
position:absolute;
z-index:6;
overflow:hidden;
padding:4px 5px 15px 5px;
text-align:left;
float:left;
top:0px;
left:200px;
color:#ffffff;
max-height:25px;
width:40px;
border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
font: 80% Verdana, sans-serif;	


	-webkit-transition-property:max-height,background,width;
	-webkit-transition-duration: 0s,0s,0.5s;
	-webkit-transition-delay: 0s,0s,0s;	
	-webkit-transition-timing-function:;

	-moz-transition-property:max-height,background,width;
	-moz-transition-duration:0s,0s,0.5s;
	-moz-transition-delay: 0s,0s,0s;	
	-moz-transition-timing-function: ;
	
	-o-transition-property:max-height,background,width;
	-o-transition-duration:0s,0s,0.5s;
	-o-transition-delay:0s,0s,0s;	
	-o-transition-timing-function: ;
	

	
	-ms-transition-property:max-height,background,width;
	-ms-transition-duration:0s,0s,0.5s;
	-ms-transition-delay:0s,0s,0s;	
	-ms-transition-timing-function: ;
	}
	
	
.ret_ob5:hover{

width:200px;
max-height:600px;
	
}


.ret_ob7{
position:absolute;
z-index:7;
overflow:hidden;
padding:4px 5px 15px 5px;
text-align:left;
float:left;
top:0px;
left:242px;
color:#ffffff;
max-height:25px;
width:40px;
border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
font: 80% Verdana, sans-serif;


	-webkit-transition-property:max-height,background,width;
	-webkit-transition-duration: 0s,0s,0.5s;
	-webkit-transition-delay: 0s,0s,0s;	
	-webkit-transition-timing-function:;

	-moz-transition-property:max-height,background,width;
	-moz-transition-duration:0s,0s,0.5s;
	-moz-transition-delay: 0s,0s,0s;	
	-moz-transition-timing-function: ;
	
	-o-transition-property:max-height,background,width;
	-o-transition-duration:0s,0s,0.5s;
	-o-transition-delay:0s,0s,0s;	
	-o-transition-timing-function: ;
	

	
	-ms-transition-property:max-height,background,width;
	-ms-transition-duration:0s,0s,0.5s;
	-ms-transition-delay:0s,0s,0s;	
	-ms-transition-timing-function: ;
	}
	
	
.ret_ob7:hover{

width:200px;
max-height:600px;
	
}


.ret_ob6{


padding:11px 0px 7px 0px;
text-align:right;
position:fixed;
z-index:1;
top:0px;
left:0px;
width:100%;
max-width:100%;

color:#2864a2;
max-height:25px;
border-bottom:solid 1px #000000;

font: 120% Verdana, sans-serif;	
background:#2864a2;	



}



.kon-nav{

overflow:hidden;
height:30px;
background:#2864a2;
margin-top:5px;
margin-bottom:3px;
color:#ffffff;
padding:10px 0px 0px 0px;	
border-radius:0px;
text-align:center;
border:solid 1px #ffffff;
border-radius:3px;
font:130% Verdana, sans-serif;



	-webkit-transition-property:height,background,font,;
	-webkit-transition-duration:0.5s,1s,3s;
	-webkit-transition-delay: 0s,0s,0s;	
	-webkit-transition-timing-function:;

	-moz-transition-property:height,background,font;
	-moz-transition-duration:0.5s,1s,3s;
	-moz-transition-delay: 0s,0s,0s;	
	-moz-transition-timing-function:;
	
	-o-transition-property:height,background,font;
	-o-transition-duration:0.5s,1s,3s;
	-o-transition-delay:0s,0s,0s;	
	-o-transition-timing-function: ;
	

	
	-ms-transition-property:height,background,font;
	-ms-transition-duration:1s,1s,1s;
	-ms-transition-delay:0s,0s,0s;	
	-ms-transition-timing-function: ;

	    box-shadow: 0px 2px 5px #000000 ;
   -moz-box-shadow: 0px 2px 5px #000000 ;
-webkit-box-shadow: 0px 2px 2px #000000 ;

}

.kon-nav:hover{
	
height:55px;
color:gray;
background:#ffffff;

	    box-shadow: 0px 1px 2px #000000 inset ;
   -moz-box-shadow: 0px 1px 2px #000000 inset ;
-webkit-box-shadow: 0px 1px 2px #000000 inset ;

}
	
	

.video{

width:100%;
margin-left:auto;
margin-right:auto;
margin-top:30px;
margin-bottom:30px;
color: gray;
font: 100% Verdana, sans-serif;
text-align:center	
	
}


#gfx-yelueb{

color:#fedd01;
text-shadow: 1px 0px 0px gray;
	
}



.slidbild{
	
max-width:1900px;
height:450px;
overflow:hidden;
width:100%;
text-align:center;


	background-image:url(einleitung/slogan-pic.png),url(cont/home/pic_slide/back1.jpg);
	background-repeat: no-repeat,no-repeat;
	background-position:bottom right,top center;
	background-attachment:scroll,scroll;
	

	-webkit-background-size:100%,130%;
	-moz-background-size: 50%,130%;
	-o-background-size:50%,130%;
	background-size:50%,130%;
	
}

#pic1{

	background-image:url(einleitung/slogan-pic.png),url(cont/home/pic_slide/back2.jpg);
	background-repeat: no-repeat,no-repeat;
	background-position:bottom right,top center;
	background-attachment:scroll,scroll;
	

	-webkit-background-size:100%,130%;
	-moz-background-size: 50%,130%;
	-o-background-size:50%,130%;
	background-size:50%,130%;		
}


#pic1a{

	background-image:url(einleitung/slogan-pic.png),url(cont/home/pic_slide/back2a.jpg);
	background-repeat: no-repeat,no-repeat;
	background-position:bottom right,top center;
	background-attachment:scroll,scroll;
	

	-webkit-background-size:100%,130%;
	-moz-background-size: 50%,130%;
	-o-background-size:50%,130%;
	background-size:50%,130%;				
}

#pic2{
	
	background-image:url(einleitung/slogan-pic.png),url(cont/home/pic_slide/back3.jpg);
	background-repeat: no-repeat,no-repeat;
	background-position:bottom right,top center;
	background-attachment:scroll,scroll;
	

	-webkit-background-size:100%,130%;
	-moz-background-size: 50%,130%;
	-o-background-size:50%,130%;
	background-size:50%,130%;	
	
}


#pic2a{
	
	background-image:url(einleitung/slogan-pic.png),url(cont/home/pic_slide/back3a.jpg);
	background-repeat: no-repeat,no-repeat;
	background-position:bottom right,top center;
	background-attachment:scroll,scroll;
	

	-webkit-background-size:100%,130%;
	-moz-background-size: 50%,130%;
	-o-background-size:50%,130%;
	background-size:50%,130%;	
	
}




.slidebut{
	
position:absolute;
left:0px;
bottom:0px;
min-width:60%;
max-width:60%;
height:92%;
background:rgba(0,0,0,0.0);
border-radius:5px;
color:rgba(255,255,255,0.5);
text-align:left;
padding:20px;
font: 70% Arial,Helvetica, sans-serif;



	-webkit-transition-property:background,color;
	-webkit-transition-duration: 0.5s,0.5s;
	-webkit-transition-delay: 0s,0s;	
	-webkit-transition-timing-function:;

	-moz-transition-property:background,color;
	-moz-transition-duration:0.5s,0.5s;
	-moz-transition-delay: 0s,0s;	
	-moz-transition-timing-function: ;
	
	-o-transition-property:background,color;
	-o-transition-duration:0.5s,0.5s;
	-o-transition-delay:0s,0s;	
	-o-transition-timing-function: ;
		
	-ms-transition-property,background,color;
	-ms-transition-duration0.5s,0.5s;
	-ms-transition-delay:0s,0s;	
	-ms-transition-timing-function: ;


}

.slidebut:hover{

background:rgba(0,0,0,0.4);
color:#ffffff;	

}


.topfon{
	margin-left:0px;
	text-align:center;
	width:0%;
	overflow:hidden;

}


#fonsl1{
	font: 100% Arial,Helvetica, sans-serif;
}

#fonsl2{
	font: 90% Arial,Helvetica, sans-serif;
}

#fonsl3{
	font: 100% Arial,Helvetica, sans-serif;
}

#fonsl4{
	font: 170% Arial,Helvetica, sans-serif;
}

.anfbut{
width:120%;
position:relative;

left:-10px;
bottom:-10px;
padding:5px;
color:#ffffff;
background:rgba(0,0,0,0.2);
border-top-right-radius:2px;
border-bottom-right-radius:2px;
font: 80% Arial,Helvetica, sans-serif;
}

.anfbut:hover{
background:#fedd01;
color:#000000;
}


/*Kontaktformular*/


.haupt-gr{
	
	width:100%;
	margin-left:auto;
	margin-right:auto;
	color:#606060;
	font: 100% Verdana, sans-serif;
}

.haupt-kl{
	
	width:100%;
	margin-left:auto;
	margin-right:auto;
	color:#606060;
	font: 100% Verdana, sans-serif;
}


.feld-klein{

width:75%;
padding:10px;
border-radius:3px;

	
}


.feld-gross{

float:left;
width:75%;
padding:10px;
border-radius:3px;
border-top:solid 2px gray;
border-left:solid 2px gray;
border-bottom:solid 1px #dbdbdb;
border-right:solid 1px #dbdbdb;
margin-right:19px;

}

.feld-txt{
	
width:75%;
padding:10px;
margin-right:19px;

}


.kon-txt{
	
width:75%;
padding:10px;
border-radius:3px;
height:200px;	
	
}



#back{

background:#fdfcfc;	
color:#606060;
margin-bottom:10px;	
}



.zi-link{


	
	background-image: url(cont/global/pic_nav/navi.png);
	background-repeat:no-repeat;
	background-position:top right;

	background-attachment:scroll;

	-webkit-background-size:3%;
	-moz-background-size:3%;
	-o-background-size:3%;
	background-size:3%;	
	
	
}

.rec-nav5a{


padding:18px;
text-align:left;
color:red;

border-radius:3px;
border:solid 1px red;
width:87%;



	-webkit-transition-property:width,background;
	-webkit-transition-duration:0.5s,0s;
	-webkit-transition-delay: 0s,0s;	
	-webkit-transition-timing-function:;

	-moz-transition-property:width,background;
	-moz-transition-duration: 0.5s,0s;	
	-moz-transition-delay: 0s,0s;	
	-moz-transition-timing-function: ;
	
	-o-transition-property:width,background;
	-o-transition-duration:0.5s,0s;
	-o-transition-delay: 0s,0s;	
	-o-transition-timing-function: ;
		
	-ms-transition-property:width,background;
	-ms-transition-duration:0.5s,0s;
	-ms-transition-delay: 0s,0s;	
	-ms-transition-timing-function: ;

	}
	
.rec-nav5a:hover{
	
	
	
	color:#ffffff;
	background:red;
}


.dir-bu{
	
border:solid 1px #82663b;
width:93%;
padding:5px;border-radius:3px;
margin-bottom:10px;
color:#ffffff;
background:#82663b	
	
}


.gal-anz
{
float:left;padding:5px;width:95%;text-align:center;margin-bottom:2px;color:gray;border:solid 1px #e1e1e1;border-radius:5px;
}

.pic{
	
width:90%;	
border-radius:3px;
	
}



.send{
	
	width:90%;
	padding:0px;
	margin-left:0;
	margin-right:0;
	color:#ffffff;
	font: 90% Verdana, sans-serif;
	margin-top:15px;
	margin-bottom:30px;

}


.send:hover{
	
	background:green;
	
}

/* Mitarbeiter ***********************************************************************/ 
 .inhalt2{

width:100%;
min-height:400px;
margin-top:30px;

background:#f6f5f5;
color:#454444;
padding:0px 0px 30px 0px;
margin-bottom:15px;
text-align:center;
border-radius:5px;

	    box-shadow: 0px 2px 5px #000000 ;
   -moz-box-shadow: 0px 2px 5px #000000 ;
-webkit-box-shadow: 0px 2px 2px #000000 ;



 }
 
 .inhalt2a{
text-align:center;
margin-top:5px;
padding:10px;



 }
 
.boxpic_kl{
min-height:190px;
max-height:230px;

}


.pichead{
margin-top:10px;
max-height:250px;
max-width:80%;
}

.pichead:hover{
margin-top:10px;
max-height:250px;
max-width:80%;
border-radius:5px;

box-shadow: 0px 0px 10px #000000;
-moz-box-shadow: 0px 0px 10px #000000;
-webkit-box-shadow:0px 0px 10px #000000;

}

/********************************************************/

.video{

width:100%;
margin-left:auto;
margin-right:auto;
margin-top:30px;
margin-bottom:30px;
color: gray;
font: 100% Verdana, sans-serif;
text-align:center	
	
}

.video_teaser{

width:100%;
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:0px;
color: gray;
font: 100% Verdana, sans-serif;
text-align:center;	
border-radius:5px;	
}



#teaser_rahmen{
	

margin-top:30px;
width:90%;
margin-left:auto;
margin-right:auto;
border: solid 1px gray;
border-radius:5px;
padding:5px;
text-align:center;	
background:#ffffff;

}

#linkes_bild{
	

width:100%;
margin-left:auto;
margin-right:auto;
color: gray;
font: 100% Verdana, sans-serif;
text-align:left;
	
}

#rechter_text{
	

width:100%;
margin-left:auto;
margin-right:auto;
color: gray;
font: 100% Verdana, sans-serif;
text-align:left;
background:#ffffff;
}


#img{
	
width:100%;
border-radius:5px;
}

