/*
 Modulus - www.modulus.ch

 Filename    : web.css
 Created by  : Bettina Gloor (bettina@modulus.ch)
 Purpose     : Stylesheet für Browserdarstellung Login
 Please note :
*/

/* ---------------------------------------------------
   OpeningHoursKalender
   =================================================== */
#OpeningHoursKalender  {
	display: inline-table;
	background: none repeat scroll 0 0 #232321;
    border-color: #4C4C4C;
    border-radius: 10px 10px 10px 10px;
    border-style: solid;
    border-width: 3px;
    padding: 10px;
    width: 525px;
}

/* 
	Zahlen und Wochentage 
*/
#OpeningHoursKalender .TageBox {
	float: left;
	
}
#OpeningHoursKalender .TageBox .TagZahl {
	float: left;
	width: 60px;
	padding: 4px 0;
  	text-align: center;
  	color: white;
  	border-bottom: 1px solid #c4c4c4;
  	font-family: "SonySketchEF", Helvetica, Arial, Georgia, sans-serif;
  	font-size: 18px;
}
#OpeningHoursKalender .TageBox .TagZahlWeekend {
  	float: left;
  	width: 60px;
	padding: 4px 0;
  	text-align: center;
  	background: #3F3F3C;
  	color: white;
  	border-bottom: 1px solid #c4c4c4;
  	font-family: "SonySketchEF", Helvetica, Arial, Georgia, sans-serif;
  	font-size: 18px;
}
#OpeningHoursKalender .TageBox .TagZahlDefinitiv {
  	float: left;
  	width: 60px;
	padding: 4px 0;
  	text-align: center;
  	background: #158ACC;
  	color: white;
  	border-bottom: 1px solid #c4c4c4;
  	font-family: "SonySketchEF", Helvetica, Arial, Georgia, sans-serif;
  	font-size: 18px;
}


/* 
	Boxen der Zeiten
*/
#OpeningHoursKalender .ZeitenBox {
	float: left;
}

#OpeningHoursKalender .ZeitenBox .ProTagOeffnungszeiten {
	float: left;
	width: 60px;
}

#OpeningHoursKalender .ZeitenBox .Normal {
	float: left;
	width: 60px;
	height: 14px;
  	border-bottom: 1px solid #c4c4c4;
}
#OpeningHoursKalender .ZeitenBox .Weekend {
  	float: left;
  	width: 60px;
  	height: 14px;
  	background: #3F3F3C;
  	border-bottom: 1px solid #c4c4c4;
}
#OpeningHoursKalender .ZeitenBox .Offen {
  	float: left;
  	width: 60px;
  	height: 14px;
  	background: #8BC53F;
  	border-bottom: 1px solid #c4c4c4;
}


/* 
	Boxen der Stunden
*/
#OpeningHoursKalender .StundenBox {
	float: left;
	width: 38px;
	margin-top: 53px;
	margin-left: 5px;
}

#OpeningHoursKalender .Stunde {
	float: left;
	height: 14px;
	text-align: right;
	font-family: Helvetica, Arial, Georgia, sans-serif;
  	font-size: 12px;
  	line-height: 100%;
  	padding: 0;
  	border-bottom: 1px solid #232321;
}


/* 
	Legende
*/

#Legende {
	float: right;
	width: 250px;
	margin-top: 70px;
}

#Legende .Definitiv {
  	float: left;
  	margin-bottom: 10px;
}
#Legende .DefinitivQuadrat {
  	float: left;
  	width: 20px;
  	height: 20px;
  	margin-right: 10px;
  	background: #158ACC;
}
#Legende .DefinitivText {
  	font-family: "SonySketchEF", Helvetica, Arial, Georgia, sans-serif;
  	font-size: 18px;
  	display: block;
  	margin-left: 30px;
}

#Legende .Offen {
  	float: left;
  	font-family: "SonySketchEF", Helvetica, Arial, Georgia, sans-serif;
  	font-size: 18px;
}
#Legende .OffenQuadrat {
  	float: left;
  	width: 20px;
  	height: 20px;
  	margin-right: 10px;
  	background: #8BC53F;
}