@font-face 
{
	font-family: 'YanoneKaffeesatzRegular';
	src: url('font/YanoneKaffeesatz-Regular-webfont.eot');
	font-weight: normal;
	font-style: normal;
}

body {   
    font-family: YanoneKaffeesatzRegular;
	color:#000000;
    background: #ffffff;
	margin:0px;
	padding:0px;
	font-size:18px;
}

h1,h2,h3,h4,h5,h6
{
	font-weight:normal;
    margin-bottom:10px;
    margin-top: 1px;
    color:#6699cc;
}
	
h1 { font-size:24px; font-weight: bold; }
h2 { font-size:20px; font-weight: bold; }
h3 { font-size:18px; font-weight: bold; }
h4 { font-size:16px; font-weight: bold; }
h5 { font-size:14px; }
h6 { font-size:12px; }

a:link,a:visited,a:active {
    color:#6699cc;
	font-weight:normal;
    text-decoration:none;
}
a:hover {
	color:#66ccff;
}	

#header {
    margin: 0px;
    height: 250px;
    background-image: url("../images/header_bg.png");
    background-repeat: repeat-x;
    text-align: center;	
}

#headerlogo {
    margin: 0px;
    height: 80px;
    background-image: url("../images/header_logo.png");
    background-repeat: no-repeat;
    background-position: 5% top;	
}

#headerphoto {
    text-align: center;   
}

#headerphoto img {
    display: inline-block;
    border:0px;
    margin: 1px;
}

#headerlinks {
    padding-top: 10px;
    padding-right: 30px;
    text-align:right;
}

#headerlinks img {
    border:0px;
}

#headerlinks a { display:inline-block; height:55px; width:65px; overflow:hidden; }

#headerlinks a:hover { text-indent:-65px; }


#navigation {
    left:0px;
    background-image: url("../images/navigation_bg.png");
    background-repeat: no-repeat;
    background-position: left top;
    font-size: 18px;
    font-weight: bold;
    padding-left: 120px;
	position: absolute;
    top: 240px;
    width: 320px;
    min-height:450px;
    height:auto !important;
    height:450px; 
}

ul#menu, ul#menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 200px;
}

ul#menu a {
  display: block;
  text-decoration: none;
  font-size: 24px;	
}

ul#menu li {
  margin-top: 1px;
}

ul#menu li a {
  color: #3399cc;	
  padding: 5px;
  
}

ul#menu li a:hover {
  color: #455560;
}

ul#menu li ul li a {
  color: #3399cc;
  padding-left: 20px;
  font-size: 18px;
}

ul#menu li ul li a:hover {
  padding-left: 15px;
}

#maintitle { 
    font-size: 18px;
    font-weight: bold;
	top: 0;
    margin-left: 330px;
    margin-right: 15px;
    padding-left: 24px;
    padding-bottom: 10px;
}

#main { 
	top: 0;
    margin-left: 330px;
    margin-right: 15px;
    padding-left: 20px;
    padding-top:  10px;
    border-top-width: 4px;
    border-left-width: 4px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-style: solid;
    border-color: #6699cc;
    min-height:450px;
    height:auto !important;
    height:450px; 
    -moz-border-radius-topleft: 11px;
	-webkit-border-radius-topleft: 11px;
	border-top-left-radius: 11px;
}

#mainleft {
    padding-left: 0px;
    width: 65%;
    float: left;
}

#mainright {
    float: right;
    width: 30%;
    padding-left: 15px;
}
#mainright ul {
    list-style: none;
}
#mainbottom {
    margin-top: 50px; 
    text-align:center;
}
#facebook
{
  display: block;
  width: 60px;
  height: 55px;
  background: url("../images/icons/facebook2.png") no-repeat 0 0;

}
.collapsed {
	display: none;
}
.menuTree {
	text-decoration: none;
}
#albumlist .menuTree:before {
	content: "[+] ";
}
#albumlist .expanded:before {
	content: "[-] ";
}
#footer 
{
    background-image: url("../images/footer_bg.png");
    background-repeat: no-repeat;
    background-position: right bottom;
    font-size: 18px;
    font-weight: bold;
    min-height:100px;
    height:auto !important;
    height:100px; 
}

/* calendar */
table.calendar    { border-left:1px solid #3399cc; }
tr.calendar-row  {  }
td.calendar-day  { min-height:80px; font-size:14px; position:relative; } * html div.calendar-day { height:80px; }
td.calendar-day:hover  { background:#eceff5; }
td.calendar-day-np  { background:#eee; min-height:80px; } * html div.calendar-day-np { height:80px; }
td.calendar-day-head { background:#99CCFF; font-weight:bold; text-align:center; width:120px; padding:5px; border-bottom:1px solid #3399cc; border-top:1px solid #3399cc; border-right:1px solid #3399cc; }
div.day-number    { background:#3399cc; padding:5px; color:#fff; font-weight:bold; float:right; margin:-5px -5px 0 0; width:20px; text-align:center; }
/* shared */
td.calendar-day, td.calendar-day-np { width:120px; padding:5px; border-bottom:1px solid #3399cc; border-right:1px solid #3399cc; }
.toolTip { /* This is the hook that the jQuery script will use */
    font-family: Verdana;
    font-size:10px;
	padding-right: 20px; /* This is need to make sure that the help icon is always visible */
	background: url(images/help.gif) no-repeat right;
	color: #3366FF;
	cursor: help; 
	position: relative; /* This contains the .toolTipWrapper div that is absolutely positioned  */
}

.toolTipWrapper { /* The wrapper holds its insides together */
	width: 175px;
	position: absolute; /* Absolute will make the tooltip float above other content in the page */
	top: 12px;
	display: none; /* It has to be displayed none so that the jQuery fadein and fadeout functions will work */
	color: #FFF;
	font-weight: bold;
	font-size: 9pt; /* A font size is needed to maintain consistancy */
}

.toolTipTop { /* Top section of the tooltip */
	width: 175px;
	height: 30px;
	background: url(../images/bubbleTop.gif) no-repeat;
}

.toolTipMid { /* Middle section of the tooltip */
	padding: 8px 15px;
	background: #A1D40A url(../images/bubbleMid.gif) repeat-x top;
}

.toolTipBtm { /* Bottom Section of the tooltip */
	height: 13px;
	background: url(../images/bubbleBtm.gif) no-repeat;
}
td {
height:30px;
vertical-align:top;
text-align:center;
width:30px;
}
.currentDay {
background:#FFC;
color:red;
}

.days:hover {
background:#9F0;
border-color:#000;
}
.days {
background:#32CD32;
border-color:#000;
}
.daysbezet {
background:red;
}
.daysbezet:hover {
background:red;
border-color:#000;
}
.day6 {
background:#008000;
}
.day7 {
background:#008000;
}
.monthName {
text-align:left;
vertical-align:middle;
}
.monthName div {
padding-left:10px;
}