body{
/*	background: #2B1814;
	background: #9DCBEF;*/
	background: #e2e7e9;
	margin: 0;
	padding: 0;
    }

#outerwrapper	{
	z-index: 10;
	border: 0px solid #fff;
	width:924px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 0px;
	padding: 0px 0 0px 0;
	text-align:left;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
 	voice-family: "\"}\"";
	voice-family:inherit;
	} 

#wrapper	{
	z-index: 10;
	background: #fff;
	border: 0px solid #fff;
	border-right: 0px;
	border-bottom: 0px;
	width:900px;

	overflow: hidden;
	margin-right:0;
	margin-left:0;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0 0 0px 0;
	text-align:left;
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
	font-family: Arial, Helvetica, sans-serif;
 	voice-family: "\"}\"";
	voice-family:inherit;
	} 
	
#header	{
	height: 120px;
  	width:100%;
  	border: 0px solid #f0f;
	color: #333;
	margin: 30px 0 0px 0px;
	padding: 0;
  	overflow:visible;
	background: url(images/Logo_VV_EK_Neu-1.jpg) 80px 0 no-repeat;
	}  

#headnav	{
	float: right;
	height: 68px;
  	width: 360px;
  	border: 0px solid #f0f;
	color: #333;
	margin: 0px 0 0px 0px;
	padding: 0;
	background: #e2e7e9;
	}  

#headnav2	{
	float:right;
  	width: 145px;
	height: 68px;
  	border: 0px solid #f0f;
	color: #333;
	margin: 0px 0 0px 0px;
	padding: 0;
	background: #e2e7e9;
	}  

#headnav2 ul {
	list-style: inside;
	list-style-type: none;
	margin: 8px 0 0 0;
	padding: 0;
	}

#headnav2 ul li {
	border: 0px;
	margin: 0;
	padding: 0;
	height: 20px;
	}

#headnav2 ul li img {
	border: 0px;
	margin: 0;
	padding: 0;
	}
	
#scrollimg {
	float:left;
	margin: 10px 0 0px 0;
	padding: 0;
	}
	
#headerGallery {
	width: 900px !important;
	height: 200px !important;
}	

#pagebody	{
	float:left;
  	position:relative;
	z-index: 2;
	padding: 0 0 40px 0;
	margin: 0 0 0 0;
	border: 0px solid #f00;
	color: #000;
/*	background: #2B1814;*/
	min-height: 480px;
	}  

#pagebody img{
	margin :0px;
	padding: 0px;
	border: 0px solid #000;
	}
	
.col_left	{					
	width:385px;
	padding: 0px 5px 0px 0px;
	float:left;
    margin: 0px 0px 0px 0;
    border: 0px dotted #aaa;
	}    

.col_mid	{
	width:500px;
	padding:0px 12px 0px 12px;
  	margin: 0px 0px 0px 0px;
	float:left;
  	border: 0px solid #ff9900; 
	}    
	
.col_right	{	
	width:450px;
	float:left;
    margin: 50px 55px 0px 0;
	padding: 0 0px 0px 5px;
    border: 0px solid #ff9900;
	}
	
.col_central {
	width:720px;
	float:left;
    margin: 0px 0px 0px 0;
	padding: 0 7px 0px 7px;
    border: 0px solid #ff9900;
	}

#footer {
	height: 30px;
	clear: both;
	color: #959Fa7;
	text-align:center;
	vertical-align: bottom;
	padding: 0px;
	margin: 0px 0 0 0px;
	border-top: 0px solid #ccc;
	voice-family: "\"}\""; 
	voice-family:inherit;
	}
	

#footer p{
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}	
#footer a{
	text-decoration: none;
	color: #959Fa7;
	}	
.col_full	{
	clear:both;
  	width:100%;
  	border: 0;
	margin: 0;
	padding: 0 0 0px 0;
	background: #8B8B6F url(../images/bgcolor.png) top left repeat;;
	}  

a {
	color: #000;
	text-decoration: none;
	cursor: pointer;
	}
	
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #6F8493;	
	margin : 0px 0 15px 0px;
	padding: 0;
	letter-spacing: 0px;			
	line-height: 16px;
	}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0000FE;
	margin : 5px 0 5px 0px;
	padding: 0;
	letter-spacing: 0px;			
	}	
	
.col_right p{
	margin: 0 0 0 25px;
	}



.wrap1, .wrap2, .wrap3 {
  display:inline-table;
  /* \*/display:block;/**/
  }
.wrap1 {
	float:left;
	background: url(images/shadow3.gif) bottom right no-repeat;
  }
.wrap2 {
  	background: url(images/corner_bl3.gif) bottom left no-repeat;
  }
.wrap3 {
	padding:0 20px 20px 0;
	background: url(images/corner_tr3.gif) top right no-repeat;
  }	
  

.blue {
	background: url(images/blue.gif) 0 3px no-repeat;
	padding: 0 0 0 25px;
	} 

.red {
	background: url(images/red.gif) 0 3px no-repeat;
	padding: 0 0 0 25px;	
	} 	

.yellow {
	background: url(images/yellow.gif) 0 3px no-repeat;
	padding: 0 0 0 25px;	
	} 	
	
.blue, .red, .yellow {
	letter-spacing: 0px;
	line-height: 19px;
	margin: 0 0 10px 0;
	}	
	
/*  MENU STYLING*/	

/* common styling */
/* set up the overall width of the menu div, the font and the margins */

.menu {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	width:100%; 
	margin:0; 
	position:relative;
	z-index:100;
	border: 0px solid #f00;
	height: 68px;
	background: #E2E7E9;
}
/* remove the bullets and set the margin and padding to zero for the unordered list */
.menu ul {
	padding: 0; 
	margin: 0 0 0 0;
	list-style-type: none;
}
/* float the list so that the items are in a line and their position relative so that the drop down list will appear in the right place underneath each list item */
.menu ul li {
	float:left; 
	position:relative;
	margin: 0;
	padding:0;
	width: 116px;
}

.menu ul li a img {
	margin: 0;
	padding: 0;
	border: 0px;
	}

.menu ul li a, .menu ul li a:visited {
	display:block; 
	text-align:center; 
	text-decoration:none; 
	color:#fff; 
	border-right: 0px solid #fff;
	background: #E2E7E9;
	font-size: 14px;
}

.menu ul li.last a, .menu ul li.last a:visited {
 	width:116px;
	border-right: 0px solid #fff;
}

.menu ul li.active a {
	background: #E2E7E9;
}

/* make the dropdown ul invisible */
.menu ul li ul {
	display: none;
}

/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
.menu ul li:hover a {
	color:#f00; 
 	background: #E2E7E9;
	background: #d2d7d9;
}
/* make the sub menu ul visible and position it beneath the main menu list item */
.menu ul li:hover ul {
	display:block; 
	position:absolute; 
	top:68px; 
	left:0; 
	font-size: 12px;
}
.menu ul li:hover ul li.last a{
	width:125px;
}

/* style the background and foreground color of the submenu links */
.menu ul li:hover ul li {
	height: 18px;
	width: 116px;
	background: #E2E7E9;
	border-top: 1px solid #ccc;
	padding: 8px 0 0px 0;
	}
	
.menu ul li:hover ul li a {
	display:block; 
	background: #E2E7E9;
	color:#000;
	text-align: left;
	padding: 0 0 0 0px;
}

.menu ul li:hover ul li a img {
	margin: 0;
	padding: 0;
	border: 0px solid #f00;
	}


/* style the background and forground colors of the links on hover */
.menu ul li:hover ul li a:hover {
	background: #E2E7E9;
	color: #f00;
	border-top: 0px solid #fff;
}

#fx  {
	display: none;
	}
	
.nextPageBG {
	background: url(images/nextPageBG.jpg) top left no-repeat;
	width: 450px;
	margin: 0;
	padding: 0;
	}	

.nextPageBG a {	
	margin: 0 0 0 25px;
	color: #000;
	text-decoration: none;
	text-align: right;
	}
.legend {
	 font-family: Verdana,Arial,Helvetica,sans-serif;
	}	
	
	
/*SHOP STYLE*/
#shopmenu ul {
	font-size:0.9em;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:15px 0 20px;
	display: inline;
}
#shopmenu li {
	list-style-type:none;
	margin:0;
	padding:0;
}

#shopmenu li.active a {
	background:#FAFAFA none repeat scroll 0 0;
	border-bottom:2px solid #C0C0C0;
	border-top:2px solid #C0C0C0;
	padding:5px 18px 5px 0;
}
#shopmenu a, #shopmenu h3 {
	color:#606060;
	float: left;
	font-size:1.4em;
	font-weight:normal;
	letter-spacing:-1px;
	padding:5px 18px 5px 0;
	text-decoration:none;
	width:200px;
	text-align: right;
}

#shopmenu a:hover {
	background:#F0F0F0 url(/assets/templates/vehlingbuch2007/images/sidebarbg.gif) repeat scroll right top;
	color:#303030;
}

#pagebody.shop	{
	width: 100%;
	}  
.shop_col_left	{					
	width:218px;
	padding: 0px 0px 0px 0px;
	float:left;
    margin: 00px 0px 0px 0;
	background: url(/assets/templates/vehlingbuch2007/images/sidebarbg.gif) repeat-y right top;
	}    

.shop_col_right	{	
	width:660px;
	float:right;
    margin: 20px 0px 0px 0;
	padding: 0 0px 0px 0px;
	}

#pagebody .ListArtikel_row_small h3, #pagebody .ListKategorie_row h3 a{
	color: #606060;
	font-size:1.4em;
	font-weight:normal;
	letter-spacing:-1px;
	text-decoration:none;
	}
	
.introtext {
	color: #303030;
	}
	
.ListArtikel_row_small, .ListKategorie_row	{
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dashed #c0c0c0;
	}
	
#shop_col_left_end {
	background: transparent url(/assets/templates/vehlingbuch2007/images/sidebarend.gif) no-repeat scroll right top;
	height:150px;
	margin-top:0;
	width:218px;
	float:left;
}	
	
#pagebody .ListKategorie_row h3 a{
	color: #606060;
	font-size:1.4em;
	font-weight:normal;
	letter-spacing:-1px;
	text-decoration:none;
	}

.introtxt {
	color: #606060;
	padding-right: 10px;
	margin-top: 5px;
	}	
	
#pagebody .ListArtikel_row_small ul {
	margin: 0 0 0 10px;
	padding: 0;
	list-style-type: none;
	font-size: 0.9em;
	}
ul.attribute li {	
	width: 80px;
	text-align: right;
	}
ul.value li {	
	color: #000;
	width: 120px;
	text-align: left;
	}

/* ditto paginate */
.ditto_paging {
    border-top: 1px solid #ccc;
    padding: 10px;
    font-size: 86%;
    color: black;
}
#dittopages .ditto_currentpage {
    border: 1px solid black;
    padding: 1px 5px 2px;
    margin-right: 1px;
    background-color: #0033FE;
    color: #fff;
}
#dittopages .ditto_off {
    border: 1px solid #ccc;
    padding: 1px 5px 2px;
    margin-right: 1px;
    color: #ccc;
}
#dittopages a, #ditto_pages a:link, #ditto_pages a:visited {
    border: 1px solid #0033FE;
    padding: 1px 5px 2px;
    margin-right: 1px;
    text-decoration: none !important;
    color: black;
}
#dittopages a:hover {
    background-color: #fff;
    color: #000;
}



.ListArtikel_row_small_header, .ListArtikel_row_small_footer {
	background: #E2E7E9;
	width: 100%;
	float:left;
	color:#606060;
	font-size:1.2em;
	font-weight:normal;
	letter-spacing:0px;
	text-decoration:none;
	}
.ListArtikel_row_small_header {
	margin-bottom: 3px;
	border-bottom: 1px solid #000;
	}

.ListArtikel_row_small_footer {
	border-top: 1px solid #000;
	}
		
.hline, .line {
	float:left;
	margin: 0 2px;	
	height: 25px;
	line-height: 25px;
	padding-left: 2px;	
	}	

.BuyArtikel_row_item {
	width: 100%;
	float:left;
	margin-bottom: 3px;
	}
	
.ArtNr { width: 70px; display:block;}
.Menge {width: 180px; }		
.Bezeichnung {width: 200px; }		
.Preis {width: 80px; text-align:right;}		
.Gesamt {width: 80px; text-align:right;}		

div.ShowCart, #ShowBox{
	margin-top:10px;
	width: 216px;
	border-top: 2px solid #c0c0c0;
	border-bottom: 2px solid #c0c0c0;
	background: #c0c0c0;
	float:left;
	padding-bottom: 10px;
	}
div.ShowCart p {
	margin-left: 5px;
	}	
div.ShowCart .ShowArtikel_row_item {
	float:left;
	margin-bottom: 3px;
	border-bottom: 1px dashed #fff;	
	}
#pagebody div.ShowCart h3 {
	text-align: left;
	padding-left: 5px;
	}
#pagebody div.ShowCart .Bezeichnung{
	font-size: 12px;
	width: 155px;
	}
#pagebody div.ShowCart .line {
	height: auto;
	}
#pagebody div.ShowCart .Preis{
	font-size: 12px;
	width: 45px;
	}

#pagebody div.ShowCart .gesamt{
	text-align: right;
	width: 206px;
	font-weight: bold;
	}

#pagebody div.ShowCart a {
	margin-top: 10px;
	text-align: right;
	color:#606060;
	padding: 0;
	font-size:1.2em;
	font-weight:normal;
	letter-spacing:0px;
	padding-right: 5px;
	width: 210px;
	}

#ShowBox a.small {
	font-size: 12px;
	color:#000;
	float: inherit;
	font-weight:normal;
	letter-spacing:0px;
	padding: inherit;
	text-align: inherit;
	text-decoration:underline;
	width: auto;	
	}
	
fieldset {border: 1px solid #ccc; margin: 0 10px 10px 0px; padding: 10px 10px; width: 470px;}
legend {margin-left: 20px;}
#efBestellung input:focus, #efBestellung input:hover, #efBestellung textarea:focus, #efBestellung textarea:hover, #efBestellung select:focus, #efBestellung select:hover {
	background:#E7F1F3 none repeat scroll 0 0;
	color:#000000;
	outline: 1px solid #888888;	
}
#efBestellung input, textarea, select {
	border:1px solid #E2E7E9;
	color:#999999;
	font-family:verdana,sans-serif;
	font-size:1em;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:400;
	line-height:normal;
	padding:1px;
	margin: 1px 0;
}
#efBestellung input.button:focus, form input.button:focus  {
	outline: 0;
	}
#efBestellung input, textarea, select{
	width:250px;
}

#efBestellung  input.checkbox{
	width: 20px;
	}
#efBestellung  a {
	text-decoration: underline;
	}
label{
	width:200px;
}

#efBestellung .normal {
	margin-top: 10px;}

#efBestellung strong {
	color: #606060;
	}
	
.left {
	float: left;
	text-align: right;
	margin-right: 2%;
}	
.right, button {
	margin-left : 42%;
}

label, select, input[type=checkbox], input[type=radio], 
input[type=button], input[type=submit] {
	cursor: pointer;
}

.small {
	font-size: 12px;
	}