@import url(menu.css);

body
{
	behavior: url(csshover.htc);
	margin: 0;
	padding: 0;
	background-image: url(../images/back2.gif);
	background-repeat: no-repeat;
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #002339;
	line-height: 140%;
	background-position: center top;
}

h2{
	font-size:16px;	
}
h3{
	font-size:14px;	
}

#wrapper
{
	margin: 0em auto 1.5em auto;
	width: 785px;
	min-height: 100%;
	height: 100%;
	position: relative;
	text-align: left;
}

#header {

}

#dtv
{
	position: absolute;
	top: 15px;
	right: 200px;
	z-index: 1;
}
.mindesthoehe{
	height:210px;
	float:right;
}


#main { background-color: #88BEFB; }

.top-content
{
	width: 100%;
	background-color: #88BEFB;
}

.main-content
{
	width: 100%;
	color: white;
	background-color: #4F991C;
	padding-bottom: 10px;
	clear: right;
}


#footer {
	margin-top:10px;	
	width: 100%;
	/* background-color: #D4CBB9; */
	text-align: center;
}




.first-letter
{
	float: left;
	font-family: Times, Georgia;
	font-size: 80px;
	line-height: 60px;
	padding-top: 2px;
	padding-right: 5px;
}

.left
{
	width: 45%;
	height: 90%;
	padding-right: 2%;
	margin-left:2%;
	float: left;
	border-right: #00629E;
	border-width: 0 1px 0 0;
	border-style: none dotted none none;
}

.right
{
	margin-right: 2%;
	width: 45%;
	float: right;
}
.container_belegungsplan{
	margin-left:2%;
	margin-right:2%;
}

p { line-height: 140%; }
p img { margin: 8px; }

img { border: 0; }

form {
	border: 0;
	margin: 0;
	padding: 0;
}

label 
{
	width: 80px;
	float: left;


}

fieldset
{
	padding: 5px;
	margin: 5px;
	border-color: #B3CFFB;
	border-width: 1px;
	border-style: solid;
}


.gallery
{
	margin: 0 3% 0 3%;
	clear: both;
	overflow: hidden;
	padding: 5% 0 5% 0;
}

.gallery img.pict, .gallery img.pict-small
{

	margin-right: 5px;
	float: left;
	border-color: #CDEAFA;
	border-width: 2px;
	border-style: solid;
}

.gallery img.pict-small { width: 94px; }


img.pict, img.pict-small {
	margin: 5px;
	border-color: #CDEAFA;
	border-width: 2px;
	border-style: solid;
}

.alt { display: none; }

a:link { color: #0073B8; } 

a:visited { color: #0073B8; }

a:hover { font-weight: bold; }

a:active { font-weight: bold; }

table
{
	width: 100%;
}

caption
{
	padding: 1%;
	text-align: right;
	font-size: 14px;
}

th
{
	color: #002339;
	border-right: 1px solid #EDFE86;
	border-bottom: 1px solid #EDFE86;
	border-top: 1px solid #EDFE86;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #89C125;
	font-size: 11px;
	font-weight: bold;
}

table .empty {
	border: 0;
	background: none;
}

td {
	border-right: 1px solid #456213;
	border-bottom: 1px solid #456213;
	background: white;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}


td.alt {
	background: #DCEA88;
	color: #797268;
}


/*########## Belegungsplan ##########*/

table.admin-plan-table { 
    background-color: #dce2f2 
    padding:0px;
}
.belegungsplan td, .belegungsplan table, .belegungsplan th{
	padding:0px;	
}

td.plan-title { 
    color: #000000; 
    font-size: 17px; 
    font-family: arial 
}

td.plan-table { 
    font-size: 11px; 
    font-family: arial; 
    background-color: #ddd 
}

td.admin-plan-month {
    font-weight: bold; 
    font-size: 11px; 
    font-family: arial; 
    background-color: #ffffff
}

td.admin-plan-frist-column {
    font-weight: bold; 
    font-size: 11px; 
    font-family: arial; 
    background-color: #ffffff; 
    text-align: center
}

td.admin-plan-second-column { 
    font-weight: bold; 
    font-size: 11px; 
    font-family: arial; 
    background-color: #def2ff; 
    text-align: center 
}

td.not-a-day {
    background-color: #666666
}

td.free { 
    background-color: #00CC00 
}

td.occupied {
    background-color: #ff0000
}

td.arrival {
    background-image: url(../belegungsplan/anreise.gif);
    background-color: #00CC00;
    background-position: right bottom;
    background-repeat: no-repeat;
}
td.departure {
    background-image: url(../belegungsplan/abreise.gif);
    background-color: #00CC00;
    background-position: left bottom;
    background-repeat: no-repeat;
}
table.schedule td.free, table.schedule td.occupied, table.schedule td.departure, table.schedule td.not-a-day, table.schedule td.arrival{
	width:15px;	
}
td.monat{
	width:50px;
	padding:0px;
}