/* HTML-Tag-Definitionen */


* 
{ 
    font: 			normal 1.0em verdana, arial, helvetica, sans-serif;
    text-decoration:none;    
    background: 	none;
    color: 			#000;
    border: 		none;    
}

html 
{ 
    margin: 		0px; 
    padding: 		0px; 
    font-size: 		62.5%; /* 100% = 16px --> 62,5 % = 10px */
}


body 
{
    margin: 		0px; 
    padding: 		0px; 
    font-size: 		1.1em;
    background: 	#fff;
    text-align: 	center;
}

hr 
{ 
    margin: 		10px 0px 10px 0px;
    padding: 		0px; 
    border-bottom: 	solid 1px #ccc; 
}

ul, ol 
{ 
	margin-left: 	20px; 
}

table 
{ 
    margin: 		0px; 
    margin-bottom: 	1em; 
    padding: 		0px; 
    border-collapse:collapse; 
}



table th
{
    font-family: verdana, arial, sans-serif;
    font-size: 100%;
    color: white;
}


table#line 
{     
    margin: 0px;
    padding: 0px;
    border-collapse: collapse; 
}

table#line th 
{
    margin: 0px;
    padding: 3px;
    font-family: verdana, arial, sans-serif;
    font-size: 11px;
    border: solid 1px black;
    background: #C5BDFF;
    color: #000;
}

.farbe 
{
    background: #C5BDFF;
    color: #000;
    border: solid 1px #C5BDFF;
    padding: 5px;
    font-weight:bold;
}

table#line td {
    margin: 0px;
    padding: 3px;
    font-family: verdana, arial, sans-serif;
    font-size: 11px;
    border: solid 1px black;
}

table th, table td 
{ 
    margin: 		0px; 
    padding: 		0px; 
    vertical-align: top;
    font-size: 		1em; 
}

table.calendar 
{
    border-collapse:collapse; 
    width: 			100%;
    border:  1px solid #ccc;
    border-spacing: 0px;
}

table.calendar td  
{
    margin: 		0px;
    padding: 		10px 0px 10px 0px;
    vertical-align: top;
    text-align: 	left;
    border: 	solid 1px #ccc;
}

table.calendar td.cell1 
{ 
	width: 			80px; 
     padding:3px; 
}

table.calendar td.cell2 
{ 
	width: 			120px; 
     padding:3px; 
}

table.calendar td.cell3  { padding:3px; }

h1, h2, h3, h4, h5, h6 
{
    margin: 		0px; 
    padding: 		0px; 
    padding-bottom: 1.0em;
    font-weight: 	600; /* 100,200,300,400,500,600,700,800,900 = extra-dünn (100) bis extrafett (900). */
}

h1 
{ 
	font-size: 		1.6em; 
	color: 			#BD1818; 
}

h2 { font-size: 1.4em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1.0em; }

/* hr 
{ 
	border-top: 	solid 0.1em #BD1818; 
} */

p 
{ 
    margin: 		0px; 
    padding: 		0px; 
    margin-bottom: 	1.0em; 
}


strong { font-weight: bold; }
small { font-style: italic; }
em { font-style: italic; }

a 
{  
    margin: 		0px; 
    padding: 		0px; 
    text-decoration:none;
    color: 			#BD1818;     
}

a:hover 
{ 
	text-decoration:underline; 
}


/* 
a:link    { color: #BD1818; } 
a:visited { color: #BD1818; }
a:hover   { color: #BD1818; }
a:active  { color: #BD1818; }
a:focus   { color: #FFC000; }
*/


.google_maps, .google_maps strong 
{ 
	color: 			#333; 
}

.google_maps strong 
{ 
	font-size: 		14px; 
	font-weight: 	600; 
}

a:hover.google_maps, a:hover.google_maps strong 
{ 
    text-decoration:none;
    color: 			#BD1818; 
}

a.pdf-link 
{
    margin: 		0px;
    padding: 		4px;
    padding-left: 	20px;
    background: 	url(../images/file_pdf.gif) no-repeat;
}

a.rss_link 
{
    text-indent: 	-9999px; 
    display: 		block;
    margin: 		0px;
    padding: 		0px;
    width: 			80px;    
    height: 		15px;
    background: 	url(../images/rss_newsfeed.gif) no-repeat;
}

a#drk_mitglied_werden 
{
    text-indent: 	-9999px; 
    display: 		block;
    margin: 		10px 0px 0px 10px;
    padding: 		0px;
    width: 			115px;    
    height: 		29px;
    background: 	url(../images/drk_mitglied_werden.gif) no-repeat;
}

a#ard-fsl 
{
    text-indent: 	-9999px; 
    display: 		block;
    margin: 		30px 0px 0px 10px;
    padding: 		0px;
    width: 			130px;    
    height: 		145px;
    background: 	url(../images/ard_fsl.gif) no-repeat;
}


form 
{ 
    margin: 		0px; 
    padding: 		0px; 
    margin-bottom: 	10px; 
}

input 
{ 
    margin: 		0px; 
    padding: 		0px; 
    padding: 		1px; 
    border: 		solid 1px #cdcdcd; 
    background: 	#ffffff;     
}

input.submit 
{
    width: 			120px;
    border: 		solid 1px #808080;
    background: 	#efefef;
    cursor: 		pointer;
}

textarea 
{ 
    margin: 		0px; 
    padding: 		1px;    
    font-size: 		11px; 
    border: 		solid 1px #cdcdcd;
    background: 	#ffffff; 
    overflow: 		auto;     
}

select 
{ 
    margin: 		0px; 
    padding: 		0px; 
    font-size: 		11px; 
    border: 		solid 1px #cdcdcd; 
    background: 	#ffffff; 
}

fieldset 
{ 
    margin: 		10px 0px 0px 0px; 
    padding: 		10px; 
    border: 		solid 1px #cdcdcd; 
}


form#email-form span 
{ 
    width: 			9.0em; 
    float: 			left; 
}

form#email-form  input { width: 250px; }

form#email-form  input.zip 
{ 
	margin-right: 	5px; 
	width: 			50px; 
	float: 			left; 
}

form#email-form  input.town { width: 190px; }
form#email-form  input.day { width: 20px; }
form#email-form  input.month { width: 20px; }
form#email-form  input.year { width: 40px; }
form#email-form  input.submit { width: 120px; }
form#email-form  select { width: 250px; }

form#email-form  textarea 
{ 
	width: 			330px; 
	height: 		100px; 
}

address 
{
    margin: 		0px 0px 10px 0px;
    padding: 		10px;
    border: 		solid 1px #ccc;
    background: 	#fefefe;
}

/* Bildergalerie */

div.image_gallery_thumb 
{
    margin: 		0px 5px 5px 0px; 
    padding: 		0px; 
    border: 		solid 1px #cdcdcd; 
    background: 	#fefefe; 
    float:			left;
}

div.image_gallery_thumb a 
{
    margin: 		0px; 
    padding: 		0px; 
    display: 		block; 
    width:			100px; 
    height:			100px;    
    text-indent: 	-9999px; 
}

div.image_gallery_picture 
{   
    margin: 		0px; 
    padding: 		0px; 
    text-align: 	center; 
}                         

div.image_gallery_picture img 
{   
    margin: 		0px; 
    padding: 		5px; 
    border: 		solid 1px #cdcdcd; 
    background: 	#fefefe; 
}




.error, .formerror 
{ 
	color: 			#ff0000; 
}

.message 
{ 
	color: 			#005e20; 
}

.list-box-1, .list-box-2 
{
    margin: 		0px 0px 10px 0px;
    padding: 		0px 0px 10px 10px;
    border-left: 	solid 4px #ccc;
    border-bottom: 	solid 1px #ccc;
}

.info-box 
{ 
    margin: 		0px;
    margin-bottom: 	10px;
    padding: 		10px;
    background: 	#efefef;
    border: 		solid 1px #cdcdcd;
}

.box 
{ 
    margin: 		0px;
    margin-bottom: 	10px;
    padding: 		10px;
    background: 	#fefefe;
    border: 		solid 1px #cdcdcd;
}

/* CSS-IDs */


#page 
{
    position: 		relative;
    top: 			0px;
    margin: 		0px auto 5px auto;
    padding: 		0px;
    width: 			780px;    
    text-align: 	left;
    color: 			#333;
    border: 		solid 0px red;
}

#head-wir,
#head-ehrenamt,
#head-rettungsdienst,
#head-blutspende,
#head-babysitter,
#head-kita,
#head-kleidersammlung,
#head-kontakt,
#head-kurse,
#head-pflegedienst,
#head-veranstaltungen
{
    margin: 		0px 0px 10px 0px;
    padding: 		0px;
    width: 			780px;
    height: 		130px;
}

#head-wir 				{ background: url(../images/head_wir.gif) no-repeat; }
#head-ehrenamt 			{ background: url(../images/head_ehrenamt.gif) no-repeat; }
#head-rettungsdienst	{ background: url(../images/head_rettungsdienst.gif) no-repeat; }
#head-blutspende		{ background: url(../images/head_blutspende.gif) no-repeat; }
#head-babysitter    	{ background: url(../images/head_babysitter.gif) no-repeat; }
#head-kita 				{ background: url(../images/head_kita.gif) no-repeat; }
#head-kleidersammlung	{ background: url(../images/head_kleidersammlung.gif) no-repeat; }
#head-kontakt			{ background: url(../images/head_kontakt.gif) no-repeat; }
#head-kurse 			{ background: url(../images/head_kurse.gif) no-repeat; }
#head-pflegedienst		{ background: url(../images/head_pflegedienst.gif) no-repeat; }
#head-veranstaltungen	{ background: url(../images/head_veranstaltungen.gif) no-repeat; }



#box1, #box2 
{
    position: 		absolute;
    margin: 		0px; 
    padding: 		0px;    
    top: 			140px;
    width: 			140px;    
}

#box1 { left: 0px; }
#box2 { right: 0px; }



#box1 h2, #box2 h2 
{ 
    margin: 		0px 0px 2px 8px;
    padding: 		3px;
    height: 		16px;
    font-size: 		11px;
    color: 			#fff;
    background: 	#7F7F7F;
}

#box1 ul, #box2 ul  
{
    margin: 		0px;
    margin-bottom: 	10px;
    padding: 		0px;
    width: 			140px;
    list-style: 	none; 
}

#box1 ul  li, #box2 ul  li 
{  
	margin: 		0px; 
	padding: 		0px; 
}

#box1 ul  a, #box1 ul ul a, #box2 ul  a, #box2 ul ul a 
{
    display: 		block;
    margin: 		0px;
    padding: 		2px 5px 5px 5px;
    padding-left: 	17px;
    width: 			118px;
    text-decoration:none;
    color: 			#333;
    background: 	#C5BDFF url(../images/bg_menu-1_a.gif) 0px -40px no-repeat; 
}

#box1 ul  a:hover, #box1 ul ul a:hover, #box2 ul  a:hover, #box2 ul ul a:hover 
{ 
    text-decoration:none;
    background: 	#C5BDFF url(../images/bg_menu-1_a.gif) 0px 0px no-repeat; 
}

#box1 ul ul, #box2 ul ul 
{
    margin: 		0px;
    padding: 		0px;
    width: 			140px;
    list-style: 	none;
}

#box1 ul ul li, #box2 ul ul li 
{ 
	margin: 		0px; 
	padding: 		0px; 
}

#box1 ul ul a, #box2 ul ul a 
{
    padding-left: 	20px;
    width: 			115px;
}



#content 
{
    margin: 		0px;
    margin-left: 	150px;
    padding: 		10px;
    padding-top: 	0px;
    width: 			465px;
    min-height: 	700px;
    line-height: 	140%;
    color: 			#000;
    border: 		solid 1px #C5BDFF;
    border-top: 	solid 22px #C5BDFF;     
}

* html #content      { height: 700px; } /* nur für IE 5.5 - 6.x */
html + body #content { height: 700px; } /* nur vom IE 5.0 */

#content h1 
{ 
    position: 		relative;
    top: 			-20px;
    left: 			0px;
    margin: 		0px;
    padding: 		0px;
    text-align: 	center;
    font-size: 		1.2em; 
    color: 			#333;  
}

#cms_image_box 
{ 
	border: 		solid 1px #4F4F4F; 
}

#foot 
{
    position: 		relative;
    top: 			0px; 
    margin: 		0px auto 20px auto;
    padding: 		0px;
    width: 			750px;   
    text-align: 	right;
    clear: 			both;
}