/*label, select, textarea {display: block;} */

	li label {
		margin-bottom: 10px; 
		width: 150px; 
		display:inline-block;
	}
	input[type="radio"], input[type="checkbox"] {
		display: inline;
	}

	/*input[type="text"]:focus,input[type="text"]:hover {padding:1px;border:1px solid #D1C56F; background-color: #FDFFCD;}*/

	input{
		margin:0;
		padding:0;
		font-family: Geneva,Helvetica, Arial, sans-serif;
		font-size: 100%;	
	}

	fieldset ol {
		list-style-type: none;		
	}
	.rules{	
		display: inline;
	}	
	

/* Col2 (left Sidebar) Styles */


	div#leftmenue{
	/*	background:#C1E396;		
		border: 1px dotted #A4D666;*/
		margin-top: 2em;
		padding: 0.5em;
		/*margin-bottom:0.5em;*/
		position: relative;		/*to cure ie6 background-color bug*/
	}
	#leftmenue a{
		/*font-weight: bold;    */	
	}
	#kontakt p {padding:0;margin:0;}
	
/* Star-HTML - vertikale Abstände, Menü links im IE
====================================================*/
	* html ul.menue li {
		height: 1%;
	}

	* html ul.menue {
	    height: 1%;
	    margin-bottom: 0
	}

	div#menue{
		font-size: 95%;
	}

/* Menü Ebene 1 allgemein inaktiv
=================================*/
	ul.menue {
		/*list-style-image: url("http://192.168.0.95/Comelio/images/bind.gif");*/		
		/*padding: 0.3em;*/
		font-size: 100%;	
		background-color: #f2f2f2;	
	}
	
	UL.menue A {
		background-color: #f2f2f2;
		border-left: 7px solid #bdbdbd;
		border-bottom: 1px solid #bdbdbd
	}


/* Star-HTML vertikale Abstände Ebene 1 für IE
===============================================*/
	* html UL.menue A{
		BACKGROUND-COLOR: #f2f2f2;
		border-bottom: 1px solid #bdbdbd;
		height: 1%
	}



/* Menü Ebene 2 allgemein inaktiv
==================================*/
	ul.menue ul.menue{
		background-color: #f2f2f2;   		
	  	font-size: 90%;
	  	border-top: white solid 5px;
		border-bottom: white solid 7px;		
	}


/* Menü Ebene 3 nur für Sitemap 
==================================*/

ul.menue ul.menue ul.menue{
		background-color: white;  
	}
ul.menue ul.menue li{
		/*float:left;*/
	}
ul.menue ul.menue ul.menue li{
		float:none;
	}

/* Star-HTML vertikale Abstände Ebene 2 für IE
===============================================*/
	* html UL.menue UL.menue A{
		BACKGROUND-COLOR: #f2f2f2;
		border-bottom:0px;
		height: 1%
	}


/* Menü Ebene 2 Mouseover
==========================*/
	ul.menue ul.menue a:hover {
		padding-left: 0.4em;
		display: block;
		border-left: 7px solid #025621;
		border-bottom: 1px solid #025621;
	}


/*Menü Links Abstände
=====================*/
	ul.menue li a {
		display: block;
		padding:0.2em 0.4em;  
		/* background:#6C960C;*/   
	}


/* Menü Ebene 1 Aktiv
======================*/
	ul.menue .active{
		background-color: #f2f2f2;
	}


/* Menü Ebene 2 Aktiv
=======================*/
	ul.menue ul.menue li.active a{
		background-color: #f2f2f2;
		border-bottom: 1px solid #a2d080;
	}


/* Menü Ebene 2 Allgemein
=========================*/

	ul.menue ul.menue li a {
		display: block;
	  	padding-left:0.4em;
		border-bottom: 1px dotted #a2d080;	
		border-left: 7px solid #a2d080;		
	}

	ul.menue a:link {
		color: black;
		border-left: 7px solid #bdbdbd;
		border-bottom: 1px solid #bdbdbd
	}
	ul.menue a:visited {
		font-weight:normal;
	}
	ul.menue a:hover {
		background-color: #f2f2f2;
		border-left: 7px solid #025621;
		border-bottom: 1px solid #025621;
	}
	
	ul.menue li.active A{
		background-color: #f2f2f2;
		border-left: 7px solid #025621;
		border-bottom: 1px solid #025621;
	}
		
	#kursMenue{
		padding-top:0.5em;
	}	
	#kursMenue li {
	  list-style: none;
	  border:0;
	}


/* Kontakt Formular Styles 
=========================*/

	div#kontakt {		
		margin-top: 2em;
		margin-bottom: 1em;
		/*float: left;*/
		background-color: #F2F2F2;		
		/*border:1px solid #787701;*/
		font-size: 80%;
		position: relative;		/*to cure ie6 background-color bug*/
		-webkit-box-shadow: 2px 2px 3px #999;
		-moz-box-shadow: 2px 2px 3px #999;
		box-shadow: 2px 2px 3px #999;
	}


/* Kontaktfenster Höhe für IE
==============================*/

	* html div#kontakt {
		POSITION: relative;
		BACKGROUND-COLOR: #f2f2f2;
		MARGIN-TOP: 2em;
		MARGIN-BOTTOM: 1em;
		FONT-SIZE: 80%;
		height: 1%
}
/*==============================*/

	
	#contact {
		display:block;
		padding-left:0.5em;
	}

	#kontakt h3 {
		padding: 0;
		margin: 0;
		font-size: 120%;
		font-style: normal;
		font-weight:bold;
		background-color: #618F05;		
		position: relative;		/*to cure ie6 background-color bug*/
	}

	#kontakt h3 a {
		padding: 0.5em;
		display:block; 
		color:white;
	}	
	
/* Star-HTML vertikaler Abstand Kontaktfenster für IE
======================================================*/

	*html #kontakt H3 A{
		height: 1%;
		background-color: #618F05;
	}

/*====================================================*/


	
	#kontakt h3 a:hover {
		color:white;
		display:block;
		text-decoration:underline;
		
	}

	form#frmKontakt{
		padding:5px 10px;
		margin:0;
	}

	#frmKontakt textarea{
		font-size: 100%;
		font-family: Geneva,Helvetica, Arial, sans-serif;
		width:97%;
	}

	#frmKontakt input[type="text"]{	
		width:97%;
	}

	span.error {
		color:red;	
	}

	.antispam {
		display: none;
	}


/* Standorte Styles */
	
	div.standorte {
		padding: 0.5em;
  	}

  	ul.standorte {
  		font-size: 80%;
  	}

  	ul.standorte li {
  		margin-bottom: 1.2em;
  	}

  	
  	
/* Artikel Styles */
 
div.ArtikelEbeneAnleser{
	/*padding-bottom: 1em;*/
	clear:both;
	color:#6E6E6E;
}
div.ArtikelEbeneAnleser img{
	padding-bottom: 1em;
	padding-left: 0.6em;
	padding-right: 1em;
	padding-top: 1em;
	border: 0;	
	float:left;	
}

div.ArtikelEbeneAnleser p > img{
	padding-top:0.3em;
	padding-left:0;
}

/* Bild Float für IE
=====================*/

	* html Div.ArtikelEbeneAnleser img{
		border: 0 none;
		float: left;
		border-right: 10px solid white;
		border-top: 0.3em solid white
	}

/*===================*/


div.ArtikelEbeneAnleser h1{
	/*text-align:center;*/
	background: #618F05;
	color: white;
	font-weight: bold;
	padding-left:0.5em;
	margin-bottom: 0.8em;
	position: relative;		/*to cure ie6 background-color bug*/
	filter: glow(color=#000000,strength=10);
	text-shadow:1px 1px black;
	/*filter: dropshadow(color=#000000,offX=5,offY=5);*/
	
}
 
div.ArtikelAnleser {
	padding-top:0;  
	margin-top:0;
	margin-bottom:10px;
	padding-bottom: 10px;  
	/*margin-bottom: 1em;
	border-width: .1em;
	border-style: solid;
	border-color: #5F8F02;
	overflow:auto;*/
	position:relative;
	display: block;
	clear:left;
}
  

br.clear { 
	clear: both;
}
  
div.ArtikelAnleser h3{ 
	margin-top:0;  	
	/*background: #769F26;*/
}

div.ArtikelAnleser td ul{
	padding-left:2em;
}

div.ArtikelAnleser ul{
	/*padding-top: 1em;	*/
}
ul.atBottom{
	padding-bottom: 0.3em;
}
div.ArtikelAnleser li{
	list-style-image:  url(/images/dreieck1.gif);
	list-style-position: outside;
	margin-left:40px;
	/*list-style: decimal;*/
}

div.ArtikelAnleser img{
	padding-bottom: 1em;
	padding-left: 0.6em;
	padding-right: 1em;
	padding-top: 1em;
	border: 0;  
	float: left;	
}
div.ArtikelAnleser p > img{
	padding-top:0.3em;
	padding-left:0;
}

/* Artikel Inhalte und Anleserbilder Anfang
=============================================*/

	div#ArtikelInhalt{
		width: 100%;
		float: left;
	}


/*Damit die aus bildern zusammengesetzten Tabellen funktionieren
================================================================*/

	div#ArtikelInhalt td img{
	    border: 0 none;
	    float: left;
	    padding:0;
	}

/*================================================================*/


div#ArtikelInhalt img.clear{
	float: none;
}

div#ArtikelInhalt img,div#ArtikelInhalt td p img{
    	border: 0 none;
    /*	float: left;*/
	padding-right: 1em;
	padding-left: 0.3em;
	padding-top: 0.3em;	
	max-width:100%;
	}
}


/* Bild Float für IE
=====================*/
	* html div#ArtikelInhalt td p img{
		padding-top: 5px white solid;
		float: left;
		border-right: 10px solid white;
		padding-left: 0.3em;
		border-top: 5px
	}

/*=====================*/


#ArtikelInhalt ul li,.ArtikelEbeneAnleser ul li{
	margin-left:30px;
	list-style-image:url(/images/dreieck1.gif);
	list-style-position: outside;	
}

div#ArtikelInhalt table{
	/*table-layout: fixed;*/
}

/*=======================================
Artikel Inhalte und Anleserbilder Ende*/

.buch,.buchC{
	float: left; 
	width:49%
}

.buchC {
	clear: left;
}

/* Quellcode
=====================*/
pre.code {
	background-color:#efefef;
	font-size: 130%;
	padding:1em;
	}
	
/*UL Projektliste*/
#ArtikelInhalt ul.projects{
  float: right; 
  width:250px;
  background-color: white;
  padding-left:1em;
  /*padding-top:1em;*/
  padding-bottom:1em;  
}

#ArtikelInhalt ul.projects > li{
  list-style-type: none; 
  list-style-image: none; 
  border: 1px solid #89CA07; 
  margin: 0.5em;
}

#ArtikelInhalt ul.projects ul{
	padding:0.6em;
	padding-top:0;	
	}

#ArtikelInhalt ul.projects li h4{
  background-color: #89CA07;
  padding: .1em .4em.1em .4em;
  color:#0A3602;  
  }
 
#index li {
		list-style-image:url("/images/dreieck1.gif");
		list-style-position:outside;
		margin-left:30px;
	}

div.comelioBox{	
	margin:5px;
	width:48%;
	float:left;
}
div.comelioBox.oneCol{
	float:none;
	width:99%;
	margin:0;
	padding-top:1em;
}
div.comelioBox	ul{
	padding:0.3em 0.3em 0.5em 0.5em;
}
div#ArtikelInhalt div.comelioBox img{
	padding:0;
	margin-left:auto;
	margin-right:auto;
	display:block;
}
div.comelioBox div.heading,
div.comelioBox div.content{
	border:1px solid #7CB00D;
	padding: 0.2em 0.5em;
	-webkit-box-shadow: 2px 2px 3px #999;
	-moz-box-shadow: 2px 2px 3px #999;
	box-shadow: 2px 2px 3px #999;
}
div.comelioBox div.heading{
	background:#7CB00D;
	/*border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;*/
	background:-webkit-gradient(linear, left top, left bottom, from(#B2C675), to(#7CB00D)); /* for webkit browsers */
	background:-moz-linear-gradient(top,  #B2C675,  #7CB00D); /* for firefox 3.6+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B2C675', endColorstr='#7CB00D'); /* for IE */
	padding:0.5em 1em;
	color:black;
	font-weight:bold;
	}
	
/*div.comelioBox div.content{
	border-radius: 0 0 10px 10px ;
	-moz-border-radius: 0 0 10px 10px ;
	}*/
	
div.comelioBox div.heading a{
	font-weight:bold;
	color:white;
	display:block;
	}
	
div.comelioBox div.heading a:hover{	
	text-decoration:underline;	
	}
div.clear{
		clear:both;
	}