* { 
	margin: 0; 
	padding: 0; 
	border: 0;
	font-size: 12px;
}
body { 
	background-color: #FFF;
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #222;
}
table { width: 100%; }
form { display:inline; }

#main {
	width:950px;
	margin:0 auto 0 auto;
}

#header {
}
#logo {
	float:left;
	margin:5px;
	width:400px;
}
#menu {
   float:right;
   width:350px;
}
#menuSysNavi {
   border: 1px solid #000;
   border-top:0;
   float:right;
   text-align:center;
   background-color:#990000;
   padding: 7px 10px 7px 10px;
   color:#FFF;
   margin: 0 20px 15px 0;
   vertical-align:top;
}
#menuSysNavi a { color:#FFF; }
#menuSysUser {	
   float:right;
   margin: 0 20px 15px 0;
}

#navBar {
   padding:5px;
   float:left;
}


#content {
	margin-top: 0px;
	width: 750px;
	float: left;
}
#contentMenu {
	margin-top: 0px;
	width: 200px;
	float: left;
}
#contentOut {
   padding-top: 10px;
}

#footer {
	margin: 0 0 10px 0;
	text-align: center;
	padding-top:20px;
}






/* Textformatierung */
.textCenter { text-align: center; }
.textLeft { text-align: left; }
.textRight { text-align: right; }
.top { vertical-align: top; }
.small, .small a { font-size:10px !important; }
.medium, .medium a { font-size:11px !important; }
.large, .large a { font-size:16px !important; }
.bold { font-weight: bold; }
.noBold { font-weight: normal; }
.red { color: #FB0000; }
.green { color: #006400; }
.nowrap { white-space: nowrap; }
.nopadding { border-spacing:0; border-collapse:collapse; }


/* divs formatieren */
.left { float: left; }
.right { float: right; }
.clearBoth { clear: both; }


/* boxen formatieren */
.head {
	background-image: url(../images/bg/blue.jpg);
	padding:6px;
	color:black;
	font-weight: bold;
	border: 1px solid #484848;
	border-bottom: 0;
	margin: 0 3px 0 3px;
}
.headGreen { background-image: url(../images/bg/green.jpg) !important; }
.headTurquoise { background-image: url(../images/bg/turquoise.jpg) !important; }
.headPurple { background-image: url(../images/bg/purple.jpg) !important; }
.headOrange { background-image: url(../images/bg/orange.jpg) !important; }

.body {
	border: 1px solid #484848;
	border-top: 0;
	padding: 5px;
	margin: 0 3px 0 3px;
}
.bodyClose {
   border: 1px solid #484848;
   padding: 5px;
   margin: 0 3px 0 3px;
}
.bodySubtitle {
   font-size:13px;
   font-weight:bold;
   padding:3px;
   color:#FB0000;
}
.next { margin-top: 10px; }
.nextBefore { margin-bottom: 10px; }


.bgColor1 { background-color:#FFF; }
.bgColor2 { background-color:#b0c4de; }

.boxInfo {
   padding:5px;
   margin: 5px 10px 5px 10px;
   background-color:#FFFF00;
}

.info { /* ankuendigung und information */
   background-image:url(../images/bg/orange.jpg);
   padding:5px;
   margin:5px;
   font-weight:bold;
}
.notice { 
	background-image:url(../images/bg/green.jpg);
	padding:5px;
	margin:5px;
	font-weight:bold;
}
.boxIndent { /* einruecken */
   padding: 3px 3px 3px 25px;
}

.boxUserArticleOptions {
   margin-bottom:15px;
}

/* menue formatieren */
li.menupunkt {
	margin: 1px 0px 1px 5px;
	list-style:none;
}
li.menupunktEmpty {
   margin: 1px 0px 1px 5px;
   list-style:none;
   height: 10px;
}

.overviewListIndent {
   float:left;
   width:400px;
}


/* Links formatieren */
a.hrefButton {
	border: 1px solid #000;
	padding: 5px;
	margin: 3px;
	background-color: #ccc;
}

.head a {
	color: #000 !important;
	text-decoration: none !important;
}
.head a:hover {
	color: #000 !important;
	text-decoration: underline !important;
}





/* Links */
a:link, a:visited, a:active, .link { 
	text-decoration: none;
	color: #0000FB;
}
a:hover {  
	text-decoration: underline;
	color: #0000FB;
}



/* Input Felder */
input, .input {
	border: 1px solid #000;
	padding: 3px;
}
select {
   border: 1px solid #000;
   padding: 3px;
   padding:1px;
}
input.button {
   padding-left: 7px !important;
   padding-right: 7px !important;
}
input.buttonSmall {
   padding-left: 7px !important;
   padding-right: 7px !important;
   padding: 1px;
}
input.button:disabled { background-color: #eee; border-color: #ddd; }
input.small { padding: 3px; font-size: 11px; }
input.smallButton { padding: 2px; font-size: 11px; }
.width100px { width: 100px; }
.width200px { width: 200px; }
.width300px { width: 300px; }
.width400px { width: 400px; }
.width500px { width: 500px; }
.width100pr { width: 99%; }
.inputRed { background-color: #BB0000; color: #FFF; }


li.shopCats {
   list-style: none;
}
li.cat {
   margin: 15px 0 0 5px;
}
li.catIn {
	margin: 3px 0 0 15px;
}
li.catSub {
   margin: 3px 0 0 30px;
}


.strong-0 { width:4px; background-color:#ff0000;}
.strong-1 { width:20px; background-color:#ff0000;}
.strong-2 { width:40px; background-color:#ff2c00;}
.strong-3 { width:60px; background-color:#ff4d00;}
.strong-4 { width:80px; background-color:#ff7300;}
.strong-5 { width:100px; background-color:#ff9900;}
.strong-6 { width:120px; background-color:#ffc700;}
.strong-7 { width:140px; background-color:#ffff00;}
.strong-8 { width:160px; background-color:#b6ff00;}
.strong-9 { width:180px; background-color:#53e200;}
.strong-10{ width:200px; background-color:#00e200;}

.table0pr {
	width: 1% !important;
}

.borderBlack { border: 1px solid #000; }
.borderNo { border: 0; }

/* billing */
.borderDottedGrey { border-top: dotted 2px #000000; margin:4px; }
.borderDottedColor { border-top: dotted 2px #BB0000; margin:4px; }


.pageChanger { border:1px solid #000; padding:1px 3px 1px 3px; }
.changerSelected { background-color:#b0c4de; }

.spezTextMark {
   margin: 7px;
   padding:5px;
   background-color:#CCCCFF;
}