body { font-family: Arial,Verdana,Helvetica,sans-serif; }

html, body { height:100% }
body { background-color:#ccc; color:#000; padding:0; margin:0 }
body { background-image:url(images/bg.png); background-repeat:repeat-y }

div#page{
	background:url('images/body.png');
}

/*
	Oberer Teil mit Logo
*/
#brand { width:100%; height:60px }
#brand { background-color:#750001 }
#brand { background-image:url(images/brand_bg.png); background-repeat:no-repeat }
#brand div { padding:30px 0 0 200px; font-size:10pt  }

#brand a { text-decoration:none; color:#fff }
#brand a:hover { text-decoration:none; color:#00e }

#brand table td{
	color:#fff;
}


/* Logout-Link */

a.logout { color:#00C; text-decoration:none; }
a.logout:hover { color:#00F; background-color:#eef }


/*
	Spalte links mit Navigation
*/
#navigation { position:absolute; top:60px; left:5px; width:185px; font-size:10pt; overflow:hidden }
#navigation div { background-color:#BCCCD4; border-left:5px solid #789DAF; padding:0; font-weight:bold }
#navigation img { vertical-align:middle; border-left:1px solid #fff; border-right:0px solid #789DAF; margin-right:5px }
#navigation h2 { display:none }		/* OBS! */
#navigation ul { margin-top:10px; margin-bottom: 15px; margin-left:40px;padding-left:0; }
#navigation li { list-style-image:url(images/nav_point.gif); margin-bottom:5px }
#navigation li a { color:#000; text-decoration:none }
#navigation li a:link,  #navigation li a:visited { text-decoration:none }
#navigation li a:hover, #navigation li a:focus  { background-color:#dadde8 }

#navigation div.selectclient { border-width:0px; padding:5px; font-weight:normal; font-size:9pt; margin-left:30px; width:140px }
#navigation div[class=selectclient] { width:130px }
#navigation div.selectclient input,
#navigation div.selectclient select,
#navigation div.selectclient option { font-size:9pt }

#navigation div.selectclient select { margin-top:4px }

#navigation div.selectclient a { color:#840; text-decoration:none }

/*
	vserver-Status
*/
#vstatus { position:absolute; top:420px; left:11px; width:185px; overflow:hidden }
/*
	Spalte rechts
*/

#content { margin-left:190px; width:540px; background-color:#fff;  }

/* berschrift der Seite */
h2 { font-weight:bold; font-size:12pt; margin:10px; padding:2px 5px; background-color:#E5E9EB; border-left:6px solid #BCCCD4; }
h3 { font-weight:bold; font-size:12pt; margin:1px 0px 7px; padding:2px 0px }


/* Meldungen */
ul.msg li { padding-left:10px }
ul.msg  { list-style-image:url(images/msg_info.gif); font-size:10pt; font-weight:bold;  }
li.info { list-style-image:url(images/msg_info.gif) }
li.crit { list-style-image:url(images/msg_crit.gif) }
li.warn { list-style-image:url(images/msg_warn.gif) }
li.ok   { list-style-image:url(images/msg_ok.gif) }
li.devel { list-style-image:none; list-style-type:none; color: #669; border-left:1px dotted #c7d3a6; font-weight:normal; font-size:8pt; }

/* Unterseiten-Navigation */
ul.subnavi { margin-left:10px; margin-right:10px; padding-top:15px; padding-left:0px; list-style-type:none; display:inline  }
ul.subnavi li { display:inline; list-style:none; padding:3px 10px; margin-right:5px; font-size:10pt; border:1px solid #ccc }
ul.subnavi li { background-image:url(images/submit_bg.gif);
}
ul.subnavi a { text-decoration:none; color:#00c }
ul.subnavi a:hover { color:#00f }

/*
	Inhalt
*/
#main { margin:10px; padding:10px; font-size:10pt; border:1px solid #EEE;}

#main a { color:#840; text-decoration:underline }
#main a:hover { text-decoration:none }
table { border-spacing:0; border-collapse:collapse }
td, th { vertical-align:top; padding:2px; font-size:10pt }
th, td.th { text-align:left; white-space:nowrap; background-color:#c2d2a5; background-image:url(images/th_bg.gif); font-weight:bold; padding-left:1ex }

table.border { width:480px; margin-bottom:1em }	
table.border td { border:1px solid #dadde8 }
table.border th { border:1px solid #dadde8 }

td.odd { background-color:#f6fbea }
td.even { background-color:#f3f4f8 }
td.odd, td.even { padding-left:1ex; vertical-align:middle; }

td.key { background-color:#f3f4f8; width:35%; }
td.key, td.value, td.value2 { padding-left:2ex; }
td.value2 { width:30%; background-color:#f3f4f8; }

div.border { border:1px solid #dadde8; margin-top:1em; background-color:#fff; padding:2px 5px 5px; width:480px }
div[class=border] { border:1px solid #dadde8; margin-top:1em; background-color:#fff; padding:2px 5px 5px; width:468px }

table.traffic { width:480px; margin-bottom:1em; }
table.traffic td, table.traffic th { border:1px solid #dadde8; }
table.traffic td, table.traffic th { text-align:right; padding-right:1ex; }

table.jumper { width:480px; margin-bottom:1em }
table.jumper td { font-size:9pt}

td.mml { font-weight:bold;  }
td.mm { text-align:center; width:12.5%; }

table.trafflim { margin-top:7px; margin-left:130px }
table.trafflim td { vertical-align:middle; padding:1px }


table.limitform { border:2px solid #dadde8;  width:480px; margin:3px 0px 1em }
table.limitform td { padding:5px 5px; white-space:nowrap; vertical-align:middle }

table.monitor { margin-bottom:1em; }
table.monitor td, table.monitor th { border:1px solid #dadde8; text-align:center; }
label.monitor { display:block; width:100px; float:left; }

p { margin:3px 0px 1em;}


/*
	Formulare
*/
fieldset { border:1px solid #dadde8; margin-top:1em; background-color:#fff; padding:5px }
legend { border:1px solid #dadde8; }
input,select,textarea { border:1px solid #bbb; background-color:#E5E9EB }
input:hover, textarea:hover, select:hover { background-color:#E5E9EB; border-color:#999 }
input:focus, textarea:focus, select:focus { background-color:#fff; border-color:#bbb }
input.submit { background-color:#f0f3e8; background-image:url(images/submit_bg.gif); }

fieldset.submit { text-align:center; padding:5px; border-width:0px }
fieldset.submit input { background-color:#f0f3e8; background-image:url(images/submit_bg.gif); }
p.filterform { border:2px solid #dadde8; padding:5px; width:480px; text-align:center }
p[class=filterform] { width:466px } /* Mozilla */

fieldset.confirm { border:6px double #637542; background-color:#f6fbea; padding:20px; margin-left:20px; margin-right:20px; font-size:12pt }
fieldset.confirm ul { list-style-type:none; font-weight: bold }
fieldset.confirm input { width:100px; border-color:#637542; background-image:url(images/submit_bg.gif); }

fieldset.tabbed label, fieldset.tabbed input, fieldset.tabbed select {
	display:block; float:left; margin-top:2px; margin-bottom:2px;
}
fieldset.tabbed label { width:150px; text-align:right; margin-right:10px; padding-top:4px }
fieldset.tabbed select { margin-left:1ex }
fieldset.tabbed br    { clear:left }
br.clear    { clear:both }

fieldset.tabbed_h label, fieldset.tabbed_h input, fieldset.tabbed_h select {
	display:block; float:left; margin-top:2px; margin-bottom:2px;
}
fieldset.tabbed_h label { width:110px; text-align:right; margin-right:10px; padding-top:4px }
fieldset.tabbed_h select { margin-left:1ex }
fieldset.tabbed_h br    { clear:left }
fieldset.tabbed_h label.rl { text-align:left; width:180px; margin-left:10px; }

input.radio, input.checkbox { background:none; border-width:0px; margin-right:5px; vertical-align:middle; padding:0px; display:inline }
table.trafflim input.checkbox { margin:0px 2px }

option.selected { background-color:#eef }

input.readonly { background-color:#fff; border-color:#9bb; }

/* vim:set si sta ai sw=4 ts=4 ft=css ff=unix: */