html, body
{
	height: 100%;
}

body
{
	font-family: sans-serif;
	color: #000000;
	margin: 0;
	background-color:	#ffffaf;
}

h1, h2, h3, h4, h5 ,h6
{
	padding: 0;
	margin: 0;
	font-family: Georgia;
}

a
{
	text-decoration: none;
	font-weight: bold;
	color: #ec7014;
}

a:hover
{
	text-decoration: underline;
}

label, legend
{
	font-weight: bold;
}

legend
{
	font-size: 1.2em;
	border-bottom: 2px solid #AAAAAA;
}

fieldset
{
	margin: 0;
	padding: 1em;
	border: none;
}

label
{
	display: block;

	margin: 0.7em 0 0 0;
}

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

textarea,
select,
input
{
	border: 1px solid #ec7014
}
  
table th {
	text-align: left;
}

table td {
	padding: 2px 10px 0 0;
	border-bottom: 1px dotted #eee;
}

.textright {
	text-align: right;
}

.Controls
{
	float: left;
	clear: both;
}

.Control
{
	padding: 0 0 0 23px;
	line-height: 30px;
	display: block;
	float: left;
	margin: 0 5px;
	text-decoration: none;
	background-position: 5px 7px;
	background-repeat: no-repeat;
	font-weight: bold;
}

.Control:hover
{
	text-decoration: underline;
}

.Control.Insert
{
	background-image: url(../images/add.png) ;
}

.Control.Delete
{
	background-image: url(../images/delete.png) ;
}

.Control.Cancel
{
	background-image: url(../images/cancel.png) ;
}

.Control.Edit
{
	background-image: url(../images/pencil.png) ;
}

.Control.Overview
{
	background-image: url(../images/table.png) ;
}

.Control.Save
{
	background-image: url(../images/accept.png) ;
}

.Control.Accept
{
	background-image: url(../images/accept.png) ;
}

.Control.Detail
{
	background-image: url(../images/magnifier.png) ;
}

.Detail
{
	background: url(../images/magnifier.png) no-repeat;
	font-weight: bold;
	color: #ec7014;
}

.Control.Readonly
{
	background-color: #ffffaf;
}

.th
{
	background-color: orange;
	font-weight: bold;
	color: white;
}

.td
{
	border-bottom: 2px solid #000000;
	height: 30px;	
}

.marker
{
	vertical-align: text-top;
	padding: 10px;
	border: 1px solid #ec7014;
	font-weight: bold;
}

.Management
{
	float: left;
	margin: 10px;
	text-align: center;
}

.Management a
{
	width: 128px;
	padding-top: 128px;
	display: block;
}

.Management a:hover
{
	text-decoration: underline;
}

.Management.Users
{
	background: url(../images/user.png) no-repeat;
}

.Management.Pages
{
	background: url(../images/document.png) no-repeat;
}    

.Management.Files
{
	background: url(../images/files.png) no-repeat;
}

.Management.Menue
{
	background: url(../images/menue.png) no-repeat;
}

.Management.Gallery
{
	background: url(../images/images.png) no-repeat;
}

.Management.Appointments
{
	background: url(../images/appointments.png) no-repeat;
}

.Management.Construction
{
	background: url(../images/construction.png) no-repeat;
}

.User 
{
	float: left;
	margin: 5px;
	width:48%;
}

.Page
{
	float: left;
	margin: 5px;
	width:48%;
}

.Spacer
{
	background: none;
}

#Container
{
	width: 100%;
	margin: 0;
}

#Logo
{
	clear: both;
	background: url(../images/idg_logo.png) no-repeat;
	width: 90%;
	height: 100px;
}

#Logo h1
{
	font-size:	28px;
	color:		#FF0000;
	position:	relative;
	top:		18px;
	left:		100px;
}

#Logo h1 span
{
	font-size: 22px;
	position: relative;
	top: 20px;
	left: -330px;
}

#Branding
{
	background: url(../images/idg_head_bg.png);
	width: 100%;
	float: left;
	clear: both;
	padding: 10px;
	min-width: 800px;
}

#Branding div.Date
{
	float: left;
	line-height: 30px;
	clear: both;
	color: #000000;
}

#Branding div.Date span.Date
{
	float: left;
}

#Branding span.Date .Day
{
	float: left;
	font-size: 28px;
}

#Branding span.Date .MonthYear
{
	float: left;
	font-size: 12px;
	line-height: 12px;
	margin-top: 3px;
	width: 20px;
}

#Branding a,
#Branding a:hover
{
	float: left;
	color: #000000;
	text-decoration: none;
}

#Navigation

{
	min-width: 802px;
}

#Navigation, 
#SubNavigation
{
	float: left;
	clear: left;
	list-style:none;
	width: 100%;
	padding: 0;
	margin: 0;
}

#Navigation li, 
#SubNavigation li
{
	float: left;
}

#SubNavigation li
{
	clear: both;
}

#Navigation li a, 
#SubNavigation li a
{
	display: block;
/*	font-weight: normal;*/
	font-weight: bold;
}

#Navigation
{
	background: url(../images/nav_bg.gif);
	font-size: 20px;
}

#Navigation li
{
	line-height: 25px;
}

#Navigation li a
{
/*	background:	url(../images/nav_border.gif) top right no-repeat;*/
	padding: 0 5px;
	color: #000000;
}

#SubNavigationContainer
{
  float: left;
	width: 20%;
	height: 500px;
/*	background: url(../images/sub_navigation_bg.png) repeat-x; */
}

#SubNavigation
{
	background: url(../images/nav_bg.gif);
	font-size: 16px;
	width: 100%;
}

#SubNavigation li
{
	line-height: 25px;
	width: 90%;
}

#SubNavigation li a
{
	padding: 0 5px;
	color: #000000;
}

#Content h1, 
#Content h2,
#Content h3,
#Content h4,
#Content h5,
#Content h6
{
	padding: 0;
	margin: 0.4em 0 0.6em 0;
}

#Content
{
  padding: 10px;
  margin: 0;
  width: 77%;
  float: left;
	background: url(../images/content_bg.jpg) center no-repeat;
}

#Content .Info,
#Content .Error
{
	padding: 10px 5px 10px 42px;
	border: 1px solid #ec7014;
	font-size: 1.2em;
	font-weight: bold;
}

#Content .Info
{
	background: url(../images/spell.png) 3px 3px #EEEEEE no-repeat;
}

#Content .Error
{
	background: url(../images/stop.png) 3px 3px #EEEEEE no-repeat;
}

#Content .Readonly
{
	background-color: #ffffaf ;
}

#Content .Footer
{
	clear: both;
	margin: 10px 0;
}

#Content,
#Footer
{
	font-size: 0.8em;
}

#Footer
{
	border-top: 1px solid #1c4372;
	text-align: center;
	clear: both;
	width: 100%
}

.FilebrowserContent
{
	overflow: scroll;
	height: 300px;
	width: 600px;
}

.FilebrowserImage
{
	float: left;
	margin: 5px;
	height: 150px;
}                     

#links, #links li {
	padding: 0;
	margin: 0;
}

#links {
	width: 450px; 
	height: 200px;
	overflow: auto;   
	border: 1px dotted gray;
}  

#links .title {
	float: left; 
	clear: left;
}       

#links .info { 
	float: right;
	color: gray;
}