* { 
	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;
}

#menuUserTop {float:right;}
#menuUserTop div {float:left;}
#menuUserTop a {text-decoration:none !important;}
.menuUserTopButton {color:#000 !important; margin-right:5px; border:1px solid #000; padding:5px; background-color:#CCC;}
.menuUserTopButton:hover, .menuUserTopButtonSelected {background-color:#FF8C00; text-decoration:none !important;}
#areaShop:hover, #areaShop.menuUserTopButtonSelected {background-color:#4B0082 !important; color:#FFFFFF !important;}
#areaAffiliate:hover, #areaAffiliate.menuUserTopButtonSelected {background-color:#00C000 !important;}
#areaAdmin:hover, #areaAdmin.menuUserTopButtonSelected {background-color:#90EE90 !important;}


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

#footer {
	margin:15px 0 20px 0;
	padding:5px 5px 0px 5px;
	border-top:1px solid #bbb;
}
#footerLeft{float:left;width:200px;}
#footerRight{float:right;}
.footerText div, .footerText a{font-size:10px !important;color:#333;}


.agbTitle { font-weight:bold; margin:25px 0 10px 0; }
.agbSubpoints { text-indent:-18px; margin-left:18px; margin-bottom:10px; }


/* 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-color:#008000 !important; 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.png) !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; }

.hide{display:none;}

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

.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-color:#32CD32;
	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;
}
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; }
input.imgButton{border:0;margin:0;padding:7px 2px 0 2px;}
.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;
}
li.markCatInactive, li.markCatInactive a{color:#BB0000;}