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



body{
	margin:0;
	font: 90% Verdana, sans-serif;	
	max-width:1480px;
	margin-left:auto;
	margin-right:auto;


	
background-color:#ffffff;
background-image:url(einleitung/leer.png),url(einleitung/hgweb.jpg);
background-repeat: no-repeat,no-repeat;
background-position:bottom center,top right;
background-attachment:scroll,fixed;
	

-webkit-background-size:30%,140%;
-moz-background-size: 30%,140%;
-o-background-size:30%,140%;
background-size:30%,140%;	
		
	
	}
	
	
		/*grosses Hintergrundbild mit kleiner Navigation*/

header{ 


padding:0% 0% 0% 0%;
max-width:100%;
margin-left:auto;
margin-right:auto;
border-left:solid 0px #ffffff;
border-right:solid 0px #ffffff;
background:red;


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


#slideshow { 

 
height: 450px;     
overflow:hidden;
background:#ffffff;
}

#slideshow > div { 

position:relative; 	

}


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


#bildstyle_mob {
width:0%;
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:0px;
font: 100% Verdana, sans-serif;
text-align:center;
}
	
/* Navigationsleiste mit Logo */	
nav{
margin-top:39px;	
position:relative;

margin-left:auto;
margin-right:auto;
font: 72% Verdana, sans-serif;
width:100%;
min-height:150px;

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

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

	background-image: url(einleitung/logo2.png), url(einleitung/leer.png);
	background-repeat: no-repeat, repeat-x;
	background-position:center right,  top right;
	background-attachment:scroll, fixed;

	-webkit-background-size: 18%, 40%;
	-moz-background-size: 18%, 40%;
	-o-background-size:18%, 40%;
	background-size: 18%, 8%;



}



.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 0px #ffffff;
margin-left:30px;
font: 80% Verdana, sans-serif;

	    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;

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/leer.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:gray;

 }

 a.link3:hover {
font:bold;
}


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



/* Inhalt Mitte - Rahmen */

section{

background-color:#ffffff;
width:100%;
margin-left:auto;
margin-right:auto;
margin-top:0px;
padding: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:29%;

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

	    box-shadow: 0px 2px 2px 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 0px;
margin-top:1%;
margin-left:2%;
/*
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:65.5%;
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:28%;
min-height:500px;
padding:2px 2px 0px 20px;
margin-top:1%;
margin-left:2.5%;

border-bottom:solid 1px #ebeced;


/*

	    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: 80% Verdana, 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: 80% Verdana, 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:200px;
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:200px;
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: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_ob4:hover{

width:200px;
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:195px;
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_ob6{


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

color:#ffffff;
height:20px;
border-bottom:solid 1px #000000;

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



}


	
	
.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:235px;
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;
	
}


.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 ;

}
	
.kon-nav2
{
font: 80% Verdana, sans-serif;
color:#2864a2;	
}	



#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,center;
	background-attachment:scroll,scroll;
	

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




#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,center;
	background-attachment:scroll,scroll;
	
	-webkit-background-size:30%,100%;
	-moz-background-size: 30%,100%;
	-o-background-size:30%,100%;
	background-size:30%,100%;			
}


#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,center;
	background-attachment:scroll,scroll;
	
	-webkit-background-size:30%,100%;
	-moz-background-size: 30%,100%;
	-o-background-size:30%,100%;
	background-size:30%,100%;			
}


#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,center;
	background-attachment:scroll,scroll;
	
	-webkit-background-size:30%,100%;
	-moz-background-size: 30%,100%;
	-o-background-size:30%,100%;
	background-size:30%,100%;	
	
}


#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,center;
	background-attachment:scroll,scroll;
	
	-webkit-background-size:30%,100%;
	-moz-background-size: 30%,100%;
	-o-background-size:30%,100%;
	background-size:30%,100%;
	
}



.slidebut{
	
position:absolute;
left:0px;
bottom:0px;
min-width:100%;
max-width:100%;
height:92%;
background:rgba(0,0,0,0.0);
border-radius:5px;
color:rgba(255,255,255,0.5);
text-align:left;
padding:20px 20px 20px 30px;



	-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:15px;
	text-align:left;
	color:#2864a2;


}


#fonsl1{
	margin-left:2px;	
	font: 120% Verdana, sans-serif;
}

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

#fonsl3{
	margin-left:-2px;
	font: 450% Verdana, sans-serif;
}

#fonsl4{
	font: 250% Verdana, 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% Verdana, sans-serif;
}

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



.rec-nav{
z-index:5;
overflow:hidden;
padding:2px 5px 0px 5px;
text-align:left;
position:fixed;
bottom:25px;
right:0px;
color:#82663b;
background:#2864a2;

border-top-left-radius:3px;
border-bottom-left-radius:3px;

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

height:35px;
width:35px;

	
}

.rec-nav2{
z-index:5;
overflow:hidden;
padding:2px 5px 0px 5px;
text-align:left;
position:fixed;
bottom:154px;
right:0px;
color:#82663b;
background:#82663b;
border-top:solid 1px #82663b;
border-left:solid 1px #82663b;
border-bottom:solid 1px #82663b;
height:35px;
width:35px;	

border-top-left-radius:3px;
border-bottom-left-radius:3px;
	
	-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-nav2:hover{

width:285px;
background:#ffffff;

box-shadow: 42px 0px 0px #82663b inset;
-moz-box-shadow: 42px 0px 0px #82663b inset;
-webkit-box-shadow:42px 0px 0px #82663b inset;

	
}



.rec-nav3{
z-index:5;
overflow:hidden;
padding:2px 5px 0px 5px;
text-align:left;
position:fixed;
bottom:68px;
right:0px;
color:gray;
background:#2864a2;

border-top-left-radius:3px;
border-bottom-left-radius:3px;

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

height:35px;
width:35px;
	
		
	-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-nav3:hover{

width:285px;
background:#ffffff;


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

	
}


.rec-nav4{
z-index:5;
overflow:hidden;
padding:2px 5px 0px 5px;
text-align:left;
position:fixed;
bottom:111px;
right:0px;
color:#82663b;
background:#2864a2;

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



height:35px;
width:35px;

	-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-nav4:hover{
height:34px;
width:285px;
background:#ffffff;

box-shadow: 42px 0px 0px gray inset;
-moz-box-shadow: 42px 0px 0px gray inset;
-webkit-box-shadow:42px 0px 0px gray inset;
	
}	
	
	

.ret_pic2{

height:28px;
}

.ret_pic{
margin-right:5%;
margin-left:5%;
float:left;
height:40px
}


.hov{
background:#ffffff;
padding:5px;

}

.hov:hover{
	
background:#dbdbdb;	

}



/*Kontaktformular*/


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

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


.feld-klein{

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

	
}


.feld-klein2{

width:120px;
padding:10px;
border-radius:3px;

	
}


.feld-gross{

float:left;
width:40%;
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:15px;

	
}



.feld-txt{


width:83%;
padding:00px;
margin-right:19px;
margin-bottom:10px;	
}


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



#back{

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


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

}


.send:hover{
	
	background:green;
	
}


.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-nav5{


padding:18px;
text-align:center;
color:#d6d5d5;
margin-left:auto;
margin-right:auto;

border-radius:3px;

width:300px;

	-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-nav5:hover{
	
	color:#ffffff;
	background:gray;
}


.rec-nav5a{


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

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



	-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:60%;
padding:5px;border-radius:3px;
margin-bottom:10px;
color:#ffffff;
background:#82663b	
	
}


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

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



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

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

background:#ffffff;
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:70%;
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:89%;
margin-left:auto;
margin-right:auto;
border: solid 0px gray;
border-radius:5px;
padding:0px;
background:#ffffff;
	
}

#linkes_bild{
	
float:left;
width:49%;
margin-left:5px;
margin-top:5px;
margin-bottom:5px;
color: gray;
font: 100% Verdana, sans-serif;
text-align:left;
border-radius:5px;
}

#rechter_text{
	
float:left;
width:49%;
margin-left:10px;
margin-top:5px;
margin-bottom:5px;
color: gray;
font: 100% Verdana, sans-serif;
text-align:left;
background:#ffffff;
}

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