@charset "UTF-8";
html,

body
*{
padding:0px;
margin:0px;
/*font-family: 'Cantora One', sans-serif;*/
/* Angaben Textgestaltung 
font-family: 'Ubuntu', sans-serif;
font-family: 'Alef', sans-serif;*/
text-decoration:none;
font-style: normal;
font-weight:100;
color: #555555;
font-family: 'Ubuntu', sans-serif;
background-color:#FFFFFF;
/*background-image: url(../bilder/Body-Bild01.jpg) ;*/
}

h1, h2, h3, h4, h5, h6 {
font-family: 'Cantora One', sans-serif;
padding:10px;
padding-bottom:0px;
color:#000000;
/*border-bottom: 1px solid red;
border-right: 1px solid red;*/
text-decoration:underline;
}


h1 {
font-size:26px;
}

h2 {
font-size:22px;
}

h3 {
font-size:18px;
}

h4 {
font-size:14px;
text-decoration:none;
}


h5 {
font-size:12px;
text-decoration:none;
}

h6 {
font-size:8px;
}
.rotschrift {
color:#CC0000;
}

#eignes {
background-color:#EAEAEA;
margin-top:20px;
margin-left:0px;
width:605px;
/*border-right:15px solid #AEAEAE;*/
opacity:1;
-webkit-box-shadow:  5px 2px 6px 5px rgba(51, 51, 51, .3);
box-shadow:  5px 2px 6px 5px rgba(51, 51, 51, .3);

}

.eignes {
font-style:italic;

}


#eignes p {
font-size:14px;
opacity:1;
padding-top:5px;
padding-bottom:5px;
text-indent:0px;
/*text-align:justify;*/
}

#eignes h3 {
color:#000000;
font-size:16px;
text-decoration:underline;
}

#eignes h4 {
color:#000000;
font-size:10px;
text-decoration:none;
}








#karezept li {
margin-left:40px;
margin-top:5px;
}
#kareferenz .yumpu {
margin-bottom:12px;
margin-top:12px;
}

#kareferenz .bildpdf {
margin-bottom:0px;
margin-top:6px;
border-top:2px solid #CCCCCC;

width:auto;
padding-top:12px;
margin-left:190px;
margin-right:190px;
}

#kareferenz hr {
width:300px;
margin-left:200px;

}


#kareferenz li {
/*list-style-type:none;*/
width:700px;
color:#000000;
margin-left:70px;
font-size:14px;
margin-top:20px;
list-style-type:none;
border: 2px solid #CCCCCC;
padding:20px;
text-align:center;
-webkit-box-shadow:  3px 2px 6px 3px rgba(51, 51, 51, .3);
box-shadow:  3px 2px 6px 3px rgba(51, 51, 51, .3);
}


#kareferenz li a{
color:#000000;
-webkit-transition: all 350ms ease-in;
		-moz-transition: all 350ms ease-in;
        -ms-transition: all 350ms ease-in;
        -o-transition: all 350ms ease-in;
		transition: all 350ms ease-in;
}

#kareferenz li a:hover{
color:#000000;
opacity:1;
-webkit-transition: all 350ms ease-in;
		-moz-transition: all 350ms ease-in;
        -ms-transition: all 350ms ease-in;
        -o-transition: all 350ms ease-in;
		transition: all 350ms ease-in;
}


#kareferenz h4 {
margin-left:px;
font-size:18px;

}
#kareferenz p {

padding:5px;

}
p {
padding:10px;
text-indent:0px;
}

footer {
width:1000px;
background-color:#999999;
float:left;
height:25px;
text-align:center;
padding-top:5px;
font-size:14px;
color:#333333;
}

#stichworte {
font-size:13px;
color: #000000;
opacity:.5;
text-indent:0px;
}

#stichworte p{
text-indent:0px;
color:#AA0000;
}

#zuruck  {
width:30px;
height:30px;
margin-bottom:0px;
margin-left:-12px;
text-align:center;
background-color: #999999;
margin-top:25px;
font-size:22px;

}



#zuruck a {
width:20px;
height:30px;
opacity:1;
color:#FFFFFF;
background-color:#999999;

}

#zuruck a:hover {
width:20px;
height:30px;
color:#000000;

}

#backnavi {
width:60px;
height:25px;
margin-bottom:0px;
margin-left:-12px;
text-align:center;
background-color: #999999;
margin-top:10px;
font-size:18px;

}

#backnavi a {
width:60px;
height:25px;
opacity:1;
color:#FFFFFF;
background-color:#999999;

}

#backnavi a:hover {
width:60px;
height:25px;
color:#000000;

}

#transparent {
color:#FFFFFF;
background:#99FF00;
}

#wrappergross {
background-image:url(../bilder/Body-Bild01_.jpg);
background-repeat:repeat-y;
background-position:top;
opacity:1;

background-color:#EEEEEE;
border-bottom: solid 100px #EEEEEE;
/*border-top: solid 30px #EEEEEE;*/
}

#wrapper {
width:1000px;
margin:0px auto;
background-color:#999999;
opacity:.9;
}

#haeder {
width: 990px;
height: 20px;
padding:5px;
text-align:center;
background: #BBBBBB;
}

#logo {
width:942px;
height:148px;
background-image: url(../bilder/logo01.png);
float:left;
margin-bottom:15px;
border-left:30px solid #BBBBBB;
border-right:28px solid #BBBBBB;
}

#weganzeiger {
width:1000px;
height:4px;
background-color:#EAEAEA;
float:left;
}


hr {
color:#CC3333;
opacity:.6;
width:auto;
/*margin-left:270px;
height:7px;*/
}

.Tbody4 {
font-family: 'Ubuntu', sans-serif;
color:#666666;
}


#akkordeon {
border-left:30px solid #999999;
}

/* ************************* AKKORDEON-PANELLEN *****************************
****************************************************************************/

.CollapsiblePanel {
	width:932px;
	margin-left: 30px;
	padding: 5px;
	margin-top:0px;
	/*border-left: solid 0px #CCC;
	border-right: solid 1px #999;
	border-top: solid 1px #999;
	border-bottom: solid 1px #CCC;*/
	/*background:#000000;*/
	text-align:right;	
						
}

/* BATON - Erste Ebene */
.CollapsiblePanelTab {
	width:450px;
	font-family: 'Cantora One', sans-serif;
	background-color: #AAAAAA;
	margin-left:12px;
	padding: 12px;
	cursor: pointer;
	color:#FFFFFF;
	-moz-user-select: none;
	-khtml-user-select: none;
	font-size:23px;
	text-align:left;
	-webkit-transition: all 750ms ease-in;
		-moz-transition: all 750ms ease-in;
        -ms-transition: all 750ms ease-in;
        -o-transition: all 750ms ease-in;
		transition: all 750ms ease-in;
		text-shadow: 1px 1px 5px #111111;
		/*text-decoration:underline;*/
		border-radius: 0px 0px 0px 0px;	
		/*border-right:430px solid #F1EFEF;*/		
}

.CollapsiblePanelContent {
	width:900px;
	margin: 12px;
	padding: 12px;
	font-size:18px;
	color:#000000;
	text-align:left;
	border-bottom: 5px  solid #AAAAAA;
	/*border-top: 5px  solid #CCCCCC;*/
	/*border-radius: 0px 23px 23px 0px;	*/


}


.CollapsiblePanelTab a {
	width:550px;
	color: black;
	text-decoration: none;
}
		

/* BATON BESUCHTE LINKS*/

.CollapsiblePanelOpen .CollapsiblePanelTab {
	background-color: #444444;
	border-right:155px solid #E34E4E;
	opacity:1;
	
}




.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background-color: #444444;
	color:#FF3300;
}

.CollapsiblePanelFocused .CollapsiblePanelTab {
	background-color: #BBBBBB;
	color:#FF3300;
	opacity: 1;
}

/***************** BILD *******************************************************
*******************************************************************************/


/*img {
opacity:1;
margin-left:12px;
margin-bottom:12px;
-webkit-box-shadow:  3px 2px 3px 5px rgba(51, 51, 51, .3);
box-shadow:  3px 2px 3px 5px rgba(51, 51, 51, .3);
}*/


#imgbild {
width:500px;
opacity:1;
margin-left:50px;
margin-bottom:12px;
margin-top:12px;
-webkit-box-shadow:  3px 2px 3px 3px rgba(51, 51, 51, .3);
box-shadow:  3px 2px 3px 3px rgba(51, 51, 51, .3);
}


#imageHold {
  width:470px;
  height:150px;
  border:1px solid #000000;
  float:left;
  margin-right:20px;
  padding-bottom:30px;
}


.foto {
font-size: 12px;
color:#000000;
opacity:.35;
margin-left:12px;
}

/***************** BILD VERGROESSEERN ******************************************
********************************************************************************/
/*.imageHold div {
  float: left;
  width: 230px;
  height: 150px;
  /* ab hier kann man die abstände
  und sonstiges der bilder eintragen */
  /*margin:20px;  
}

.imageHold img {
  width: 230px;  
  height: 150px; */
/* -webkit-transition: all 500ms ease-in;
		-moz-transition: all 500ms ease-in;
        -ms-transition: all 500ms ease-in;
        -o-transition: all 500ms ease-in;
		transition: all 500ms ease-in;*/
		/*float:left;
}*/


/*.imageHold img:hover {
  position: absolute;
  margin-left: -120px;  */
  /*margin-top: -120px;  */
  
  /*width: 460px;       /* die weite beim vergrößern */
  /*height: 300px;      /* die höhe beim vergrößern */
  /*-webkit-transition: all 500ms ease-in;
		-moz-transition: all 500ms ease-in;
        -ms-transition: all 500ms ease-in;
        -o-transition: all 500ms ease-in;
		transition: all 500ms ease-in;*/
		
  /*}*/