/* Projekt Immanuel Kant Gymnasium */

body {
background-color: #FFFFFF;
color:#333333;
text-align: center;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
margin: 0;
padding: 0;
display: block;
}

#main {
width: 924px;
margin: 0 auto;
text-align: left;
padding: 10px 0 0 0;
}

.breaker {
clear: both;
height: 1px;
overflow: hidden;
}

.hr {
display: none;
}

.img {
border: none;
}

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

a:hover {
text-decoration: underline;
}

p {
line-height: 150%;
}


/* --- Header --- */

#header {
width: 924px;
height: 195px;
padding: 0;
margin: 0 0 10px 0;
}


#logo {
width: 185px;
height: 195px;
padding: 0;
margin: 0;
float: left;
}

#logo img {
padding: 0;
margin: 0;
border: none;
}

#logo a {
text-decoration: none;
}

#headerMenu {
width: 729px;
height: 195px;
padding: 0;
margin: 0 0 0 10px;
float: right;
overflow: hidden;
}

#headerImg {
width: 729px;
height: 70px;
overflow: hidden;
padding: 0;
margin: 0 0 5px 0;
background: url(../img/header.jpg) no-repeat top left;
}

#headerLogo {
float: left;
width: 370px;
height: 70px;
overflow: hidden;
}

#headerAdresse {
padding-top: 8px;
font-size:10px;
float: right;
width: 230px;
height: 62px;
overflow: hidden;
color: #666666;
text-align: right;
}

#headerImg h1, #headerImg h2 {
display: none;
}


/*
#menu_img {
width: 729px;
height: 90px;
overflow: hidden;
padding: 0;
margin: 0 0 1px 0;
}

#menu_img img {
padding: 0;
margin: 0;
border: none;
}
*/

/* --- Menu --- */

#menu {
width: 730px;
height: 119px;
padding: 0;
margin: 0;
overflow: hidden;
}

#menu ul li a img {
padding: 0;
margin: 0;
border: none;
}

#menu ul {
margin: 0;
padding: 0;
}

#menu ul li {
background-color: #FFE299;
color: #003399;
list-style: none;
float: left;
width: 145px;
height: 119px;
margin-right: 1px;
font-size: 14px;
line-height: 29px;
text-align: center;
}

#menu ul li a {
display: block;
text-decoration: none;
font-weight: bold;
text-transform: uppercase;
}

#menu ul li a:hover {
text-decoration: none;
color: #FFE92A;
background-color: #003399;
}

#menu ul li.current {
text-decoration: none;
background-color: #003399;
}

#menu ul li.current a {
color: #FFE92A;
}


/* --- Submenu --- */

#contentLeft {
float: left;
width: 165px;
background: url(../img/bg_menu.jpg) no-repeat top;
padding: 25px 10px 0 10px;
}

#contentLeft .info {
color: #666666;
font-size: 9px;
margin: 15px 0 0 0;
text-align: center;
}

#submenu {
margin-bottom: 30px;
}

#submenu ul {
margin: 0;
padding: 0;
border-bottom: 1px solid #FFFFFF;
}

#submenu ul li {
color: #003399;
list-style: none;
font-weight: bold;
border-top: 1px solid #FFFFFF;
padding: 5px 0 5px 10px;
}

#submenu ul li a {
color: #003399;
font-weight: bold;
text-decoration: none;
}

#submenu ul li a:hover {
color: #003399;
font-weight: bold;
text-decoration: underline;
}

#submenu ul li.sub, #submenu ul li.sub_current {
color: #003399;
font-size: 11px;
list-style: none;
padding: 0 0 5px 20px;
margin: 0;
border: none;
background: url(../img/bg_sub.gif) no-repeat left top;
}

#submenu ul li.sub a, #submenu ul li.sub_current a {
color: #003399;
font-weight: normal;
text-decoration: none;
}

#submenu ul li.sub a:hover, #submenu ul li.sub_current a:hover {
color: #003399;
font-weight: normal;
text-decoration: underline;
}

#submenu ul li.subsub, #submenu ul li.subsub_current {
color: #003399;
font-size: 10px;
list-style: none;
padding: 0 0 5px 30px;
margin: 0;
border: none;
background: url(../img/bg_subsub.gif) no-repeat left top;
}

#submenu ul li.subsub a, #submenu ul li.subsub_current a {
color: #003399;
font-weight: normal;
text-decoration: none;
}

#submenu ul li.subsub a:hover, #submenu ul li.subsub_current a:hover {
color: #003399;
font-weight: normal;
text-decoration: underline;
}

#search input {
width: 100px;
}

#search input.search {
width: 50px;
}


/* --- Pfad --- */

#path {
float: left;
width: 680px;
color: #666666;
height: 25px;
line-height: 25px;
padding: 0 25px 0 25px;
margin: 0 0 0 10px;
font-size: 10px;
}

#path a {
color: #666666;
text-decoration: none;
}

#path a:hover {
color: #666666;
text-decoration: underline;
}


/* --- Content --- */

#contentContainer {
margin: 0;
padding: 0 0 15px 0;
width: 925px;
background-color: #FFF1CE;
background-image: url(../img/bg_content.gif);
background-repeat: y;
}

#content {
float: left;
width: 415px;
margin: 0 0 0 10px;
padding: 0 0 0 25px;
}

#contentFull {
float: left;
width: 680px;
padding: 0 25px 0 25px;
margin: 0 0 0 10px;
}

#contentRight {
float: right;
width: 270px;
padding: 0;
margin: 0;
}

#contentRight .box {
width: 215px;
background-color: #FFE299;
margin: 0 25px 20px 0;
padding: 15px;
}

#contentRight .box h1 {
font-weight: bold;
color: #000000;
font-size: 12px;
margin: 0 0 10px 0;
}

#content h1, #contentFull h1 {
color: #003399;
font-size: 16px;
font-weight: bold;
padding: 10px 0 0 0;
margin: 0;
}

#content h2, #contentFull h2 { 
font-size: 14px;
color: #003399;
font-weight: bold;
padding: 10px 0 0 0;
margin: 0;
}

#content h3, #contentFull h3 { 
font-size: 12px;
color: #003399;
font-weight: bold;
padding: 10px 0 0 0;
margin: 0;
}

#content h4, #content h5, #content h6, #contentFull h4, #contentFull h5, #contentFull h6 {
font-size: 12px;
color: #003399;
font-weight: bold;
padding: 10px 0 0 0;
margin: 0;

}

/* --- Footer --- */

#footer {
padding: 10px 0 0 0;
border-top: 1px solid #FFE299;
margin: 10px 25px 0 220px;
font-size: 11px;
color: #666666;
}

#footer a {
text-decoration: none;
color: #666666;
}

#footer a:hover {
text-decoration: none;
}

#footerLeft {
float: left;
width: 415px;
margin: 0;
}

#footerRight {
float: right;
width: 245px;
margin: 0;
text-align: right;
}

#footer img {
border:none;
}


/* ------------- News -------------------------------------------------------------------------- */

/* ---- latest ------*/

.news-latest-item {
margin-top: 5px;
padding-top: 5px;
border-top: 1px solid #ffffff;
font-size: 11px;
}

.news-latest-item p.bodytext{
padding: 0;
margin: 0;
}

.news-latest-item a {
color: #003399;
}

.news-latest-item a:hover {
}

.news-latest-item h3 {
margin: 5px 0 5px 0;
font-size: 11px;
}

/* ---- list ------*/

.news-list-container {
padding-top: 5px;
}

.news-list-item {
padding-bottom: 15px;
}

.news-list-item-imagebox {
margin: 0px;
padding: 0px;
width: 150px;
float: left;
}

.news-list-item-image {
margin: 0px;
padding: 0px;
width: 150px;
height: 100px;
}

.news-list-item-text {
margin-left: 15px;
float: left;
width: 515px;
}

.news-list-item p.bodytext {
margin:0;
}

.news-list-item-header {
font-size: 11px;
}

.news-list-item-header h3 {
margin: 5px 0 5px 0;
font-size: 11px;
}
	

/* ---- single ------*/


.news-single-item {}


.news-single-date {
font-weight: bold;
}

.news-single-timedata {
color: #003399;
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
}

.news-single-rootline {
color: #003399;
font-size: 18px;
font-weight: normal;
text-transform: uppercase;
}

.news-single-header {
margin: 0px;
padding: 0px;
width: 510px;
}

.news-single-img img {
padding: 0 20px 5px 0;
width: 240px;
}

.news-single-title {
font-size: 12px;
font-weight: bold;
color: #003399;
}

.news-single-subheader h3 {
color: #003399;
font-size: 12px;
font-weight:bold;
}

.news-single-img {
margin: 0 0 10px 0;
padding: 0;
float: left;
}

.news-single-imgcaption {
font-size: 11px;
color: #999999;
margin:0;
padding:0;
}

.news-single-backlink {
padding-top: 10px;
}

/* ---- Suche ---- */

.news-search-form {
font-size: 11px;
line-height: 150%;
margin: 10px 0 10px 0;
}

.news-search-form input {
margin: 0;
width: 115px;
}

.news-search-form p {
margin: 10px 0 0 0;
padding: 0;
}

.news-search-emptyMsg {
}

.news-search-form-submit input{
width: 22px;
height: 22px;
padding: 0;
margin: 0;
position: relative;
top: 7px;
}

.searchinfo {
float: left;
font-size: 10px;
line-height: 100%;
margin: 0 3px 0 0;
padding-top: 5px;
}

/* Archiv-Menu */

.news-amenu-container {
width: 298px;
padding: 0 10px 0 10px;
}

.news-amenu-container ul {
margin: 0;
padding: 0;
}

.news-amenu-container ul li {
list-style-type: none;
float:left;
width: 23px;
margin:0;
text-align:center;
}

.news-amenu-container ul li a {
text-decoration:none;
}

.news-amenu-container ul li a:hover {
text-decoration:underline;
}

.news-amenu-container ul li.news-amenu-item-year {
width: 278px;
font-weight: bold;
padding: 5px 0 3px 0;
font-size: 11px;
color: #3A3765;
border-bottom: #3A3765 1px solid;
margin: 0;
}

.news-amenu-container ul li.news-amenu-item-year dd {
padding:0;
margin:0;
text-align:left;
}

/* Pagebrowser */

.tx-ttnews-browsebox {
font-size: 11px;
}

.tx-ttnews-browsebox a {
text-decoration: none;
}

.tx-ttnews-browsebox a:hover {
text-decoration: underline;
}


/* ------------------------------ Formulare ----------------------------------- */

input, textarea, select {
font-size: 11px;
padding: 2px;
}

#email {
margin-bottom:15px;
}

#name, #vorname, #strasse, #plz_ort,  #tel, #tel2, #fax, #email, #bemerkungen, #tel, #email, #subject, #submit {
margin-top: 3px;
text-align: left;
}


.title {
width: 130px;
float: left;
font-weight: bold;
padding-right: 10px;
}

#vorname input, #name input, #strasse input, #fax input, #tel input, #tel2 input, #email input, #subject input, select {
width: 170px;
}

#bemerkungen textarea {
width: 290px;
height: 150px;
}

#plz_ort .plz {
width: 35px;
}

#plz_ort .ort {
width: 122px;
margin-left: 5px;
}

.chkbox {
width: 360px;
font-size: 11px;
padding: 2px;
}

.formtext {
font-size: 11px;
}

.required {
/*color: #CC0000;*/
}

.error {
color: #CC0000;
font-size: 11px;
font-weight: bold;
border: 1px solid #CC0000;
padding: 5px;
margin-bottom: 10px;
width: 60%;
}

.error ul {
font-weight: normal;
margin-top: 5px;
margin-bottom: 0;
}

#submit input, input.button, input.submit {
margin-top: 10px;
margin-left: 140px;
}



/* -------------------------- Kalender ------------------------------------- */

/* List Events */
#contentListNumberEvent table {
border-collapse: collapse;
width: 100%;
border: none;
margin: 10px 0 20px 0;
}

#contentListNumberEvent table tr { 
border-bottom: 1px solid #666666;
}

#contentListNumberEvent table th {
background-color: #FFE299;
padding-right:5px;
border-bottom: 1px solid #666666;
}

#contentListNumberEvent table td, #contentListNumberEvent table td a{
padding-right: 20px; 
}

#headerTc2lCalEvent, #headerTc2lCalUser {
font-size: 16px;
color: #003399;
font-weight: bold;
padding: 10px 0 0 0;
margin: 0;
}

#contentEvent table, #contentLoc table, #contentUser table {
margin: 10px 0 20px 0;
width: 100%;
border: none;
}

#contentEvent table td.legendListEvents, #contentLoc table td.legendListLoc, #contentUser table td.legendListUser {
padding-right: 20px;
font-weight: bold;
vertical-align: top;
}


/* MiniCal */

#contentMiniCal {
width: 100%;
text-align: center;
}

#contentMiniCal table {
border: #C0C0C0 solid 1px; 
border-collapse: collapse; 
width: 215px; 
height: 185px;
margin: 0;
padding: 0;
}

#contentMiniCal table tr th {
font-size: xx-small; 
border: #C0C0C0 solid 1px;
}

#contentMiniCal table tr th a { text-decoration:none; }

#contentMiniCal table tr td {
font-size: xx-small; 
border: #C0C0C0 solid 1px; 
text-align: center; 
vertical-align: text-top;
}

#contentMiniCal table tr td a { text-decoration:none; }

#miniCal_Month {
height: 22px; 
margin-left: 10px; 
margin-right: 10px;
color: #FFFFFF;
background-color: #003399;
}

#miniCal_Week {
height:15px; 
}

#miniCal_DayOfWeek {} 

.miniCal_Week {
height:15px; 
background-color: #FFE299;
}
.miniCal_DayOfWeek {
background-color: #FFE299;
} 

.miniCal_WeekNumber {
height:25px; 
color:white;
background-color: #003399;
}

.miniCal_WeekNumber a {
text-decoration:none; 
color:green;
}

#miniCal_leftArrow {
margin-right:10px;
}

#miniCal_rightArrow {
margin-left:10px;
}


/* --------------------------------------------------- GALLERY ----------------------------------------------------------*/

#gallery {
width: 680px;
margin-bottom: 10px;
}

.gallery_container {
padding: 0 7px 7px 0;
float: left;
}

.gallery_box {
width: 115px;
height: 110px;
padding-top: 5px;
font-size: 11px;
text-align: center;
border: #666666 1px solid;
background-color: #FFE299
}

.gallery_img {
margin:0 auto;
padding:0;
height: 105px;
width: 105px;
}

.gallery div {
margin: 0 0 20px 0;
padding:0;
text-align: center;
}

.gallery_box_single {
padding:0;
text-align: center;
width: 510px;
}

.gallery_img_single {
padding:0;
margin:0 auto;
}

#contentheader {
width: 510px;
padding:10px 0 10px 0;
}



/* ------Next upcoming Event----- */

.calendar_upcoming {
border-bottom: #666666 1px solid;
}

.single_event_upcoming {
padding: 0 0 5px 0;
margin-bottom: 5px;
background: url(../img/icon_event.gif) no-repeat left top;
border-top: #666666 1px solid;
}

.single_event_upcoming .event_title {
font-size: 11px;
margin: 3px 0 3px 30px;
font-weight: bold;
}
  
.single_event_upcoming .event_time {
color: #666666;
margin: 0 0 0 30px;
}

  

/* ------ Event Calendar Month view ----- */

.monthview, .calendar-month {
    font-family:  Arial, Helvetica, sans-serif;
  }
  TABLE.monthview {
    border: 1px solid #AAAAAA;
    background-color: #efefef;
    clear: both;
  }

  .calendar-month .prev_months {
    float: left;
    width: 220px;
    text-align: right;
    padding-top: 5px;
    white-space: nowrap;
  }
  .calendar-month .next_months {
    float: right;
    width: 220px;
    padding-top: 5px;
    white-space: nowrap;
  }
  .calendar-month .the_month {
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    text-align: center;
  }
  .calendar-month .the_month A {
    color: #000000;
    text-decoration: none;
  }

  .calendar-month .p_m {
    float: left;
  }
  .calendar-month .n_m {
    float: right;
  }

  .calendar-month .p_y {
    float: left;
  }
  .calendar-month .n_y {
    float: right;
  }
  .calendar-month .p_y_1 {
    float: left;
    padding-left: 11px;
  }
  .calendar-month .n_y_1 {
    float: right;
    padding-right: 11px;
  }
  .calendar-month .cat_select {
    text-align: right;
  }

  .calendar-month .p_y_1 A, 
  .calendar-month .n_y_1 A {
    color: #000000;
    display: inline;
    text-decoration: none;
  }


  .calendar-month .p_m_1, 
  .calendar-month .p_m_2,
  .calendar-month .p_m_3,
  .calendar-month .n_m_1, 
  .calendar-month .n_m_2,
  .calendar-month .n_m_3
  {
    color: #000000;
    display: inline;
  }

  .calendar-month .p_m_1 A, 
  .calendar-month .p_m_2 A,
  .calendar-month .p_m_3 A,
  .calendar-month .n_m_1 A, 
  .calendar-month .n_m_2 A,
  .calendar-month .n_m_3 A
  {
    color: #000000;
    text-decoration: none;
  }

  .calendar-month .p_m_1, 
  .calendar-month .n_m_1 {
    font-size: 11px ;
  }

  .calendar-month .p_m_2,
  .calendar-month .n_m_2 {
    font-size: 11px;
    padding: 10px;
  }

  .calendar-month .p_m_3,
  .calendar-month .n_m_3 {
    font-size: 11px;
  }


  TABLE.monthview TR TD.top_header {
    width: 610px;
    height: 20px;
    font-size: 18px;
  }

  TABLE.monthview TR TD.top_header .weekheader {
    width: 25px;
    text-align: center;
    border-bottom: 1px solid #000000;
    visibility: hidden;
  }

  .monthview .top_header .dayheader {
    width: 14%;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    background-color: #FFFFFF;
    color: #FF0000;
    color: #000000;
    border: 1px solid #999999;

  }
  .monthview .week {
  }

  .monthview .weeknum {
    vertical-align: top;
    border: 1px solid #999999;
  }

  .monthview .weeknum .week_short {
    color: #000000;
    color: #FF0000;
    color: #666666;
    line-height: 0px;
    font-weight: bold;
    padding-top: 20px;
  }
  .monthview .weeknum .week_header {
    color: #000000;
    font-weight: bold;
    padding-left: 5px;
    font-size: 10px;
  }
  .monthview .weeknum .week_header A {
    color: #000000;
    text-decoration: none;
    display: block;
    width: 100%;
  }

  TABLE.monthview TR TD.day {
    vertical-align: top;
    height: 27px;
    width: 14%;
    background-color: #FFFFFF;
    border: 1px solid #999999;
  }
  TABLE.monthview TR TD a img {
    border: 0;
  }
  
  TABLE.monthview TR TD.weekend {
    background-color: #FFF1CE;
  }
  TABLE.monthview TR TD.not_in_month {
    background-color: none;
  }
  TABLE.monthview TR TD.day_is_today {
    background-color: #ffe299;
  }
  TABLE.monthview TR TD.day .dayTitle {
    font-size: 10px;
    margin-top: 2px;
    margin-left: 2px;
  }
  TABLE.monthview TR TD.day .dayTitle A {
    text-decoration: none;
    display: block;
    width: 100%;
  }
  TABLE.monthview TR TD.not_in_month .dayTitle{
    display: none;
  }
  TABLE.monthview TR TD.not_in_month a{
    display: none;
  }
  TABLE.monthview TR TD.not_in_month img{
    display: none;
  }
  TABLE.monthview TR TD.day DIV.event_today {
    font-size: 9px;
    background-color: none;
  }
  TABLE.monthview TR TD.day DIV.event_today DIV.inner A {
    color: #222255;
    text-decoration: none;
    white-space: nowrap;
    display: block;
  }
  .monthview .event_today .inner {
    white-space: nowrap;
  }
  
  .monthview .event_not_today {
    font-size: 9px;
    background-color: none;
  }
  TABLE.monthview TR TD.day DIV.event_not_today DIV.inner A {
    color: #222255;
    text-decoration: none;
    white-space: nowrap;
    display: block;
  }
  .monthview .event_not_today .inner {
    white-space: nowrap;
  }