/* Layout */
#rahmen{
	background: #fff;
}

#maincontent{
	background: url("/++resource++204-Felsenmeerschule/felsen.jpg") right bottom no-repeat;
}

.article, .gallery {
	background: none;
}

#content{
	width: 570px;
	margin: 0 0px; 
	background: none;
}

#stepnav{
	clear: left;
	width: 195px;
	padding-left: 15px;
}

#sidebar{
	width: 210px;
	padding-top:10px;
}

.sidebar-block{
	padding: 0 15px 0 0;
}

#stepnav, #sidebar {
  background-color: transparent;
}

#logo-felsen{
	width: 990px;
	height: 184px;
	overflow: hidden;
}
.felsen-logo{
	background: url("/++resource++204-Felsenmeerschule/logo-sw.png") no-repeat;
	width: 255px;
	height: 184px;
	float: left;
	font-size:81.25%;
	color:#fff;
	position:relative;
	font-weight:normal;
}

.felsen-logo span {
  position:absolute;
  bottom:50px;
  left:20px;
  background-color:#000;
}

#schule .felsen-logo{
	background: url("/++resource++204-Felsenmeerschule/logo-gr.png") no-repeat;
}
#eltern .felsen-logo{
	background: url("/++resource++204-Felsenmeerschule/logo-red.png") no-repeat;
}
#schueler .felsen-logo{
	background: url("/++resource++204-Felsenmeerschule/logo-blau.png") no-repeat;
}

#footer{
	margin: 0 auto;
	margin-top: 15px;
}

.slide1, .slide2{
	paading: 0;
	margin: 0;
	float: left;
}
img.felsen-logo{
	float: left;
}

#content h2{
	font-family: verdana;
	font-weight: bold;
	font-size: 28px;
}

.img-left h2{
	margin-top: 0;
}

.img-left img{
	margin-top: 4px;
}
.article .img span{
	margin-top: 3px;
}

#content h3{
	font-family: verdana;
	font-weight: normal;
	font-size: 22px;
}

/* Navi */

#fixnav {
	margin: 15px 0px 0px 0px;
	font-weight: bold;
	font-size: 17px; 
	letter-spacing: 0.1em;
	text-shadow: 1px 1px 2px #333;
	width: 972px;
	clear: both;
	height: 48px;
}


#fixnav ul {
	display: inline;
	list-style:none;
	width: 100%;
}

#fixnav ul li {
	float: left;
	text-align: center;
}

#fixnav a, #fixnav strong{
	display: block;
	padding: 6px 30px 8px 30px;
	margin-left: 15px;
	color: #fff;
	background: #333;
	-webkit-box-shadow: 2px 2px 8px #8c8c8c;
	-moz-box-shadow: 2px 2px 8px #8c8c8c;
	box-shadow: 2px 2px 8px #8c8c8c;
	border-radius: 7px;
}

#fixnav .interna{
	float:right;
}

#fixnav .schule a, #fixnav .schule strong {
	background: #97BF0D;
}

#fixnav .eltern a, #fixnav .eltern strong{
	background: #c30;
}

#fixnav .schueler a, #fixnav .schueler strong{
	background: #009ee0;
}
#fixnav .interna a, #fixnav .interna strong{
	background: #ccc;
}

#fixnav a:hover, #fixnav a:active, #fixnav a:focus {
	-webkit-box-shadow: inset 0px 0px 10px #333;
	-moz-box-shadow: inset 0px 0px 10px #333;
	box-shadow: inset 0px 0px 10px #333;
}
#fixnav a:hover, #fixnav a:active, #fixnav a:focus{
	margin-top: 3px\9;  /* ie8 */
	*margin-top: 3px;
}

#stepnav .stepnav ul li, #stepnav .stepnav ul, #stepnav .stepnav ul ul {
	border: none;
}


#stepnav ul#navi_liste li a, #stepnav ul#navi_liste li strong{
	display: block;
	padding: 8px 0 5px 5px;
	margin: 8px 0;
	border-radius: 7px;
	background-color: #eee;
	color: #333;
	font-size: 14px;
	font-weight: normal;
}

#stepnav ul#navi_liste li a:hover, #stepnav ul#navi_liste li a:focus {
	background-color: #333;
	color: #fff;
	text-decoration: none;
}

#stepnav ul#navi_liste li strong{
	background-color: #ccc;
}

#schule #stepnav ul#navi_liste li a, #schule #stepnav ul#navi_liste li strong{
	background-color: #d5e58f;
}

#schule #stepnav ul#navi_liste li a:hover, #schule #stepnav ul#navi_liste li a:focus {
	background-color: #97bf0d;
}

#schule #stepnav ul#navi_liste li strong{
	background-color: #bed84e;
}

#eltern #stepnav ul#navi_liste li a, #eltern #stepnav ul#navi_liste li strong{
	background-color: #fcc;
}

#eltern #stepnav ul#navi_liste li a:hover, #eltern #stepnav ul#navi_liste li a:focus {
	background-color: #c30;
}

#eltern #stepnav ul#navi_liste li strong{
	background-color: #c63;
	color: #fff;
}

#schueler #stepnav ul#navi_liste li a, #schueler #stepnav ul#navi_liste li strong{
	background-color: #c4e7f8;
}

#schueler #stepnav ul#navi_liste li a:hover, #schueler #stepnav ul#navi_liste li a:focus {
	background-color: #009ee0;
}

#schueler #stepnav ul#navi_liste li strong{
	background-color: #3fbfeb;
}

#breadcrumb {
	padding: 3px 0 25px 2%;
	width: 70%;
	float: left;
}
#breadcrumb li{
	display: inline;
}

form#suche {
	float: left;
	width:27.5%;
	display: block;
}
form#suche .suchbegriff {
    background: url("/++resource++ready/refresh/images/suche.png") no-repeat scroll 0 50% #fff;
    border: 1px solid #bfbfbf;
    border-radius: 10px;
    box-shadow: -1px -1px 1px #ccc;
    height: 1.7em;
    padding-left: 20px;
    width: 60%;
    margin-top:0;
    display: block;
    float: left;
}

form#suche .suche_button {
    background: url("/++resource++ready/refresh/images/suche_button.png") repeat-x scroll 0 0 #3C3C3C;
    border: 1px solid #3C3C3C;
    border-radius:5px;
    color: #fff;
    font-weight: bold;
    height: 2em;
    padding: 0 3px;
    width: 25%;
    margin-left: 2%;
}

form#suche .suche_button:hover, form#suche .suche_button:focus{
	opacity: 0.6;
}

dl.dlmnogo ul{
	list-style: none;
}
dl.dlmnogo dd{
margin-left:0;
border-bottom: 1px solid #ccc;
}

dl.dlmnogo dt{
	margin-top: 20px;
}

ul#blaettern{
	list-style: none;
	display: block;
	padding: 15px 0 0 0;
}
ul#blaettern li{
	float: left;
	padding: 0 16px 0 0;
}