/* LAYOUT ////////////////////////	*/

#container {
    max-width: 990px;
    margin: auto;
    text-align: left;
    padding: 0 0 0 0px;
    position: relative;
    background: #fff;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
}


/* Kompletter Header */
#pageHeader {
	height: 300px;
}

#logo_space{
  position: absolute;
  background: #fff url('images/cantienica_black.png');
	background-repeat: no-repeat;
	width: 205px;
	height: 131px;
  top: 50px;
  left: 10px;
  z-index: 100;
  //border: 5px solid #fff;
}
#keyvisual_space_slide{
  display: inline;
}

#keyvisual_space{
  background: #fff url(./images/header_large_balloon.jpg);
  background-size: 990px 300px;
	background-repeat: no-repeat;
	background-position: left top;
	height: 300px;
	padding 0 0 0 0px;
}

#burger{
	display: none;
}

#quickSummary {
	height: 40px;
}

/* Content */
#main_content{
	padding-top: 0px;
}

nav{
	float: left;
	width: 200px;
	/*border-right: solid 1px #ccc; */
	display: inline;
}

section{
	border-left: solid 1px #eee;
	padding-left: 10px;
	padding-right: 10px;
	height: 600px;
	display: table-cell;
}

#burger_nav{
		display: none;
		clear: left;
	}

#teacher_image{
	background-repeat: no-repeat;
	border: 10px solid #efefef;
	height: 180px;
	width: 150px;
}
.teacher_karin{
	background: #fff url('../images/bild_karin-altpeter-weiss_2021.png');
}

.teacher_hebamme{
	background: #fff url('../images/bild_karin-hebamme.png');
}

.teacher_heike{
	background: #fff url('../images/bild_heike-joachim.jpg');
}

#map_frame{
 background: #eae6de url("images/spinner_map-bgcolor.gif");
 background-repeat: no-repeat;
 background-position: center center;
 width: 740px;
 height: 400px;
 border: 0;
}


#editor_frame{
 background: #eae6de url("images/spinner_map-bgcolor.gif");
 background-repeat: no-repeat;
 background-position: center center;
 width: 760px;
 height: 1000px;
 border: 0;
}

#gallery_frame{
 width: 760px;
 height: 800px;
 border: 0;
}

#sportnow_frame{
background: #eae6de url("images/spinner_map-bgcolor.gif");
background-repeat: no-repeat;
background-position: center top;
 width: 970px;
 height: 4000px;
 border: 0;
 padding: 0 0 0 0px;
 margin: 0 0 0 0px;
}

.sticky_header{
  position: absolute;
  top: 30px;
	right: 15px;
  width: 240px;
  -webkit-box-shadow: #DDD 0px 1px 2px;
  background-color: #F4F39E;
  border-color: #DEE184;
  text-align: center;
  margin: 2.5rem 0px;
  padding: 1.5rem 1rem;
  -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.25);
  box-shadow: 0px 1px 3px rgba(0,0,0,0.25);
  font-family: 'Annie Use Your Telescope', cursive;
  font-size: 1.05rem;
  opacity: 0.9;
  transform: rotate(3deg);
}

.sticky_header.taped:after {
  display: block;
  content: "";
  position: absolute;
  width: 151px;
  height: 35px;
  top: -21px;
  left: 25%;
  background: transparent url(./images/tape.png) 0 0 no-repeat;
}

@media screen and (max-width: 950px) {
  #pageHeader {
  	height: 200px;
  }
  #keyvisual_space{
    height: 200px;
  	padding 0 0 0 0px;
  }

	#burger{
		display: inline;
		text-align: center;
		float: left;
		display: inline;
	}
	nav{
		width: 0px;
		/*border-right: solid 1px #ccc; */
		display: none;
	}

	section{
		padding-left: 5px;
		padding-right: 5px;
		border-left: solid 0px #eee;
	}

	#burger_nav{
		text-align: left;
		background: #ccc;
		display: none;
		clear: all;
		border-bottom: 1px solid #ccc;
	}

	#teacher_image{
		border: 2px solid #efefef;
		height: 44px;
		width: 44px;
	}
	.teacher_karin{
		background: #fff url('../images/avatar_karin.png');
	}
	.teacher_heike{
	background: #fff url('../images/avatar_heike.png');
	}
	#teacher_heike-d{
	background: #fff;
	}


} /* End Media 950 */

@media screen and (max-width: 680px) {
	#pageHeader {
		height: 50px;
	}
  #keyvisual_space{
    background: #fff;
    height: 50px;
  	padding 0 0 0 0px;
  }
  #logo_space{
    position: absolute;
  	/* background: #fff url('images/logo_white-small-screen.jpg');
  	background-repeat: no-repeat;
  	width: 101px; */
    background: #fff;
    width: 10px;
  	height: 40px;
    top: 0px;
    left: 0px;
     z-index: 100;
  }

	#burger{
		display: inline;
		text-align: center;
		float: left;
		display: inline;
	}


	nav{
		width: 0px;
		/*border-right: solid 1px #ccc; */
		display: none;
	}

	section{
		padding-left: 5px;
		padding-right: 5px;
		border-left: solid 0px #eee;
	}

	#burger_nav{
		text-align: left;
		background: #ccc;
		display: none;
		clear: all;
		border-bottom: 1px solid #ccc;
	}

	#map_frame{
 		width:  300px;
 		height: 300px;
 		border: 0;
	}

.sticky_header.taped:after {
		display: none;
}

	.sticky_header{
		position: relative;
		width: 240px;
	  background-color: #F4F39E;
	  border-color: #DEE184;
	  text-align: center;
	  margin: 0 0 0 0;
	  margin-left: 10px;
	  padding-left: 20px;
	  -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.25);
	  -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.25);
	  box-shadow: 0px 1px 3px rgba(0,0,0,0.25);
	  font-family: 'Annie Use Your Telescope', cursive;
	  font-size: 1rem;
	  opacity: 0.9;
	}

  #image_startpage{
		display: none;
  }
}/* End Media 680 */


#small_content-container{
	/* position: absolute;
	top: 210px;
	right: 10px; */
	float: right;
	width: 220px;
	margin-top: 15px;
}

/* Document Styles */

body {
	font-family: "Droid Sans";
        font-size: 1rem;
        padding: 0;
        margin: 0;
	  line-height: 1.5;
        color: #333;
	background: #fff; /* url(./images/grgrad.gif) repeat-x; */
}

input, select, textarea {
	border:1px solid #ccc;
	height:30px;
	width:250px;
	padding:2px;
	font-size: 1rem;
	}

textarea{
	height: 200px;
}


button {
  color: #900;
  font-weight: bold;
  font-size: 150%;
}

p {
	margin: 0 0 5px 0;
	}


.cattitle{
	color: #A1A1A1;
    font-size: 14px;
    font-weight: normal;
    font-family: "Droid Sans";
    font-weight: bold;
    font-style: italic;
}


hr {
border: 0;
background-color: #ccc;
height: 1px;
}


hr.soft {
border: 0;
background-color: #eee;
height: 1px;
}


p.p1 {
	font-size: 1.1rem;
	color: #ccc;
	font-family: "Droid Sans";
	font-weight: normal;
	}


.fliess{
font-size: 12px;
}

.men_text{
	font-size: 10px;
	color: #4A5069;
}

h1{
	font-color: #111;
	font-size: 2.0rem;
	font-family: "Droid Sans";
	margin-bottom: 0.5rem;
}

h2{
	font-size: 1.5rem;
	color: #111;
	font-family: "Droid Sans";
	margin-bottom: 0.3rem;
}

b.subhead{
	color: #111;
	font-size: 1.1rem;
}

h2.small{
	font-size: 1.2rem;
	border-bottom: 1px solid #ccc;

}

h3 {
    color: #5E5E5E;
    font-size: 1.1rem;
    font-family: "Droid Sans";
	margin-bottom: 0.3rem;
}

h3.underline{
	border-bottom: 1px solid #ccc;
}

a:link, a:visited {
	color: #333333;
	color: #A1162B;
	text-decoration: none;
	}


a:hover, a:active {
	color: #4A5069;
	text-decoration: underline;
	}

a.subnav:link, a.subnav:visited {
	color: #718B9F;
	text-decoration: none;
	}

a.subnav:hover, a.subnav:active {
	color: #ccc;
	/*background: #9c0;*/
	background: #718B9F;
	}

ul {
	margin: 0;
	padding: 0 0 0 0;
	list-style: none;
  font-size:1.1rem;
  line-height: 1.9rem;
	}

li.nav {
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 8px;
  border-bottom: 1px dotted #efefef;
	}

li.submenu_start{
	padding-bottom: 3px;
    padding-top: 0px;
    padding-left: 10px;
    /* border-top: dashed 1px #ccc; */
    line-height: 1.8rem;
}

li.nav_active{
        padding-bottom: 5px;
        padding-top: 5px;
        padding-left: 10px;
		    background: #efefef;
}

li.subnav{
	 padding-bottom: 3px;
  padding-top: 3px;
  padding-left: 8px;
}

li.subnav_active{
        padding-bottom: 3px;
        padding-top: 3px;
        padding-left: 8px;
	       background: #efefef;
}

li.auf{
	list-style-type: disc;
	line-height: 1.5rem;
	list-style-position: inside;
}


.bild_border{
	border: 10px solid #efefef;
	-moz-box-shadow: 5px 5px 10px #ddd;
	-webkit-box-shadow: 5px 5px 10px #ddd;
	box-shadow: 5px 5px 10px #ddd;
}

.avatar{
	border: 4px solid #efefef;
	border-bottom: 10px solid #efefef;
}

acronym {
	font-style: normal;
	border-bottom: 1px dotted #666;
	}

td.ueber_content{
	padding-left: 20px;
}

td.formlabel{
	text-align: right;
	padding-right: 15px;
}

td.formlabel{
	text-align: left;
	padding-right: 15px;
}



/*Container */

#infobox{
	width: 720px;
	padding: 10px 20px 10px 20px;
	background: #efefef;
	background: -moz-linear-gradient(center bottom , #EDEDED 23%, #F1F1F1 62%, #FFFFFF 100%) repeat scroll 0 0 transparent;
	border: 1px solid #ddd;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
        -moz-box-shadow: 5px 5px 10px #ddd;
        -webkit-box-shadow: 5px 5px 10px #ddd;
        box-shadow: 5px 5px 10px #ddd;

}

#infobox_medium{
        width: 300px;
        padding: 10px 20px 10px 20px;
        background: #efefef;
        background: -moz-linear-gradient(center bottom , #EDEDED 23%, #F1F1F1 62%, #FFFFFF 100%) repeat scroll 0 0 transparent;
        border: 1px solid #ddd;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 5px 5px 10px #ddd;
        -webkit-box-shadow: 5px 5px 10px #ddd;
        box-shadow: 5px 5px 10px #ddd;
        float: left;
        margin-right: 15px;
        margin-bottom: 15px;

}


#infobox_small{
	width: 175px;
	padding: 10px 20px 10px 20px;
	background: #efefef;
	background: -moz-linear-gradient(center bottom , #EDEDED 23%, #F1F1F1 62%, #FFFFFF 100%) repeat scroll 0 0 transparent;
	border: 1px solid #ddd;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
        -moz-box-shadow: 5px 5px 10px #ddd;
        -webkit-box-shadow: 5px 5px 10px #ddd;
        box-shadow: 5px 5px 10px #ddd;

}

#error_box{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px 20px 10px 20px;
	background: #efefef;
	border: 1px solid #A1162B;
}

#success_box{
	-webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding: 10px 20px 10px 20px;
        background: #99FF99;
        border: 1px solid #ccc;
}
#info_box{
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding: 10px 20px 10px 20px;
        background: #ccc;
        border: 1px solid #ccc;

}

#slideshow{
        border: 10px solid #efefef;
        -moz-box-shadow: 5px 5px 10px #ddd;
        -webkit-box-shadow: 5px 5px 10px #ddd;
        box-shadow: 5px 5px 10px #ddd;

}

#image_startpage{
  width: 730px;
  border: 10px solid #efefef;
  -moz-box-shadow: 5px 5px 10px #ddd;
  -webkit-box-shadow: 5px 5px 10px #ddd;
  box-shadow: 5px 5px 10px #ddd;
}

#pageHeader h1, #pageHeader h2 {
	text-indent: -999em;
	margin: 0;
	}

#quickSummary{
  background: #fff;
 opacity: 0.6;
	font-size: 14px;
	}

#quickSummary p.p1 {
	position: absolute;
	padding: 6px 15px 5px 5px;
	right:1px;
	}

#quickSummary p.p2 {
	width: 248px !important;
	width /**/: 276px;
	height: 28px !important;
	height /**/: 39px;
	color: #6cf;
	margin: 0;
	padding: 11px 0 0 10px;
	border-right: 1px solid #fff;
	}

#quickSummary a:link, #quickSummary a:visited {
	text-decoration: none;
	color: #222;
	font-weight: normal;
  font-size: 1.1rem;
	}

#quickSummary a:hover, #quickSummary a:active {
	text-decoration: underline;
	background: transparent;
	}

#subtil{
	color: #aaa;
	font-size: 0.8em;
}

#subtil a:link, #subtil a:visited {
        text-decoration: none;
        color: #aaa;
        font-weight: normal;
        }

#subtil a:hover, #subtil a:active {
        text-decoration: underline;
        background: transparent;
        }


/* Supporting Text Styles */

#preamble, #content-text, #participation, #benefits, #requirements {
	margin: 50px 20px 0 20px;
	}

#small_content-text{
	max-width: 530px;
	float: left;
}

#content-text table.format{
	background: #F8F3F0;
	border-color: #ccc;
	border-collapse: collapse;
	border-width: 1px 1px 1px 1px;
	border-spacing: 0 0 0 0 ;

}

#content-text tr.head{
        background: #DFC4C9;
}


#footer {
	height: 20px;
	background: #444;
	margin-top: 5px;
	padding-top: 5px;
	border-top: 1px solid #fff;
	text-align: center;
	color: #ccc;
	font-size: 10px;
	clear: both;
}


#footer a:link, #footer a:visited {
	color: #fff;
	}

#footer a:hover, #footer a:active {
	color: #18d;
	background: #fff;
	}

/* Link List Styles */


#linkList h3 {
	top: 1px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	margin: 10px 0 10px 10px;

	}

#linkList a:link, #linkList a:visited {
	font-size: 14px;
	color: #434343;
	}

#linkList a:hover, #linkList a:active {
	/*background: #fff;*/
	/*text-decoration: underline;*/
	}

#linkList a.c {
	font-size: 12px;
	}

#linkList acronym {
	border-bottom: none;
	}


nav #lfavorites, #burger_nav #lfavorites{
	background: #E8EBF2;
	font-family: verdana;
	}


nav h3, #burger_nav h3{
	color: #2A2A2A;
	}

#lfavorites h3 {

	}

nav li, #lfavorites li, #burger_nav li{
	color: #6cf;
	}

nav a:link, nav a:visited, #burger_nav a:link, #burger_nav a:visited{
	color: #434343;
	}

#lfavorites a:hover, #lfavorites a:active {
	font-weight: bold;
	color: #18d;
}

nav a:hover, #burger_nav a:hover{
	text-decoration: underline;
}

nav a:active, #burger_nav a:active{
	font-weight: bold;
	color: #ccc;
}


nav a.subnav:link, nav a.subnav:visited, #burger_nav a.subnav:link, #burger_nav a.subnav:visited{
	background: transparent;
	font-weight: normal;
	font-size: 14px;
	text-decoration: none;
}

nav a.subnav:hover, #burger_nav a.subnav:hover{
        background: transparent;
        font-weight: normal;
        font-size: 14px;
        text-decoration: underline;
}


#larchives h3 {
	/*color: #558800;*/
	color: #4B6478;

	}

#larchives li {
	color: #cf3;
}

#larchives a:hover, #larchives a:active {
	color: #696969;
	}

#lresources {
	border-top: 1px solid #fff;
	background: #B5B5B5;
	}

#lresources h3 {
	color: #888888;
	}

#lresources li {
	color: #fcc;
	}

#lresources a:hover, #lresources a:active {
	color: #d8c;
	}

a.img:hover, a.img:active, a.img:link, a.img:visited{
	text-decoration: none;
}


.SlideshowNext { position: absolute; top: 0; left: 0; opacity: 0; filter:alpha(opacity=0); }
#meinFader { position: relative; }

.tiny{
font-size: 0.7rem;
}

a.div:hover, a.div:active, a.div:link, a.div:visited{
        text-decoration: none;
	color: #333;
	font-weight: normal;
}

a.div:hover{
	text-decoration: underline;
}
p.green{
  background-color: #8ec25d;
}
p.red{
  background-color: #fe7177;
}

a.ft-prev{
  color: #ccc;
  font-weight: bold;
  font-size: 1.5rem
}

a.ft-next{
  color: #ccc;
  font-weight: bold;
  font-size: 1.5rem
}