body	{
		background-color: #F7E879;
		font-family: "Tahoma", "Verdana", "sans-serif";
		color: #000000;
		font-size:10pt;
		}


body h2 {
		font-size:12pt;
		}

TD
		{
		vertical-align:top;
		}

#friendlygreen {color: #088A4B; }

td.rightline
		{
		padding-right: 4px;
		border-right: 2px #000080 solid;
		}
.td_red
   { background-color:#FF3300; }
.td_yellow
   { background-color:#00ffff; }
.td_green
   { background-color:#adff2f; }
.td2
   { width:30px; font-size:13px; font-family:Verdana,sans-serif; vertical-align:text-top;}
.cred
   { color:#ff0000;}
.cgre
   { color:#008000;}
.cgre_b
   { color:#008000;  font-weight:bold;}
.cal_belegt
   { color:#ff0000; background-color:#ff0000; width:20px;}
.cal_frei
   { color:#008000; background-color:#008000; width:20px;}

.button_orange *{ margin:0; padding:0}
.button_orange img { float:none !important; }
.middlecontainer.button_orange img { float:none; }

.button_orange
		{
		background-color: #f6a828;
		color: #000060;
		white-space: normal;
		width: inherit;
		margin-right: 2px;
		}

.button_orange:hover { background-color: #ffb838 }
.rbutton_orange:hover { background-color: #ffb838 }

.rbutton_orange
		{
		background-color: #f6a828;
		color: #000060;
		white-space: normal;
		width: inherit;
		text-align: right;
		}

.button_orange p
		{
		float: none;
		vertical-align: bottom;
		}

#orangehead
		{
		background-color: #f6a828;
		color: #000060;
		}

TD.topnavileft
		{
		z-index: 0;
		font-family: "Tahoma", "Verdana", "sans-serif";
		font-size: 8pt;
		text-align:left;
		white-space: nowrap;
		background-color: #000060;
		width:100%;
		color: #F7E879;
		text-decoration:none;
		font-weight:700;
		}
.topnavileft A:link
		{
		background-color: #000060;
		color: #F7E879;
		text-decoration:none;
		}
.topnavileft A:visited
		{
		background-color: #000060;
		color: #F7E879;
		text-decoration:none;
		}
.topnavileft A:hover
		{
		background-color: #F7E879;
		color: #000060;
		text-decoration:none;
		}

TD.topnaviright
		{
		z-index: 0;
		font-family: "Tahoma", "Verdana", "sans-serif";
		font-size: 8pt;
		text-align:right;
		white-space: nowrap;
		background-color: #000060;
		width:100%;
		color: #F7E879;
		text-decoration:none;
		font-weight:700;
		}
.topnaviright A:link
		{
		background-color: #000060;
		color: #F7E879;
		text-decoration:none;
		}
		
.topnaviright A:visited
		{
		background-color: #000060;
		color: #F7E879;
		text-decoration:none;
		}
.topnaviright A:hover
		{
		background-color: #F7E879;
		color: #000060;
		text-decoration:none;
		}

TD.navigation
		{
		z-index: 0;
		font-family: "Tahoma", "Verdana", "sans-serif";
		font-size: 8pt;
		text-align:center;
		white-space: nowrap;
		background-color: #000080;
		width:100%;
		color: #F7E879;
		text-decoration:none;
		font-weight:700;
		}
.navigation A:link
		{
		background-color: #000080;
		color: #F7E879;
		text-decoration:none;
		}
.navigation A:visited
		{
		background-color: #000080;
		color: #F7E879;
		text-decoration:none;
		}
.navigation A:hover
		{
		background-color: #F7E879;
		color: #000080;
		text-decoration:none;
		}

.navigation #actual
		{
		background-color: #F7E879;
		color: #000060;
		text-decoration:none;
		}

TD.bottomnavi
		{
		z-index: 0;
		font-family: "Tahoma", "Verdana", "sans-serif";
		font-size: 8pt;
		text-align:center;
		white-space: nowrap;
		background-color: #000060;
		width:100%;
		color: #F7E879;
		text-decoration:none;
		font-weight:700;
		}
.bottomnavi A:link
		{
		background-color: #000060;
		color: #F7E879;
		text-decoration:none;
		}
.bottomnavi A:visited
		{
		background-color: #000060;
		color: #F7E879;
		text-decoration:none;
		}
.bottomnavi A:hover
		{
		background-color: #F7E879;
		color: #000060;
		text-decoration:none;
		}
DIV.leftcontainer
		{
		z-index: 0;
		font-family: "Tahoma", "Verdana", "sans-serif";
		font-size: 10pt;
		text-align:left;
		white-space: normal;
		background-color: #F9EB70;
		display: block;
		width:145px;
		color: #000060;
		text-decoration:none;
		font-weight:600;		/* A bit bold isn't bad here */
		border-top: #ffffff 1px solid;
		border-left: #ffffff 1px solid;
		border-right: #ffffff 1px solid;
		border-bottom: #ffffff 1px solid;
		margin-top: 2px;
		margin-left: 1px;
		margin-right: 1px;
		margin-bottom: 5px;
		}


#leftheadline
		{
		background-color: #0000A0;
		color: #F9EB70;
		font-size: 12pt;
		padding-left: 2px;
		}

DIV.inputblock
		{
		display:block;
		clear: both;
		font-weight:600;		/* A bit bold isn't bad here */
		padding-left: 2px;
		}

DIV.leftinput
		{
		display: inline;
		float: right;
		margin-top: 4px;
		margin-bottom: 4px;
		padding-left: 2px;
		}

DIV.lefttext
		{
		display: inline;
		float: left;
		margin-top: 4px;
		margin-bottom: 4px;
		padding-left: 2px;
		}

DIV.leftslider
		{
		display: block;
		float: left;
		margin-bottom: 5px;
		}

#bedslider 
		{ 
		display: block; 
		float: left; 
		background-color: blue; 
		margin-top: 5px; 
		margin-left: 15px; 
		margin-bottom: 5px; 
		width:120px;
		}

#bedslider-frame > div.leftslider;
		{
		}
		
#bookbedslider 
		{ 
		display: block; 
		float: left; 
		background-color: blue; 
		margin-top: 5px; 
		margin-left: 15px; 
		margin-bottom: 5px; 
		width:120px;
		}

#bookbedslider-frame > div.leftslider;
		{
		}
		
#rateslider 
		{ 
		display: block; 
		float: left; 
		background-color: blue; 
		margin-top: 5px; 
		margin-left: 15px; 
		margin-bottom: 5px; 
		width:120px;
		}

#rateslider-frame > div.leftslider;
		{
		}
		
.accordeon ul, .accordeon ul ul {
  list-style-type:none; text-decoration: none; padding-left: 1px;
}

.accordeon ul a {
  display: block;
  text-decoration: none;    
}

.accordeon ul li {
  margin-top: 1px;list-style-type:none;
}

.accordeon ul li a {
  background: #0000A0;
  color: #F7E879; 
  padding: 1px;
}

.accordeon ul li a:hover {
  background: #0000D0;
  border-left: 5px #F7A849 solid;
}

.accordeon ul li ul li a {
  background: #0000A0;
  color: #F7E879;
  padding-left: 15px;
}

.accordeon ul li ul li a:hover {
  background: #0000D0;
  border-left: 5px #F7A849 solid;
  padding-left: 15px;
}

.accordeon #accactual
	{
	background: #0000E0;
	color: #F7A849;
	}

DIV.middlecontainer
		{
		z-index: 0;
		font-family: "Tahoma", "Verdana", "sans-serif";
		font-size: 10pt;
		text-align:left;
		white-space: normal;
		background-color: #F9EB70;
		display: block;
		color: #000060;
		text-decoration:none;
		font-weight:normal;
		border-top: #ffffff 1px solid;
		border-left: #ffffff 1px solid;
		border-right: #ffffff 1px solid;
		border-bottom: #ffffff 1px solid;
		margin-top: 2px;
		margin-left: 2px;
		margin-right: 2px;
		margin-bottom: 5px;
		padding-left: 2px;
		}

#villacontainer li
		{
		float: left;
		width: 130px;
		}

#error
		{
		border-top: #ff0000 2px solid;
		border-left: #ff0000 2px solid;
		border-right: #ff0000 2px solid;
		border-bottom: #ff0000 2px solid;
		}
		
.middlecontainer img
		{
		margin-right: 4px;
		margin-bottom: 4px;
		float: left;
		}
		
.middlecontainer h2
		{
		font-weight: bold;
		font-size: 12pt;
		padding-left: 2px;
		}

.middlecontainer A:link
		{
		text-decoration:none;
		color: #000060;
		}
.middlecontainer A:visited
		{
		text-decoration:none;
		background-color: #f6a828;
		color: #000060;
		}
.middlecontainer A:hover
		{
		text-decoration:none;
		color: #000060;
		}

#middleheadline
		{
		background-color: #0000A0;
		color: #F9EB70;
		font-size: 12pt;
		padding-left: 2px;
		}
		
#tableheader
		{
		background-color: #C9C6C3;
		}

#tableline
		{
		background-color: #DCCF5B;
		}

DIV.rightcontainer
		{
		z-index: 0;
		font-family: "Tahoma", "Verdana", "sans-serif";
		font-size: 10pt;
		text-align:left;
		white-space: normal;
		background-color: #F9EB70;
		display: block;
		width:130px;
		color: #000060;
		text-decoration:none;
		font-weight:normal;
		border-top: #ffffff 1px solid;
		border-left: #ffffff 1px solid;
		border-right: #ffffff 1px solid;
		border-bottom: #ffffff 1px solid;
		margin-top: 2px;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 5px;
		}

.rightcontainer A:link
		{
		background-color: #F9EB70;
		color: #000060;
		text-decoration:none;
		}
.rightcontainer A:visited
		{
		background-color: #F9EB70;
		color: #000060;
		text-decoration:none;
		}
.rightcontainer A:hover
		{
		background-color: #F9EB70;
		color: #000060;
		text-decoration:none;
		}
		
#rightheadline
		{
		background-color: #0000A0;
		color: #F9EB70;
		font-size: 12pt;
		padding-left: 2px;
		}

DIV.righttext
		{
		display: inline;
		float: left;
		margin-top: 4px;
		margin-bottom: 4px;
		padding-left: 2px;
		}

span.calendarcontainer
		{
		z-index: 0;
		font-family: "Tahoma", "Verdana", "sans-serif";
		font-size: 10pt;
		text-align:center;
		white-space: nowrap;
		background-color: #F9EB70;
		display: inline-block;
		width:189px;
		color: #000060;
		text-decoration:none;
		font-weight:normal;
		border-top: #ffffff 2px solid;
		border-left: #ffffff 2px solid;
		border-right: #ffffff 2px solid;
		border-bottom: #ffffff 2px solid;
		margin-top: 2px;
		margin-left: 2px;
		margin-right: 2px;
		margin-bottom: 2px;
		}

#caltitle
		{
		font-weight: bold;
		display: block;
		border-top: #ffffff 1px solid;
		border-left: #ffffff 1px solid;
		border-right: #ffffff 1px solid;
		border-bottom: #ffffff 1px solid;
		}

#calline
		{
		display: block;
		}
#caldays
		{
		display: inline-block;
		width: 25px;
		border-top: #ffffff 1px solid;
		border-left: #ffffff 1px solid;
		border-right: #ffffff 1px solid;
		border-bottom: #ffffff 1px solid;
		}
		
#calbooked
		{
		background-color: #FA5858;
		text-decoration:line-through;
		display: inline-block;
		width: 25px;
		border-top: #ffffff 1px solid;
		border-left: #ffffff 1px solid;
		border-right: #ffffff 1px solid;
		border-bottom: #ffffff 1px solid;
		}
		
#calfree
		{
		background-color: #81F781;
		display: inline-block;
		width: 25px;
		border-top: #ffffff 1px solid;
		border-left: #ffffff 1px solid;
		border-right: #ffffff 1px solid;
		border-bottom: #ffffff 1px solid;
		}
		
#calpending
		{
		background-color: #81F7F3;
		display: inline-block;
		width: 25px;
		border-top: #ffffff 1px solid;
		border-left: #ffffff 1px solid;
		border-right: #ffffff 1px solid;
		border-bottom: #ffffff 1px solid;
		}
		
DIV.floatfix
		{
    	clear: both;
		}
		
#left50, #right50 
{
	width:50%;
	line-height:18px;
}
#left50 
{
	float:left;
	background-color: #81F7F3;
}
#right50 
{
	float:right;
	background-color: #810000;
}

#left30, mid30, #right30 
{
	width:30%;
	line-height:18px;
}
#left 
{
	float:left;
	background-color: #81F7F3;
}
#right 
{
	float:right;
	background-color: #810000;
}

#middleallblue
  {
  background-color: #dfdfff;
  color: #F9EB70;
  font-size: 12pt;
  }

div.markup2	
 	{
	background-color: #f6a828;
	width:90%;
	font-family: "Verdana", sans-serif;
	color: #000000;
	font-size:10pt;
	font-weight:700;
	text-decoration:none;
	padding:10px;
	margin-top:10px;
	margin-right:10px;
	margin-bottom:10px;
	border-style:solid;
	border-color: #FFF000;
	border-top-width:1px;
	border-left-width:1px;
	border-right-width:1px;
	border-bottom-width:1px;
	}

/** Some things for the brilliant slider made by Boban Karišik -> http://www.serie3.info/ **/

#slider {
    width: 350px; /* important to be same as image width */
    height: 150px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}
 
#sliderContent{
    width: 350px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}

#sliderContent A:link , A:visited , A:hover
		{
		background-color: #F7E879;
		text-decoration:none;
		color: #F7E879;
		}

.sliderImage{
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	font-family: "Tahoma", "Verdana", "sans-serif";
	font-size: 10pt;
    padding: 10px 13px;
    width: 350px;
/*    background-color: #000;*/
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
/*    color: #fff;*/
    color: #0000A0;
    display: none;
}
 
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
.left {
	top: 0;
    left: 0;
	width: 110px !important;
	height: 150px;
}
.right {
	text-align: left;
	right: 0;
	bottom: 0;
	width: 130px !important;
	height: 130px;
}