* {
    margin: 0 ;
    padding: 0 ;
}

body {
    padding: 10px;
    background: #efefef ;
}

body, input, textarea {
    color: #333 ;
    font-family: Tahoma, Arial, Helvetica, sans-serif ;
    font-size: 8pt ;
}

img {
    border: 0 ;
}

p {
    margin-bottom: 1em ;
}

a {
    text-decoration: none ;
    color: #e85500 ;
}

a:hover {
    text-decoration: underline ;
}

th, td {
    text-align: left ;
    vertical-align: top ;
}

label {
    cursor: pointer ;
}

input, textarea {
    padding: 1px ;
}

#sitecontainer {
    width: 760px ;
    padding: 0 ;
    position: relative ;
    margin: auto ;
    background-color: #fff ;
}

#header {
    position: relative ;
    height: 269px ;
    background: url('../images/bg_header.gif') no-repeat ;
}

#logo {
    position: absolute ;
    bottom: 10px ;
    left: 10px ;
}

#logo a {
    display: block ;
    width: 153px ;
    height: 75px ;
    background: url('../images/logo_realschule_lohfeld.png') no-repeat ;
}

* html #logo a {
    background:url(../images/none.gif) fixed ;
    filter:progid:dximagetransform.microsoft.alphaimageloader(src='fileadmin/images/logo_realschule_lohfeld.png', sizingmethod='crop');
}

#logo a.hell {
    display: block ;
    width: 153px ;
    height: 75px ;
    background: url('../images/logo_realschule_lohfeld-hell.png') no-repeat ;
}

* html #logo a.hell {
    background:url(../images/none.gif) fixed ;
    filter:progid:dximagetransform.microsoft.alphaimageloader(src='fileadmin/images/logo_realschule_lohfeld-hell.png', sizingmethod='crop');
}

#claim {
    position: absolute ;
    bottom: 34px ;
    right: 3px ;
}

/*#claim a {
    display: block ;
    width: 405px ;
    height: 29px ;
    background: url('../images/schriftzug_header.png') no-repeat ;
}

* html #claim a {
    background:url(../images/none.gif) fixed ;
    filter:progid:dximagetransform.microsoft.alphaimageloader(src='fileadmin/images/schriftzug_header.png', sizingmethod='crop');
}*/

#logo a:hover, #claim a:hover {
    text-decoration: none ;
}

#menu {
    position: absolute ;
    bottom: 7px ;
    right: 5px ;
    text-transform: uppercase ;
}

#menu ul {
    list-style-type: none ;
}

#menu ul li {
    position: relative ;
    float: left ;
    background: url('../images/bg_menuitem.gif') repeat-x ;
    height: 20px ;
    margin-left: 1px ;
    width: 90px ;
    text-align: center ;
}

#menu ul li.active {
    background-image: url('../images/bg_menuitem_active.gif');
}

#menu a {
    display: block ;
    height: 14px ;
    padding: 3px 0 ;
    color: #fff ;
    font-weight: bold ;
}

#menu ul li.active, #menu ul li.active * {
    color: #e85500 !important ;
}


#pagecontainer {
    padding: 4px 0 ;
}


#leftcol {
    float: left ;
    width: 200px ;
    border-right: 1px solid #6a6a6a ;
    padding-right: 4px ;
}

#leftcol #openmenu {
    display: none ;
}

.leftcol_header {
    height: 14px ;
    padding: 3px 13px ;
    background: url('../images/bg_leftcol_header.gif') no-repeat ;
    margin-bottom: 2px ;
}

#cwbmenu .leftcol_header {
    height: 14px ;
    padding: 0;
    background: none;
    margin-bottom: 8px ;
}

.leftcol_box {
    background: url('../images/bg_leftcol_box.gif') repeat-y ;
    color: #6a6a6a ;
    padding-bottom: 7px ;
    margin-bottom: 10px ;
}

#cwbmenu.leftcol_box {
    background: url('../images/bg_cwbleftcol_box.gif') repeat-y ;
}

.leftcol_box a {
    font-weight: bold ;
    color: #6a6a6a ;
}

.leftcol_header {
    color: #fff ;
    font-weight: bold ;
}

.leftcol_header a {
    display: block ;
    color: #fff ;
}

#submenu {
}

#submenu ul, #ticker ul, #cwbmenu ul {
    list-style-type: none ;
}

#submenu ul li, #ticker ul li {
    background: url('../images/bg_submenuitem.gif') no-repeat 13px 6px ;
    border: 0px dotted #6a6a6a ;
    border-bottom-width: 1px ;
}

#cwbmenu ul li {
    background: url('../images/bg_cwb_submenuitem.gif') no-repeat 13px 6px ;
}

* > #submenu ul li, * > #ticker ul li {
    border-width: 1px 0 ;
    margin-bottom: -1px ;
}

#submenu ul li a, #ticker ul li a, #cwbmenu ul li a  {
    display: block ;
    padding: 4px ;
    padding-left: 30px ;
    height: 12px ;
}

#submenu ul > li a, #ticker ul > li a, #cwbmenu ul > li a {
    height: auto ;
    min-height: 12px ;
}

/*#submenu ul > li.active, #submenu ul > li.active *, #ticker ul li.active, #ticker ul li.active * {
    color: #eb3300 ;
}*/

#submenu ul li.current, #submenu ul li.current * {
    color: #eb3300 ;
}

#submenu ul li.current, #submenu ul li.current ul * {
    color: #6a6a6a ;
}

#cwbmenu ul li.current, #cwbmenu ul li.current * {
    color: #0085c4 ;
}

#submenu ul ul, #ticker ul ul  {
    margin-left: 30px ;
}

#submenu ul ul li, #ticker ul ul li {
    border: 0 ;
}

#ticker ul li {
    border: 0 ;
    margin: 0 ;
}

#ticker .date {
    color: #eb3300 ;
}

#searchform {
    background: none !important ;
    border-bottom: 1px dotted #6a6a6a ;
    padding-bottom: 10px ;
}

#searchform .leftcol_header {
    margin-bottom: 10px ;
}

#searchform form {
    padding: 0 13px ;
}

#searchform #sword {
    width: 147px ;
}


#content {
    float: right ;
    width: 518px ;
    padding: 22px 7px 22px 30px ;
    margin-left: -1px ;
    line-height: 1.4em ;
    border-left: 1px solid #6a6a6a ;
}

#content h1, #content h2, #content h3, #content h4 {
    font-weight: bold ;
    color: #6a6a6a ;
}

#content h1 {
    font-family: Arial, Helvetica, sans-serif ;
    font-size: 10pt ;
    margin-bottom: 1.4em ;
    margin-left: -24px ;
    padding-left: 24px ;
    padding-bottom: 7px ;
    border-bottom: 1px dotted #6a6a6a ;
    background: url('../images/bg_pagetitle.gif') no-repeat 0 4px ;
    text-transform: uppercase ;
    letter-spacing: 2px ;
}

#content h1 .colored_word {
    color: #eb3300 ;
}

#content h2, #content h3, #content h4 {
    margin-top: 1.5em ;
    margin-bottom: 0.5em ;
}

#content h2 {
    font-size: 9pt ;
    letter-spacing: 1px ;
}

#content h3, #content h4 {
    font-size: 8pt ;
}

#content .imgtext-table {

}

#content ul, #content ol {
    margin-left: 20px;
    margin-bottom: 1em;
}

#content li {
    margin-bottom: 0.25em ;
}

#content blockquote {
    margin-left: 3em ;
}

#content input.input, #content textarea {
    width: 250px ;
}

#content textarea {
    height: 7em ;
}

.csc-textpic-image dt div.img {
    position: relative ;
}

.csc-textpic-image dt > div.img {
    margin: -1px ;
}

.csc-textpic-image dt div.img img {
    border: 1px solid #333 ;
}

.img-topleft, .img-topright, .img-bottomleft, .img-bottomright {
    display: none ;
    position: absolute ;
    height: 7px ;
    width: 7px ;
    background-repeat: no-repeat ;
}
.img-topleft {
    top: 0 ;
    left: 0 ;
    background-image: url('../images/bg_img-topleft.gif') ;
}
.img-topright {
    top: 0 ;
    right: 0 ;
    background-image: url('../images/bg_img-topright.gif') ;
}
.img-bottomleft {
    bottom: 0 ;
    left: 0 ;
    background-image: url('../images/bg_img-bottomleft.gif') ;
}
.img-bottomright {
    bottom: 0 ;
    right: 0 ;
    background-image: url('../images/bg_img-bottomright.gif') ;
}
div.img > .img-topleft, div.img > .img-topright, div.img > .img-bottomleft, div.img > .img-bottomright {
    display: block ;
}

.csc-textpic-caption {
    border: 5px solid #fff ;
    border-width: 5px 0 ;
}

.csc-textpic-caption div {
    text-align: center ;
    color: #fff ;
    font-weight: bold ;
}

.csc-textpic-caption div {
    background: #6a6a6a url('../images/bg_imagecaption_left.gif') no-repeat bottom left ;
    height: 21px ;
}

.csc-textpic-caption div div {
    background: url('../images/bg_imagecaption_right.gif') no-repeat bottom right ;
    height: 19px ;
    padding-top: 2px ;
}


#news {
    float: right ;
    width: 183px ;
    background-color: #fff ;
    padding-left: 14px ;
}

#news h1 {
    margin-left: 0 ;
    margin-bottom: 0 ;
}

#news h1, #news a {
    color: #eb3300 !important ;
}

#news .newsitem {
    padding: 7px ;
    border: 0 solid #fde9e4 ;
    border-top-width: 20px ;
    background-color: #fbd4c8 ;
}

#news .newsitem_end {
    background-color: transparent ;
    padding: 0 ;
}

#news .newsitem h2 {
    color: #eb3300 ;
    text-transform: uppercase ;
    margin-top: 0 ;
    margin-bottom: 0.5em ;
    font-size: 8pt ;
}

#news .newsitem .newstext {
    border-left: 1px solid #eb3300 ;
    padding-left: 8px ;
    margin-left: -8px ;
}

#news .newsitem .newsmore {
    margin-top: 0.2em ;
    text-align: right ;
}

#footer {
    clear: both ;
    padding: 12px 19px ;
    height: 16px ;
    border: 1px solid #6a6a6a ;
    border-width: 1px 0 ;
}

.tx-teachers-pi1 td, .tx-teachers-pi1 th {
    padding: 0 0.5em 0.5em 0 ;
}


/*
div {
    outline: 4px solid #f00 ;
}

div > div {
    outline: 3px solid #0f0 ;
}

div > div > div {
    outline: 2px solid #ff0 ;
}

div > div > div > div {
    outline: 1px solid #00f ;
} */