body, *
	{
		/*
		font-family: Arial;
		font-size: 10pt;
		*/
		
		font-family: Gotham;
		font-size:12px;
	}

body
	{
		background-color:rgb(217, 218, 219);
	}


#header
	{
		margin:auto;
		width:966px;
		background-color: #FFFFFF;

		background-image: url(logo.jpg);
		background-repeat: no-repeat;
		background-position: 5px 5px;
	}

#header a
	{
		color: #000000;
		text-decoration:none;
	}

#header a:hover
	{
		text-decoration:underline;
		color: rgb(0,54,165) !Important;
	}

#headerbox
	{
		height:100px;
		padding:3px;
		font-size:9pt;
		text-align: right;
	}

#headermenu
	{
		border-top:2px solid rgb(217, 218, 219);
	}

.menuitem
	{	
		padding:10px;
		font-family: Arial;
		font-size:9pt;
		font-weight:bold;
		display:block;
		float:left;

		border-left: 2px solid rgb(217, 218, 219);
	}

.first
	{
		border-left-width: 0px !important;	
	}

.clear	
	{
		clear:both;
	}

#allRegions
	{
		margin: 10px auto;
		width:966px;
		min-height:400px;
		background-color: #FFFFFF;
	}

#contentbox
	{
	}

.col
	{
		width:160px;
		float:left;
		padding:5px;
	}

#main
	{
		width:615px;
		float:left;
		padding:5px;
	}


/* MENÜ */

.menu
	{
		padding:3px;
		background-color: rgb(217, 218, 219);
	}

ul.menu
	{
		list-style-type:none;
		padding: 0px;
	}

.menu li
	{
		list-style-type:none;
	}

.menu a
	{
		border-top:1px solid #FFFFFF;
		padding:3px;
		text-decoration:none;
		color: #000000;
		display:block;
	}

.menu a:hover
	{
		text-decoration:underline;
		color: rgb(0,54,165);
	}


/* SUCHFELD */

#search
	{
		border: 1px solid #c0c0c0;
		padding:3px;
		margin-bottom:10px;
		text-align:center;
	}

#searchfield
	{
		/*width:400px;*/
		width:350px;
	}

.searchfield
	{
		width:400px;
	}



#searchbutton
	{
	}

/* NAVIGATION */

#quicknav
	{
	}

/* UNTERGRUPPEN */

#subcategories
	{
		border: 1px solid #c0c0c0;
		padding:10px;
		background-color: #fcfcfc;		
	}

#subcategories li
	{
		display:block;
		float:left;
		width:180px;	
	}

#subcategories a
	{
		text-decoration:none;
		color: #000000;
	}

#subcategories a:hover
	{
		text-decoration:underline;
	}


/* PRODUKTLISTING */

.clear
	{
		clear:both;
	}

.paging
	{
		border: 1px solid #c0c0c0;
		padding:3px;
		background-color: #fcfcfc;
		text-align:center;
	}

#itemcount
	{
		float:left;
	}

.active
	{
		text-decoration:none;
		font-weight:bold;
		color: #000000;
	}

#pagecounter
	{
		float:right;
	}





#items
	{
		

	}

.item
	{
		border:1px solid #c0c0c0;
		padding:10px;
		margin:10px;
		width:160px;
		height:300px;
		overflow:hidden;
		float:left;
	}

.item .preview
	{
		width:150px;
		height:100px;
		margin-bottom:10px;
		border:0px;
	} 

.item .teaser
	{
	}


.item .artikelname
	{
		font-weight:bold;
		display:block;
		margin-bottom:10px;
		min-height: 60px;
	}

.item .preis
	{
		color: red;
		font-weight:bold;
		font-size:14pt;
		
	}

.item .preisinfo
	{
		font-size:8pt;
		margin-bottom:5px;
	}

.item .gewicht
	{
	}


.item .bestellung
	{
		position:relative;
		padding-top:3px;
	}

.item .bestellung .bestellmenge
	{
		position:absolute;
		right:50px;	
		top:0px;
	}

.item .bestellung .bestellbutton
	{
		position:absolute;
		right:0px;	
		top:0px;
	}

/* PRODUKTDETAIL */

#detailpic
	{
		float:left;
		width:280px;
		height:200px;
	}

.detailpic
	{
		float:left;
		width:280px;
		height:200px;
	}

#orderinfo
	{
		margin-left:300px;
		padding-bottom:10px;
	}

#orderinfo .preis
	{
		color: red;
		font-weight:bold;
		font-size:14pt;
	
	}

#orderinfo .preisinfo
	{
		font-size:8pt;
		margin-bottom:5px;
	}


#orderinfo form
	{
		float:right;
	}

/* WARENKORB */

#cart
	{
		background-color:rgb(217, 218, 219);
		/*border: 1px solid #c0c0c0;*/
		border: 1px solid #000;
		padding: 2px;
		margin-bottom:15px;
	}

#cart table
	{
		width:100%;
		border-collapse: collapse;

	}

#cart th
	{
		border-bottom: 1px solid #c0c0c0;
		font-weight:normal;
		text-align:left;
	}

#cart td.summe
	{
		border-top: 1px solid #c0c0c0;
		border-bottom: 1px solid #c0c0c0;
		
	}

#cart, #cart td, #cart th, #cart div, #cart a
	{
		font-size:8pt;
		padding:2px;

	}

#cart h2
	{
		font-size:9pt;
		color: #808080;
	}

.number
	{
		text-align:right !important;
	}


/* FUSSZEILE */


#footer
		{
		margin:auto;
		width:966px;
	}

#footerbox
	{
		padding:20px;
	}

.footercolumn
	{
		float:left;
		width:280px;
		margin-right:20px;
	}

.footercolumn h2
	{
		font-size:10pt;
		font-weight:bold;
		border-bottom:1px solid #fcfcfc;
	}


.footercolumn li
	{
		margin-left:0px;
		padding-left:3px;
	}


.footercolumn ul
	{
		margin-left:0px;
		padding-left:10px;
	}

.footercolumn a
	{
		color: #000000;
		text-decoration:none;
		font-size:8pt;
	}


.footercolumn a:hover
	{
		text-decoration:underline;
	}
.footerbottom
	{
		clear:both;
		font-size:8pt;
		text-align:center;
	}
.footercolumn p
	{
		font-size:8pt;
	}







.left
	{
		float:left;
	}

.right
	{
		float:right;
	}




/*UPDATE*/
@font-face {

	font-family: Gotham;

	src: url(Gotham-Bold.otf);

}


body{

	font-family: Gotham;

	background-color:#efefef !important; 
		
}

.constrictor{

	max-width:1024px;

	margin:auto;

}


body a{


	color:rgb(0,54,165)
;
/*
	background-color:black;
*/
}

.navstyle{

	background-color:white;

	color:black;

	border-bottom:1px;

	border-style:solid;
	border-color:black !important;
	border-radius:0px !important;
	

}


.navstyle a{

	/*color:rgb(0,54,165);*/

	color:black;

}


#cart{

	background-color:white;

	color:black;

	border-radius:4px;

}


#cart a,th,td{

	color:black;

}


#cart h2{
	/*color:rgb(0,54,165);*/
}


.navlogo{

	height:100%;

	padding:0;

	margin:0;

}


.menu{

	background-color:black;
	color:white;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-style:solid;
	border-color:black;
	border-width:1px;
}


.menu a{

	background-color:white;

	color:black;

	border-top: 1px solid #000;

}


.mencol{

	border-radius:4px;
	/*
	height:80vh;
	overflow:scroll
	*/
}


.mid{

	background-color:white;
	border-style:solid;
	border-color:black;
	border-width:1px;
	border-radius:4px;
	min-height: 80vh !important;
}

.btnblue{
	color:white;
	background-color:rgb(0,54,165);
	float:right;
}


.btncart{
	font-size:12px !important;
	color:white;
	background-color:rgb(0,54,165);
	
}

.left .btnblue{
	font-size:10px;
	margin-right:10px;
		background-color:grey;
	color:black;
}

.number .btnblue{
	font-size:10px;
	margin-right:10px;

}

#orderinfo, .item. .bestellbutton{
	padding:3px;
padding-right:5px;
padding-top:2px;
	background-color:rgb(0,54,165);
	color:white;
	font-size:18px;
}

.navbar a:hover
	{
		text-decoration:underline;
		color: rgb(0,54,165) !Important;
	}

.btnblue:hover, .btncart:hover{
	color:black;
	background-color:white;
	border-width:1px;
	border-color:rgb(0,54,165);
}