/*
'#################################################
' STANDARDELEMENTE incl. CLASS und IDs
'#################################################
*/


body, p, div, ul, ol, h1, h2, h3, h4, h5 {
		padding: 0;
		margin: 0;
	}

	body {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: normal;
		background-color: #eeeeee;
		color:#777777;	
		min-width: 800px;
		text-align: center;
/*		margin-top:20px;	*/
		}
		
		
	#wrapper {
		width: 780px;
		margin: 0 auto 0 auto;
		text-align: left;
		/*background-color: white;*/
		background: url(../picsBasis/body.jpg) repeat-y center;
	}
	
	
	#header {
		/* Achtung! Einstellungen haben Auswirkungen auf Background-Wrapper*/
		height: 85px;	/*originalhöhe der grafik incl. weiss*/
		background-image: url(../picsBasis/picHeader.gif); 
		margin-left: 11px;
		width: 758px;
		text-align:center;
		/*border: thin red solid;*/
	}
	
	#header #h_inhalt {
		padding-top: 10px;
		padding-right: 10px;
		text-align: right;
		vertical-align: middle;
	}
	
	
	#oneColLayout, #twoColLayout {
		min-height: 500px;
		padding-top: 20px;
/*		border: thin orange solid;*/
	}
	
	* html #content { height: 500px; } /* IE 5.x + 6.0 */	
	
	
	/* bestimmt das Spaltenlayout */
	/* "oneColLayout" = 1spaltig (ganze Seitenbreite)*/
	/* "twoColLayout" = 2spaltig*/
	
	#oneColLayout #c_subnav {
		display: none;
	}
	
	#oneColLayout #c_inhalt {
		margin-left: 11px;	
		padding: 0 20px 0 20px;
		width: 718px;
/*		background-color: orange;*/
	}
	
	#twoColLayout #c_subnav {
		margin-left: 11px;
		padding-left: 20px;
		width: 190px;
		float: left;
/*		background-color: yellow;*/	
		display: inline;
	}
	
	#c_subnav img {
		padding-top: 4em;
	}
	
	#c_subnav img.icon {
	    padding-top: 0;
	}
	
	#twoColLayout #c_inhalt {
		padding: 0 20px 0 10px;
		margin-right: 10px;
		width: 515px;
		float: right;
/*		background-color: orange;*/
	}
	

	#footer {
		height:57px;	/*originalhöhe der grafik incl. weiss*/
		background-image: url(../picsBasis/picFooter.gif); 
/*		padding: 0px 10px 0px 21px;*/
		clear: both;
		margin-left: 11px;
		width: 758px;
		
		
/*		margin-top: 0;*/
/*		border: 1px green solid;*/
	}	
	
	#footer #f_inhalt {
/*		border: 1px yellow solid;*/
		font-size: 1em;
		vertical-align: middle;
		padding-top: 30px;
		position: relative;
		color: #eeeeee;
		text-align: center;
/*		margin-top: 25px;*/
	}
	
	
	
		h1, h2, h3, h4, h5 {
		font-weight: normal;
		padding-bottom: 1em;		
		}
		
		
		h1 {
			font-size: 1.8em;
			color: #e4002c;
		}
		
		h2 {
			font-size: 1.6em;
			color: #e4002c;
		}
		
		h3 {
			font-size: 1.5em;
			color: #e4002c;
		}
		
		h4 {
			font-size: 1.4em;
		}
		
		h5 {
			font-size: 1.2em;
			font-weight: bold;
		}
		
		/* Überschriften nach p-Elementen mit größerem Abstand */
		/* evtl. ander Überschriften ergänzen */
		
		p + h2 {
			padding-top: 1em;
		}
		
		h1.admin {
			padding: 20px 0 0 10px;
			width:150px;
			float: left;
		}
		
		h2#katTitel {
			width: 500px;
			padding: 0;
			margin-bottom: 20px;
			float:left;
		}
		
		.navInfo {
			padding: 0;
			border-top: #e4002c solid 1px;
			border-bottom: #e4002c solid 1px;
			color:#777777;
			margin-top: 30px;
			margin-bottom: 10px;
		}
		
		.kopListe {
		    color:#e4002c;
		    font-size: 1.1em;
		    font-wight: bold;
		
		}
		
		h4.legende {
			margin: 50px 0 10px 0;
			padding:0;
			width: 180px;
			border-top: 1px #dddddd solid;
			border-bottom: 1px #dddddd solid;
		}
		
		
		#subnav li {
			list-style: none;
			background-image: none;
			padding: 0;
			}
			
		hr {
	    	border:0.2px solid #dddddd;
	    	background-color: #dddddd;
	    	margin: 20px 0 20px 0;
	
			}

		li {
			list-style: none;
			background: url(../picsBasis/list.gif) no-repeat 0 50%;
			padding-left: 1em;
			top:0px;
		}
		
		p {
			padding-bottom: 1em;
		}
		
		.sharp {
			color:#e4002c;
			font-variant: small-caps;
			font-weight: bold;
		}
		
		.unsichtbar {
			display: none;
		}
		
		.sichtbar {
			display: block;
		}
		
		/*
'#####################################################
' NAVIGATIONS- UND MENÜELEMENTE
'#####################################################
*/
		
	/* Grundeinstellung */	
			
	a:Link {color: #777777; text-decoration: none;}
	a:Hover {color: #e4002c; text-decoration: none; }
	a:Active {color: #777777; text-decoration: none;}
	a:Visited {color: #777777; text-decoration: none;}
	a:Visited:Hover {color: #e4002c; text-decoration: none;}
	a:Visited:Active {color: #777777; text-decoration: none;}
		
		/* Normale Links im Fließtext */	
	a {
		background-image: url(../picsBasis/link_int.gif);
		background-repeat: no-repeat;
		padding-left: 1em;
		background-position: left center;
		font-weight: bold;
	}
		
	/* Subnavigation*/	
	#c_subnav li a {
		background-image: url(../picsBasis/link_int.gif);
		background-repeat: no-repeat;
		padding-left: 1.3em;
		background-position: left center;
		font-weight: bold;
	}
	
	
	/* Kurzliste aller erfassten Geraete */
	  #c_subnav li.visibleNein a  {
		    text-decoration: line-through;
		    font-weight: normal;
		    font-size: 0.7em;
		    color: #999999;
		}
		
	  #c_subnav li.visibleJa a{
		    text-decoration: none;
		    font-weight: normal;
		    font-size: 0.7em;
		}
	
	
	
	
	
	
	
	/* Email - Links */
	a[href ^="mailto:"]  {
		background-image: url(../picsBasis/link_int.gif);
		background-repeat: no-repeat;
		padding-left: 1em;
		background-position: left center;
		}
	
	
	/* Footer - Email */
		#f_inhalt a {
		color: #eeeeee;
		text-decoration: none;
		background-image: none;
		padding:0;
		font-weight: normal;
	}
	
	
	/* IMG Links */
		#h_inhalt a, .ohnePic a {
			background-image: none;
		}
		
		/* Links mit Symbolen */
		a.mitPic {
			background-image: none;
			padding-left:0;
		}
		
		a.mitPic img {
		    padding-right: 5px;
		}
		
		img.unterTabelle {
		    padding-top: 10px;
		}
		
		
		
			/*
'#####################################################
' BILDBAND
'#####################################################
*/	

	#picAussen {
		border: #eeeeee 1px solid;
		background-color: #eeeeee;
		width:150px;
	}
	
	#picInnen {
		border-left:#215a99 6px dotted;
		border-right:#215a99 6px dotted;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	#picInnen img {
		width: 120px;
		height: 80px;
		padding-top: 14px;
		padding-bottom: 14px;
	}
	
	
/*
'#####################################################
' SEITENZAEHLER BEI DEN PRODUKTEN
'#####################################################
*/

	#seiten {
		float:right;
		margin: 0 10px 10px 0;
		text-align: center;
	}
	
	#seiten a:link {color:#e4002c; text-decoration:underline; font-weight: normal; background-image: none; padding-left:0;}
	#seiten a:hover {color:#777777; text-decoration:none; font-weight: normal; background-image: none; padding-left:0;}
	#seiten a:Active {color:#e4002c; text-decoration:underline; font-weight: normal; background-image: none; padding-left:0;}
	#seiten a:Visited {color:#e4002c; text-decoration:underline; font-weight: normal; background-image: none; padding-left:0;}
	#seiten a:Visited:Hover {color:#e4002c; text-decoration:underline; font-weight: normal; background-image: none; padding-left:0;}
	#seiten a:Visited:Active {color:#e4002c; text-decoration:underline; font-weight: normal; background-image: none; padding-left:0;}