/*  HTML5 Boilerplate  */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,  footer, header, hgroup, 
menu, nav, section, summary, time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}                  
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display:block;
}
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:5; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }

body { font:13px/1.231 sans-serif; *font-size:small; } 
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

body, select, input, textarea { color: #444; }
h1,h2,h3,h4,h5,h6 { font-weight: bold; }
html { overflow-y: scroll; }

a:hover, a:active { outline: none; color: #E27900; }
a, a:active, a:visited { color: #E27900; }
a:hover { color: #F90; }

ul, ol { margin-left: 1.8em; }
ol { list-style-type: decimal; }

nav ul, nav li { margin: 0; } 
small { font-size: 85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align: top; } 
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre {  padding: 15px;  white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; }
textarea { overflow: auto; } 
.ie6 legend, .ie7 legend { margin-left: -7px; } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid { background-color: #f0dddd; }

::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
::selection { background:#FF5E99; color:#fff; text-shadow: none; } 
a:link { -webkit-tap-highlight-color: #FF5E99; } 

button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; } 
.visuallyhidden { position: absolute !important; clip: rect(1px 1px 1px 1px);  clip: rect(1px, 1px, 1px, 1px); }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after {  content: "\0020"; display: block; height: 0; visibility: hidden;	 } 
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* Primary Styles
   Author: Carsten Peters - carsten-peters.net
   02.11.2011
*/

body { font: 12px/20px Arial, sans-serif; text-align: center; background: #f8f8f8 url(../upload/css_img/bg_body.gif) repeat-y 50% 0%; }

#container { width: 990px; margin: 0 auto; font-size: 1.1em; text-align: left; background: #fff url(../upload/css_img/bg_body.gif) repeat-y scroll center; }
#header { position: relative; margin: 0 30px; border-top: 5px solid #fff; }
#wrapper { float: left; width: 100% }
#content { margin: 0 230px; padding: 25px; }
#termine #content { margin: 0 0 0 230px; padding: 25px; }
#extra { float: left; width: 200px; margin-left: -230px; margin-top:5px}
#nav { float: left; width: 230px; margin-left: -995px; }
#footer { clear: both; width: 100%; }

strong { color: #666; font-weight: bold; }
br { clear: left; }
.ie6 h1,
.ie7 h1,
h1 a { position: relative; width: 200px; height: 148px; top: 5px; display: block; background: #fff url(../upload/css_img/logo.gif) no-repeat; }

#kopf, 
#kopf_bildung, 
#kopf_flur, 
#kopf_gbw, 
#kopf_haus, 
#kopf_historie, 
#kopf_home, 
#kopf_informatik, 
#kopf_mitarbeiter, 
#kopf_pause,
#kopf_post, 
#kopf_raiffeisen, 
#kopf_rechnen, 
#kopf_schueler, 
#kopf_schule, 
#kopf_team, 
#kopf_termine, 
#kopf_unterkunft, 
#kopf_unterricht, 
#kopf_unterricht2,
#kopf_unterricht3, 
#kopf_unterricht4 { background-repeat: no-repeat; background-position: top right; }
#kopf_gbw { background-image: url(../upload/css_img/head_home2.jpg); }
#kopf_bildung { background-image: url(../upload/css_img/head_bildung.jpg); }
#kopf_flur { background-image: url(../upload/css_img/head_flur.jpg); }
#kopf_haus { background-image: url(../upload/css_img/head_home2.jpg); }
#kopf_historie { background-image: url(../upload/css_img/head_historie.jpg); }
#kopf_home { background-image: url(../upload/css_img/head_home2.jpg); }
#kopf_informatik { background-image: url(../upload/css_img/head_informatik.jpg); }
#kopf_mitarbeiter { background-image: url(../upload/css_img/head_kantine.jpg); }
#kopf_pause { background-image: url(../upload/css_img/head_pause.jpg); }
#head_post { background-image: url(../upload/css_img/head_post.jpg); }
#kopf_raiffeisen { background-image: url(../upload/css_img/head_raiffeisen.jpg); }
#kopf_rechnen { background-image: url(../upload/css_img/head_rechnen.jpg); }
#kopf_schueler { background-image: url(../upload/css_img/head_schueler.jpg); }
#kopf_schule { background-image: url(../upload/css_img/head_schule.jpg); }
#kopf_team { background-image: url(../upload/css_img/head_team.jpg); }
#kopf_unterkunft { background-image: url(../upload/css_img/head_unterkunft3.jpg); }
#kopf_termine { background-image: url(../upload/css_img/head_termine.jpg); }
#kopf_unterricht { background-image: url(../upload/css_img/head_unterricht.jpg); }
#kopf_unterricht2 { background-image: url(../upload/css_img/head_unterricht2.jpg); }
#kopf_unterricht3 { background-image: url(../upload/css_img/head_unterricht3.jpg); }
#kopf_unterricht4 { background-image: url(../upload/css_img/head_unterricht4.jpg); }

#content h2 { font: normal 19px Arial, sans-serif; color: #E27900; margin-bottom: 5px; }
#content h3, 
#content h4 { font: normal 14px Arial, sans-serif; color: #E27900; margin-bottom: 5px; }
#content h3 { font: bold 15px Arial, sans-serif; margin-top: 15px; }
#content #news h3 a { font: normal 16px Arial, sans-serif; color: #eb6a0a; sans-serif; margin: 10px 0 0 0; text-decoration: none; border: none; }
#content h2 img.start-unsichtbar { display: none; }
a.newslink { background: transparent url(../upload/css_img/new.gif) no-repeat 0% 50%; padding: 0 0 0 15px; text-align: right; }
.subhead { margin: 0 0 5px 0; border-bottom: 1px solid #ccc; }
#news .subhead{ color: #333; padding-bottom: 15px; }
#content p, 
#content ul, 
#content ol { margin-bottom: 5px; }
#content ol { padding-left: 30px; }
#content ul {  }
#content ul li { padding: 2px 0 2px 10px; list-style: none; background: url(../upload/css_img/dot.gif) no-repeat 0px 9px; }
#content ul li ul li { padding-left: 10px; list-style: none; background: url(../upload/css_img/dot2.gif) no-repeat 0px 9px; }
#content img { float: left; margin: 6px 15px 3px 0; display: inline; }
#content #news img { float: left; margin: 0 15px 3px 0; display: inline; }
.mitarbeiter { float: left; width: 130px; margin: 0 46px 15px 25px; padding: 5px; font-size: 12px; line-height: 15px; }

#searchbox { float: left; display: inline; margin: 3px 0 0 10px; }
.ie6 #searchbox { margin: -5px 0 0 10px; }
.ie7 #searchbox { margin: -2px 0 0 10px; }
.ie8 #searchbox { margin: -1px 0 0 10px; }
.ie9 #searchbox { margin: -2px 0 0 10px; }
#searchbox input { border: none; width: 100px;  }
#searchbox #search_send { border: none; background: none; width: auto; display: inline; color: #fff; cursor: pointer; font: bold 12px/30px Arial, sans-serif; } 

form p { margin: 10px 0 0 0; }
#extra { }
#extra .box { border: 1px solid #68af21; padding: 10px;}
#extra h2 { color: #fff; background: #68af21; padding: 3px 10px; margin: 15px 0 0 0; }
#extra a { color: #68af21; text-decoration: none; }
#extra ul { list-style: none; margin: 0 }
#extra .image { text-align: center; margin-top: 15px }

/*----------------------
          Links 
----------------------*/

#content .ext { background: url(../upload/css_img/extlink.gif) no-repeat 0 3px; padding-left: 14px; }
#content a:link { text-decoration: none; border-bottom: 1px dotted #E27900; }
#content a:visited { text-decoration: none; border-bottom: none; }
#content a:hover { text-decoration: none; border-bottom: 1px solid #F90; } 


/*----------------------
        Navigation 
----------------------*/

#nav { font: bold 13px/30px Arial, sans-serif; }
#nav ul { margin: -30px 0 20px 35px; position: relative; }
#nav li { list-style-type: none; }
#nav li a { display: block; height: 30px; padding: 0 0 0 20px; border-bottom: 1px solid #fff; }
#nav li a:link, 
#nav li a:visited { color: #3265B0; text-decoration: none; }
#nav li a:hover { color: #fff; background: #B9CCDC; text-decoration: none; }
#nav li a#current { text-decoration: none; background: transparent url(../upload/css_img/current.gif) no-repeat 7px 10px; }
#nav li a:hover#current { color: #3265B0; }
#nav li ul { font: normal 12px/20px Arial, sans-serif; border-bottom: 1px solid #fff; margin: 0; }
#nav li ul a:link, 
#nav li ul a:visited { display: block; height: 20px; background: #CAD9E5; color: #3265B0; border-bottom: none; }
#nav li ul a:hover, 
#nav li ul li ul a:hover, 
#nav li ul a#subcurrent, 
#nav li ul a#sub_subcurrent { background: #AFC1D0; color: #fff; }
#nav ul ul { text-indent: 10px; font: normal 11px/16px Arial, sans-serif; }
#nav li ul ul a:link, 
#nav li ul ul a:visited { height: 18px; background: #B5C8D8; border-bottom: none; text-indent: 20px; } 
#nav #liid_27 { display: none; }

#moodle,
#abend-ig { margin: 0 0 0 50px; }


/*----------------------
    Hilfsnavigation 
----------------------*/

#navi_bg { background: #eb6a0a; width: 730px; height: 30px; float: right; border-top: 5px solid #fff; }
#hilfsnavi { float: left; font: bold 12px/30px Arial, sans-serif; background: #eb6a0a; height: 30px; list-style-type: none; text-align: center; margin: 0; }
#hilfsnavi li { float: left; }
#hilfsnavi li a { float: left; padding: 0 18px; color: #fff; text-decoration: none; display: block; text-align: center; border-right: 1px solid #fff; border-left: none; }
#hilfsnavi li a#current { color: #eb6a0a; background: #f8d4b9; }
#hilfsnavi li a:hover, 
#hilfsnavi li.aktuell a { background: #f8d4b9; }


/* Iconize 0.3 
---------------------------------------------------------------------------*/


/* extensions */

a[href$='.doc'], 
a[href$='.rtf'] { padding: 3px 20px 3px 0; background: transparent url(../upload/css_img/icon_doc.gif) no-repeat 100% 4px; }
a[href$='.xls'] { padding: 3px 20px 3px 0; background: transparent url(../upload/css_img/icon_xls.gif) no-repeat 100% 4px; }
a[href$='.pps'] { padding: 3px 20px 3px 0; background: transparent url(../upload/css_img/icon_pps.gif) no-repeat 100% 4px; }
a[href$='.pdf'], .pdf { padding: 3px 20px 3px 0; background: transparent url(../upload/css_img/icon_pdf.gif) no-repeat 100% 4px; }


/* making sure images don't get icons */

.imageLink { padding-right: 0px !important; background: none !important; }