* { 
   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;
}
#searchBar {
   float:right;
   padding:1px 0 0 0;
   text-align:right;
}

#content {
   margin: 10px 0 20px 0;
   width: 950px;
   float: left;
}

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

.shopSearchBox {
	border: 1px solid #CCC;
	padding:3px 7px 3px 7px;
	margin:3px;
}
.shopSearchBox h2 {
   font-weight:bold;
}
.shopSearchBox:hover {
	background-color:#DEDEDE;
}


/* 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; }
.bold { font-weight: bold; }
.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 */
.boxFull { float:left; width:950px; margin-bottom:5px; }

.boxSmallLeft { float:left; width:475px; margin-bottom:5px; }
.boxSmallRight { float:left; width:475px; margin-bottom:5px; }

.boxMinHeight { min-height:100px; height:auto !important; height:100px; }
.boxMinHeightLarge { min-height:200px; height:auto !important; height:200px; }

.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;
}
.next { margin-top: 10px; }
.nextBefore { margin-bottom: 10px; }

.info { /* ankuendigung und information */
   background: url(../images/iconInfo.gif) no-repeat;
   padding-left: 15px;
   margin: 5px;
}
.notice { 
   background: url(../images/iconInfo.gif) no-repeat;
   padding: 10px 10px 10px 15px;
   margin: 5px 5px 20px 5px;
   background-color: #aaa;
}


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




/* 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  { 
   text-decoration: none;
   color: #0000FB;
}
a:hover {  
   text-decoration: underline;
   color: #0000FB;
}



/* Input Felder */
input, .input, 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; }
.search {
   font-weight:11px;
   margin-right:2px;
}
.width100px { width: 100px; }
.width200px { width: 200px; }
.width300px { width: 300px; }
.width350px { width: 350px; }
.width400px { width: 400px; }
.width600px { width: 600px; }
.width100pr { width: 99%; }
.inputRed { background-color: #BB0000; color: #FFF; }


.table0pr {
   width: 1% !important;
}

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

.shopThumb {margin:3px; padding:2px; border:1px solid #AAA;}
.shopThumb:hover {border:1px solid #BB0000;}