/* basic formatting classes */
.textblock{
   text-align:justify;
}
.textblock>*{
   max-width:100%;
}
.right{
   text-align:right;
}
.italic{
   font-style:italic;
}
.block{
   display:block;
}
.inline-block{
   display:inline-block;
}
.floatleft{
   float:left;
}
.floatright{
   float:right;
}
.clear{
   clear:both;
}
.red{
   color:#f00;
}
.blue{
   color:#00f;
}
.green{
   color:#0f0;
}
.dark-grey{
   color:#555;
}
.grey{
   color:#777;
}
.small{
   font-size:13px;
}

/* body */
body{
   margin:0;
   background-color:#e0e0e0;
}

/* button & input styling */
input,button,textarea,a.button{
   margin:0.3em 0.2em;
   padding:0.3em 0.4em;
   border:1px solid #a9a9a9;
   color:#555;
   background-color:#fff;
}
input[type="submit"],input[type="reset"],button,a.button{
   padding-right:0.6em;
   padding-left:0.6em;
   color:#333;
   background-color:#f7f7f7;
}
input:active,textarea:active,a.button{
   border-color:#fd0:
}
input:focus,textarea:focus,a.button{
   outline:none;
   border-color:#fd0:
}
.invalid_input{
   box-shadow:0 0 1.5px 1px red;
}

/* basic formatting classes */
.textblock{
   text-align:justify;
}
.block{
   display:block;
}
.inline-block{
   display:inline-block;
}
.no-margin{
   margin:0 !important;
}
.no-padding{
   padding:0 !important;
}
.orange{
   color:#f60;
}

/* header, content and footer */
#wrapper{
   margin:0 auto;
   width:980px;
}
#header,#content{
   margin:0;
   padding:0 20px;
}
#header{
   background:#fd0;
}
#content{
   position:relative;
   padding:10px 20px 30px 20px;
   min-height:200px;
   background-color:#f5f5f5;
}
#footer{
   margin:0 auto;
   padding-top:10px;
   padding-bottom:100px;
   width:700px;
}

/* header elements */
#logo,#menu{
   display:inline-block;
}
#logo{
   float:left;
   padding:2px 5px;
}
#logo a{
   display:block;
   height:54px;
}
#menu{
   float:right;
}
#menu ul{
   margin:0;
}
#menu > ul{
   overflow:visible;
}
#menu li{
   margin:0;
}
#menu > ul > li{
   position:relative;
   display:inline-block;
}
* html #menu > ul > li{
   zoom:1;
   display:inline;
}
*+html #menu > ul > li{
   zoom:1;
   display:inline;
}
#menu a{
   display:block;
   padding:0 10px;
   font-weight:bold;
   font-size:14px;
   text-decoration:none;
}
#menu > ul > li > a{
   height:64px;
   line-height:64px;
   color:#444;
}
#menu > ul > li.active > a,#menu > ul > li:hover > a,#menu > ul > li:active > a{
   color:#111;
   background:#ffd100;
}
#menu li ul{
   position:absolute;
   left:0;
   padding:0;
   z-index:100;
   top:64px;
   overflow:hidden;
   height:0;
   opacity:0;
   background-color:#fff;
}
#menu li:hover ul{
   padding:10px;
   height:auto;
   opacity:1;
}
#menu li ul li{
   display:block;
}
#menu li ul li a{
   padding:5px 10px;
   line-height:19px;
   color:#777;
}
#menu li ul li a:hover,#menu li ul li a:active,#menu li ul li.active a{
   color:#555;
   background-color:#e0e0e0;
}

/* content elements */
#content h1 > .description,
#content h2 > .description,
#content h3 > .description,
#content h4 > .description,
#content h5 > .description,
#content h6 > .description{
   padding-left:0.6em;
   font-size:16px;
   font-weight:normal;
   color:#666;
}
#content iframe{
	padding:18px 0;
}
#content #search{
   position:absolute;
   display:inline-block;
   top:30px;
   right:30px;
}
#content #search input.query,#content #search input.submit{
   line-height:1em;
   padding-top:0.5em;
   padding-bottom:0.5em;
}
#content #search input.query{
   margin:0;
   width:125px;
}
#content #search input.submit{
   margin:0;
}
#content #more-articles{
   padding-top:20px;
}
#content #sidebar{
   padding-top:50px;
   padding-bottom:60px;
}
#content #sidebar a{
   color:#555;
}
#content .info{
   display:block;
   margin:6px 0;
   padding:5px;
   border:1px solid #e0e0e0;
   background-color:#fff;
}
#content .info.stripe-top{
   border-top:3px solid #fd0;
}
#content .info.stripe-right{
   border-right:3px solid #fd0;
   margin-right:6px;
   padding-right:10px;
}
#content .info.stripe-left{
   border-left:3px solid #fd0;
   margin-left:6px;
   padding-left:10px;
}

#content .imageslider{
   position:relative;
   margin:0;
   padding:0;
   overflow:hidden;
   max-height:700px;
}
#content .imageslider img{
   display:none;
   margin:0;
   padding:0;
   width:100%;
   border:0;
}
#content .imageslider img.visible{
   display:block;
}
#content .fotoCol{
   float:left;
   margin:3px;
   text-align:center;
   width:300px;
}
#content .noFont{
   font-size:0;
}
#content .imagebox{
   text-align:center;
   margin:0;
   width:200px;
   vertical-align:middle;
   display:table-cell;
}
.imagebox img{
   margin:0 !important;
   width:100px !important;
}
#content .textbox{
   max-width:443px;
   margin:0 5px; 
   display: table-cell;
   vertical-align:middle;
}
#content #input input{
   width:100px !important;
}
#content #files{
   padding:7px;
   min-height:20px;
}
#content #files li{
   display:inline-block;
   list-style:none;
}
#content #file{
   width:100%;
   padding:0;
   height:600px;
}
.artikel>*, .artikel p, .artikel img{
   margin-right:5px;
   margin-left:5px;
   max-width:100%;
}

#content img{
	max-width:100%;
}

#content .fullWidth{
   width:100%;
}
#schuljahre{
   margin:-15px 0 0 0;
   padding-left:20px;
   list-style-type:square;
}
/* footer elements */
#footer p{
   color:#222;
}
#footer a{
   color:#555;
}

#navButtons {
    display: none;
}