/* ######################################################################################################
** # "EKD E-Cards" (c) 2007 Kerygma (http://www.kerygma.de) #############################################
** ######################################################################################################
** 
**  Version: 2.5.2
**  Dateiversion: 01.10.07  
**  Datei       : content.css
**  Funktion    : Formatierung der Inhalte (Texte, Grafiken, Links, Listen, Tabellen usw.)
**
*/

@media all
{
/* ######################################################################################################
** # Standard-Vorgaben ##################################################################################
** ######################################################################################################
** 

/* ### Überschriften, Fließtexte ###################################################################### */

body	{font-size: 1.025em;}

h1,h2,h3,h4 { font-family: Arial, Verdana, Helvetica, sans-serif; font-weight:normal;}

#ecard	h1 {font-size: 1.4em; color: #000; margin: 2em 0 1em 0; padding-top: 0em; border-bottom: 1px #d6d6d6 solid;}



#ecard a.more	{
padding-left: 0.8em;
background: url('img/link.gif') no-repeat 0 0.3em;
}

#ecard a.more:hover	{
background: url('img/link.gif')  no-repeat 0 0.3em;
color: #000;
}

.luft {line-height: 1.7em;}


/* ######################################################################################################
** ### Formulare & Tabellen #############################################################################
** ######################################################################################################
*/


form {overflow:hidden;}

input, 
textarea {
  width: auto;
	border: 0px #ccc solid;
  background: #fff;
	padding: 3px;
	margin: 0 0 3px 5px;
	color: #777;
}


#ecard	{
font-size: 0.8em;
margin: 0.7em 0.7em 0 0.7em;
}

#ecard	a	{
background: transparent;
}

.ecard_text	{
position: absolute; 
width: 7em; 
padding: 0.3em 0 0 0;
}

.form_ecard_area	{
margin-left: 7em;
border-top: 1px solid #c1c1c1;
border-right: 10px solid #c1c1c1;
border-bottom: 1px solid #c1c1c1;
border-left: 1px solid #c1c1c1;
width: 25em;
height: 8em;
}

/*### IE Hack ####*/
*html	.form_ecard_area	{
border-right: 1px solid #c1c1c1;
}

.form_ecard	{
position: absolute; 
margin-left: 7em;
/*
border-top: 1px solid #c1c1c1;
border-right: 10px solid #c1c1c1;
border-bottom: 1px solid #c1c1c1;
border-left: 1px solid #c1c1c1;
*/
border: 1px solid #c1c1c1;
border-right-width: 10px !important;
width: 19em;
height: 1.8em;
}

.form_ecard_vorname	{
position: absolute; 
margin-left: 7em;
/*
border-top: 1px solid #c1c1c1;
border-right: 10px solid #c1c1c1;
border-bottom: 1px solid #c1c1c1;
border-left: 1px solid #c1c1c1;
*/
border: 1px solid #c1c1c1;
border-right-width: 10px !important;
width: 9em;
height: 1.8em;
}

.form_ecard_nachname	{
position: absolute; 
margin-left: 17em;
/*
border-top: 1px solid #c1c1c1;
border-right: 10px solid #c1c1c1;
border-bottom: 1px solid #c1c1c1;
border-left: 1px solid #c1c1c1;
*/
border: 1px solid #c1c1c1;
border-right-width: 10px !important;
width: 9em;
height: 1.8em;
}

/*### IE Hack ####*/
*html	.form_ecard_nachname	{ margin-left: 17.4em; } 

.form_ecard_check	{ 
margin-left: 7em;
}

.ecard_calendar	{
position: absolute; 
margin-left: 18em;
}

.ecard_vorname	{
position: absolute; 
margin-left: 9em;
width: 20em;
}

.ecard_nachname	{
position: absolute; 
margin-left: 19em;
width: 20em;
}

.opt	{
background: transparent;
padding: 0;
margin: 0 1em 0 0;
}

input[type=text]:focus, textarea:focus {
	background: #f0f0f0;
	color: #333;
	border-color: #666;
}

.button	{
	background: #f0f0f0;
	color: #333;
	border: 1px solid #666;
	margin: 0 0.7em 0 0;
	float: left; 
}

.ecard_th	{
border: 1px solid #c1c1c1;
margin: 0 1em 1em 0;
}

/* ######################################################################################################
** ### Errors Buchungsformular #############################################################################
** ######################################################################################################
*/


.error	{
position: absolute;
margin-left: 28em; 
width: 15em; 
background: transparent;
border: 0px solid #b1000d;
padding: 0em 0 0 0em;
z-index: 100;
}

.e_richtig	{
/*
border-top: 1px solid #00672c;
border-right: 10px solid #00672c;
border-bottom: 1px solid #00672c;
border-left: 1px solid #00672c;
*/
border: 1px solid #00672c;
border-right-width: 10px !important;
}

.e_falsch	{
/*
border-top: 1px solid #ff3300;
border-right: 10px solid #ff3300;
border-bottom: 1px solid #ff3300;
border-left: 1px solid #ff3300;
*/
border: 1px solid #ff3300;
border-right-width: 10px !important;
}




/* ######################################################################################################
** ### Subtemplates #####################################################################################
** ######################################################################################################
*/

	.subcolumns { 
		width: 100%;
		padding: 0 1px 0 1px; 
		margin: 0 -1px 0 -1px; 
		overflow:hidden;
	}
		
	.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; overflow: hidden;}
	.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; overflow: hidden;}
	
	.c25l, .c25r { width: 24.999%; }
	.c33l, .c33r { width: 33.333%; }
	.c50l, .c50r { width: 49.999%; }
	.c66l, .c66r { width: 66.666%; }
	.c75l, .c75r { width: 74.999%; }
	.c38l, .c38r { width: 38.196%; } /* Goldener Schnitt */
	.c62l, .c62r { width: 61.803%; } /* Goldener Schnitt */
	
	.subc  { padding: 0 0.5em 0 0.5em; overflow: hidden; }
	.subcl { padding: 0 1em 0 0; overflow: hidden; }
	.subcr { padding: 0 0 0 1em; overflow: hidden; }
}


.subcolumns	{
background: #f8f8f8;
width: 98%;
margin-bottom: 1.5em;
}

.c10l { float: left; overflow: hidden; }
.c100l { float: left; overflow: hidden; }
.c90r { float: right; overflow: hidden; }
	
	.c10l, .c10r { width: 49.999%; }
	.c100l { width: 99.999%; }
	.c90l, .c90r { width: 49.999%; }
	
	.subc  { padding: 0 0.5em 0 0.5em; overflow: hidden; }
	.subcl { padding: 0.7em; overflow: hidden; line-height: 1.5em;}
	.subcr { padding: 0.7em; overflow: hidden; }


}