/*
# # # colors # # #
colors:
green menu:	#60958B
green page:	#CDE681 
grey:	#888888

# # # HTML tags # # #
*/

html
{
	margin: 0px;
	padding: 0px;
}

body 
{
	margin: 0px;
	padding: 0px;
	background: #ffffff;
	color: black;
	font: 12px Tahoma;
	text-align: left;
}

div 
{
	margin: 0px;
	padding: 0px;
}

img
{
	border: 0px;
	margin: 0px;
}

a			
{
	text-decoration: underline;
}

a:link  	
{
	color: #333333;
}
a:visited	
{
	color: #333333;
}
a:active	
{
	color: #333333;
}
a:hover		
{
	color: #333333; 
}

h2 
{
	font-size: 20px;
}

h3 
{
	font-size: 15px;
}

p
{
	margin: 3px 0px;
}

td 
{
	vertical-align: top;
}

input, textarea, select
{
	background: #DDDEE0;
	border: 1px solid #BBBBBB;
	font: 12px Verdana;
	color: black;
	width: 400px;
}

input, textarea
{
	padding-left: 3px;
}

textarea
{
	width: 500px;
	height: 270px;
}

input.btn 
{
	width: 100px;
    height: 20px;
}

h1, h1, h3 
{
	margin: 12px 0px;
}

/*

# # # general page layout # # #
*/

#site 
{
	position: relative;
	width: 990px;
	height: 586px;
	margin: 0px auto;
	border: 0px solid #DDDEE0;
	background: url(/images/site.jpg) no-repeat;
}

#overlay 
{
    position: absolute;
    top: 20px;
    left: 70px;
    width: 850px;
    height: auto;
    z-index: 100;
    background: #ff0000;
    display: none;
}

#overlaybar
{
    width: 100%;
    height: 20px;
    background: #60958B;
    text-align: center;
    color: white;
    font-weight: bold;
}

#overlayclose
{
    cursor: hand;
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 20px;
    height: 20px;
}

#overlayborder
{
    background: #dddddd;
    width: 100%;
    height: 100%;
    padding: auto auto; 
}

#overlaycontent
{
    padding: 10px;
    text-align: center;
    vertical-align: middle;
}

#navcontainer 
{
	float: left;
	width: 187px;
	height: auto;
	min-height: 586px;
	border: 0px solid #DDDEE0;
	border-bottom: 0px;
}

#nav
{
	float: left;
	height: auto;
    margin: 230px 20px 20px 20px;
}

#nav img 
{
	margin: 0px 30px 0px 0px;
}

#nav a
{
	color: white;
	height: 20px;
	cursor: pointer;
}

#nav .btn {
	width: 150px;
	height: 44px;
}

#maincontainer
{
	width: 803px;
	height: 586px;
	overflow: visible;
	position: absolute;
	top: 0px;
	left: 187px;
	border: 0px solid #DDDEE0;
	border-top: 0px;
}

#main
{
	float: left;
	width: 784px;
	height: 518px;
	position: absolute;
	top: 66px;
	left: 3px;
   	overflow: hidden;
}

#content 
{
	padding: 43px 10px 15px 95px;
	line-height: 18px;
	overflow: hidden;
}

#content img 
{
    margin: 0px;
}

.r  {
    text-align: right;
}

/* foto */
#navfoto {
position: absolute;
top: 10px;
left: 120px;
    width: 600px;
    height: 105px; 
    background: #60958B;
    overflow: hidden;
}

#navfotoleft {
position: absolute;
top: 10px;
left: 100px;
    width: 20px;
    height: 105px; 
    background: #60958B url(/images/left.gif) no-repeat;
    cursor: pointer;
}

#navfotoright {
position: absolute;
top: 10px;
left: 720px;
    float: left;
    width: 20px;
    height: 105px; 
    background: #60958B url(/images/right.gif) no-repeat;
    cursor: pointer;
}

.fotoicon
{
    cursor: hand;
    cursor: pointer;
}

#fullimg 
{
position: absolute;
top: 120px;
left: 122px;
    width: 600px;
    height: 840px;
    overflow: hidden;
}

#fullimg img
{
}

.thumb
{
    width: 95px; height: 95px; 
    margin: 5px 0px 0px 5px; 
    float: left; 
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

.thumb img
{
}

.lbl 
{
    float: left;
    width: 100px;
}

#legend {
    float: right;
    width: 200px;
    height: 400px;
    padding: 5px;
    border: 1px dashed black;
    background: #eeeeee;
    font: 12px Courier New;
}

/* kalender */
#cal {}
.caldiv {
    float: left;
    width: 210px;
    height: 172px;
}

table.cal {
    margin: 0px 10px 4px 2px;
}

table.cal thead {
    background: #60958B;
    font-weight: bold;
    text-align: center;
}

table.cal tbody td {
    padding: 2px;
    text-align: right;
}

table.cal td.grey {
    color: #999;
}

table.cal td.red {
    color: #ff0000;
}

table.cal td.b {
    font-weight: bold;
}

table.cal td.lbl {
    width: auto;
    vertical-align: bottom;
    color: #999;
    font-style: italic;
    font-size: 10px;
}

.fotoitem
{
	float: left;
	margin-bottom: 2px;
}

.foto 
{
	float: left;
	width: 55px;
}

.foto img
{
	height: 35px;
}

.fotoitem input
{
	float: left;
	width: 585px;
}