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

CSS : Stylesheet für www.odenthal.de 
ERSTELLT FÜR MEDIACLOU GmbH 
AGENTUR FÜR WERBUNG UND MEDIENINTEGRATION
Stylesheet für die Elementstile
Juli/August 2008

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

/* ------------------------------------  
   VERANSTALTUNGSKALENDER 
   ------------------------------------ */   

/* +++ FRONTEND +++ */      
   
   
.filter { margin: 1em 0 0 0; padding-bottom: 1em; border-bottom: 1px solid #7ac11d; }
.filter input { 
  margin: 0 0.3em 0 2em;
  }
  
.filter form {margin: 0.3em 0 0 -2em; }

#menubar { margin: 1em 0 1em -1em; }

#menubar a, .filter input.filtersubmit {
  color: #000;
  font-weight: 400;
  background-color: #f5f5f5;
  width: auto;
  padding: 0.2em 0.4em;
  text-decoration: none;
  text-align: center;
  margin:0 1em;
  border: 1px solid #c0c0c0;
  border-color: #D3D3D3 #808080 #808080 #D3D3D3;
  border-width: 1px;
}


#menubar a:hover, .filter input.filtersubmit:hover {
  background-color: #E8E8FF;
  border-color: #d3d3d3 #0E3293 #0E3293 #d3d3d3
  }

.filter input.filtersubmit { 
  float: right;
  padding: 0.1em;
  margin: 1em 0 0 0;
  }
  
#box { width: auto; }
#liste { margin-bottom: 2em; }
#liste .row .date, #liste .row_gray .date { padding: 0.8em 0 0 0; }
#liste .row .name{ padding: 0 0 0.8em 0; }
#liste .row_gray .name{ padding: 0 0 0.8em 0; }
#liste .row a { display: block; background-color: #fff; margin: 0; text-decoration: none; border-bottom: 1px solid #7ac11d;}
#liste .row_gray { 
	background-image: url(../php/pic/abgesagt.jpg);
	background-repeat:no-repeat;
	background-attachment:relative;
	background-position: 430px 10px;
	border-bottom: 1px solid #7ac11d;	
	/*position: absolute;
	width: 300px;
	height: 100px;
	left: 12em; 
	top: 0.5em;
	z-index: 10;*/
}
#liste .row_gray div { 	color: #7e7e7e; background-color:transparent;}
#liste .row a:hover { display: block; background-color: #ecffed; margin: 0;}
#liste .rowred	{border-bottom: 1px solid #7ac11d; padding: 0.5em 0; }
#cal 	{ margin: 0 1em; border:1px solid #7ac11d; float:right;}
* html #cal { font-size: 1em;}
#cal td {padding: 0.2em; }
#cal .top  { background-color: #e8e8ff;}
#cal .kwrow { background-color:#eeeeee;}
#cal .ctr, #cal .ctag, #cal .leer { width:16px; height:22px; text-align:center;}

input.name { width: 27em; }
input.longname { width: 30.3em;}
input.mail { width: 27em;}
input.zwei { width: 2.7em;}
input.vier { width:3em;}
input.fuenf { width: 2.7em;}
input.radio { /*margin: 0; */}
textarea { width: 31.1em; height: 15em;}

#inbox { float: left; width: 100%; } 
#inbox p { margin: 0.5em 0; }
#inbox hr { height: 1px; margin: 1em 0; border: 0; background: #7ac11d; color: #7ac11d;}
.one, .two	{ margin: 0.6em 0; clear: left;}
.one .label { width: 10em; text-align:left; float:left;}
.one .label input { vertical-align:middle; }
.two .label	{  width: 10em; text-align:left; float:left; color:#666666;}
.one .ctr	{ text-align:center; float:left;}
.one .li 	{ float:left; margin: 0 0 0.3em 0;} 
.one .breite { width: 34em; }
.one .li input	{ margin: 0 0 0.3em 0;}
.one .li a {font-size: 1em;}
.one .print { margin: 3em 0 0 0; }

.re 	{ text-align:right;}
.li 	{ text-align:left;}
.ctr	{ text-align:center;}

.alert 		{ margin: 5px 0px 8px 0px;}

.datumfilter, .suchfilter { margin: 1em 0 0 2em; }
.suchfilter {position: relative; float: left; }
.datumfilter input, .suchfilter input { margin: 0.3em 0 0 0; padding: 0; }
.datumfilter input.zwei {width: 2em; }
.filtersubmit { float: right; }

.alert h3	{ color: #333; margin: 0;}
.alert p 	{ color: #333; margin: 0;}

.red  { color: red;}
.green{ color: #7ac11d;}

.adminlinks { width: 13.5em; margin: 1em 0; padding: 1em; background: #eeeeee; border:1px solid #7ac11d; }
.adminlinks a { font-size: 1em; line-height: 200%; }

.subpagenavi {margin: 1em 0; }
/* ======================================= 
   E N D E  styles.css 
   ======================================= */