/* *****   ein schickes stylesheet fuer FAIRSICHERUNGSLADEN     **********
   *****   hier die styles fuer die normale ansicht             **********
*/


/* ***** die farben: *****************************************************
weiss          #FFF;
textgrau       #333;
dunkelblau     #368AB1
originalblau   #48B1E1
hellblau       #80BFDA
rotrot         #EC3A3F
*/


/* ***** debug ***********************************************************

div									{ border: 1px solid black; }
body								{ background: url(../images/_vorlage.jpg) no-repeat; } */
.debug								{ border: 1px solid black; }


/* ***** uebergreifendes ... *********************************************
*/
*
html								{ margin: 0; padding: 0; }
body								{ margin: 0; padding: 0; background: #F4F4F4 url(../images/bg-body.gif) center repeat-y; /* overflow-y: scroll; */
									  font-family: "Lucida Grande","Lucida Sans Unicode",Lucida,Geneva,"Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 12px; color: #333; line-height: 120%; text-align: center; }
#mantel								{ margin: 0 auto; padding: 0; width: 958px; background: white url(../images/bg-F.gif) 789px 0px no-repeat; text-align: left; }
#mantelPad							{ margin: 0; padding: 0; background: url(../images/bg-spalte.gif) 788px repeat-y; }
	.standard #mantelPad			{ margin: 0; padding: 0; background: url(../images/bg-spalte.gif) 788px repeat-y; }


/* ***** global positioning **************** ( via MT3.1 => sixapart.com ) 
*/
#oben								{ }
#links								{ float: left; width: 160px; overflow: hidden; }
#mitte								{ float: left; width: 630px; overflow: hidden; }
#rechts								{ float: right; width: 160px; overflow: hidden; }
#unten								{ position: fixed; bottom: 0px; z-index: 10; margin: 0; padding: 0; width: 877px; height: 28px; }
.clear								{ clear: both; padding: 1px; /* padd.: hack, um das bg des wrappers darzustellen, thx eric => meyerweb.com */ }


/* ***** global padding **************************************************
*/
#obenPad							{ margin: 0; padding: 0; text-align: left; }
#linksPad							{ margin: 0; padding: 17px 0 0 0; text-align: left; }
#mittePad							{ margin: 0; padding: 9px 2px 110px 10px; text-align: left; }
#rechtsPad							{ margin: 0; padding: 13px 0 0 3px; text-align: left; }
#untenPad							{ margin: 0; padding: 0 0 0 158px; text-align: left; background: url(../images/bg-footer.gif) repeat-x; border-top: 2px solid white; }
	.standard #linksPad				{ margin: 0; padding: 30px 0 0 0; text-align: left; }
	.standard #mittePad				{ margin: 0; padding: 17px 2px 110px 10px; text-align: left; }
	.standard #rechtsPad			{ margin: 0; padding: 145px 0 0 3px; text-align: left; }


/* ***** navigationsliste vertikal *********** ( => css.maxdesign.com.au )
*/
#navigation							{ width: 160px; margin: 0; padding: 0; }
#navigation ul						{ list-style-type: none; margin: 0; padding: 0; }
#navigation a						{ width: 99%; display: block; padding: 3px 0 3px 10px; margin: 1px 0; }
#navigation ul ul a					{ }
#navigation a:hover,
#navigation a:focus					{ }
/* navi ausgewaehlt: */
#navigation a.navAktiv				{ }
a.navAktiv:hover					{ } 


/* ***** diverses ********************************************************
*/

#content							{ }
h1									{ height: 30px; text-indent: -10000px; padding: 0; margin: 16px 0 6px 0; }
	.start h1, .default h1			{ background: url(../images/h1-fairsicherungsladen-wiechers.gif) no-repeat; height: 43px; margin: 16px 0; }
	.unserTeam h1, .unser-team h1	{ background: url(../images/h1-unser-team.gif) no-repeat; }
	.kontakt h1						{ background: url(../images/h1-kontakt.gif) no-repeat; }
	.ihrWegZuUns h1, .ihr-weg-zu-uns h1	{ background: url(../images/h1-ihr-weg-zu-uns.gif) no-repeat; }
#content h2							{ clear: both; color: #444; font-weight: bold; font-size: 14px; line-height: 150%; padding: 5px 0 0 0; margin: 0; }
#content h3							{ color: #444; font-weight: bold; font-size: 13px; line-height: 150%; padding: 5px 0 0 0; margin: 0; }
#content h4							{ color: #333; font-size: 12px; line-height: 150%; padding: 0; margin: 6px 18px -6px 0; font-weight: bold; }
	#content .G-empfang-sekretariat h4 { margin: 6px 18px 6px 0; } 
	#content .K-geschaeftsstellen h4{ font-weight: normal; text-transform: uppercase; letter-spacing: 1px; } 

#content p							{ color: #333; font-size: 12px; line-height: 150%; padding: 0; margin: 6px 18px 6px 0; }
#content ul,
#content ol							{ color: #333; font-size: 12px; line-height: 150%; padding: 6px 18px 6px 20px; margin: 0; list-style-type: square; }
#content li							{ padding: 3px 0; margin: 0; }
#content a							{ color: #368AB1; text-decoration: none; border-bottom: 1px solid #CFE3EC; font-weight: bold; }
#content ul a,
#content ol a 						{ }
#content a:hover,
#content a:focus					{ text-decoration: underline; }
#content ul a:hover,
#content ul a:focus					{ }

a:active, a:focus					{ outline: 0; }

#content img						{ padding: 0; border: 0; margin: 3px 5px; }
	.unserTeam #content img, .unser-team #content img 
									{ float: right; border-left: 10px solid #EC3A3F; padding: 0; margin: 0 0 25px 10px; }
#content img.noborder				{ border: 0; }
#content img.icon					{ float: none; margin: 0 3px 0 0; border: 0; }
#content img.icon-R					{ float: none; margin: 0 0px 0 0; border: 0; }

.artikel							{ clear: both; padding: 0 0 13px 0; margin: 0; }
.artikel img						{ float: right; }
	.unserTeam .artikel, .unser-team .artikel { clear: both; padding: 10px 0 0 0; margin: 0; }
	.unserTeam #content .clear, .unser-team #content .clear	{ padding: 5px; }
.artikel.K-geschaeftsstellen		{ padding: 10px 0 30px 0; }

#rechts h3							{ margin: 0; padding: 9px 0; color: #555; font-size: 11px; line-height: 150%; font-weight: bold; }
#rechts a							{ color: #368AB1; text-decoration: none; border-bottom: 1px solid #CFE3EC; font-weight: bold; }
#rechts a:hover,
#rechts a:focus						{ text-decoration: underline; }


/* ***** google map *******************************************************
*/
#map_canvas							{ font-size: 11px; width: 500px; height: 400px; line-height: 130%; border: 2px solid #CCC; border-bottom-width: 1px; margin: 9px 0 0 0; }
	#content #map_canvas img		{ background-color: transparent; padding: 0; margin: 0; border: 0; max-width: none; } 
	#content #search_route p 		{ font-size: 11px; padding: 3px 0 5px 0; font-family: "Lucida Grande","Lucida Sans Unicode",Lucida,Geneva,"Trebuchet MS",Arial,Helvetica,sans-serif; }	
	form#search_route				{ display: block; background: #F4F4F4; color: #333; font-size: 11px; border: 1px solid #DDD; margin: 0; padding: 8px 20px 0px 10px; width: 472px; }
	form#search_route input			{ border-width: 1px; border-color: #999; color: #444; padding: 1px 3px; }
	#route_submit					{ cursor: pointer; background: #EEE; padding: 1px 7px; }


/* ***** standards *******************************************************
*/
em									{ font-style: normal; text-transform: uppercase; letter-spacing: 1px; }
small								{ font-size: 11px; }
#content .kontaktform p				{ color: #296984; }
#content .kontaktform p.small		{ color: #333; font-size: 11px; margin: 15px 18px 6px 45px; }
div.zemThanks						{ color: #296984; margin: 6px 18px 6px 0; }


/* ***** formulare *******************************************************
*/
form								{ display: block; margin: 15px 0; padding: 0; } /* fuer IE, um umbruch zu vermeiden */
fieldset							{ border: 0; }
legend								{ display: none; }
.kontakt input,
textarea							{ background: #F4F4F4; border: 1px solid #DDD; padding: 1px 3px; margin: 2px 0; color: #333; font-weight: normal; font-family: "Lucida Grande","Lucida Sans Unicode",Lucida,Geneva,"Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 11px; }
select								{ cursor: pointer; width: 220px; background: #F4F4F4; border: 1px solid #DDD; padding: 0; margin: 3px 0; color: #333; font-weight: normal; font-family: "Lucida Grande","Lucida Sans Unicode",Lucida,Geneva,"Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 11px; }
.kontakt input						{ width: 212px; }
input#name							{ border: 2px solid #CCC; padding: 1px 2px; }
input:hover,
input:focus							{ background: white; color: #333; }
textarea:hover,
textarea:focus						{ background: white; color: #333; }
select:hover,
select:focus						{ background: white; color: #333; }
textarea							{ width: 385px;  height: 175px; border: 2px solid #CCC; }
input.zemRequired					{ border: 2px solid #CCC; padding: 0px 2px; }
input.zemRequirederrorElement		{ border: 2px solid #296984; padding: 0px 2px; }
textarea.zemRequirederrorElement	{ border: 2px solid #296984; }
select.zemRequired					{ border: 2px solid #CCC; }
label.zemRequired					{ background: url(/images/icon-asterisk.gif) no-repeat 100% 4px; }
label.zemRequirederrorElement		{ background: url(/images/icon-asteriskB.gif) no-repeat 100% 4px; }
label								{ line-height: 145%; width: 120px; color: #333; text-align: right; display: block; float: left; clear: both; margin: 2px 10px 2px 0; padding: 0 10px 0 0; }
.formular							{ color: #666; }
.formular strong					{ color: #EC3A3F; }
.subtext							{ width: 123px; text-align: right; margin: 2px 0; padding: 10px 10px 5px 0; }
#divSenden							{ padding: 20px 0 0 10px; }
input.zemSubmit						{ color: white; padding: 3px 2px; margin: 5px 0 0 140px; width: 90px; font-weight: bold; background: #80BFDA; border: 2px solid #296984; -moz-border-radius: 3px; border-radius: 3px; }
input.zemSubmit:hover,
input.zemSubmit:focus				{ border-color: #333; cursor: pointer; }
#content ul.zemError				{ color: #296984; }

 
/* ***** empfohlene relative schriftgroessen ( => einfach-fuer-alle.de )
69%, 76%, 86%, 93%, 101%
*/


/* ***** 29-06-2010 martin niggemann, www.weltrettung.org ****************
*/