@charset "utf-8";

body {	background-image:url("pic/background1.gif");
		margin:0; padding:0; font-family: Arial;
		background-color:#ffffff;
		font-size: 11px;
    	}
#topic { color: #225599; background-color: #bbb; text-transform:uppercase; text-align:center; font-size: 30px; font-weight:bold; }
a:link { color:#000000; text-decoration:none; }
a:visited { color:#000000; text-decoration:none;  }
a:hover { color:#000000; text-decoration:none; background-color:#e6e6e6;  }
a:active { color:#000000; background-color:#e6e6e6;  }
img { border:none }

.decorated:link { color:#000000; text-decoration:underline; }
.decorated:visited { color:#000000; text-decoration:underline; }
.decorated:hover { color:#898989; text-decoration:none; background-color:#e6e6e6; }
.decorated:active { color:#000000; background-color:#e6e6e6; }

.Button { background-color:#aaa; color:#000; width:85px; border:1px solid #000; }

div { border:0px; margin:0; }

#full { margin: 0px auto;
	width:1020px; height: 2000px;
	border:2px solid #000;  }
.navi_left {
    width: 130px;
    float: left;
    border: 0px solid #FF0000;
    padding: 1px;
    margin: 20px 0px;
    height: 2985px;
    background-color:#e8e8ff;
}
.content_center {
    width: 680px;
    higth: 2000px;
    float: left;
    border: 0px solid #00ff00;
    padding: 1px;
    margin: 20px 0px;
    #background-color: #ff9900;
}
.content_right {
    width: 202px;
    float: right;
    border: 0px solid #0000ff;
    padding: 1px;
    margin: 20px 0px;
}

#center { position:relative top:10px; left: 185px; width:640px; height: 500px; border-left: blue 2px solid; background-color: #ffffff; }
#header { float:left; border:0px solid blue; background-image: url(pic/banner.jpg); background-repeat:no-repeat;
background-color:#e8e8ff; height:90px; width: 1020px; }
#header1 {
   z-index: 1; /* verhindert, daß die Ebene in älteren Browsern verdeckt wird*/
   border: 1px solid black;
   background-color: #FFA07A;
   color: white;
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 90px;
   background-color:#e8e8ff; background-image: url(pic/banner.jpg); background-repeat:no-repeat;
}
#footer { z-index:50; position:fixed; bottom:0px; width:1020px; height:15px;
	  background-color:#5577aa; }
#wk { z-index: 2; float:right; margin: -90px 0px; border:0px solid red;
 width:220px; height:90px; background-color:#e8e8ff; }
#topmenue { z-index: 1; position:relative; margin: 90px 0px; width:1020px; height:40px;
	  background-image: url(pic/back_tab.jpg); background-repeat:repeat-x;}
#topmenuetext { z-index: 1; position: relative; margin: -125px 0px; width:1020px; height:40px; text-align:center;
	  font-weight:bold; font-size:1.1em;}
#leftmenue { position:absolute; top:120px; width:185px; height:100%;
	   background:#e6e6e6; vertical-align:middle; color: #225599;
	  font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-size:medium; }
#right { position:absolute; float:left; margin-top:0px; margin-left:800px; width:220px; height:50px;
	   background:#e6e6e6; color: #225599; }
#seper-hor{ position:relative; margin-top:-113px; margin-left:5px; width:170px; height:2px;
	   background:#5577aa; color: #ff0000; }

.item { float:left; margin:2px 2px; width: 329px; height:250px; border: #225599 2px solid;}
.art-pic { z-index:10; position:relative; margin-top:0px; margin-left:0px;
		display:table-cell; vertical-align:middle; text-align:center;
		width:115px; height:115px; border: 4px solid grey; background:#bbbbbb; }
.art { position:relative; margin-top:0px; margin-left:0px; padding: 0px;
			width:100%; height:35px; background:#225599; color: #ffffff;
			font-size:0.9em; font-weight:800;}
.art-nr { position:relative; margin-top:-115px; margin-left:130px; width:80px; height:20px; color: #225599; font-size:10px; }
.art-lager { position:relative; margin-top:-22px; margin-left:220px; width:20px; height:20px; color: #225599 }
.art-preis { position:relative;
			margin-top:4px; margin-left:120px;
			width:85px; height:20px; color: #225599; background:#ffffff;
			text-align: right; font-size:1.0em;}

.art-info { position:relative; margin-top:-23px; margin-left:210px;
			width:78px; height:30px; color: #225599; font-size:0.6em; }
.art-wk { position:relative; margin-top:-32px; margin-left:295px;
			width:35px; height:30px; color: #225599; font-size:large;}

.ean { position:relative; margin-top:0px; margin-left:135px; width:80px; height:20px;
			color: #225599; font-size:0.9em; }


#art-nr { position:relative; margin-top:-120px; margin-left:130px; width:70px; height:20px; color: #225599; font-size:9px; }
#art-lager { position:relative; margin-top:-22px; margin-left:220px; width:20px; height:20px; color: #225599 }
#art-preis { position:relative; margin-top:4px; margin-left:120px; width:65px; height:30px; color: #225599; font-size:1.0em;}
#art-info { position:relative; margin-top:-32px; margin-left:190px; width:78px; height:30px; color: #225599; font-size:0.6em;}
#art-wk { position:relative; margin-top:-32px; margin-left:285px; width:35px; height:30px; color: #225599; font-size:large;}
#art-beschr { position:relative; margin-top:30px; margin-left:-1px; width:330px; height:100px; color: #225599; font-size:small;}

#item-1 { float:center; margin:auto; width:530px; height:250px; }
#art-pic { position:relative; margin-top:0px; margin-left:-13px; width:110px; height:110px; border : 0px; background:#ffffff; }
#artold { position:relative; margin-top:10px; margin-left:90px; width:200px; height:42px; color: #225599; font-size:0.85em;}
#art-preis { position:relative; margin-top:4px; margin-left:120px; width:65px; height:30px; color: #225599; font-size:1.0em;}
#art-info-1 { position:relative; margin-top:-32px; margin-left:190px; width:78px; height:60px; color: #225599; font-size:0.6em;}
#art-wk-1 { position:relative; margin-top:-32px; margin-left:285px; width:35px; height:30px; color: #225599; font-size:large;}
#art-beschr-1 { position:relative; margin-top:0px; margin-left:0px; width:500px; height:auto; color: #225599; font-family: Arial; font-size:small;}

#art-layer3 { margin-left:370px; margin-top:-115px; width:159px; height:132px; background:#eaeaea; font-size:20px;}


#item-s { margin-left:0px; margin-top:15px; width:159px; height:132px; background:#eaeaea;}
#art-nr-s { position:relative; margin-top:3px; margin-left:0px; width:75px; height:10px; color: #225599; font-size:10px; }
#art-s { position:relative; margin-top:6px; margin-left:1px; width:160px; height:29px; color: #225599; font-size:10px; }
#art-pic-s { position:relative; margin-top:7px; margin-left:2px; width:75px; height:65px; color: #225599 }
#art-preis-s { position:relative; margin-top:-65px; margin-left:84px; width:60px; height:10px; color: #225599; font-size:0.9em;}
#datum { position:relative; margin-top:43px; margin-left:5px; height: 130px; font-size:0.8em;}
#formleft { position:relative; margin-top:20px; margin-left:20px; width:460px; height: 20px; }
#formcenter { position:relative; margin-top:-40px; margin-left:300px; width:460px; height: 20px; }
#formright { position:relative; margin-top:-40px; margin-left:580px; width:460px; height: 20px; }


#pseudotextlink { background:transparent; display:inline; border:0; }

p {     font-family: Arial; font-size: 10pt; }

.blue {	background:#aaa;
		vertical-align:middle;
		text-align:center;
		color: #225599;
		font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; }

.menu {	background:#EAEAEA;
		vertical-align:top;
		color: #aaa;
		width: 180; }
.tickerR {
		background:#EAEAEA;
		vertical-align: top;
		color: #aaa;
		width: 200;
 }
 .pic {
 		background: #FFFFFF;
 }

.footer {
		background:#aaa;
		vertical-align:top;
		text-align: center;
		color: #225599;
		font-size: 11px; }

.text {
		font-size: 8pt; }
.preis {
	  float:left;
      width:90%;
      color:#33c;
      background:#999;
      font-size:93%;
      font: bold 12px/1.5em Verdana;
      line-height:normal;
}
.klein {
	  float:left;
      width:100%;
      color:#222222;
      background:#999;
      font-size:93%;
      font: 9px/1.0em Arial;
      line-height:normal;
}

h2 {
        font: bold 12px Verdana, Arial, Helvetica, sans-serif;
        color: #000;
        margin: 0px;
        padding: 0px 0px 0px 15px;
}

/*- Menu Tabs G--------------------------- */
    #tabsG {
	  float:left;
      width:100%;
      background:#666;
      font-size:93%;
      font: bold 12px/1.5em Verdana;
      line-height:normal;
      }
    #tabsG ul {
     margin:0;
     padding:10px 10px 0 150px;
     list-style:none;
      }
    #tabsG li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsG a {
      float: left;
      background:url("pic/tableftG.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsG a span {
      float:left;
      display:block;
      background:url("pic/tabrightG.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsG a span {float:none;}
    /* End IE5-Mac hack */
    #tabsG a:hover span {
      color:#FFF;
      }
    #tabsG a:hover {
      background-position:0% -42px;
      }
    #tabsG a:hover span {
      background-position:100% -42px;
      }

        #tabsG #current a {
                background-position:0% -42px;
        }
        #tabsG #current a span {
                background-position:100% -42px;
        }


}

div {
	margin:0;
}

.ro {
	background:url(pic/roundedbox_ro.gif) top right no-repeat;
}

.lo {
	background:url(pic/roundedbox_lo.gif) top left no-repeat;
}

.ru {
	background:url(pic/roundedbox_ru.gif) bottom right no-repeat;
}

.lu {
	background:url(pic/roundedbox_lu.gif) bottom left no-repeat;
}

.inhalt {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:1.3em 1.3em 1.7em 1.5em;
}

.inhalt p {
	margin:0;
	padding:0;
}

/*- Lighbox G--------------------------- */

.black_overlay{
	display: none;
	position: fixed;
	top: +10%;
	left: 10%;
	width: 80%;
	height: 80%;
	background-color: black;
	z-index:1001;
	opacity:0.70;
}

.white_content {
	display: none;
	position: fixed;
	top: 20%;
	left: 22%;
	width: 50%;
	height: 50%;
	padding: 16px;
	border: 16px solid blue;
	background-color: white;
	z-index:1002;
	overflow: auto;
}

form1 {
  background: #de2;
  border: thin solid #ab0;
  margin:0;
  padding:.5em;
}
form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}

input#submit { /* den Submit-Button */
  float: none;
  width: auto;
}

label {
 display: inline-block;
 width: 100px;
}

p.input{
  text-align:right;
  top:-22px;
  position:relative;
}

bqody
{
    text-align: center;
    font-size: 11px;
    font-family: Arial;
}
#rqoot
{
    width:982px;
    height: 100px;
    margin: 0px auto;
    text-align: left;
    color: #000000;
    background-color: #BBBBBB;
}
#rqoot a
{
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}
#rqoot a:hover
{
    color: #FF0000;
}
#hqead
{
    border: 1px solid #000000;
    height:100px;
    margin: 0px;
}
.nqavi_left
{
    width: 140px;
    float: left;
    border: 1px solid #FF0000;
    padding: 5px;
	height:800px;
}
.cqontent_left
{
    width: 380px;
    float: left;
    border: 1px solid #FF0000;
    padding: 10px;
    margin-left: 10px;
}
.cqontent_right
{
    width: 380px;
    float: right;
    border: 1px solid #FF0000;
    padding: 10px;
}