html	{ overflow-y: scroll; }
body	{ margin: 1.5% 0 0 0; padding: 0; color: #222; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; text-align: center; background:#101028 url(/img/background.gif); }

p { margin: 1em; padding: 0; color: #000; line-height: 1.5em; }

h1,h2	{ font-size: 100%; line-height: 1.8em; margin: 0 0 10px 0; background:#dde; color:#444; border-bottom:1px solid #535154; text-align: center; }
h3		{ font-size: 90%; }

a		 { color: #900; text-decoration: none; }
a:hover  { text-decoration: underline; }
a:active { color: red; }

#centerbox { display:inline; text-align:center; }
#wrapper { background:#fff; width:950px; margin:0 auto 20px auto; font-size: 82%; border:6px solid #303050; background:#fff url(/img/top-right.jpg) no-repeat top right; }

#headerbox { width:950px; margin: 0 auto; background:transparent url(/img/logo-w-sys.png) no-repeat 20px 10px; }

img { border: 0; }

.logo { height: 160px; width: 950px; border: 0; }

#navibox { width:950px; margin:0; padding:0; border-top: 1px solid #ff7e00; border-bottom:1px solid #ff7e00; height: 2.2em; line-height:2.2em; text-align: center; }
#navibox ul { text-indent:0; padding:0; margin:0; list-style:none; background:#f8f8f8; }
#navibox li { display:inline; margin:auto; }
#navibox a { width:auto; color:#303050; font-weight:bold; text-transform:uppercase; text-decoration:none; }
#navibox a:hover { color:#ff7e00; text-decoration:underline; }
#navibox a.aktiv { color:#ff7e00; text-decoration: underline; }

#contentbox {
width:950px;
min-height:300px;
text-align: left;
font-size: 100%;
padding:0 0 20px 0;
margin:10px 0;
line-height:1.3em; 
letter-spacing: 0.01em;
}

#footerbox { clear:both; height:2.2em; line-height:2.2em; text-align:center; background:#eaeaea; margin: 0 auto; color:#696969; width:950px; border-top:1px solid #535154; }
#footerbox ul { height:2.2em; line-height:2.2em; margin:auto; }
#footerbox li { text-align: center; display: inline; margin:auto; }

#left {
margin:0 0 0 10px;
width: 300px;
float: left;
background-color: #fff;
}

#middle {
margin:0 0 10px 10px;
float: left;
width: 450px;
text-align: center;
padding: 0;
background-color: #f0f0f0;
}

#middle p, #middle li { text-align: left; }
#right { margin:0 0 0 10px; float: left; width: 160px; }
#right p { border-bottom: 1px dashed #dadada; }


#tworow-left {
margin:0 0 0 10px;
padding: 0 0 20px 0;
width: 460px;
float: left;
background-color: #f0f0f0;
}

#tworow-right {
margin:0 0 10px 10px;
float: left;
width: 460px;
text-align: center;
padding: 0px;
background-color: #fff;
}

#tworow-right p, #tworow-right li {
text-align: left; line-height: 1.5em; 
}


.port { float: left; height: 280px; width: 210px; border: 1px solid black; margin: 0 10px 10px 0; }

#admin {

}

#admin a {
text-decoration:none;
}

#admin a:hover {
text-decoration:underline;
}

.admincontent {
font-size: 8pt;
color: #000;
width:auto;
padding:0 20px;
line-height:1.2em;
}


#admin ul {
margin: 4px 0 0 0;
padding: 8px 100px 0px 2px;
height:2.2em;
}

#admin li {
display:inline;
color: #000;
font-weight:bold;
font-size:8pt;
padding:8px 6px 3px 6px;
}

#admin td {
text-align:left;
background:#fff;
color: #000;
border: 1px solid #696969;
padding:0;
}

.softborder {
border:1px solid #888;
font-size:9pt;
line-height:1.2em;
padding:2px;
background-color:#f5f5f5;
}

.formwrap {
display:inline;
clear: both;
}

.formlabel {
text-align:right;
float:left;
border-bottom:1px solid #696969;
margin:auto 20px;
padding:2px 0;
width:120px;

}

.formitem { padding:2px 0; }
.invis { display: none; }
.mtop { margin-top: 10px; }
.mright { margin-right: 10px; }
.mleft { margin-left: 10px; }
.fleft { float: left }
.bold { font-weight: bold; }

.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }

.border { border: 1px solid black; }
.noborder { border: 0; }
td { text-align: left; }

input.fehler { border: 1px solid #f00; }