@charset "utf-8";

body {
background-color:		#CCCCCC;
font-family:			Tahoma, Geneva, sans-serif;
font-size:				 0.8em;
color:					#040404;
}

h1{
font-weight:			 bold; 
font-size:				 1.5em;; 
color:					#0F1ED0;
}

h2{
font-weight:			 bold; 
font-size:				 1.2em;
color:					#0F1ED0;
}

.h2a{
font-weight:			 bold; 
font-size:				 1.2em;; 
color:					#0F1ED0;
}

.h3a{
font-weight:			 bold; 
font-size:				 1em; 
color:					#0F1ED0;
}

a{
color:					#0F1ED0;
text-decoration:		 none;
}

a:link {
color:					#138EEC;
text-decoration:		 none;
}

a:visited {
text-decoration:		 none;
color:					#138EEC;
}

a:hover {
text-decoration:		 none;
color:					#138EEC;
}

a:active {
text-decoration:		 none;
color:					#138EEC;
}

.hauptcontainer{
position				: 	absolute;
padding					:	20px;
left					:	50%;
width					:	1015px;
margin-left				:	-508px;
}

.hauptcontainer #mittelcontainer{
border					:	2px solid #B9B9B9;
border-bottom-right-radius:	15px;
border-bottom-left-radius:	15px;
border-top-right-radius	:	15px;
border-top-left-radius	:	15px;
-webkit-box-shadow		: 	5px 5px 5px #8F9A9E;
box-shadow				: 	5px 5px 5px #8F9A9E;
background-color		:	#FFFFFF;
}

.cmsinfo
{
	font-weight:			 normal; 
	font-size:				 0.8em; 
	color:					#000000;
	text-align:				center;
}
.cmscopyright
{
	font-weight:			 normal; 
	font-size:				 0.8em; 
	color:					#000000;
}

.cmscopyright a:link 
{
	color:					#000000;
}

.cmscopyright a:hover 
{
	color:					#000000;
}

.cmscopyright a:visited 
{
	color:					#000000;
}

.cmscopyright a:active 
{
	text-decoration:		 none;
	color:					#000000;
} 

.cmstext, .cmstextfett
{
	font-weight:			 normal; 
	font-size:				 14px; 
	line-height:		 	 1.5;
}

.cmstextfett
{
	font-weight:			 bold;
}

.cmstextklein 
{
	font-weight:			 normal; 
	font-size:				 10px; 
}

.cmspreisstrike
{
	font-weight:			 bold; 
	font-size:				 1.0em; 
	color:					 #040404;
	text-decoration:		 line-through;
}

.cmspreis
{
	font-weight:			 bold; 
	font-size:				 1.3em; 
	line-height:			 1.5;
}

.cmspreisfett
{ 
	font-weight:			 bold; 
}

.cmsartikelbezeichnung
{
	font-weight:			 bold; 
	font-size:				 1.0em; 
	line-height:			 1.5;
}

.cmsartikelkachel
{
	padding-bottom:			 30px;
	padding-right:			 20px;
}

.cmsartikelbezeichnung2
{
	font-weight:			 normal; 
	font-size:				 1.1em; 
	line-height:			 1.5;
}

hr
{
	border:					 0.5px  dashed #0F1ED0;
	border-bottom:			 none;
	border-right:			 none;
	border-left:			 none;
}



.cmserror
{
	font-weight:			 bold;
	color:					#FF0000;
}

.cmsdatentabelle
{
	border-collapse:		 collapse;
}

.cmseingabetabelle, .cmsedittabelle 
{
	border-collapse:		 collapse;
	padding-left:			 5px;
	padding-right:			 5px;
	padding-top:			 5px;
	padding-bottom:			 5px;
}

.cmseingabetabelle th, .cmsdatentabelle th 
{
	text-align:				 center;
	background-color:		#CCCCCC;
}

.cmseingabetabelle td
{
	background-color:		#FFFFFF;
	padding-bottom:			 2px;
	padding-left:			 2px;
	padding-right:			 2px;
	padding-top:			 2px;
	border: 				 0px #ccc solid;
}

.cmsedittabelle td
{
	background-color:		#FFFFFF;
}
.cmstabelle 
{
	border-collapse:		  collapse;
	border:					 0px #CCCCCC solid;
}

.cmstabelle td
{
	border:					 0px #CCCCCC solid;
	border-right:			 0px #CCCCCC solid;
	padding-left:			 5px;
	padding-right:			 5px;
}

.cmstabelleohne
{
	border-collapse:		 collapse;
	border:					 0px #CCCCCC solid;
}

.cmstabelleohne td
{
	border:					 0px #CCCCCC solid;
}


.cmsartikelrechts
{
	border-right:			 3px #CCCCCC solid;
}

.cmstabelleheadbestellung
{
	font-weight:			 bold;
	font-size:				 0.8em;
}

.cmsaktuellesdatum 
{
	font-weight:			 bold; 
	font-size:				 14px; 
color:					#138EEC;
}

.cmsaktuellestitel
{
	background-color:		 #eee;
	padding-left:			 10px;
	letter-spacing:			 2px;
	color:					#138EEC;
	font-size:				20px; 
	font-weight:			bold;
}

.cmsaktuellesanlass 
{
	color:					#040404;
	font-size:				 14px; 
	font-weight:			 bold;
}

.cmsaktuellestext 
{
	color:					#040404;
}

.cmsaktuell 
{
	background-color:		#FFFFFF;
	float:					 right;
	height:					 100%;
	width:					 350px;
	position:				 relative;
	border-left:			 2px solid #eee;
	margin-left:			 3px;
	margin-top:				 13px;
	padding-left:			 10px;
}

.cms_aktuelles
{
	font-weight:			 bold; 
	font-size:				 16px; 
	color:					#CCCCCC;
}

.cmsaktuelles
{
	font-size:				 20px; 
	color:					 #CCCCCC;
	font-weight:			 bold;
}

.cmsanzahl_td {
	padding-left:			5px;
}

.cmsleerspalte
{
	height:					30px;
	width:					10px;
	background-color:		#FFFFFF;
}

.cmsleerspalte2
{
	height:					15px;
	width:					10px;
	background-color:		#FFFFFF;
}

.cmshersteller,.cmsvedialog
{
	position:				fixed;
	border-left:			solid 1px #CCCCCC;
	border-right:			solid 4px #CCCCCC;
	border-top:				solid 1px #CCCCCC;
	border-bottom:			solid 4px #CCCCCC;
	color:					#040404;
	background-color:		#FFFFFF;
	padding:				10px;
	left:					50%;
	width:					700px;
	margin-left:			-350px;
	top:					140px;
	height:					400px;
	z-index:				100;
}

.cmsherstellerinnen
{
	position:				absolute;
	border-left:			solid 2px #CCCCCC;
	border-right:			solid 2px #CCCCCC;
	border-top:				solid 2px #CCCCCC;
	border-bottom:			solid 2px #CCCCCC;
	color:					#000;
	background-color:		#FFFFFF;
	padding:				10px;
	left:					50px;
	width:					600px;
	top:					50px;
	height:					300px;
	z-index:				200;
}
.cmsvedialog
{
	border-left:			solid 1px #040404;
	border-right:			solid 4px #040404;
	border-top:				solid 1px #040404;
	border-bottom:			solid 4px #040404;
	width:					250px;
	margin-left:			-125px;
	top:					140px;
	height:					175px;
	padding:0px;
}
.cmsvedialoginnen
{
	padding:4px;
}

.cmstitelzeile{
	background-color:#F00;
	height:28px;
}
.cmsabblenden
{
	position:				absolute;
	left:					0px;
	width:					100%;
	top:					0px;
	height:					6000px;
	background-color:		#CCCCCC;
	z-index:				10;
	opacity:				0.4;       /* modern browser */  
	-ms-filter:				"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE8 in Standard Compliant Mode */  
	filter:					alpha(opacity=40); /* IE5.x -7.0 */  
}

.loader
{
	display					:	block;
	background-image		:	url("../../bilder/loader.gif");
	background-repeat		:	no-repeat;
	top						:	350px;
	position				:	fixed;
	overflow				:	hidden;
	left					:	50%;
	width					:	50px;
	margin-left				:	-100px;
	height					:	50px;
}

.navcontaineroben 
{
	
	margin					:	0 auto;
	display					:	block;
	height					:	53px;
	font-weight				:	bold;
	text-transform			:	uppercase;
	padding-left			:	15px;
	border-top-right-radius	:	10px;
	border-top-left-radius	:	10px;
	background: 	#0F1ED0;
		
	
}

ul#navlistoben
{
	list-style				:	 none;
	padding					:	 0;
	margin					:	 0 0;
	font-size				:	 1.2em;
}

ul#navlistoben li
{
	display					:	 block;
	float					:	 left;
	width					:	 120px;
	margin					:	 0;
	padding					:	 0;
}

ul#navlistoben li a
{
	display					:	block;
	width					:	100%;
	height					:	37px;
	padding-top				:	16px;
	text-align				:	center;
	color					: 	#FFFFFF;
	text-decoration			:	 none;
	
	background: 	#0F1ED0;
}

ul#navlistoben li a 
{
	width					:	 auto;
}

ul#navlistoben li#active a
{
	background				:	#0F1ED0;
	color					:	#FFFFFF;
}

ul#navlistoben li a:hover, ul#navlistoben li#active a:hover
{
	color					:	#FFFFFF;
	background: 	#0F1ED0;
		
}

#navigation  
{
	width					:	190px;
	padding					:	0px;
	margin					:	0px 0px 0px 0px;
	line-height				:	30px;
}

.navikopf{
	height					:	30px;
	text-align				:	center;
	font-weight				:	bold;
	text-transform			:	uppercase;
	border-top-right-radius	:	10px;
	border-top-left-radius	:	10px;
	color					:	#FFF;
	background: 	#0F1ED0;
	
}

.naviunten{
	height					:	15px;
	background: 	#0F1ED0;
	
	
}

ul#navigation
{
	margin-left				:	0px;
	list-style-type			:	none;
	margin-bottom			:	10px;
	font-size				:	0.9em;
	width					:	180px; 
}

ul#navigation li 
{
	background-color		:	#CCCCCC;
	border					:	0px solid #FFFFFF ;
	margin-top				:	1px;
	text-align				:	left;
	color					:	#040404;
}

ul#navigation li img 
{
	padding-left			:	14px;
}

ul#navigation li a
{
	text-decoration			:	none;
	display					:	block;
}
.cmswerte{
		text-align:right;
		background-color		:	#CCCCCC;
	}
#bildbereich
{
	margin-left				:	10px;
	display					:	block;
	border					:	0px outset #000;
	height					:	50px;
	width					:	100%;
}

#bildbereich img
{
	display					:	block;
	margin					:	 0 auto  ;
}

#bildbereich li
{
	float					:	left;
	width					:	42px;
	height					:	42px;
	border					:	1px  solid #CCC;
	display					:	block;
	margin					:	3px;
}

#bildbereich li:hover 
{
	border					: 	1px  solid #F00;
	text-decoration			:	none;
}

#bildbereich  li:active
{
	border					:	2px  solid #F00;
	text-decoration			:	none;
}

#bildbereich  li:visited 
{
	border					:	2px  solid #F00;
}

.bildclear{
	clear					:	both;
}

.cmsrot {
	font-size				:	0.8em; 
	font-weight				: 	bold; 
	color					:	#FF0000;
}

.menutabelle
{
	margin-left				:	8px;
	width					:	990px;
}
.cmshover0 a:hover {
		color					:	#FFFFFF;
background-color		:	#0F1ED0 ;

		}
		
		.cmshover0 a{
		color					:	#040404;
		}
		.cmshover0 a:visited{
		color					:	#040404;
		}

.cmshover1 a:hover {
		background-color		:	#FFFF00;	
		color					:	#000000;
		}
		
		.cmshover1 a{
		color					:	#040404;
		}
		.cmshover1 a:visited{
		color					:	#040404;
		}

.cmshover2 a:hover {
		background-color		:	#00FF00;	
		color					:	#000000;
		}
		
		.cmshover2 a{
		color					:	#040404;
		}
		.cmshover2 a:visited{
		color					:	#040404;
		}

.cmshover3 a:hover {
		background-color		:	#0000FF;	
		color					:	#FFFFFF;
		}
		
		.cmshover3 a{
		color					:	#040404;
		}
		.cmshover3 a:visited{
		color					:	#040404;
		}

.cmshover4 a:hover {
		background-color		:	#FFFFFF;	
		color					:	#000000;
		}
		
		.cmshover4 a{
		color					:	#040404;
		}
		.cmshover4 a:visited{
		color					:	#040404;
		}

.cmshover5 a:hover {
		background-color		:	#00FFFF;	
		color					:	#000000;
		}
		
		.cmshover5 a{
		color					:	#040404;
		}
		.cmshover5 a:visited{
		color					:	#040404;
		}

.cmshover6 a:hover {
		background-color		:	#FF00FF;	
		color					:	#000000;
		}
		
		.cmshover6 a{
		color					:	#040404;
		}
		.cmshover6 a:visited{
		color					:	#040404;
		}

.cmshover7 a:hover {
		background-color		:	#FF0000;	
		color					:	#FFFFFF;
		}
		
		.cmshover7 a{
		color					:	#040404;
		}
		.cmshover7 a:visited{
		color					:	#040404;
		}

.cmshover8 a:hover {
		background-color		:	#FF6600;	
		color					:	#FFFFFF;
		}
		
		.cmshover8 a{
		color					:	#040404;
		}
		.cmshover8 a:visited{
		color					:	#040404;
		}

.cmshover9 a:hover {
		background-color		:	#FF9900;	
		color					:	#000000;
		}
		
		.cmshover9 a{
		color					:	#040404;
		}
		.cmshover9 a:visited{
		color					:	#040404;
		}

.cmshover10 a:hover {
		background-color		:	#0099FF;	
		color					:	#000000;
		}
		
		.cmshover10 a{
		color					:	#040404;
		}
		.cmshover10 a:visited{
		color					:	#040404;
		}

.cmshover11 a:hover {
		background-color		:	#006600;	
		color					:	#FFFFFF;
		}
		
		.cmshover11 a{
		color					:	#040404;
		}
		.cmshover11 a:visited{
		color					:	#040404;
		}

.cmshover12 a:hover {
		background-color		:	#003300;	
		color					:	#FFFFFF;
		}
		
		.cmshover12 a{
		color					:	#040404;
		}
		.cmshover12 a:visited{
		color					:	#040404;
		}

.cmshover66 a:hover {
		background-color		:	#990000;	
		color					:	#FFFFFF;
		}
		
		.cmshover66 a{
		color					:	#040404;
		}
		.cmshover66 a:visited{
		color					:	#040404;
		}

.cmshover67 a:hover {
		background-color		:	#E0E0E0;	
		color					:	#000000;
		}
		
		.cmshover67 a{
		color					:	#040404;
		}
		.cmshover67 a:visited{
		color					:	#040404;
		}

.cmshover68 a:hover {
		background-color		:	#800080;	
		color					:	#FFFFFF;
		}
		
		.cmshover68 a{
		color					:	#040404;
		}
		.cmshover68 a:visited{
		color					:	#040404;
		}


.cmshoverstandard a:hover 
{
	color					:	#FFFFFF;
	background-color		:	#0F1ED0 ;
}

.cmshoverstandard a 
{
	color					:	#040404;
}

.cmsangebot, .cmsrestposten, .cmsstaffelpreise
{
	color					:	#FF0000;;
	font-weight				:	bold;
}

.cmsrestposten a:link, .cmsstaffelpreise a:link
{
	color					:	#040404;
}

.cmsrestposten a:hover
{
	background-color		:	#E0E0E0;	
	color					:	#000000;
}

.cmsstaffelpreise a:hover
{
	background-color		:	#800080;	
	color					:	#FFFFFF;
} 

.cmsnewsdatum
{
	font-size				:	1.0em;
	color					:	#040404;
	font-weight				:	bold;
}

.cmsnewstitel
{
	font-size				:	1.2em;
	color					:	#040404;
	font-weight				:	bold;
}

.cmsnewsdatum
{
	text-align				:	right;
}

.cmsnews
{
	width					:	700px;
}

.cmsnewstitel a:link, .cmsnewsdatum a:link
{
	color					:	#040404;
	font-weight				:	bold;
}

.cmsnewstitel a:visited, .cmsnewsdatum:visited
{
	color					:	#040404;
}

.cmssingletabelle
{
	border					:	2px solid  #0F1ED0;
	border-top				: 	none;
	border-right			: 	none;
	border-left				: 	none;
}#cmsformsuche
{
	float:						right;
	padding:				    15px;
}

.tftextinput
{
	margin: 					0;
	padding: 					5px 15px;
	font-size:					14px;
	border:						1px solid #0F1ED0; border-right:0px;
	border-top-left-radius: 	5px 5px;
	border-bottom-left-radius: 	5px 5px;
}

.tfbutton , .tfbutton2, .tfbutton3
{
	margin: 					0;
	padding: 					5px;
	font-size:					14px;
	outline: 					none;
	cursor: 					pointer;
	text-align: 				center;
	text-decoration: 			none;
	color: 						#FFFFFF;
	border: 					solid 1px #0F1ED0; border-right:0px;
	background: 				#0F1ED0 ;
	background: 				-webkit-gradient(linear, left top, left bottom, from(#0F1ED0), to(#138EEC));
	background: 				-moz-linear-gradient(top,  #0F1ED0,  #138EEC );
	background: 				-ms-linear-gradient(top,  #0F1ED0,  #138EEC );
	background-repeat:			no-repeat;
	border-top-right-radius: 	5px 5px;
	border-bottom-right-radius: 5px 5px;
}

.tfbutton2
{
	border-top-left-radius: 	5px 5px;
	border-bottom-left-radius: 5px 5px;
	width: 75px;
}

.tfbutton3
{
	border-top-left-radius: 	5px 5px;
	border-bottom-left-radius: 5px 5px;
	font-size:10px;
	width: 25px;
}
.tfbutton:hover ,.tfbutton2:hover , .tfbutton3:hover
{
	text-decoration: 			none;
	background: 				#138EEC ;
	background: 				-webkit-gradient(linear, left top, left bottom, from(#138EEC), to(#0F1ED0) );
	background: 				-moz-linear-gradient(top,  #138EEC,  #0F1ED0 );
	background: 				-ms-linear-gradient(top,  #138EEC,  #0F1ED0 );
	background-repeat:			no-repeat;
}

/* Fixes submit button height problem in Firefox */
.tfbutton::-moz-focus-inner 
{
	border: 					0;
}

.tfclear
{
	clear:						both;
}

option {
background:#FFFFFF;
/*border-top:1px solid #040404*/;
}

select {
  border: 1px solid #040404;
  background-color:#FFFFFF;
}



	#csskopf{
	
	color: 						#FFFFFF;
	background-color:			#138EEC;
	
	}
	
	#cssueberschrift, #csstitel, #cssuntertitel{
		color:					#3F68AE;
	}
		#cssueberschrift
	{
		border-bottom:1px solid #3F68AE;
	}
	
	
	#cssuntertitel{
	color:					#3F68AE;
	}
	
	
	#cssueberschrift2 a{
	color:					#000000;
	}
	
	#csskategorie{
		color:#000;
	
	
	}
	#csspages{

	color:#000;
		
	
	}
	
	
	hr{
	border:1px solid #3F68AE;
	
	}
	
	
	
	
	.cmscopyright
	{
	
	color:					#000000;
	}
	
	.cmscopyright a{
	color:					#138EEC;
	
	}
	
	.cmscopyright a:link {
	color:					#138EEC;
	
	}
	
	#container{
		background-color		:	#FFFFFF;
		
		
	}
	
	.cmsbzwk li{

	background-color:#3a3a3a;

	}
	.cmsbzwk ul a{
	color: 						#FFFFFF;

	}
	.cmsbzwk li:hover{
	background: #4096ee;
	
	}
	
	
	.cmsbz li{

	background-color:#3a3a3a;
	
	}
	.cmsbz ul a{
	color: 						#FFFFFF;
	
	}
	.cmsbz li:hover{
	background: #4096ee;
	
	}
	
	
	
	.cmskachel
	{
	
	background-color:#0FF;
		
	}
	
	.cmskacheltext
	{
	
	background-color:#0F0;
		 
	}
	
	
	
nav {

	background: 	#0F1ED0;
	}
		
	nav a{
	color: 						#FFFFFF;
	
	}
	
	nav a:link {
	color: 						#FFFFFF;
	
	}
	
	nav a:visited {
	
	color: 						#FFFFFF;
	}
	
	nav a:hover {
	
	color: 						#FFFFFF;
	}
	
	nav a:active {
	
	color: 						#FFFFFF;
	}
		nav ul a{
	
	color: 						#FFFFFF;
	
	}
	nav ul ul a{
	
	color: 						#FFFFFF;
	
	}
	
		
	nav ul li:hover{
		background: 	#0F1ED0;
	
	}
	
	nav ul li a:hover{
		background: 	#3CA4F3;
	
	}
	
	
	nav ul ol {
color: 						#FFFFFF;

	background: 	#0F1ED0;
	
	}
	nav ul li dl {
	
	background: 	#0F1ED0;
	
	}
	nav ul ul {background: 	#0F1ED0;
		}
	
	nav ul ul li {
	
	border-bottom: 1px solid #555;
	}
	
	
	
	nav ul li.submenu > a:after {

	color: 						#FFFFFF;
	
	}
	nav ul ul li.submenu a:after {
	
	color: 						#FFFFFF;
	
	}
	
	
	
	label.responsive-nav-label {background: 	#0F1ED0;
	
	color: 						#FFFFFF;
	}