/************************************************/
/*layout.content.css  v. sikita.1.00            */
/*                                              */
/*In diese Datei gehören nur Formatierungen     */
/*des Layouts des Contents.                     */
/************************************************/
@media screen {

body {
	margin:0px;
	padding:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.scroll{
	overflow:auto;
	height:320px;
	margin:8px 0;
}

#container {
	margin: 1em auto;
	margin-top: 0px;
	width: 980px;
	text-align: left;
	background-color: #FFFFFF;
	border: 1px none #FFFFFF;
	position:relative;
}
a#suche,
a#etage,
a#home,
a#pdflink,
a#schnellnav_button{
	width:65px;
	height:24px;
	float:left;
	margin-right:5px;
	display:inline;
	background:url(/_incl/img/layout/icons/suche_an.gif) no-repeat;
}

a#etage{	background:url(/_incl/img/layout/icons/etage_an.gif) no-repeat; }
a#etage:hover{ background:url(/_incl/img/layout/icons/etage_aus.gif) no-repeat; }

a#home{	background:url(/_incl/img/layout/icons/start_an.gif) no-repeat; }
a#home:hover{ background:url(/_incl/img/layout/icons/start_aus.gif) no-repeat; }

a#suche:hover{ background:url(/_incl/img/layout/icons/suche_aus.gif) no-repeat; }

a#pdflink{ background:url(/_incl/img/layout/icons/pdf_an.gif) no-repeat; }
a#pdflink:hover{ background:url(/_incl/img/layout/icons/pdf_aus.gif) no-repeat; }

a#schnellnav_button{	background:url(/_incl/img/layout/icons/schnellnav_an.gif) no-repeat; }
a#schnellnav_button:hover{ background:url(/_incl/img/layout/icons/schnellnav_aus.gif) no-repeat; }

#menue {
	margin: 0px;
	padding-top: 4px;
	padding-left: 5px;
	height: 25px;
	width: 975px;
	background-color: #3165CE;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00309C;
}

#menue div {
	height: 23px;
	float: left;
	padding: 0px;
	margin: 0px;
}

#menue #buttons {
	float:right;
	margin-top:-2px;
}

.menuepunkt {
	width: 220px;
}

#kopfzeile {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #639AFF;
	text-align: left;
	width: 735px;
	height: 58px;
	margin: 0px;
	text-indent: 5px;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
}

#gliederung {
	float: right;
	width: 238px;
	height: 60px;	
	background-color: #3165CE;
	text-align: left;
	margin: 0px;
	padding-left: 7px;
	padding-top: 5px;
}

#gliederung ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#gliederung li {
	margin: 0px;
	padding: 1px;
}

#linie_oben	{
	clear: both;
	float: top;
	width: 980px;
	height: 7px;
	padding: 0px;
	margin: 0px;	
}
#textteil, #grosser_inhalt,
#bild_rechts{
	clear: both;
	float: right;
	width: 453px;
	height: 442px;
	padding-top: 16px;
	padding-left: 10px;
	padding-right: 16px;
	background-color: #FFFFFF;
	border-right: 5px solid #639AFF;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	text-align:justify;
	overflow: auto;
}
#bild_rechts{
	clear:none;
	overflow:hidden;
	padding:0;
	margin:0;
	height:458px;
	width:485px;
}
#textteil p {
	margin-top: 0px;
	margin-bottom: 7px;
	padding-top: 0px;
	padding-bottom: 0px;
}

#textteil #rechtsvorschriften {
	text-align:left;
}


#grosser_inhalt {
	width: 944px;
	border-right: 5px solid #639AFF;
	border-left: 5px solid #00309C;

	
}

#bildgalerie {
	position: relative;
	float: right;
	width: 430px;
	height: 71px;
	padding-right: 16px;
	padding-top: 1px;
	background-color: #FFFFFF;
	top:470px;
	margin-top:-110px;
	right: 0px;
}
#bildgalerie img{
	cursor:pointer;
}

.borderBild {
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 14px;
	border: solid 1px #00309C;
}

/*Neue Galerie*/
#bild1, #bild2, #bild3, #bild4, #bild5, #bild6 {
	display:inline;
	float:left;
	width:85px;
}
#bild1 img, #bild2 img, #bild3 img, #bild4 img, #bild5 img, #bild6 img {
	border: solid 1px #00309C;
}


#galerie {
	display: block;
	width: 450px;
	position: relative;
	top:430px;
	margin-top:-70px;
}

#galerie_content {
	overflow:hidden;
}



/*Ende neue Galerie*/


#bildteil{
	float: left;
	width: 485px;
	height: 458px;
	padding: 0;
	margin: 0;
	background-color: #FFFFFF;
	border-left: 5px solid #00309C;
}

#navi_links {
	float: left;
	/*clear: both;*/
	width: 453px;
	height: 452px;
	padding-top: 6px;
	padding-right: 10px;
	padding-left: 16px;
	background-color: #FFFFFF;
	border-left: 5px solid #00309C;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
}

#navigation_text {
	width: 437px;
	height: 426px;
	padding: 16px;
	margin: 0;
	background-color: #FFFFFF;
	border-left: 5px solid #00309C;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;	
}

#nav_unten01 {
	clear: both;
	float: right;
	width: 490px;
	height: 19px;
	padding-top: 1px;
	background-color: #3165CE;
}

#nav_unten02 {
	float: left;
	width: 485px;
	height: 19px;
	padding-left: 5px;
	padding-top: 1px;
	background-color: #00309C;
}

.bedienelement_pfeil {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 14px;
	letter-spacing: 1px;
	text-decoration: none;
	font-weight: normal;
}


.bedienelement_pfeil:hover {
	font-weight: normal;
}

.bedienelement, .bedienelement a, .bedienelement a:active, .bedienelement a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #FFFFFF;
	letter-spacing: 1px;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

.bedienelement a:hover, .bedienelement .active, .bedienelement .active:visited, .bedienelement .active:active {
	color: #FFCF00;
	font-weight: bold;
	text-decoration: none;
}

.bedienelement_an, .bedienelement_an a, .bedienelement_an a:active, .bedienelement_an a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFCF00;
	font-weight: bold;
	line-height: 16px;
	letter-spacing: 1px;
	text-decoration: none;
}

#galerie {
	width: 450px;
	height: 70px;
}

#galerie ul { 
	list-style-type: none; 
	padding-left: 0px;
}

#galerie li { 
	display: inline; 
	padding-right: 5px;
}

#druckversion {
	clear: both;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	letter-spacing: 1px;
	padding-left: 0px;
	margin-top: 5px;
}

.bildrahmen {
	border: 0;
}

.drucken {
  background: transparent;
}

#copyright {
	display: none;
}

#seitenbeschreibung {
	display: none;
}

#fotogalerie {
	width:100%;
}

#fotogalerie div {
	float:left;
	width:25%;
	height:100px;
}

#impressumBereich {
	position:relative;
	left:20px;
	top:-30px;
	width:67px;
	height:15px;
	margin-bottom:-15px;
}
#InfoText {
	position:relative;
	left:804px;
	top:-103px;
	margin-bottom:-70px;
	width:166px;
	height:70px;
	overflow: visible;
}
.pdf{
	background:url(../img/u36_klein.gif) no-repeat left center;
	padding-left:13px;
}
.pdf_suche{
	background:url(../img/pdf.gif) no-repeat left center;
	padding-left:13px;
}
.popup{
	background:url(/../img/popup.gif) no-repeat left center;
	padding-left:13px;
}
/************************************************/
/* MouseOver Infobox                            */
/************************************************/

/*link*/
#infoBox a { padding: 0px; display: block; font: 11px Verdana; color : #003399; text-decoration : none; } 
#infoBox a:hover { color : #003399; font-weight: bold; text-decoration : none; border: 1px solid #003399;  }

/*infobox*/
#infoBox a .info { display : none; }
#infoBox a:hover .info {  padding : 4px; display : block; background : #FFFFFF;  font: 11px Verdana; color : #000000;  } 

#impressumBereich {
	font-size:11px;
}

#impressumBereich a,
#impressumBereich a:active,
#impressumBereich a:visited {
	color:#003399;
	font-weight:bold;
}
#InfoText {
	font-size:11px;
}


/*extra scrollbalken für text bei Bildergalerie */
.extrascroll {
	height:310px;
	width:443px;
	padding-right:10px;
	overflow:auto;
}

/************************************************/
/* Startgrafik                                  */
/************************************************/

#startgrafik_og {
	display:block;
}

#startgrafik_eg {
	display:none;
}

/************************************************/
/* Schnellnav                                   */
/************************************************/

#startbild { 
}

#schnellnav_overlay {
	position: absolute;
	right:145px;
	top:2px;
	width:65px;
	height:40px;
	background:url(/_incl/img/layout/schnellnav/top1.png);
	cursor:hand;
	filter:alpha(opacity=0);
	-moz-opacity:0.0;
	opacity:0.0;
	display:none;
	cursor:pointer;
}

.fade {
	position: absolute;
	right:5px;
	top:42px;
	width:504px;
	filter:alpha(opacity=0);
	z-index:100;
	-moz-opacity:0.0;
	opacity:0.0;/*
	display:none;*/
}

.fade img {
	border:solid 0px;
}

.fade table {
}

.fade .top {
	height:3px;
	background:url(/_incl/img/layout/schnellnav/top2.png);
	font-size:0px;
}

.fade .body {
	border-left:#182476 solid 1px;
	border-right:#182476 solid 1px;
	background:white;
}

.fade .bottom {
	height:3px;
	border:solid 0px;
	background:url(/_incl/img/layout/schnellnav/bottom.png);
	font-size:0px;
}

.fade td {
	padding:10px 5px 10px 5px;
}

td.left {

}

.fade td img {
	float:left;
	margin-right:5px;
	margin-top:3px;
}

.fade td .bereich {
	margin:0px;
	padding:0px;
}

td .stand {
	font-size:9px;
	margin:0px;
	padding:0px;
}

.fade td.middle {
	border-left:solid 1px #666666;
}

.fade td.right {
	border-left:solid 1px #666666;
}

.fade .neu {
	font-weight:bold;
	color:#FF0000;
}

.fade .hinweis {
	color:#FF0000;
}



/************************************************/
/* Blasen                                       */
/************************************************/
#blase_klassenzimmer {     position:absolute; right:160px; top:150px; }
#blase_klassenzimmer2 {    position:absolute; right:230px; top:110px; }
#blase_spielplatzgeraete { position:absolute; left:120px;  top:260px; }
#blase_informatik {	       position:absolute; right:595px; top:75px; }
#blase_textilgestaltung {  position:absolute; right:110px; top:260px; }
#blase_klettern_balancieren {  position:absolute; right:110px; top:240px; }

.blase {
	position: absolute;
	height:41px;
	display:none;
}

.blase .left {
	height:41px;
	float:left;
}

.bleft .left {
	background:url(../img/blasen/li_01.png) no-repeat;
	width:4px;
}

.bright .left {
	background:url(../img/blasen/re_01.png) no-repeat;
	width:21px;
}

.blase .right {
	height:41px;
	float:left;
}

.bleft .right {
	background:url(../img/blasen/li_02.png) no-repeat;
	width:40px;
}

.bright .right {
	background:url(../img/blasen/re_02.png) no-repeat;
	width:4px;
}


.blase .middle {
	background:#FFFFFF;
	height:29px;
	padding-top:2px;
	float:left;
}

.bleft .middle {

}

.bright .middle {
	margin-left:-15px;
	padding-right:15px;
}

.blase img {
	float:left;
	margin-right:5px;
	margin-top:3px;
	border: solid 0px;
}

.blase .bereich {
	margin:0px;
	padding:0px;
	font-size:12px;
}

.blase .stand {
	font-size:9px;
	margin:0px;
	padding:0px;
}


}