#mindestangaben {                                   /* Mindestangaben in Formularen */
    font-size: 0.8em;
    font-weight: ;
    font-style: ;
    color: #555;
}

#formular-ueberschrift {                                   /* Überschrift in Formularen */
    font-size: 1.1em;
    font-weight: 800;
    font-style: ;
    color: ;  
    text-decoration: ; 
    background-color: #f4f4f4;  
    padding: 0.2em 1em 0.2em 1em;
    margin: 0em -0.5em 0em -0.5em;
    border-radius: 0em 0.8em 0em 0em;
    border-left: ;                                        /* solid 2px #72c02c */
}

#formular-hintergrund {                                   /* Hintergrund Inhalt Formulare */
    background-color: #fdfdfd;
    padding: 1em 1em 1em 1em;
    margin: 0em -0.5em 1em -0.5em;
    border-top: 0px;  
    border-left: 1px solid;
    border-right: 1px solid; 
    border-bottom: 1px solid;  
    border-color: #eeeeee;
    border-radius: 0em 0em 0.8em 0.8em;
}

#formular-hintergrund-ende {                                   /* Hintergrund Inhalt Ende Formulare */
    background-color: #fdfdfd;
    padding: 1em 1em 0.1em 1em;
    margin: 0em -0.5em 1em -0.5em;
    border-top: 1px solid;  
    border-left: 1px solid;
    border-right: 1px solid; 
    border-bottom: 1px solid;  
    border-color: #eeeeee;
    border-radius: 0.8em 0.8em 0.8em 0.8em;
}


/* formular */

.label2 {
display: none;
} 

@import url('//fonts.googleapis.com/css?family=Lato:900');
@import url('//fonts.googleapis.com/css?family=Indie+Flower');

.img-about-l {
    width: 50%;
    padding: 5px;
    border: 1px solid #EEE;
    float: left;
    margin: 0px 20px 20px 0px;
} 

.img-about-r {
    width: 50%;
    padding: 5px;
    border: 1px solid #EEE;
    float: right;
    margin: 0px 0px 20px 20px;
} 

.carousel-about-l {
    width: 50%;
    padding: 0px;
    border: ;
    float: left;
    margin: 0px 20px 20px 0px;
} 

.carousel-about-r {
    width: 50%;
    padding: 0px;
    border: ;
    float: right;
    margin: 0px 0px 20px 20px;
} 

.ueberschrift-start {
    font-size: 1.4em;
    font-weight: 900;
    font-family: 'Lato', sans-serif;
    text-shadow: 0 0 10px black;
} 

.handschrift-ueberschrift-start {
    font-size: 1.6em;
    font-weight: 900;
    font-family: 'Indie Flower', sans-serif;
    text-shadow: 0 0 10px black;
} 

.handschrift-unterschrift {
    font-size: 1.6em;
    font-weight: 900;
    font-family: 'Indie Flower', sans-serif;
} 



#Raum-Unten {
	 border-top: 0px solid #000000;
    border-left: 0px solid #000000;
    border-right: 0px solid #000000;
    border-bottom: 0px solid #000000;
    width: ;
        
                                /*  funktioniert nicht in android, außerdem in style,css "html, body" auch 100% angeben  */
    height:850px;                                  /*  für android  */
   
    min-height: 100%;
         
    
    background-color: transparent;
    background-image: url();
    background-position: left top;
    background-repeat: no-repeat;
       	    
}


#extraDiv1 {
    top: 0px;
    left: 60px;
    width: 240px;
    height: 210px;
    background-image: url('/ast3.gif');
    z-index: -1;
    position: fixed;                    /* oder "absolute", wenn mitscrollen */
} 

#extraDiv2 {
    top: 0px;
    left: 0px;
    width: 315px;
    height: 265px;
    background-image: url('/ast1.gif');
    background-size: 100% auto;
    background-repeat:no-repeat;
    z-index: -2;
    position: fixed;
}

#extraDiv8 {
    bottom: 10px;
    right: -20px;
    width: 260px;
    height: 181px;
    background-image: url('/Das-Original-04.gif');
    text-align: center;
    z-index: -2;
    position: fixed;
    position: expression("absolute");
    top: expression(parseInt(document.body.scrollTop + 0));
}
#extraDiv8[id] {
    position: fixed;          /* für IE */
}

#extraDiv4 {
    top: 400px;
    left: 0px;
    width: 81px;
    height: 191px;
    background-image: url('/ast2.gif');
    z-index: -1;
    position: fixed;
}

 


/* für dropdown-menu auf jugendgruppen??, für den Text in der Bild-Quellen-Angabe */

.dropdown,.dropup {
	position:relative
}
.dropdown-toggle:focus {
	outline:0
}
.dropdown-menu {
	position:absolute;
	top:100%;
	left:0;
	z-index:1000;
	display:none;
	float:left;
	min-width:160px;
	padding:5px 0;
	margin:2px 0 0;
	font-size:14px;
	text-align:left;
	list-style:none;
	background-color:#fff;
	-webkit-background-clip:padding-box;
	background-clip:padding-box;
	
	border:1px solid rgba(0,0,0,.15);
   border-radius:4px;
	-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);
	box-shadow:0 6px 12px rgba(0,0,0,.175)
}
.dropdown-menu.pull-right {
	right:0;
	left:auto
}
.dropdown-menu .divider {
	height:1px;
	margin:9px 0;
	overflow:hidden;
	background-color:#e5e5e5
}
.dropdown-menu>li>a {
	display:block;
	padding:3px 20px;
	clear:both;
	font-weight:400;
	line-height:1.42857143;
	color:#333;
	white-space:nowrap
}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
	color:#262626;
	text-decoration:none;
	background-color:#f5f5f5
}
.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover {
	color:#333;
	text-decoration:none;
	background-color:#337ab7;
	outline: 0;
}

.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover {
	color:#777
}
.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover {
	text-decoration:none;
	cursor:not-allowed;
	background-color:transparent;
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)
}
.open>.dropdown-menu {
	display:block
}
.open>a {
	outline:0
}
.dropdown-menu-right {
	right:0;
	left:auto
}
.dropdown-menu-left {
	right:auto;
	left:0
}
.dropdown-header {
	display:block;
	padding:3px 20px;
	font-size:12px;
	line-height:1.42857143;
	color:#777;
	white-space:nowrap
}
.dropdown-backdrop {
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:990
}
.pull-right>.dropdown-menu {
	right:0;
	left:auto
}
.dropup .caret,.navbar-fixed-bottom .dropdown .caret {
	content:"";
	border-top:0;
	border-bottom:4px dashed;
	border-bottom:4px solid\9
}
.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu {
	top:auto;
	bottom:100%;
	margin-bottom:2px;
	
	padding-left: 10px;                            /* für den Text in der Bild-Quellen-Angabe */
	text-align: left;                              /* für den Text in der Bild-Quellen-Angabe */
	color: #555;                                   /* für den Text in der Bild-Quellen-Angabe */
	text-shadow: 0px 0px;                          /* für den Text in der Bild-Quellen-Angabe */
	
	
	
}
@media (min-width:768px) {
	.navbar-right .dropdown-menu {
		right:0;
		left:auto
	}
	.navbar-right .dropdown-menu-left {
		right:auto;
		left:0
	}



#Inhalte-werden-zentriert {
	display: flex;
	align-items: center;
	justify-content: center;
}

#Schrift-grau {                                    /* für den Text über ausgegrauten Formulareingaben */
	color: grey;
	font-weight: ;
	font-style: italic;
}

/* Karten-iframe      in chrome keine border-Angaben über css möglich  

.karte-iframe {
    border-left: 10px solid red;
    border-right: 2px solid #C0C0C0;
    border-bottom: 2px solid #C0C0C0;
    border-top: 2px solid #C0C0C0;    
    
    
} 

*/


#uebersicht {                                      /* Normal-Schrift der Gesamtübersicht auf Startseite   */
font-size: 10pt;
font-family: sans-serif;
font-weight: normal;
font-style: ;
}

#uebersicht-h {                                      /* Highlight-Schrift der Gesamtübersicht auf Startseite   */
font-size: 11pt;
font-family: sans-serif;
font-weight: bold;
font-style: ;
}