/*******************************************
 *                                         *
 *    ContactManager with PHP and MySQL    *
 *                                         *
 *******************************************
 *                                         *
 * copyright: 2006 Dominik Erdmann         *
 *  internet: www.der-domi.de              *
 *                                         *
 *******************************************
 *                                         *
 * You can change this script for your     *
 * requirements.                           *
 * You are not allowed to change or        *
 * delete copyrights. You are not          *
 * allowed to change or delete links to    *
 * www.der-domi.de                         *
 * Links to www.der-domi.de have to be     *
 * allways viewable.                       *
 *                                         *
 *******************************************
 */

/*
 * style sheet
 */




body {
	margin: 0;
	padding: 0.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: black;
	background-color: #fff;
}

a:link, a:visited	{ text-decoration:none; color: #00009C; background-color: transparent; }
a:hover, a:active	{ text-decoration:underline; color: #00009C; background-color: transparent; }

table {margin:0; padding-right:0.1em; font-size:1em}
img   {border:0}
p     {margin: 0.5em 0 1em}
form  {margin:0; padding:0}
pre   {margin:0; padding:0; font-size:0.9em; font-family: 'Courier New', Courier, sans-serif}


input, textarea {
	margin: 0;
	padding: 0;
	color: #00009C;
	background-color: #eee;
	border: 1px solid #00009C;
}
option {
	color: #00009C;
	background-color: #eee;
}



/*
 * different classes
 */

.links { margin: 3em 0em 0em 1em; }
.links li { list-style: circle; }
.LinksWarning { color: red; }
.LinksWarning a	{ color: red; }

.button {
	margin: 0;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	width: 8em;
}
.buttonWarning {
	margin: 0;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	width: 8em;
	color: red;
	background-color: #eee;
	border: 1px solid red;
}
.description {
	padding: 0.2em 0.8em 0 0.4em;
	font-size: 0.9em;
	font-weight: bold;
	text-align: right;
	vertical-align: text-top;
}
.description_invalid {
	padding: 0.2em 0.8em 0 0.4em;
	font-size: 0.9em;
	font-weight: bold;
	text-align: right;
	vertical-align: text-top;
	color:red;
}
.checkbox {
	margin: 0;
	padding: 0;
	vertical-align: middle;
	width: 2em;
	background-color: white;
	border: none;
}
.site {
	margin-top: 0.5em;
	padding-left: 14em;
}
.site h1 {
	font-size: 1.5em;
	margin-left: 1em;

}
.message {
	margin: 0 0 2em;
	width: 49.6em;
	padding: 0.5em 0.5em 0.5em 2.5em;
	font-size: 0.9em;
	color: black;
}



/*
 * the menu
 */

div.menu {
    margin:0;
    padding:0;
    float: left;
    width: 12.8em;
}
div.menu ul {
	margin: 1em 0 2em 0; 
	padding: 0;
	text-align: right;
	font-size: 0.9em;
	font-weight: bold;
	color: #00009C;
    border:1;
}
div.menu ul li {
	margin: 0;
	padding: 0.5em 0 0 0;
	list-style: none;
	text-align: right;
	font-weight: bold;
	color: #00009C;
}
div.menu ul li ul {
	margin: 0 1.0em 0 0;
	padding: 0;
	font-size: 1em;
}
div.menu ul li ul li {
	margin: 0;
	padding: 0;
	font-weight: normal;
}
div.menu span {
	text-decoration: underline;
}

/*
 * fieldset
 */
div.fieldset {
	margin: 0 0 1.5em 0;
	padding: 1em 1em 0em;
	width:45em;
	border-style: solid;
	border-width: 1px;
}
div.fieldset h3 {
	margin: 0 0 1em;
	font-size: 1.2em;
	font-weight: bold;
}

div#navigation {
	padding-bottom:1em;
	background-color: #eee;
	border-style: none
}
span.thissite {
	font-weight: bold;
}


/*
 * table: showall
 */
table.showall {
	margin-top: 1em;
	border-collapse: collapse;
}
table.showall th, table.showall td {
	border: 1px solid #00009C;
}
table.showall th {
	margin:0;
	padding: 0 0.5em;
	color: #00009C;
	background-color: #ccc;
}
table.showall th a:link, table.showall th a:visited {
	text-decoration:none;
	color: #00009C;
}
table.showall th a:hover, table.showall th a:active {
	text-decoration: underline;
	color: #00009C;
}
table td, table.showall td {
	padding: 0 0.4em 0 0.4em;
	margin-left: 0.4em;
}
table.showall td a {
	display: block;
	text-decoration: none;
	color: black;
}
table.showall td a:link, table.showall td a:visited {
	text-decoration: none;
	color: black;
}
table.showall tr:hover, table.showall tr:active {
	text-decoration: none;
	color: #00009c;
	background-color: #ccc;
}
tr.row1 {
	background-color: #eee;
}
tr.row2 {
	background-color: #ddd;
}



/*
 * table(s): calendar
 */


table#calendar {
	border-collapse: collapse;
}
table#calendar td {
	vertical-align: top;
	text-align: left;
}

table.month {
	width: 22em;
	margin-top: 1em;
	border-collapse: collapse;
}
table.month th, table.month td {
	border: 1px solid #00009C;
}
table.month th {
	margin:0;
	padding: 0 0.5em;
	text-align: center;
	color: #00009C;
	background-color: #ccc;
}
td.date {
	padding: 0;
	width: 7em;
}
table td, table.month td {
	padding: 0 0.4em 0 0.4em;
	margin-left: 0.4em;
}
table.month td a {
	text-decoration: none;
	color: #00009c;
}
table.month td a:link, table.month td a:visited {
	text-decoration: none;
	color: #00009c;
}
table.month tr:hover, table.month tr:active {
	text-decoration: none;
	background-color: #ccc;
}




/*
 * footline
 */
div.footline {
	margin-top: 2em;
	padding: 0.1em;
	clear: both;
	text-align: center;
	font-size: 1em;
	color: #00009C;
	background-color: #D3D2F8;
}
div.footline p {
	margin: 0em;
	padding: 0em;
}