/* ============================== */
/*                                */
/* Kalender Migration2010 EKHN    */
/*                                */
/* Layout für eine Website im     */
/* Projekt Migration2010 zur      */
/* Darstellung eines Kalenders.   */
/*                                */
/* Xisio Informationssysteme GmbH */
/* michael.ibsen@xisio.com        */
/* http://www.xisio.com           */
/*                                */
/* 04.03.2010                     */
/*                                */
/* ============================== */


/* -------------- */
/* General styles */
/* -------------- */

@font-face {
    font-family: 'Max-Regular Regular';
    src: url('../fonts/MxRg.eot');
    src: local('Max-Regular Regular'), local('Max-Regular'), url('../fonts/MxRg.woff') format('woff'), url('../fonts/MxRg.otf') format('opentype');
}


body {
    margin: 0 auto;
    padding: 0;
    border: 0; /* This removes the border around the viewport in old versions of IE */
    width: 980px; /* set to 100% for a page that covers the whole width of the browser */
    background-color: #fff;
    color: #666666;
    980px;    /* Minimum width of layout - remove line if not required */
                    /* The min-width property does not work in old versions of Internet Explorer */

    font-family: Max-Regular Regular,Arial,Verdana,sans-serif;
    font-size: 12px;
    
    background-image: url(../images/layout/shadow_980.gif);
    background-repeat: repeat-y;
    background-position: center top;
    
}

a {
    color: #666666;
}

a:hover {
    color:#fff;
    background:#666666;
    text-decoration:none;
}

h1 {
    font-size:22px;
}

h1, h2, h3 {
    margin:.8em 0 .2em 0;
    padding:0;
}

h1.title_left_menu a {
    text-decoration: none;
}

h1.title_left_menu a:hover {
    text-decoration: none;
    color: #666;
    background-color: white;
}

p {
    margin:.4em 0 .8em 0;
    padding:0;
}

img {
    margin:10px 0 5px;
}


/* ------------- */
/* Header styles */
/* ------------- */

#header {
    float: left;
    width: 100%;
    height: 279px;
    padding: 0;
    margin: 0;
    background-color: #fff;
    border-bottom: 1px solid #666;
    
    background-image: url(../images/logos/logo-ekhn_dw.jpg);
    background-repeat: no-repeat;
    
}

#header p {
    padding:.5em 15px   .2em 15px;
    margin:0;
}

#header h1  {
    padding:.2em 15px;
    margin:0;
}

#header h2  {
    padding:.2em 15px   .7em 15px;
    margin:0;
}

#colmask {
    position:relative;  /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear:both;
    float:left;
    width:100%;         /* width of whole page */
    overflow:hidden;        /* This chops off any overhanging divs */
    background: #fff;     /* Left column background colour */
}

#colmid {
    float:left;
    width:200%;
    position:relative;
    left: 200px; /* war 200px */
    background:#fff;        /* Centre column background colour */
}

#colright {
    float:left;
    width:100%;
    position:relative;
    left:50%;
    margin-left:-200px; /* war -400px */
    background-color: #fff;        /* Right column background colour */

}

#col1wrap {
    float:right;
    width:50%;
    position:relative;
    right:100%;
    border-top: 1px solid #666;
    min-height: 450px;

}

#col1pad {
    margin:0 20px 0 200px; /* war 220 */
    overflow:hidden;
}

#col1 {
    width:100%;
    overflow:hidden;
    margin: 25px 0px 0px 0px;
}

/* left column */
#col2 {
    float:left;
    width:170px; /* war 170px */
    position:relative;
    margin-left:-50%;
    left:15px; /* war 215px */
    overflow:hidden;
    color: #666666;        /* Left column foreground colour */
}

/* right column */
#col3 {
    float:left;
    width:0px; /* war 170px */
    position:relative;
    left:0px;
    display: none;
    overflow:hidden;
    color: #666666;        /* Right column foreground colour */
}

#footer {
    clear:both;
    float:left;
    width:100%;
    padding:0;
    margin:0;
    border-top:1px solid #666;
    background-color: #fff;
    padding: 3px 0px 3px 0px;
}

#footer p {
    padding: 0px 0px 0px 200px;
    margin: 0px;
    font-size: 80%;
}


/* -------- */
/* Menu Top */
/* -------- */

div.menu-top {

}

ul.menu-top {
    display: block;
    margin: 0;
    padding: 0px 0px 0px 200px;

}

ul.menu-top li.no {
    display: inline;
    margin: 0;
    padding: 0;

}

ul.menu-top li.act {
    display: inline;
    margin: 0;
    padding: 0;

}

ul.menu-top a {
    background-color: #1E5E9B;
    border-right: 2px solid white;
    color: white;
    display: block;
    float: left;
    height: 30px;
    padding: 13px 0 0 15px;
    width: 100px;
    font-size: 120%;
    text-decoration: none;
}

ul.menu-top a:hover {
    font-weight: bold;
}

ul.menu-top a.act {
    font-weight: bold;
}


/* ---------- */
/* Menu links */
/* ---------- */

div.menu-left {

}

ul.menu-left-level1 {
    list-style-image:none;
    list-style-position:outside;
    /* list-style-type:none; */
    margin:0;
    padding:0 0 0 32px;
    line-height: 1.5em;
    font-size: 11pt;

}

ul.menu-left-level1 li {
}

ul.menu-left-level1 li.no {
    list-style-type:none;
}

ul.menu-left-level1 li.act {
    list-style-image:url('../images/layout/schiffchen.gif');

}

ul.menu-left-level1 li:hover {
    list-style-image:url('../images/layout/schiffchen_grau.gif');

}

ul.menu-left-level1 li.act:hover {
    list-style-image:url('../images/layout/schiffchen.gif');

}


ul.menu-left-level1 a.no {
    text-decoration: none;
}

ul.menu-left-level1 a.act, a.menu-left-level1-act {
    text-decoration: none;
    font-weight: bold;
}




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

.tx-keyac-pi1 {
    margin: 0px 0px 25px 0px;
}

.tx-keyac-pi1 table.calendar {
    background-color: #1E5E9B;
    border: 0px;
}

.tx-keyac-pi1 table.calendar th {
    height: 35px;
    color: white;
    background-color: #1e5e9b;
    font-size: 12pt;
    border: 0px;

}


.tx-keyac-pi1 table.calendar td {
    width: 80px;
    height: 45px;
    background-color: white;
    color: #1e5e9b;
    font-size: 160%;
}

.tx-keyac-pi1 table.calendar td.day {
    font-weight: bold;
    background-color: white;
    color: #1e5e9b;
    
}

.tx-keyac-pi1 table.calendar td.week {
    font-weight: bold;
    background-color: white;
    color: #1e5e9b;

}

.tx-keyac-pi1 table.calendar td.cat1 {
    background-color: #D7861D;
    color: white;
}

.tx-keyac-pi1 table.calendar td.cat1 a {
    background-color: #D7861D;
    color: white;
    text-decoration: none;
}

.tx-keyac-pi1 table.calendar td.cat99 {
    background-color: #D7861D;
    color: white;
}

.tx-keyac-pi1 table.calendar td.cat99 a {
    background-color: #D7861D;
    color: white;
    text-decoration: none;
}


div.yac-tooltip, div.event-item {
    color: #1E5E9B;
    background-color: white;
    font-size: 90%;
}

.tx-keyac-pi1 table.calendar td.cat1  .yac-tooltip .event-item a {
    color: #1E5E9B;
    background-color: white;
    font-size: 110%;
}

.tx-keyac-pi1 table.calendar td.cat99  .yac-tooltip .event-item a {
    color: #1E5E9B;
    background-color: white;
    font-size: 110%;
}

.listview .event-item {
    font-size: 10.5pt;
}

span.cat-entry {
    font-size: 10.5pt;

}


/* ------------------------- */
/* Spruch ueber dem Kalender */
/* ------------------------- */

div.spruch {
    margin:0px 0px 20px 370px; 
    width:300px; 
    font-style:italic;
}

div.spruch h2 {
    color:#D7861D; 
    font-style:normal;
    font-size: 14px;
}


/* ------------------------------ */
/* Links auf ZOE und DW im Header */
/* ------------------------------ */

a#link_zoe {
	display: block;
	height: 70px;
	width: 250px;
	margin: 108px 0px 0px 700px;
	color: white;
}

a#link_dw {
	display: block;
	height: 80px;
	width: 150px;
	margin: 15px 0px 0px 760px;
	color: white;
}

a#link_zoe:hover {
	background-color: transparent;
	color: white;
}

a#link_dw:hover {
	background-color: transparent;
	color: white;
}