/*
#95b6c3: türkisgrau hintergrund
#105cb6: navi aktive + link
#af711e: braun
*/

body{ 
margin:0 auto 0 auto; 
padding:0;  
background:#95b6c3; 
color:#474e60; 
font: 0.8em Verdana, arial, helvetica,sans-serif; 
/*background-image:url(../images/de.gif); 
background-repeat:no-repeat;
background-position:1110px 5px;*/
}




a { color: #105cb6;	 background: inherit; text-decoration:none;}
a:hover { color: #883225; 	border-bottom: 1px dashed #883225; background:inherit; text-decoration: none;	}
a:active { background:inherit;	color: #990000; text-decoration: none;}



#wrp{
 width:870px;
 margin:0 auto 0 auto;
 padding:0;
 background:95b6c3; 
 color:#474e60;
}

#hedr{
 width:870px;
 background: #8599cb url(../images/topback.gif);
 margin:0;
 padding:0;
 color: #474e60;
}

h1{
	margin:0;
	padding: 35px 0 45px 40px;
  font:normal 280% "Century Gothic",georgia, Verdana, Arial, Helvetica, sans-serif;
}


h2 {
  background: inherit;
  color: #af711e;
	margin: 30px 50px 15px 51px; /*30px 0 0 32px*/
	padding:0 0 2px 0;
  font:normal 170% georgia,'Trebuchet MS', Verdana, Arial,Helvetica, sans-serif;
}

h3 {
  background: inherit;
  color: #af711e;
	margin: 20px 50px 0 51px;
	padding:0;
  font:normal 120% georgia,'Trebuchet MS', Verdana, Arial,Helvetica, sans-serif;
}

.hide{display:none;}


#cnt{
 float:left;
 width:100%;
 margin:20px auto 20px auto;
 padding: 0;
 background:#fff;
 color:#000;
 line-height:1.2em;
}

#topmenu{
 text-align:center;
 width:100%;
 background: #95b6c3;
 color:#fff;
 margin:0;
 padding: 10px 0 0px 0;
}

#topmenu ul{
 padding:0;
 margin:0;
 list-style-type: none;
}

#topmenu li{
 padding:0;
 margin:0;
 display:inline;
 list-style-type: none;
}

#topmenu a, #topmenu a:visited{
 margin:0 0 0 -6px;
 text-align:center;
 text-decoration:none;
 padding: 10px 18px 10px 18px;
 color:#e2e7df;
 border-left:1px solid #fffae2;
 background:#95b6c3;
}

#topmenu a:hover{
 color:#105cb6;
 background:#fff;
 border-bottom: 0px;
}

#topmenu a.last{border-right:1px solid #fffae2;}

		/*current Link*/
#topmenu ul a#current,
#topmenu ul a#current:link,
#topmenu ul a#current:visited { font-weight: bold; color:#105cb6;}



		#topmenu ul ul
		{
	padding: 5px 70px 7px 30px;
	text-align:center;
	font-size: 85%;
	margin-top: 10px;
    float:left;
	width: 770px;
	border: 1px solid #9cc0d9;
	background-color: #9cc0d9;
		}
		
		#topmenu ul ul li { display: inline; }
		
		#topmenu ul ul a,
		#topmenu ul ul a:link,
		#topmenu ul ul a:visited
		{
			padding: 5px 18px 5px 18px;
			background-color: #9cc0d9;
			border: 1px solid #9cc0d9;
			color: #14557c;
		}
		
		#topmenu ul ul a:hover,
		#topmenu ul ul a:focus
		{
			background-color: #9CD4F7;
			border: 1px solid #9CD4F7;
			color: #14557c;
		}
		
		/*current Link*/
		#topmenu ul ul a#subcurrent,
		#topmenu ul ul a#subcurrent:link,
		#topmenu ul ul a#subcurrent:visited { font-weight: bold; }


#mainbox {
 float:left;
 width:100%;
 color: #474e60;
 background: #fff;
 margin: 0;
 padding: 0;
 font: 100% Verdana, Arial, Helvetica, sans-serif;
}

#mainbox p{ padding: 0 50px 0 50px;  line-height:1.5em;}/*2px 28px 6px 34px*/
p.right{ padding-left: 350px;  margin-left: 50px; line-height:1.5em; text-align:justify}

#mainbox .bluebox{
  padding: 15px;
  background-color: #dde8ec;
  border: 1px solid #95b6c3;
  margin: 0px 400px 0 60px;
}


#mainbox ul{
  list-style-image:url(../images/arrow1.gif);
  padding: 0;
  margin: 0 0 0 60px;
}

#mainbox li{
  color: #A75644;
  padding: 0 0 0 7px;  
  margin: 4px 0 8px 25px;
}

#mainbox ul.center {
  padding: 0;
  margin: 10px 0 0 75px;
}
#mainbox ul.center li {
  color: #A75644;
  padding: 0 0 0 20px;  
  margin: 4px 0 8px 125px;
}




#mainbox li.number{
  background: none;
  list-style:decimal;
  color: #474e60;
  padding: 0 0 0 5px;  
  margin: 4px 40px 8px 50px;
}





.title{
 color: #af711e;
 background: #fff;
 margin: 40px 0 2px 12px;
 padding: 0;
 font: 146% georgia,'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
}



/* table week*/



table#week{

	width: 400px;
	padding: 2px;
	font:85%/1.5em  Verdana, Tahoma, Arial,sans-serif;
	color:#999;
	margin: 10px 0 15px 51px;

}



table#week tr td {

	background:#fff;
	padding: 4px;
}

table#week tr.dif td {

	background: #E8E8E8;
	color:#666666;
	padding: 4px;
}

table#week tr.title td {

	background: #E8E8E8;
	color: #105cb6;
	font-weight: bold;
	text-align:center;
	padding: 6px;

}


/* ------------Calendar ------------------*/

#calendar{
 display:inline;
 width:100%;
 margin:0;
 padding: 10px 0 0px 0;
}



#calendar_wrap {

    width: 240px;

	padding: 20px 0px;

}



#calendar table {


	width: 200px;

	background: #dde8ec;

	border: 1px solid #95b6c3;

	text-align: center;

}

#calendar caption {
  color: #af711e;
  padding: 15px 0;
  font:normal 110% georgia,'Trebuchet MS', Verdana, Arial,Helvetica, sans-serif;

}


#calendar thead {

	background: #dde8ec;

}



#calendar tbody td {

	background: #ffffff;

	border: 1px solid #95b6c3;

}


#calendar #rented {

	background: #0000FF;

	border: 1px solid #11110F;

	font-weight: bold;

	color: #FFFFFF;

}





/*-------- images ---------------------------*/

#mainbox img {
	background-color: #dde8ec;
	padding: 4px;
	border: 1px solid #95b6c3;
}

img.alignleft {
	float: left;
	margin: 10px 40px 10px 0px;
}

img.alignright {
	float: right;
	margin: 10px 0 10px 40px;
}

img.alignabove {
	margin: 5px 0 10px 0;
}


/*-------- lightbox ---------------------------*/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightbox a, #lightbox a:hover{
 border-bottom: none;	}	
	
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }


#overlay{ background-image: url(../images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale");
	}
	

/*-------- footer ---------------------------*/


#fot{
  font: 0.8em Verdana, Arial, Helvetica, sans-serif;
  margin:0;
  clear:both;
  width:100%;
  text-align:center;
  color: #dde8ec;
  padding: 10px 0 9px 0;
  background:#6783b7 url(../images/topback.gif);
}

#fot p{	margin: 0;	padding:0;}
#fot a{	color: #9cc0d9;}
#fot a:hover{ color: #9cc0d9; border-bottom: 1px dashed #9cc0d9;}

