/*  
Theme Name: Stiftung zur Förderung von Menschen mit Autismus
Theme URI: 	www.autismusstiftung.org
Version: 	November 2008
Author: 	Realdesigns Berlin / Thorsten Kienemann
Website: 	http://www.realdesigns.de
*/

*		{padding:0;margin:0}
img		{border:none}
div, p, ul, li, form, label, input, textarea, select, h1, h2, h3, h4, h5, h6
{font-family: Arial, verdana, sans-serif;color:#000000;}

/* Body */
body	{background: url(images/bg_site.gif) repeat-x top left #D7D7D7}
.wrap 	{margin:0 auto 0 auto;width:960px}

/* Headlines */
h1 {font-size:12px;color:#00388B; line-height:1.5em;margin:0 0 10px 0}

/* grafische Überschriften */
h1 .willkommen			{position: relative;/*fuer IE*/ display: block; background-image: url(images/h1_willkommen.gif); 		background-repeat: no-repeat; width: 260px; height: 24px; margin-top: -34px; z-index: 550;}
h1 .wir_ueber_uns		{position: relative;/*fuer IE*/ display: block; background-image: url(images/h1_wir_ueber_uns.gif); 	background-repeat: no-repeat; width: 260px; height: 24px; margin-top: -34px; z-index: 550;}
h1 .was_ist_autismus	{position: relative;/*fuer IE*/ display: block; background-image: url(images/h1_was_ist_autismus.gif); 	background-repeat: no-repeat; width: 260px; height: 24px; margin-top: -34px; z-index: 550;}
h1 .stiftungsprojekte	{position: relative;/*fuer IE*/ display: block; background-image: url(images/h1_stiftungsprojekte.gif); background-repeat: no-repeat; width: 260px; height: 24px; margin-top: -34px; z-index: 550;}
h1 .stiftung			{position: relative;/*fuer IE*/ display: block; background-image: url(images/h1_stiftung.gif); 			background-repeat: no-repeat; width: 260px; height: 24px; margin-top: -34px; z-index: 550;}
h1 .kontakt				{position: relative;/*fuer IE*/ display: block; background-image: url(images/h1_kontakt.gif); 			background-repeat: no-repeat; width: 260px; height: 24px; margin-top: -34px; z-index: 550;}
h1 .kontaktformular		{position: relative;/*fuer IE*/ display: block; background-image: url(images/h1_kontaktformular.gif); 	background-repeat: no-repeat; width: 260px; height: 24px; margin-top: -34px; z-index: 550;}
h1 .ansprechpartner		{position: relative;/*fuer IE*/ display: block; background-image: url(images/h1_ansprechpartner.gif);	background-repeat: no-repeat; width: 260px; height: 24px; margin-top: -34px; z-index: 550;}
h1 .spendenkonto		{position: relative;/*fuer IE*/ display: block; background-image: url(images/h1_spendenkonto.gif); 		background-repeat: no-repeat; width: 260px; height: 24px; margin-top: -34px; z-index: 550;}
h1 .impressum			{position: relative;/*fuer IE*/ display: block; background-image: url(images/h1_impressum.gif);			background-repeat: no-repeat; width: 260px; height: 24px; margin-top: -34px; z-index: 550;}
h1 .nutzungsbedingungen	{position: relative;/*fuer IE*/ display: block; background-image: url(images/h1_nutzungsbedingungen.gif);background-repeat: no-repeat; width: 260px; height: 24px; margin-top: -34px; z-index: 550;}
h1 .event				{position: relative;/*fuer IE*/ display: block; background-image: url(images/h1_event.gif); 			background-repeat: no-repeat; width: 260px; height: 24px; margin-top: -34px; z-index: 550;}

h1 .kontakt_right		{position: relative;/*fuer IE*/ display: block; background-image: url(images/h1_kontakt_right.gif); background-repeat: no-repeat; width: 260px; height: 24px; margin-top: -34px; z-index: 550;}
h1 .spendenkonto_right	{position: relative;/*fuer IE*/ display: block; background-image: url(images/h1_spendenkonto_right.gif); background-repeat: no-repeat; width: 260px; height: 24px; margin-top: -34px; z-index: 550;}

h1 .text 	{position: relative;/*fuer IE*/ display: block; z-index: 500;width: 279px;height: 36px;overflow: hidden;}

 
/* Container */
#header			{height:198px; background:url(images/bg_header.jpg) top no-repeat; background-position: 85% 0}

.logo			{width:220px;height:165px; margin:12px 0 0 15px;border:none}
.logo_print		{display:none}


#content				{background:#ffffff;height:auto; overflow:auto}
#content_inner_left		{padding:30px 15px 30px 30px;margin:0 30px 0 0;float:left;width:520px}
#content_inner_left p	{font-size:0.9em;line-height:1.6em;}

#content_inner_right	{background:#EBEBEB;float:left;width:280px;padding:30px 20px 15px 20px}
#content_inner_right p	{font-size:0.75em;line-height:1.6em;}

#content_inner_right img{border:none}

#content_inner_left ul	{font-size:0.9em;line-height:1.6em;padding:10px 0 10px 20px;}


/* Footer */
#footer 		{height:50px; background:url(images/bg_footer.gif) #D7D7D7 top left no-repeat;font-size:0.70em}
#footer p.left	{padding:15px 0 0 15px;float:left}
#footer p.right	{padding:15px 15px 0 0;float:right}

#footer a:link, #footer a:visited	{color:#000000; text-decoration:none}
#footer a:hover						{color:#000000; text-decoration:underline}

/* Navigation */
#navcontainer	{width:900px;height:40px;background:transparent}
#nav 			{height: 40px;list-style: none;margin:0;padding:0;}
#nav li 		{float: left;margin:0;padding:0;height: 40px;overflow: hidden; /* if text-resize, this'll keep the nav the same size */	}
#nav li a 		{display: block;margin:0 25px 0 0;padding:0;line-height: 40px;text-indent: -5000px;overflow: hidden;background-position: left top; /* horizontally centers the background image */}
#navHome		{width:  85px;background: url(images/nav_home.jpg) no-repeat;}
#navAboutus 	{width: 100px;background: url(images/nav_about_us.jpg) no-repeat;}
#navAutismus 	{width: 135px;background: url(images/nav_autismus.jpg) no-repeat;}
#navStiftung	{width: 125px;background: url(images/nav_stiftung.jpg) no-repeat;}
#navKontakt		{width: 140px;background: url(images/nav_kontakt.jpg) no-repeat;}
#nav li a:hover {background-position: 50% -40px;}
#nav li a.currentSection, #nav li a.currentSection:hover {background-position: 50% -40px;}

/* Kontaktformular */
.kontakt_form					{height:auto;width:500px}
.kontakt_form label				{float:left; width: 150px;margin:0 0 10px 0; font-size:0.80em}
.kontakt_form select			{width: 260px;padding:3px;margin:3px 0 20px 0;background-color:#F5F5F5;border:1px solid #999999; }
.kontakt_form input, textarea	{width: 250px;margin:0 0 10px 0;padding:3px; background:#ffffff;border:1px solid #CCCCCC;}
.kontakt_form textarea			{width: 250px;height:120px;}
.kontakt_form .boxes			{width: 1em;}
.kontakt_form br				{clear: left;}
.kontakt_form input.btn			{padding:4px 0 4px 0;cursor:pointer;background: #CCCCCC;border:1px solid #000000;color:#000000;width:130px;margin:5px 0 0 210px;}
.kontakt_form input.btnhov		{background:#00388B;color:#ffffff}
.kontakt_form .focus			{width: 250px;margin:0 0 10px 0;padding:3px; background:#F2F2F2;border:1px solid #00388B;}
.kontakt_form .blur				{width: 250px;margin:0 0 10px 0;padding:3px; background:#ffffff;border:1px solid #cccccc;}

/* Links allgemein */
a:link, a:visited	{color:#00388B; text-decoration:none}
a:hover				{color:#0099FF; text-decoration:underline}