/* general */

body{
	background-color: #FFCD62;
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px; 
    color: black; 
   text-align:left;
}

#clr {
	clear:both;
}


/*index */

#block{
}

#header {
	width:950px;
	position:relative;
	top:0px;
	height:200px;
	border: 0px dashed red;
	background: url(bilder/top.png);
	z-index:1;
}

#headerbuttons {
	text-align: right;
	padding:0;
	margin:0;
	width: 160px;
	height: 69px;
	position: relative;
	right: -395px !important;
	top: 90px;
}

#headerbuttons img {
    border: 0px;
}

#main{
	width:950px;
	background: url(bilder/main_bg.png) repeat-y;
	margin-bottom:0px;
}

#inhalt {
	font-size:11px;;
	width:675px;
	float:right;
	border: 0px dashed blue;
	margin-right: 30px !important;
	margin-right: 15px;
	padding-bottom: 30px;
	padding-left: 20px;
}

.contentinhalt{
		width:90%;
		border:0;
		min-height:400px;
        font-size:11px;
		}

#menu {
	width:200px;
	float:left;
    padding-left:20px;
    text-align:left;
}

#nav{
	overflow:visible;
}

#breadcrumb{
	color: #990000;
	font-size:x-small;
	width:675px;
	float:right;
	margin-right: 30px !important;
	margin-right: 15px;
	height:21px;
	text-align:left;
	padding-left: 20px;
}

#topnav{
    height: 21px;
	width:800px;
	position: relative;
	top: 77px !important;
	top: 76px;
	left: 0px;
	left: 0px !important;
	z-index: 3;
	border: 0px dashed black;
	text-align:left;
}

#topnav img{
	border:0px;
}

#streifen{
	font-size: x-small;
	color:#ffffff;
	position:absolute;
	top: 175px !important;
	top: 183px;
	left:0px;
	height:21px;
	width:100% !important;
	width: 102%;
	z-index:0;
	background: url(bilder/streifen.png) repeat-x;
	text-align:center;
	vertical-align:middle;
}

#streifen2{
	position:relative;
	top:98px !important;
	top:97px;
	height:21px;
	background: url(bilder/streifen.png) repeat-x;
}

#categ{
    border: 2px dotted #660000;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright:10px;
}

#suche{
    padding-top:5px;
    padding-bottom:5px;
    text-align:left;
    border: 2px dotted #660000;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright:10px;
}

#footer{
	font-size:x-small;
	margin-top: 0px;
	width:950px;
	height: 50px;
	border: 0px dashed red;
	background: url(bilder/foot.png);
}




/* links */

A {
	text-decoration: none;
	color: #990000;
}

A:hover {
	text-decoration: none;
	color: #cc0000;
}

A:active {
	color: #cc0000;
}

A:visited {
	color: #660000;
}

#streifen a {
	color:#CCCCCC;
}

#streifen a:hover {
	color:#FFFFFF;
	font-weight:bold;
}

#streifen a:active {
	color:#999999;
	font-style:italic;
}

#inhalt a {
	text-decoration: none;
}

#inhalt a:hover {
	text-decoration: none;
	
}

#inhalt a:active {
}

#inhalt a:visited {
}



/* the basic ids */

/*Input-Feld der Suche: */
#begriffe{
  font-size:9px;
  background-color: white;
}

#inputf	{
    background:none;
    border:none;
    font-size:12px;
    color:#9A9A9A;
}

.inputf	{
    background:none;
    border:none;
    font-size:12px;
    color:#9A9A9A;
    text-align:right;
}


/*Input-Feld Fett u schwarz ohne Hintergrund */
.inputs	{
    background:none;
    border:none;
    font-size:12px;
    font-weight:bold;
    color:black;
    text-align:right;
}

/* Standard-Elemente */

h1{
  font-size:17px;
  font-family: Verdana, Arial, Tahoma, sans-serif;
  font-weight: bold;
  color: #9A9A9A;
}

h2{
  font-size:17px;
  font-family: Verdana, Arial, Tahoma, sans-serif;
  font-weight: bold;
  color: #9A9A9A;
}

p{
  font-family: Verdana,Arial,Tahoma,sans-serif; 
  font-size: 11px; 
  color: black; 
  text-align:left;
}


hr{
  color: #660000;
  background-color: #660000;
}

/*spezielle Formatierungen */

#menu h2 {
  text-align: left;
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #660000;
  padding-left: 15px;
  margin-bottom:3px;
}

#menu h3 {
  text-align: left;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #660000;
  padding-left: 15px;
  margin-bottom:3px;
}

/* CSS-Eigenschaften für Vitool-Shop-Inhalte */

#korb_nav{
    font-size:10px;
    color:#660000;
	border:2px dotted #660000;
	background-color:white;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright:10px;
}

#korb_nav a:hover{
	color: #990000; 
	font-family: Verdana,Arial,Tahoma,sans-serif; 
	font-size: 11px;
	width: 98%;
	font-weight: normal;
	text-align: left;
	letter-spacing: 2px;
	border-bottom: 1px dashed #CBD0ED;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
}

#korb_nav a{
	color: #660000; 
	font-family: Verdana,Arial,Tahoma,sans-serif; 
	font-size: 11px;
	width: 98%;
	font-weight: bold;
	text-align: left;
	letter-spacing: 2px;
	border-bottom: 1px dashed #CBD0ED;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
}

#desc{
    font-size:12px;
    color:#660000;
}

#artnr{
    font-size:11px;
    color:#660000;
}

#bezeichnung{
    font-size:12px;
    color:#660000;
}

#preis {
    font-size:11px;
    color:#660000;
}

#bearb{
    font-size:10px;
    color:#660000;
}


#tabelle_01 {

		width:822px;
		border:0;
	}

a.warenkorb{
    font-size:14px;
	color:#660000;
	font-family: Verdana,Arial,Tahoma,sans-serif; 
}

/* z.B. Überschrift Artikeldetails */
span.ue1{	
	text-align:center;
	color: #9A9A9A; 
	font-family: Verdana,Arial,Tahoma,sans-serif; 
	font-size: 17px;
	font-weight: bold;
	letter-spacing: 1px;
	padding-right: 3px;
	vertical-align:baseline;
	}

span.ue2{
	font-family: Verdana,Arial,Tahoma,sans-serif; 
	color:#9A9A9A;
	font-size:15px;
	text-align:center;
}

.produktbild{
  border:2px solid #9A9A9A;
  max-width:200px;
}

.produktthumb{
  border:2px solid #9A9A9A;
  height:140px;
}