/* basics */

html{
  min-height: 101%;   /* scrollbalken werden sofort angezeigt*/
}

body {
  font-size: 12px;
  font-family: Helvetics, Arial, sans-serif;
  background: #cdcdcd;
  /*background: url(../images/background.png) repeat-x;*/
}
img {
	margin: 0;
	padding: 0;
}

.landingpage
{
background-color: #ffffff;
width:320px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
margin: auto;
}

.Bildumfluss_rechts {
padding-right: 10px;
}

.Bildumfluss_links {
padding-left: 10px;
}

.Bildumfluss_beidseitig {
padding-left: 10px;
padding-right: 10px;
}

a img {
	border: medium none;
}

td.catcell:hover{
	border:1px dotted #AAAAAA;
}

td.catcell{
	border: 1px solid #f9f9f9;
}
#container{
  background: #ededed;
  width: 960px;
  margin: 0 auto;  /* RANDABSTÄNDE abstand oben unten unten -> auto für links und rechts*/
  padding: 5px;
}
#adminform {
	height:900px;
}
#oben{
  width: 100%;
  background: #ffffff url(../images/header.jpg) no-repeat;
  height: 150px;
  padding-top: 2px; /* abstand an obenliegenden Bereich */

}

a {
	text-decoration:none;

}

a:hover {
	text-decoration: underline;
	font-weight: bold;
}

#flash {
margin-left: 450px;

}
#mitte{
  width: 100%;
  margin: 0pt;
  padding-top: 0px;
  float: left;  /*fließverhalten */
  background: #ffffff;
    min-height: 900px;

}

#footer{
  width: 100%;
  margin: 4px; /*man kann für jede einzelne randseite definieren*/
  float: left;
  background: #ffffcc;
}

#sidebar{
  width: 200px;
  min-height: 500px;
  /*background: #666633 url(../images/left.png) repeat-y;*/
  margin: 0px;
  float: left;
}

#content60{
  width: 60%;
  /* height ergibt sich automatisch */
  margin: 0px;
  padding: 5px;
  float: left;
  /*background: #ffffcc;*/

}

#content80{
  width: 76%;
  /* height ergibt sich automatisch */
  margin: 0px;
  padding: 5px;
  float: right;
  /*background: #ffffcc;*/

}

#content100{
  width: 100%;
  /* height ergibt sich automatisch */
  margin: 0px;
  padding: 5px;
  float: left;
  /*background: #ffffcc;*/

}

#sidebar-rechts{
  width: 180px;
  min-height: 500px;
  background: #666633 url(../images/right.png) repeat-y;
  margin: 0px;
  float: right;

}

.componentheading {
	margin: 10px;
	color: #000033;
	font-size: 15pt;
	font-weight: bold;
	
}

.small {
	font-size: 5px;
	font-style: italic;

}

/* um geziehlte klassen zu verändern :) suffixe in den einzelnen modulen ändern */

.browseProductImage {
	width: 120px;
}
.browseProductContainer {
width:220px;
border: solid 1px #dedede;
height: 360px;
margin: 3px;
padding: 3px;
}

/* definition mit komma verbinden */

.modifydate {
	display: block;
	}
	
.createdby {
	display: block;
	}
	
.createdate {
	display: block;
	}
.leading {
	margin: 5px;
}

/* Pfad wo man sich gerade befindet */
#breadcrumb {
	padding: 5px;
	}

/* Hauptmenü */
.menu{
	padding: 0px;
	margin-left: 0;
	font: 11px verdana, sans-serif;
	width: 180px;
	color: gray;
}
.menu a {
	color: #000000;
}

.menu li {
	list-style: none;
	margin: 0px;
	
	border-bottom: 1px gray solid;
	text-align: left; 
}

.menu li a{
	display: block;
	padding: 0.7em 0.5em 0.7em 0.9em;
	text-decoration: none;
}
.menu li a:link {
	color: #000000;
}
.menu li a:hover{
	font-weight:bold;
	color: #000000;
	background: url(../images/ver_1.jpg) repeat-x;
	border-left: 3px #004080 solid;
}

.menu ul{
	padding-left: 10px;
	
	border-bottom: none;
	
	background: #ededed;
	color: #e2001a;
	/*einrückung unterdrücken*/
}

#current{
	color:#000;
	background:url(../images/ver_1.jpg) repeat-x;
	font-weight:bold;
}


/*Virtuemart Menu */

.moduletable_virtuemart a:hover{
	font-weight:bold;
	color: #000080;
	background: #b1d5ed;
	border-left: 3px #004080 solid;
	background:url(../images/ver_1.jpg) repeat-x;
	text-decoration: none;
}







.moduletable_virtuemart a{
	display: block;
	color: black;
	padding: 0.7em 0.5em 0.7em 0.9em;
	text-decoration: none;
	
	list-style: none;
	margin: 0px;
	
	text-align: left; 
	
	
	
}
.moduletable_virtuemart  a.mainlevel{
	border-bottom: 1px gray solid;
}

.moduletable_virtuemart  a.sublevel{
	background: #ededed;
	color: #e2001a;
	
}
.moduletable_virtuemart  a.sublevel:hover{
	background: url(../images/ver_1.jpg) repeat-x;
	
}
.moduletable_virtuemart a:link {
	color: #000000;
}
.moduletable_virtuemart a:visited {
	color: #000000;
}

#active_menu{
	color:#000;
	background:url(../images/ver_1.jpg) repeat-x;
	font-weight:bold;
}










.moduletable_menu h3, .moduletable_virtuemart h3, .moduletable h3{
	margin:5px;
}

div.moduletable_virtuemart h3, div.moduletable h3 {
	color: #006ab3;
	font-size:11pt;
}
div.moduletable_virtuemart a {
	color: #006ab3;
}
/*
a.mainlevel {
	padding: 1px;
	margin-left: 0;
	font: 11px verdana, sans-serif;
	color: gray;
	list-style: none;
	margin: 0px;
	border-left: 1px #004080 solid;
	border-bottom: 1px gray solid;
	text-align: left; 
	width: 170px;
	display: block;
	padding: 0.7em 0.5em 0.7em 0.9em;
	text-decoration: none;
}

a.sublevel {
	padding: 1px;
	margin-left: 0;
	font: 11px verdana, sans-serif;
	color: gray;
	list-style: none;
	margin: 0px;
	border-left: 1px #004080 solid;
	border-bottom: 1px gray solid;
	text-align: left; 
	width: 170px;
	display: block;
	padding: 0.7em 0.5em 0.7em 0.9em;
	text-decoration: none;
}

/*
*#active_menu{
*	background: yellow;
*}
*/
/*
a#active_menu {
background:url(../images/ver-1.jpg);
font-style:normal !important;
font-weight:bold;
}*/

/*
*a.mainlevel li a{
*	display: block;
*	padding: 0.7em 0.5em 0.7em 0.9em;
*	text-decoration: none;
*}
*a.mainlevel li a:link {
*	color: #000000;
*}
*a.mainlevel li a:visited {
*	color: #000060;
*}
*a.mainlevel li a:hover{
*	font-weight:bold;
*	color: #000080;
*	background: #b1d5ed;
*	border-left: 3px #004080 solid;
*}
*
*a.mainlevel:hover, a.mainlevel:active, a.mainlevel:focus {
*-moz-background-clip:border;
*-moz-background-inline-policy:continuous;
*-moz-background-origin:padding;
*background:#F7F7F7 url(../images/pfeil-rechts.jpg) no-repeat scroll 92% 10px;
*text-decoration:none;
*}
*/


/* Menü oben, roter Balken */
#topmenu {
  padding:0;
	/*margin:0 0 0 1px;*/
	width:959px; 
	height:30px;
	background: #e2001a;
	margin-left: auto; 
	margin-right:0px;
}

#topmenu ul {
	padding:0;
	margin:0;
	list-style:none;
}

#topmenu ul li {
	padding:0;
	margin:0;
	border-right:1px solid #fff;
	float:left;
		margin-left:auto;
	margin-right: auto;
	height:30px;
}
#Name, #Email, #rufnummer,#NameInteressent,#Firma, #Titel, #Vorname, #Name1, #Strasse, #Plz, #Ort, #Telefon, #email{
	width: 200px;
}
#Land {
	width: 40px;
}
#Anliegenlbl, #Namelbl, #Emaillbl {
	width: 80px;
}
#Anliegen{
	width: 450px;
}
#newsletter{
	position:relative;
	top: -40px;
	margin-bottom: -40px;
	background: url(../images/newsletter.gif) no-repeat; 
	width: 180px;
	height: 55px;
	cursor:pointer;
}

.browseAddToCartContainer{
	width: 100%;
	float:left;
}
.browseProductDescription{
	margin-top: 5px;
	margin-left: 5px;
}
.browseProductImage{
	margin-left: 40px;
}

#topmenu ul li a {
	padding:0 10px;
	margin-left:auto;
	margin-right: auto;
	line-height:30px;
	display:block;
	color:#fff;
	width: auto;
	text-decoration:none;
}

#topmenu ul li a:hover {
	color:#000;
	background:url(../images/ver_1.jpg) repeat-x;
}

#topmenu #active_menu{
	color:#000;
	background:url(../images/ver_1.jpg) repeat-x;
	font-weight:bold;
}

#suchen {
	background: url(../images/suchen.jpg) center no-repeat;
	width: 80px;
	height: 22px;
	margin-top: 1px;
	border: 0;
}

.vmCartContainer {
	background: #efefef none repeat scroll 0 0;
	border: 1px solid #999999;
}

td.sectiontableheader {
display:none;}

#unten {
background-image:url(../images/bg-topnav.gif);
border-top:1px solid #FFFFFF;
clear:left;
color:#FFFFFF;
font-weight:bold;
height:22px;
margin:0 auto;
padding-left:80px;
padding-top:8px;
}

/* drop down Menü */

ul.pureCssMenu ul{display:none}
ul.pureCssMenu li:hover>ul{display:block}
/*ul.pureCssMenu ul{position: absolute;left:-1px;top:98%;}
ul.pureCssMenu ul ul{position: absolute;left:98%;top:-2px;}*/
ul.pureCssMenu,ul.pureCssMenu ul {
	margin:0px;
	list-style:none;
	padding:0px 2px 2px 0px;
	background-color:#e2001A;
	background-repeat:repeat;
	border-color:#AAAAAA;
	border-width:0px;
	border-style:solid;
}
ul.pureCssMenu table {border-collapse:collapse}ul.pureCssMenu {
	display:block;
	float: left;
}
ul.pureCssMenu ul{
	width:130.70000000000002px;
	 z-index:1000000;
}
ul.pureCssMenu li{
	display:inline;
	margin:2px 0px 0px 2px;
	font-size:0px;
}
ul.pureCssMenu a:active, ul.pureCssMenu a:focus {
outline-style:none;
}
ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {
	display:block;
	vertical-align:middle;
	background-color:#e2001A;
	border-width:0px;
	border-color:#6655ff;
	border-style:solid;
	text-align:left;
	text-decoration:none;
	padding:4px;
	font:12px Arial;
	color: #000;
	text-decoration:none;
	cursor:default;
}
ul.pureCssMenu span{
	overflow:hidden;
}
ul.pureCssMenu li {
	float:left;
}
ul.pureCssMenu ul li {
	float:none;
}
ul.pureCssMenu ul a {
	text-align:left;
	white-space:nowrap;
}
ul.pureCssMenu li.sep{
	text-align:center;
	padding:0px;
	line-height:0;
	height:100%;
}
ul.pureCssMenu li.sep span{
	float:none;	padding-right:0;
	/*height:16;*/
	display:inline-block;
	background-color:#AAAAAA;	background-image:none;}
ul.pureCssMenu ul li.sep span{
	width:80%;
}
ul.pureCssMenu li:hover{
	position:relative;
	background:url(../images/ver_1.jpg) repeat-x;
}
ul.pureCssMenu li:hover>a{
	background:url(../images/ver_1.jpg) repeat-x;
	font:12px Arial;
	color: #000;
	text-decoration:none;
}
ul.pureCssMenu li a:hover{
	position:relative;
	background:url(../images/ver_1.jpg) repeat-x;
	font:12px Arial;
	color: #000;
	text-decoration:none;
}
ul.pureCssMenu li.dis a {
	color: #e2001a !important;
}
/*
ul.pureCssMenu li.dis a:hover img.over{display:none !important}
ul.pureCssMenu li.dis a:hover img.def {display:inline !important}
ul.pureCssMenu li:hover > a img.def  {display:none}
ul.pureCssMenu li:hover > a img.over {display:inline}
ul.pureCssMenu a:hover img.over,ul.pureCssMenu a:hover ul img.def,ul.pureCssMenu a:hover a:hover img.over{display:inline}
ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def{display:none}
ul.pureCssMenu a:hover ul{display:block}
ul.pureCssMenu span{
	display:block;
	background-image:url(./images/arrv_anim_1.gif);
	background-position:right center;
	background-repeat: no-repeat;
   padding-right:11px;}
ul.pureCssMenu li:hover>a>span{	background-image:url(./images/arrv_anim_1o.gif);
}
ul.pureCssMenu a:hover span{	_background-image:url(./images/arrv_anim_1o.gif)}
ul.pureCssMenu ul span,ul.pureCssMenu a:hover table span{background-image:url(./images/arr_double_1.gif)}
ul.pureCssMenu ul li:hover > a span{	background-image:url(./images/arr_double_1o.gif);}
ul.pureCssMenu table a:hover span{background-image:url(./images/arr_double_1o.gif)} 
*/
li.pureCssMenui {
width:125px;
border-right:1px solid #000;}


/*Login Modul */


#vm_button
{
	
	margin: 0;
	padding: 0;
	display: inline;
	background-color: transparent;
	border: none;
	/*font-size: 1em;*/
	cursor: pointer;
	color: #006ab3;
}
#vm_button:hover
{
	text-decoration: underline;
	color: #006ab3;
}
#vm_button:active
{
	outline: 1px dotted #8d2424;
	text-decoration: underline;
}

#logins {

	width: 100%; 
	height:30px;
	/*float: right;*/
	
	padding-top: 5px;
	background: #ffffff;
}
#frame_login {
	width: 100%; 
	height: 40px;
	margin: 0;
	padding: 0;
	background: #ffffff;
}
#welcome {
	float: left;
}
#account {
	float: right;
}
#nologin {
	float: right;
}