BODY {
        margin: 0 auto;
        background-color: #ffffff;
        font-family: Verdana;
        font-size: 12px;
        color: #000000;
        text-align: center;
}

input, textarea {
        font-size: 12px;
        border: solid 1px #cccccc;
		margin: 0px 5px 0px 0px;
		font-family: Verdana;
		min-height:18px;
}

img {
        border:0;
}

a {
	color: #000000;
	text-decoration: none;
}

a.top_level {
	color: #FFB200;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

a.navi {
	width: 120px;
	display: block;
	padding: 5px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
}

a.navi:link, a.navi:active, a.navi:visited {
	color: #000000;
	background-color: #cccccc;
}

a.navi:hover {
	color: #ffffff;
	background-color: #ffb200;
}

a.navi_act {
	width: 120px;
	display: block;
	padding: 5px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	color: #ffffff;
	background-color: #ffb200;
}

a.button {
	padding: 1px 10px 1px 10px;
	font-size: 10px;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
}

a.button:link, a.button:active, a.button:visited {
	color: #000000;
	background-color: #cccccc;
}

a.button:hover {
	color: #ffffff;
	background-color: #ffb200;
}

a.link_vis {
	text-decoration: underline;
}

.grey {
		color: #cccccc;
}

h1 {
        font-size: 14px;
        font-weight: bold;
        color: #FFB200;
        margin: 0;
}

h2 {
        font-weight: bold;
        font-size: 14px;
        margin: 0;
}

h2.error {
        font-weight: bold;
        font-size: 14px;
        margin: 0;
		color: #CC0000;
}

h3 {
        font-weight: bold;
        font-size: 12px;
        margin: 0;
}

h4 {
        font-weight: bold;
        font-size: 12px;
        margin: 0;
		color: #cccccc;
}

hr {
	color: #000000;
	background-color: #000000;
	border: none;
	height: 1px;
	width: 100%;
}

hr.c1 {
	color: #888888;
	background-color: #888888;
	border: none;
	height: 1px;
	width: 100%;
}

hr.c2 {
	color: #cccccc;
	background-color: #cccccc;
	border: none;
	height: 1px;
	width: 100%;
}

div.topseller {
	width: 600px;
	border: 1px solid #000000;
	padding: 5px 5px 5px 5px;
}

div.hint {
	width: 600px;
	border: 1px solid #ff3333;
	padding: 5px 5px 5px 5px;
}

div.searchResults {
	width: 800px;
	border: 1px solid #000000;
	padding: 5px 5px 5px 5px;
}

div.visible {
	position: relative;
	left: 10px;
}

div.hidden {
	position: relative;
	left: 10px;
	display: none;
	visibility: hidden;
}

div.hidden2 {
	position: relative;
	display: none;
	visibility: hidden;
}

div.details {
	width: 555px;
	border: 1px solid #888888;
	padding: 5px 5px 5px 5px;
}

div.details1 {
	width: 555px;
	border: 1px solid #cccccc;
	padding: 5px 5px 5px 5px;
}

div.details2 {
	width: 510px;
	border: 1px solid #cccccc;
	padding: 5px 5px 5px 5px;
}

div.edit_hidden {
	float: right;
	margin: 0px 15px 0px 0px;
	visibility: hidden;
}

div.edit1_hidden {
	float: right;
	margin: 0px 15px 0px 0px;
	visibility: hidden;
}

div.edit {
	float: right;
	margin: 0px 5px 0px 0px;
}

div.edit1 {
	float: right;
	margin: 0px 25px 0px 0px;
}

div.form_layer {
	position: absolute;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	padding: 5px 5px 5px 5px;
	visibility: hidden;
	display: none;
	width: 400px;
	height: 300px;
	top: 100px;
	left: 100px;
	overflow: hidden;
}

div.form_layer_buttons {
	position: absolute;
	bottom: 10px;
	right: 35px;
}

span.infoTipp {
	font-size: 10px;
}

td.spacerRow {
	font-size: 1px;
	height: 1px;
	
}

td.titleRow {
	font-weight: bold;
	font-size: 12px;
}

td.inputRow {
	font-size: 12px;
}


FORM {
        display: inline;
        margin: 0 0 0 0;
}


#mail-con {
        margin: 0 auto;
        width: 100%;
        text-align: left;
}


#header-logo {
        padding: 10px 15px 15px 0px;
        height: 90px;
        border: 1px solid #cccccc;
        text-align: right;
		margin: 0px 10px 0px 10px;
}


#header-text  {
        font-size: 10px;
        padding: 5px 0 5px 0;
        height: 20px;
        text-align: right;
        text-decoration: none;
		margin: 0px 10px 0px 10px;
}


#content {
		margin: 0px 10px 0px 10px;
}

div.Info {
        float: right;
        width: 180px;
        font-size: 10px;
		padding: 5px 5px 5px 5px;
}

div.InfoContainer {
        font-size: 10px;
		width: 170px;
        border: 1px solid #cccccc;
		background-color: #FFFFFF;
        padding: 5px 5px 5px 5px;
		overflow: hidden;
}

div.InfoContainer strong {
        font-size: 12px;
        color: #FFB200;
}

div.InfoContainer p {
        font-size: 10px;
}


div.InfoContainer input, textarea {
        font-size: 10px;
        border: solid 1px #cccccc;
        width: 120px;
		margin: 0px 5px 0px 0px;
}


div.InfoContainer select {
        font-size: 10px;
        width: 123px;
		margin: 5px 5px 0px 0px;
}


#Inhalt {
        margin: 0 50px 50px 50px;
        width: 570px;
        padding: 0;
}

#Inhalt_statistik {
        margin: 0 50px 50px 50px;
        width: 680px;
        padding: 0;
}

#Inhalt p {
        font-size: 12px;
}


div.footer {
        height: 50px;
        text-align: right;
        border: 1px solid #cccccc;
		margin: 0px 10px 10px 10px;
		clear: both;
}


div.footer p {
        padding: 10px 15px 10px 0;
        font-weight: bold;
}

#nav_empty {
        width: 100%;
		margin: 10px 0px 20px 0px;
        padding: 0;
        height: 25px;
        float: left;
}



#navcontainer {
	margin: 10px 10px 20px 10px;
	padding: 0px;
	height: 24px;
	background-color: #cccccc;
	text-align: center;
}


#navcontainer ul {
	border: none;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
}

#navcontainer ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0px;
	margin-left: 0px;
}

/* F�r Tabellen*/

#tablehead
{
text-align: center;
font-weight: bold;
}


/*   KALENDER   */

div.calendar {
	width: 193px;
	height: 174px;
	position: absolute;
	border: 1px solid black;
	background-color: #ffffff;
}

div.calendarBG {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

div.calendarContent {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 5px 0px 0px 2px;
	z-index: 2;
}

div.calendarNav {
	float: left;
	font-weight: bold;
	font-size: 12px;
}

div.calendarHead {
	float: left;
	width: 147px;
	text-align: center;
	font-weight: bold;
	padding-top: 1px;
	color: #ffb200;
}

table.calendarTable {
	border: 0px;
	margin-top: 5px;
	border-collapse: separate ;
}

td.calendarTableHead {
	border: 1px solid #ffb200;
	color: #000000;
	background-color: #ffb200;
	text-align: center;
	font-size: 11px;
	line-height: 0.7;
	padding: 4px 0px 4px 0px;
}

td.calendarTableSpacer {
	border: none;
	font-size: 1px;
	padding: 0px;
}

td.calendarTableNormal {
	border: 1px solid #cccccc;
	color: #000000;
	background-color: #ffffff;
	text-align: center;
	font-size: 10px;
	line-height: 0.8;
	cursor: pointer;
	padding: 4px 0px 4px 0px;
}

td.calendarTableInactive {
	border: 1px solid #cccccc;
	color: #666666;
	background-color: #cccccc;
	text-align: center;
	font-size: 10px;
	line-height: 0.8;
	padding: 4px 0px 4px 0px;
}

td.calendarTableToday {
	border: 1px solid #cccccc;
	color: #000000;
	text-align: center;
	font-size: 10px;
	line-height: 0.8;
	background-color: #ffb200;
	cursor: pointer;
	padding: 4px 0px 4px 0px;
}

td.calendarTableHover {
	border: 1px solid #cccccc;
	color: #ffffff;
	background-color: #ffb200;
	text-align: center;
	font-size: 10px;
	line-height: 0.8;
	cursor: pointer;
	padding: 4px 0px 4px 0px;
}

span.inactive {
	color: #555555;
	padding: 1px 10px 1px 10px;
	font-size: 10px;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	background-color: #cccccc;
}


ul {
	list-style: none;
}

ul.tree {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

ul.tree img	{
	vertical-align: middle;
}

ul.tree ul {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-left: 17px;
	text-align: left;
}

UL.tree UL LI	{ list-style: none; margin: 0; padding: 0; line-height: 10px; white-space: nowrap; }
UL.tree UL LI.expanded UL	{ background: transparent url('images/folder/line.gif') repeat-y top left; }
UL.tree UL LI.last		{ background: transparent url('images/folder/joinbottom.gif') no-repeat top left; }
UL.tree UL LI.last > UL	{ background: none; }
UL.tree LI.active, UL.tree UL LI.active	{ background-color: #ebebeb !important; }
UL.tree LI.active UL, UL.tree UL LI.active UL	{ background-color: #f7f3ef; }

div.pwdSecurity0 {
	float: left;
	width: 64px;
	margin-right: 2px;
	background-color: #aaaaaa;
}

div.pwdSecurity1 {
	float: left;
	width: 64px;
	margin-right: 2px;
	background-color: #cc3333;
}

div.pwdSecurity2 {
	float: left;
	width: 64px;
	margin-right: 2px;
	background-color: #fff000;
}

div.pwdSecurity3 {
	float: left;
	width: 64px;
	margin-right: 2px;
	background-color: #34c331;
}

div.pwdSecurity4 {
	float: left;
	width: 64px;
	margin-right: 2px;
	background-color: #34c331;
}

#box{
float:left;
height:22px;
width:22px;
padding:0px;
margin:0px;
padding-left:5px;
border:none;
font:bold 14px verdana, sans-serif;}

#box div{display:none;}

#box:hover div{
display:block;
width:400px;
position:relative;top:-36px;left:24px;
z-index:1;
padding-left:10px;
padding-right:10px;
padding-top:1px;
padding-bottom:1px;
font:normal 8pt verdana, sans-serif;
background-color:#F5F5DC;
}